); }; export const LoaderTwo = () => { const transition = (x: number) => { return { duration: 2, repeat: Infinity, repeatType: "loop" as const, delay: x * 0.2, ease: "easeInOut", }; }; return (

); }; export const LoaderThree = () => { return ( ); }; export const LoaderFour = ({ text = "Loading..." }: { text?: string }) => { return (

{text} {text} {text}

); }; `,__rawStringJsx__:`"use client"; import { motion } from "motion/react"; import React from "react"; export const LoaderOne = () => { const transition = (x) => { return { duration: 1, repeat: Infinity, repeatType: "loop", delay: x * 0.2, ease: "easeInOut", }; }; return (

); }; export const LoaderTwo = () => { const transition = (x) => { return { duration: 2, repeat: Infinity, repeatType: "loop", delay: x * 0.2, ease: "easeInOut", }; }; return (

); }; export const LoaderThree = () => { return ( ); }; export const LoaderFour = ({ text = "Loading..." }) => { return (

{text} {text} {text}

); }; `,__src__:"/src/registry/default/ui/loader.tsx",__style__:"default",children:(0,e.jsxs)(r.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"use client"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" motion"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "motion/react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderOne"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "loop"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" as"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" delay"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" *"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "easeInOut"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"flex items-center gap-2"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 10"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 rounded-full border border-neutral-300 bg-gradient-to-b from-neutral-400 to-neutral-300"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 10"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 rounded-full border border-neutral-300 bg-gradient-to-b from-neutral-400 to-neutral-300"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 10"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 rounded-full border border-neutral-300 bg-gradient-to-b from-neutral-400 to-neutral-300"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderTwo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:"x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" number"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "loop"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" as"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" delay"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" *"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "easeInOut"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" };"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"flex items-center"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 20"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 rounded-full bg-neutral-200 shadow-md dark:bg-neutral-500"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 20"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0.4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 -translate-x-2 rounded-full bg-neutral-200 shadow-md dark:bg-neutral-500"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.div"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 20"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"("}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:")}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-4 w-4 -translate-x-4 rounded-full bg-neutral-200 shadow-md dark:bg-neutral-500"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderThree"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.svg"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" xmlns"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"http://www.w3.org/2000/svg"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" width"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"24"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" height"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"24"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" viewBox"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"0 0 24 24"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" fill"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"none"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" stroke"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"currentColor"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" strokeWidth"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"1"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" strokeLinecap"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"round"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" strokeLinejoin"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"round"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"h-20 w-20 stroke-neutral-500 [--fill-final:var(--color-yellow-300)] [--fill-initial:var(--color-neutral-50)] dark:stroke-neutral-100 dark:[--fill-final:var(--color-yellow-500)] dark:[--fill-initial:var(--color-neutral-800)]"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.path"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" stroke"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"none"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" d"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"M0 0h24v24H0z"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" fill"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"none"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.path"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" initial"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" pathLength"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" fill"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "var(--fill-initial)"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" pathLength"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" fill"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "var(--fill-final)"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "easeInOut"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "reverse"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" d"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" const"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderFour"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ({"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#F38CEC",color:"var(--shiki-bearded)"},children:" text"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "Loading..."'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }:"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" text"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"?:"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:" string"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" })"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" =>"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ("})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:"div"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative font-bold text-black [perspective:1000px] dark:text-white"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:">"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.span"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" skew"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"40"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" scaleX"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.05"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "reverse"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatDelay"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "linear"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" times"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"relative z-20 inline-block"'})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"text"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.span"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"absolute inset-0 text-[#00e571]/50 blur-[0.5px] dark:text-[#00e571]"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"-"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"-"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0.3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.9"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "reverse"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "linear"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" times"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.2"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"text"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"motion.span"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" className"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"="}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:'"absolute inset-0 text-[#8b00ff]/50 dark:text-[#8b00ff]"'})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" animate"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" x"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" y"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" -"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0.5"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" opacity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0.4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.9"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.4"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" transition"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"={{"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" duration"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeat"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#E35535",color:"var(--shiki-bearded)"},children:" Infinity"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" repeatType"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "reverse"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" ease"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "linear"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E1",color:"var(--shiki-bearded)"},children:" times"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:":"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" ["}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:"0"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.3"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.6"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 0.8"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:","}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF955C",color:"var(--shiki-bearded)"},children:" 1"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"],"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }}"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" >"})}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:"text"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" "})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" );"})}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"};"})})]})})})})]})})]}),` `,(0,e.jsxs)(r.h2,{id:"simple-loader",children:[(0,e.jsx)(r.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#simple-loader",children:(0,e.jsx)(r.span,{className:"icon icon-link"})}),"Simple Loader"]}),` `,(0,e.jsx)(d,{name:"loader-one-demo",className:"relative overflow-hidden [&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]",children:(0,e.jsx)(r.figure,{__src__:"/src/registry/default/example/loader-one-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(r.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React from "react"; import { LoaderOne } from "@/components/ui/loader"; export function LoaderOneDemo() { return ; } `,__rawStringJsx__:`import React from "react"; import { LoaderOne } from "@/components/ui/loader"; export function LoaderOneDemo() { return ; } `,__src__:"/src/registry/default/example/loader-one-demo.tsx",children:(0,e.jsxs)(r.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderOne"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/components/ui/loader"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" LoaderOneDemo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"LoaderOne"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})})}),` `,(0,e.jsxs)(r.h2,{id:"compact-loader",children:[(0,e.jsx)(r.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#compact-loader",children:(0,e.jsx)(r.span,{className:"icon icon-link"})}),"Compact Loader"]}),` `,(0,e.jsx)(d,{name:"loader-two-demo",className:"relative overflow-hidden [&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]",children:(0,e.jsx)(r.figure,{__src__:"/src/registry/default/example/loader-two-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(r.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React from "react"; import { LoaderTwo } from "@/components/ui/loader"; export function LoaderTwoDemo() { return ; } `,__rawStringJsx__:`import React from "react"; import { LoaderTwo } from "@/components/ui/loader"; export function LoaderTwoDemo() { return ; } `,__src__:"/src/registry/default/example/loader-two-demo.tsx",children:(0,e.jsxs)(r.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderTwo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/components/ui/loader"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" LoaderTwoDemo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"LoaderTwo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})})}),` `,(0,e.jsxs)(r.h2,{id:"svg-loader",children:[(0,e.jsx)(r.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#svg-loader",children:(0,e.jsx)(r.span,{className:"icon icon-link"})}),"SVG Loader"]}),` `,(0,e.jsx)(d,{name:"loader-three-demo",className:"relative overflow-hidden [&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]",children:(0,e.jsx)(r.figure,{__src__:"/src/registry/default/example/loader-three-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(r.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React from "react"; import { LoaderThree } from "@/components/ui/loader"; export function LoaderThreeDemo() { return ; } `,__rawStringJsx__:`import React from "react"; import { LoaderThree } from "@/components/ui/loader"; export function LoaderThreeDemo() { return ; } `,__src__:"/src/registry/default/example/loader-three-demo.tsx",children:(0,e.jsxs)(r.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderThree"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/components/ui/loader"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" LoaderThreeDemo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"LoaderThree"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})})}),` `,(0,e.jsxs)(r.h2,{id:"glitch-loader",children:[(0,e.jsx)(r.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#glitch-loader",children:(0,e.jsx)(r.span,{className:"icon icon-link"})}),"Glitch Loader"]}),` `,(0,e.jsx)(d,{name:"loader-four-demo",className:"relative overflow-hidden [&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]",children:(0,e.jsx)(r.figure,{__src__:"/src/registry/default/example/loader-four-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,e.jsx)(r.pre,{className:"BeardedTheme Arc",style:{"--shiki-bearded":"#d3d8e1","--shiki-bearded-bg":"#1c2433"},tabIndex:"0","data-language":"tsx","data-theme":"BeardedTheme Arc",__rawString__:`import React from "react"; import { LoaderFour } from "@/components/ui/loader"; export function LoaderFourDemo() { return ; } `,__rawStringJsx__:`import React from "react"; import { LoaderFour } from "@/components/ui/loader"; export function LoaderFourDemo() { return ; } `,__src__:"/src/registry/default/example/loader-four-demo.tsx",children:(0,e.jsxs)(r.code,{"data-language":"tsx","data-theme":"BeardedTheme Arc",style:{display:"grid"},children:[(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" React"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "react"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"import"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#FF738A",color:"var(--shiki-bearded)"},children:" LoaderFour"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" }"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" from"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#3CEC85",color:"var(--shiki-bearded)"},children:' "@/components/ui/loader"'}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:" "}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:"export"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#22ECDB",color:"var(--shiki-bearded)"},children:" function"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FF",color:"var(--shiki-bearded)"},children:" LoaderFourDemo"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"()"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:" {"})]}),` `,(0,e.jsxs)(r.span,{"data-line":"",children:[(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#EACD61",color:"var(--shiki-bearded)"},children:" return"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" <"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#B78AFF",color:"var(--shiki-bearded)"},children:"LoaderFour"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#69C3FFAA",color:"var(--shiki-bearded)"},children:" />"}),(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:";"})]}),` `,(0,e.jsx)(r.span,{"data-line":"",children:(0,e.jsx)(r.span,{style:{"--shiki-bearded":"#D3D8E160",color:"var(--shiki-bearded)"},children:"}"})})]})})})})]})}function v(i={}){let{wrapper:r}=i.components||{};return r?(0,e.jsx)(r,{...i,children:(0,e.jsx)(D,{...i})}):D(i)}function s(i,r){throw new Error("Expected "+(r?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}return g(_);})(); ;return Component;

Best Free Loaders Components for your Tailwind CSS and React project

Aceternity UI