bynana-ui 1.6.1 → 1.7.0

package/dist/index.mjs

@@ -1,35 +1,35 @@
-import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import si,{createContext,forwardRef,useState,useCallback,useContext,useRef,useEffect,useMemo,Children,useLayoutEffect,useId}from'react';import {AnimatePresence,motion,useMotionValue,useSpring,useAnimation,useTransform,useInView,useScroll,useVelocity,useAnimationFrame}from'framer-motion';function a(...e){return twMerge(clsx(e))}function Io({children:e,className:n,...t}){return jsxs("button",{className:a("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:text-white","transition-colors duration-200",n),...t,children:[jsx("span",{className:a("absolute inset-0 overflow-hidden rounded-[inherit]","before:absolute before:inset-0","before:-translate-x-full","before:animate-shimmer","before:bg-gradient-to-r","before:from-transparent before:via-white/40 before:to-transparent","before:skew-x-[-20deg]")}),jsx("span",{className:"relative z-10",children:e})]})}function Ho({children:e,className:n,onClick:t,...r}){let[i,o]=useState([]);function s(l){let d=l.currentTarget.getBoundingClientRect(),c=l.clientX-d.left,m=l.clientY-d.top,g={x:c,y:m,id:Date.now()};o(p=>[...p,g]),setTimeout(()=>{o(p=>p.filter(f=>f.id!==g.id));},1e3),t?.(l);}return jsxs("button",{className:a("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-colors duration-200",n),onClick:s,...r,children:[jsx(AnimatePresence,{children:i.map(l=>jsx(motion.span,{className:"absolute rounded-full pointer-events-none border-2 border-white/50 dark:border-black/50",style:{left:l.x,top:l.y,transform:"translate(-50%, -50%)"},initial:{width:0,height:0,opacity:.9},animate:{width:500,height:500,opacity:0},exit:{opacity:0},transition:{duration:1,ease:[.4,0,.2,1]}},l.id))}),jsx("span",{className:"relative z-10",children:e})]})}function Vo({children:e,className:n,strength:t=.5,radius:r=200,...i}){let o=useRef(null),[s,l]=useState(false),u=useMotionValue(0),d=useMotionValue(0),c={damping:20,stiffness:300,mass:.5},m=useSpring(u,c),g=useSpring(d,c);return jsx("div",{ref:o,className:"relative inline-flex items-center justify-center",onMouseMove:b=>{if(!o.current)return;let x=o.current.getBoundingClientRect(),y=x.left+x.width/2,v=x.top+x.height/2,h=b.clientX-y,w=b.clientY-v,k=Math.sqrt(h*h+w*w);if(k<r){let T=1-k/r;u.set(h*t*T),d.set(w*t*T);}},onMouseLeave:()=>{l(false),u.set(0),d.set(0);},onMouseEnter:()=>l(true),style:{padding:r/2,margin:-r/2},children:jsx(motion.div,{style:{x:m,y:g},children:jsx("button",{className:a("px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-shadow duration-300",s&&"shadow-lg",n),...i,children:e})})})}function Go({children:e,className:n,onClick:t,...r}){let[i,o]=useState(false);function s(l){o(true),setTimeout(()=>o(false),1500),t?.(l);}return jsxs("div",{className:"relative inline-block",children:[jsx(motion.div,{className:"absolute -bottom-2 left-1/2 w-16 h-2 bg-black/20 rounded-full blur-sm",animate:i?{scaleX:[1,.8,1.2,.9,1.1,.95,1],opacity:[.3,.6,.2,.5,.3,.4,.3]}:{},style:{x:"-50%"},transition:{duration:1.5,ease:"easeOut"}}),jsx(motion.div,{animate:i?{y:[0,-40,-20,-35,-10,-25,-5,-15,0],rotate:[0,-5,2,-3,1,-2,.5,-1,0]}:{},transition:{duration:1.5,ease:"easeOut",times:[0,.2,.35,.5,.65,.75,.85,.95,1]},whileHover:i?{}:{y:[0,-8,0]},children:jsx("button",{className:a("px-6 py-3 rounded-xl font-medium","bg-orange-500 hover:bg-orange-600 text-white","transition-colors duration-200",n),onClick:s,disabled:i,...r,children:e})})]})}function Yo({children:e,className:n,glowColor:t="rgba(59, 130, 246, 0.8)",...r}){let[i,o]=useState(false);return jsxs(motion.div,{className:"relative inline-block",onMouseEnter:()=>o(true),onMouseLeave:()=>o(false),animate:{filter:i?[`drop-shadow(0 0 10px ${t})`,`drop-shadow(0 0 25px ${t})`,`drop-shadow(0 0 10px ${t})`]:"drop-shadow(0 0 0px transparent)"},transition:{duration:i?1.5:.3,repeat:i?1/0:0},children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",animate:i?{boxShadow:[`0 0 20px ${t}`,`0 0 40px ${t}`,`0 0 20px ${t}`],scale:[1,1.05,1]}:{boxShadow:"0 0 0px transparent",scale:1},transition:{duration:2,repeat:i?1/0:0,ease:"easeInOut"}}),jsx("button",{className:a("relative px-6 py-3 rounded-xl font-medium","bg-blue-600 hover:bg-blue-700 text-white","transition-all duration-300",i&&"bg-blue-500",n),...r,children:e})]})}function Uo({children:e,className:n,pulseColor:t="rgba(239, 68, 68, 0.5)",...r}){return jsxs("div",{className:"relative inline-block",children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{backgroundColor:t},animate:{scale:[1,1.3,1,1.2,1],opacity:[.6,0,.6,0,.6]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]}}),jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{backgroundColor:t},animate:{scale:[1,1.5,1,1.4,1],opacity:[.4,0,.4,0,.4]},transition:{duration:1.2,delay:.1,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]}}),jsx(motion.div,{animate:{scale:[1,1.05,1,1.03,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]},children:jsx("button",{className:a("relative px-6 py-3 rounded-xl font-medium","bg-red-500 hover:bg-red-600 text-white","transition-colors duration-200",n),...r,children:e})})]})}var Ko={pink:{border:"border-pink-500",text:"text-pink-400",shadow:"shadow-pink-500/50",glow:"rgba(236, 72, 153, 0.6)",bg:"hover:bg-pink-500/10"},cyan:{border:"border-cyan-500",text:"text-cyan-400",shadow:"shadow-cyan-500/50",glow:"rgba(6, 182, 212, 0.6)",bg:"hover:bg-cyan-500/10"},green:{border:"border-green-500",text:"text-green-400",shadow:"shadow-green-500/50",glow:"rgba(34, 197, 94, 0.6)",bg:"hover:bg-green-500/10"},purple:{border:"border-purple-500",text:"text-purple-400",shadow:"shadow-purple-500/50",glow:"rgba(168, 85, 247, 0.6)",bg:"hover:bg-purple-500/10"},orange:{border:"border-orange-500",text:"text-orange-400",shadow:"shadow-orange-500/50",glow:"rgba(249, 115, 22, 0.6)",bg:"hover:bg-orange-500/10"}},Zo={sm:"h-8 px-3 text-xs",default:"h-10 px-6 text-sm",lg:"h-12 px-8 text-base"};function Qo({children:e,className:n,color:t="cyan",size:r="default",...i}){let o=Ko[t];return jsxs(motion.button,{className:a("relative inline-flex items-center justify-center","font-semibold tracking-wide uppercase","border-2 rounded-lg","bg-transparent","transition-colors duration-200",o.border,o.text,o.bg,Zo[r],n),whileHover:{boxShadow:`0 0 20px ${o.glow}, 0 0 40px ${o.glow}, 0 0 60px ${o.glow}`},whileTap:{scale:.98},transition:{duration:.2},...i,children:[jsx(motion.span,{className:a("absolute inset-0 rounded-lg opacity-0",o.border),animate:{opacity:[.5,1,.5]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},style:{boxShadow:`inset 0 0 10px ${o.glow}`}}),jsx("span",{className:"relative z-10",children:e})]})}function ta({children:e,className:n,variant:t="primary",size:r="md",onClick:i,...o}){let[s,l]=useState(false);function u(m){m.preventDefault(),m.stopPropagation(),l(true),setTimeout(()=>l(false),800),i&&i(m);}let d={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},c={primary:"bg-zinc-900 text-white border-zinc-900 dark:bg-white dark:text-zinc-900 dark:border-white",secondary:"bg-zinc-100 text-zinc-900 border-zinc-200 dark:bg-zinc-800 dark:text-white dark:border-zinc-700",outline:"bg-transparent text-zinc-900 border-zinc-300 dark:text-white dark:border-zinc-600"};return jsxs("button",{className:a("relative overflow-hidden rounded-lg font-medium border-2 transition-colors",d[r],c[t],n),onClick:u,...o,children:[jsx(AnimatePresence,{children:s&&jsx(motion.div,{className:a("absolute inset-0 origin-bottom",t==="primary"?"bg-blue-500 dark:bg-blue-400":"bg-zinc-900 dark:bg-white"),initial:{scaleY:0},animate:{scaleY:1},exit:{scaleY:0,transition:{duration:.3}},transition:{duration:.5,ease:[.4,0,.2,1]},style:{transformOrigin:"bottom"}},"liquid-fill")}),jsx(AnimatePresence,{children:s&&jsx(Fragment,{children:[...Array(5)].map((m,g)=>jsx(motion.div,{className:"absolute w-1.5 h-1.5 bg-white/60 rounded-full",style:{left:`${20+g*15}%`,bottom:"10%"},initial:{y:0,opacity:0,scale:0},animate:{y:-60,opacity:[0,1,0],scale:[0,1,.5]},transition:{duration:.6,delay:g*.08,ease:"easeOut"}},g))})}),jsx("span",{className:a("relative flex items-center justify-center gap-2 transition-colors duration-200 z-10",s&&(t==="outline"||t==="secondary"?"text-white dark:text-zinc-900":"text-white")),children:e})]})}function aa({children:e,className:n,variant:t="primary",size:r="md",slideText:i="Go!",onClick:o,...s}){let[l,u]=useState(false),d={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},c={primary:"bg-zinc-900 text-white dark:bg-white dark:text-zinc-900",secondary:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white",outline:"bg-transparent text-zinc-900 border-2 border-zinc-300 dark:text-white dark:border-zinc-600"};return jsxs("button",{className:a("relative overflow-hidden rounded-lg font-medium transition-all",d[r],c[t],n),onMouseEnter:()=>u(true),onMouseLeave:()=>u(false),onClick:o,...s,children:[jsx(motion.div,{className:a("absolute inset-0",t==="primary"?"bg-blue-600 dark:bg-blue-500":"bg-zinc-900 dark:bg-white"),initial:{x:"-100%"},animate:{x:l?"0%":"-100%"},transition:{duration:.3,ease:"easeInOut"}}),jsx(motion.span,{className:"relative flex items-center justify-center gap-2 z-10",animate:{x:l?20:0,opacity:l?0:1},transition:{duration:.2},children:e}),jsxs(motion.span,{className:a("absolute inset-0 flex items-center justify-center gap-2 z-10",t==="outline"||t==="secondary"?"text-white dark:text-zinc-900":"text-white"),initial:{x:-20,opacity:0},animate:{x:l?0:-20,opacity:l?1:0},transition:{duration:.2},children:[i,jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]})}var ia={sunset:"from-orange-500 via-pink-500 to-purple-500",ocean:"from-cyan-500 via-blue-500 to-purple-500",forest:"from-green-500 via-emerald-500 to-teal-500",purple:"from-purple-500 via-violet-500 to-indigo-500",fire:"from-yellow-500 via-orange-500 to-red-500"},sa={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function la({children:e,className:n,variant:t="ocean",size:r="md",...i}){return jsxs(motion.button,{className:a("relative overflow-hidden rounded-lg font-semibold text-white","bg-gradient-to-r",ia[t],sa[r],n),whileHover:{scale:1.02},whileTap:{scale:.98},...i,children:[jsx(motion.div,{className:"absolute inset-0 bg-gradient-to-r from-white/0 via-white/25 to-white/0",initial:{x:"-100%"},whileHover:{x:"100%"},transition:{duration:.5}}),jsx("span",{className:"relative z-10",children:e})]})}function ua({children:e,className:n,holdDuration:t=1e3,onHoldComplete:r,variant:i="primary",...o}){let[s,l]=useState(0),[u,d]=useState(false),c=useRef(null),m={primary:"bg-zinc-900 dark:bg-white",danger:"bg-red-500",success:"bg-green-500"},g={primary:"bg-blue-500",danger:"bg-red-700",success:"bg-green-700"},p=()=>{d(true);let b=Date.now();c.current=setInterval(()=>{let x=Date.now()-b,y=Math.min(x/t*100,100);l(y),y>=100&&(f(),r?.());},16);},f=()=>{d(false),l(0),c.current&&(clearInterval(c.current),c.current=null);};return jsxs(motion.button,{className:a("relative overflow-hidden rounded-lg px-6 py-3 font-medium text-white dark:text-zinc-900",m[i],n),onMouseDown:p,onMouseUp:f,onMouseLeave:f,onTouchStart:p,onTouchEnd:f,whileTap:{scale:.98},...o,children:[jsx(motion.div,{className:a("absolute inset-0 origin-left",g[i]),style:{scaleX:s/100},transition:{duration:0}}),jsx("span",{className:"relative z-10",children:e})]})}var fa={primary:{bg:"bg-blue-500",shadow:"shadow-blue-700",hover:"hover:bg-blue-600"},secondary:{bg:"bg-zinc-700",shadow:"shadow-zinc-900",hover:"hover:bg-zinc-800"},danger:{bg:"bg-red-500",shadow:"shadow-red-700",hover:"hover:bg-red-600"}},ga={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function ba({children:e,className:n,variant:t="primary",size:r="md",...i}){let o=fa[t];return jsx(motion.button,{className:a("relative rounded-lg font-semibold text-white","shadow-[0_6px_0_0]",o.bg,o.shadow,o.hover,ga[r],n),whileHover:{y:-2},whileTap:{y:4,boxShadow:"0 2px 0 0"},transition:{duration:.1},...i,children:e})}function va({text:e="Copy",value:n,onCopy:t,className:r}){let[i,o]=useState(false);return jsx("button",{onClick:async()=>{try{n&&await navigator.clipboard.writeText(n),t?.(),o(!0),setTimeout(()=>o(!1),2e3);}catch(l){console.error("Failed to copy:",l);}},className:a("inline-flex items-center gap-2 px-4 py-2","bg-transparent hover:bg-zinc-100 dark:hover:bg-zinc-800","text-zinc-900 dark:text-zinc-100","border border-zinc-300 dark:border-zinc-700","rounded-md transition-all duration-200 font-medium text-sm",r),children:i?jsxs(Fragment,{children:[jsx("svg",{className:"w-4 h-4 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),"Copied!"]}):jsxs(Fragment,{children:[jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})}),e]})})}function Ta({buttonRef:e}){let n=e.current?.getBoundingClientRect();if(!n)return null;let t=n.left+n.width/2,r=n.top+n.height/2;return jsx(AnimatePresence,{children:[...Array(6)].map((i,o)=>jsx(motion.div,{className:"fixed w-1 h-1 bg-black dark:bg-white rounded-full",style:{left:t,top:r},initial:{scale:0,x:0,y:0},animate:{scale:[0,1,0],x:[0,(o%2?1:-1)*(Math.random()*50+20)],y:[0,-Math.random()*50-20]},transition:{duration:.6,delay:o*.1,ease:"easeOut"}},o))})}function za({children:e,onClick:n,onSuccess:t,successDuration:r=1e3,className:i,...o}){let[s,l]=useState(false),u=useRef(null);return jsxs(Fragment,{children:[s&&jsx(Ta,{buttonRef:u}),jsx("button",{ref:u,onClick:c=>{l(true),n?.(c),t?.(),setTimeout(()=>l(false),r);},className:a("relative px-4 py-2 rounded-md bg-primary text-primary-foreground",s&&"scale-95","transition-transform duration-100",i),...o,children:e})]})}function Ia({className:e,particleCount:n=12,children:t,...r}){let[i,o]=useState(false),[s,l]=useState([]),u=useAnimation();useEffect(()=>{let m=Array.from({length:n},(g,p)=>({id:p,x:Math.random()*360-180,y:Math.random()*360-180}));l(m);},[n]);let d=useCallback(async()=>{o(true),await u.start({x:0,y:0,transition:{type:"spring",stiffness:50,damping:10}});},[u]),c=useCallback(async()=>{o(false),await u.start(m=>({x:s[m].x,y:s[m].y,transition:{type:"spring",stiffness:100,damping:15}}));},[u,s]);return jsxs("button",{className:a("min-w-40 relative touch-none px-4 py-2 rounded-md","bg-violet-100 dark:bg-violet-900","hover:bg-violet-200 dark:hover:bg-violet-800","text-violet-600 dark:text-violet-300","border border-violet-300 dark:border-violet-700","transition-all duration-300",e),onMouseEnter:d,onMouseLeave:c,onTouchStart:d,onTouchEnd:c,...r,children:[s.map((m,g)=>jsx(motion.div,{custom:g,initial:{x:s[g].x,y:s[g].y},animate:u,className:a("absolute w-1.5 h-1.5 rounded-full bg-violet-400 dark:bg-violet-300 transition-opacity duration-300",i?"opacity-100":"opacity-40")},g)),jsx("span",{className:"relative w-full flex items-center justify-center gap-2",children:t||(i?"Attracting":"Hover me")})]})}function Ea({className:e,children:n,shortcut:t="CMD + K",...r}){return jsxs("button",{...r,className:a("relative p-2 rounded-lg overflow-hidden","bg-gradient-to-b from-zinc-50 to-zinc-100 dark:from-zinc-800 dark:to-zinc-900","border border-zinc-200 dark:border-zinc-800","hover:border-zinc-300 dark:hover:border-zinc-700","transition-all duration-300 ease-out group","inline-flex items-center justify-center gap-2",e),children:[jsx("svg",{className:a("w-4 h-4 text-zinc-600 dark:text-zinc-400","transition-all duration-300","group-hover:scale-110 group-hover:rotate-[-4deg] group-active:scale-95"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"})}),jsx("span",{className:"text-sm text-zinc-600 dark:text-zinc-400",children:n||t}),jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-indigo-500/0 via-indigo-500/10 to-indigo-500/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out"})]})}function Ba({children:e,className:n="",colors:t=["#40ffaa","#4079ff","#40ffaa","#4079ff","#40ffaa"],animationSpeed:r=8}){return jsx("span",{className:a("bg-clip-text text-transparent bg-[length:200%_auto] animate-gradient",n),style:{backgroundImage:`linear-gradient(to right, ${t.join(", ")})`,animationDuration:`${r}s`},children:e})}function _a({text:e="Text Shimmer",className:n}){return jsx("div",{className:"flex items-center justify-center p-8",children:jsx(motion.div,{className:"relative px-4 py-2 overflow-hidden",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:jsx(motion.h1,{className:a("text-3xl font-bold bg-gradient-to-r from-neutral-950 via-neutral-400 to-neutral-950 dark:from-white dark:via-neutral-600 dark:to-white bg-[length:200%_100%] bg-clip-text text-transparent",n),animate:{backgroundPosition:["200% center","-200% center"]},transition:{duration:2.5,ease:"linear",repeat:1/0},children:e})})})}function Da({text:e="Glitch Text",className:n,glitchIntensity:t="medium",color:r="orange",isStatic:i=false,size:o="md"}){let l={rainbow:{primary:"#a855f7",before:"#22d3ee",after:"#f472b6"},blue:{primary:"#3b82f6",before:"#60a5fa",after:"#1d4ed8"},purple:{primary:"#8b5cf6",before:"#a78bfa",after:"#6d28d9"},cyan:{primary:"#06b6d4",before:"#22d3ee",after:"#0891b2"},pink:{primary:"#ec4899",before:"#f472b6",after:"#db2777"},orange:{primary:"#f97316",before:"#fb923c",after:"#ea580c"}}[r],d={light:{translateRange:2,skewRange:.5},medium:{translateRange:3,skewRange:1},heavy:{translateRange:5,skewRange:2},extreme:{translateRange:8,skewRange:3}}[t],c={sm:"text-2xl",md:"text-4xl",lg:"text-5xl",xl:"text-6xl","2xl":"text-7xl","3xl":"text-8xl"},m={animate:{x:[0,d.translateRange,-d.translateRange,0],y:[0,-d.translateRange,d.translateRange,0],skewX:[0,d.skewRange,-d.skewRange,0]},transition:{duration:.5,repeat:1/0,ease:"easeInOut"}};return jsx("div",{className:a("relative flex items-center justify-center p-8",n),children:jsxs(motion.div,{className:a("relative font-bold tracking-wider",c[o]),style:{color:l.primary},animate:i?void 0:m.animate,transition:m.transition,children:[e,jsx(motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:l.before,opacity:.8},animate:i?void 0:{x:[-d.translateRange,d.translateRange,0],y:[d.translateRange,-d.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e}),jsx(motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:l.after,opacity:.8},animate:i?void 0:{x:[d.translateRange,-d.translateRange,0],y:[-d.translateRange,d.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e})]})})}function Va({text:e,className:n,delay:t=0,duration:r=.4}){let i=Array.from(e);return jsx("div",{className:a("flex",n),children:i.map((o,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},animate:{y:[0,-20,0]},transition:{delay:t+s*.03,duration:r,ease:"easeInOut",repeat:1/0,repeatDelay:.5},children:o},`${o}-${s}`))})}function qa({text:e="",delay:n=200,className:t="",animateBy:r="words",direction:i="top"}){let o=r==="words"?e.split(" "):e.split(""),[s,l]=useState(false),u=useRef(null);useEffect(()=>{if(!u.current)return;let m=new IntersectionObserver(([g])=>{g.isIntersecting&&(l(true),m.unobserve(u.current));},{threshold:.1});return m.observe(u.current),()=>m.disconnect()},[]);let d=useMemo(()=>i==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[i]),c={filter:"blur(0px)",opacity:1,y:0};return jsx("p",{ref:u,className:a("flex flex-wrap",t),children:o.map((m,g)=>jsxs(motion.span,{initial:d,animate:s?c:d,transition:{duration:.5,delay:g*n/1e3,ease:"easeOut"},className:"inline-block",style:{willChange:"transform, filter, opacity"},children:[m===" "?"\xA0":m,r==="words"&&g<o.length-1&&"\xA0"]},g))})}function Za({text:e="Hello World",className:n,speed:t=50,delay:r=0,cursor:i=true,loop:o=false}){let[s,l]=useState(""),[u,d]=useState(false);return useEffect(()=>{let c,m=0,g=false,p=()=>{d(true),g?m>0?(l(e.slice(0,m-1)),m--,c=setTimeout(p,t/2)):(g=false,c=setTimeout(p,500)):m<e.length?(l(e.slice(0,m+1)),m++,c=setTimeout(p,t)):(d(false),o&&(c=setTimeout(()=>{g=true,p();},2e3)));};return c=setTimeout(p,r),()=>clearTimeout(c)},[e,t,r,o]),jsxs("span",{className:a("inline-block font-mono",n),children:[s,i&&jsx("span",{className:a("ml-0.5 inline-block w-[2px] h-[1em] bg-current",u?"animate-blink":"")})]})}function ti({text:e,className:n,amplitude:t=10,frequency:r=1.5}){let i=Array.from(e);return jsx("div",{className:a("flex",n),children:i.map((o,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},animate:{y:[0,-t,0,t,0]},transition:{duration:r,repeat:1/0,delay:s*.08,ease:"easeInOut"},children:o},`${o}-${s}`))})}function ri({text:e,className:n,delay:t=0}){let r=Array.from(e);return jsx("div",{className:a("flex",n),style:{perspective:"1000px"},children:r.map((i,o)=>jsx(motion.span,{className:"inline-block origin-center",style:{whiteSpace:i===" "?"pre":"normal"},animate:{rotateX:[0,360]},transition:{duration:1.5,repeat:1/0,delay:t+o*.08,ease:"easeInOut",repeatDelay:.8},children:i},`${i}-${o}`))})}function oi({text:e,disabled:n=false,speed:t=5,className:r=""}){return jsxs("span",{className:a("inline-block bg-gradient-to-r from-gray-900 via-gray-100 to-gray-900 bg-clip-text text-transparent bg-[length:200%_100%]",!n&&"animate-[shine_var(--shine-speed)_linear_infinite]",r),style:{"--shine-speed":`${t}s`,backgroundImage:"linear-gradient(90deg, #374151 25%, #f3f4f6 50%, #374151 75%)"},children:[e,jsx("style",{children:`
+import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Cn,{createContext,forwardRef,useState,useCallback,createElement,useContext,useRef,useEffect,useMemo,Children,useLayoutEffect,useId}from'react';import {AnimatePresence,motion,useMotionValue,useSpring,useAnimation,useTransform,useInView,useScroll,useVelocity,useAnimationFrame}from'framer-motion';function i(...e){return twMerge(clsx(e))}function _s({children:e,className:t,...a}){return jsxs("button",{className:i("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:text-white","transition-colors duration-200",t),...a,children:[jsx("span",{className:i("absolute inset-0 overflow-hidden rounded-[inherit]","before:absolute before:inset-0","before:-translate-x-full","before:animate-shimmer","before:bg-gradient-to-r","before:from-transparent before:via-white/40 before:to-transparent","before:skew-x-[-20deg]")}),jsx("span",{className:"relative z-10",children:e})]})}function Js({children:e,className:t,onClick:a,...o}){let[l,r]=useState([]);function s(n){let u=n.currentTarget.getBoundingClientRect(),f=n.clientX-u.left,m=n.clientY-u.top,x={x:f,y:m,id:Date.now()};r(c=>[...c,x]),setTimeout(()=>{r(c=>c.filter(p=>p.id!==x.id));},1e3),a?.(n);}return jsxs("button",{className:i("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-colors duration-200",t),onClick:s,...o,children:[jsx(AnimatePresence,{children:l.map(n=>jsx(motion.span,{className:"absolute rounded-full pointer-events-none border-2 border-white/50 dark:border-black/50",style:{left:n.x,top:n.y,transform:"translate(-50%, -50%)"},initial:{width:0,height:0,opacity:.9},animate:{width:500,height:500,opacity:0},exit:{opacity:0},transition:{duration:1,ease:[.4,0,.2,1]}},n.id))}),jsx("span",{className:"relative z-10",children:e})]})}function al({children:e,className:t,strength:a=.5,radius:o=200,...l}){let r=useRef(null),[s,n]=useState(false),d=useMotionValue(0),u=useMotionValue(0),f={damping:20,stiffness:300,mass:.5},m=useSpring(d,f),x=useSpring(u,f);return jsx("div",{ref:r,className:"relative inline-flex items-center justify-center",onMouseMove:g=>{if(!r.current)return;let h=r.current.getBoundingClientRect(),b=h.left+h.width/2,I=h.top+h.height/2,L=g.clientX-b,v=g.clientY-I,C=Math.sqrt(L*L+v*v);if(C<o){let y=1-C/o;d.set(L*a*y),u.set(v*a*y);}},onMouseLeave:()=>{n(false),d.set(0),u.set(0);},onMouseEnter:()=>n(true),style:{padding:o/2,margin:-o/2},children:jsx(motion.div,{style:{x:m,y:x},children:jsx("button",{className:i("px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-shadow duration-300",s&&"shadow-lg",t),...l,children:e})})})}function ol({children:e,className:t,onClick:a,...o}){let[l,r]=useState(false);function s(n){r(true),setTimeout(()=>r(false),1500),a?.(n);}return jsxs("div",{className:"relative inline-block",children:[jsx(motion.div,{className:"absolute -bottom-2 left-1/2 w-16 h-2 bg-black/20 rounded-full blur-sm",animate:l?{scaleX:[1,.8,1.2,.9,1.1,.95,1],opacity:[.3,.6,.2,.5,.3,.4,.3]}:{},style:{x:"-50%"},transition:{duration:1.5,ease:"easeOut"}}),jsx(motion.div,{animate:l?{y:[0,-40,-20,-35,-10,-25,-5,-15,0],rotate:[0,-5,2,-3,1,-2,.5,-1,0]}:{},transition:{duration:1.5,ease:"easeOut",times:[0,.2,.35,.5,.65,.75,.85,.95,1]},whileHover:l?{}:{y:[0,-8,0]},children:jsx("button",{className:i("px-6 py-3 rounded-xl font-medium","bg-orange-500 hover:bg-orange-600 text-white","transition-colors duration-200",t),onClick:s,disabled:l,...o,children:e})})]})}function ll({children:e,className:t,glowColor:a="rgba(59, 130, 246, 0.8)",...o}){let[l,r]=useState(false);return jsxs(motion.div,{className:"relative inline-block",onMouseEnter:()=>r(true),onMouseLeave:()=>r(false),animate:{filter:l?[`drop-shadow(0 0 10px ${a})`,`drop-shadow(0 0 25px ${a})`,`drop-shadow(0 0 10px ${a})`]:"drop-shadow(0 0 0px transparent)"},transition:{duration:l?1.5:.3,repeat:l?1/0:0},children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",animate:l?{boxShadow:[`0 0 20px ${a}`,`0 0 40px ${a}`,`0 0 20px ${a}`],scale:[1,1.05,1]}:{boxShadow:"0 0 0px transparent",scale:1},transition:{duration:2,repeat:l?1/0:0,ease:"easeInOut"}}),jsx("button",{className:i("relative px-6 py-3 rounded-xl font-medium","bg-blue-600 hover:bg-blue-700 text-white","transition-all duration-300",l&&"bg-blue-500",t),...o,children:e})]})}function il({children:e,className:t,pulseColor:a="rgba(239, 68, 68, 0.5)",...o}){return jsxs("div",{className:"relative inline-block",children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{backgroundColor:a},animate:{scale:[1,1.3,1,1.2,1],opacity:[.6,0,.6,0,.6]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]}}),jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{backgroundColor:a},animate:{scale:[1,1.5,1,1.4,1],opacity:[.4,0,.4,0,.4]},transition:{duration:1.2,delay:.1,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]}}),jsx(motion.div,{animate:{scale:[1,1.05,1,1.03,1]},transition:{duration:1.2,repeat:1/0,ease:"easeInOut",times:[0,.2,.4,.6,1]},children:jsx("button",{className:i("relative px-6 py-3 rounded-xl font-medium","bg-red-500 hover:bg-red-600 text-white","transition-colors duration-200",t),...o,children:e})})]})}var ul={pink:{border:"border-pink-500",text:"text-pink-400",shadow:"shadow-pink-500/50",glow:"rgba(236, 72, 153, 0.6)",bg:"hover:bg-pink-500/10"},cyan:{border:"border-cyan-500",text:"text-cyan-400",shadow:"shadow-cyan-500/50",glow:"rgba(6, 182, 212, 0.6)",bg:"hover:bg-cyan-500/10"},green:{border:"border-green-500",text:"text-green-400",shadow:"shadow-green-500/50",glow:"rgba(34, 197, 94, 0.6)",bg:"hover:bg-green-500/10"},purple:{border:"border-purple-500",text:"text-purple-400",shadow:"shadow-purple-500/50",glow:"rgba(168, 85, 247, 0.6)",bg:"hover:bg-purple-500/10"},orange:{border:"border-orange-500",text:"text-orange-400",shadow:"shadow-orange-500/50",glow:"rgba(249, 115, 22, 0.6)",bg:"hover:bg-orange-500/10"}},fl={sm:"h-8 px-3 text-xs",default:"h-10 px-6 text-sm",lg:"h-12 px-8 text-base"};function cl({children:e,className:t,color:a="cyan",size:o="default",...l}){let r=ul[a];return jsxs(motion.button,{className:i("relative inline-flex items-center justify-center","font-semibold tracking-wide uppercase","border-2 rounded-lg","bg-transparent","transition-colors duration-200",r.border,r.text,r.bg,fl[o],t),whileHover:{boxShadow:`0 0 20px ${r.glow}, 0 0 40px ${r.glow}, 0 0 60px ${r.glow}`},whileTap:{scale:.98},transition:{duration:.2},...l,children:[jsx(motion.span,{className:i("absolute inset-0 rounded-lg opacity-0",r.border),animate:{opacity:[.5,1,.5]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},style:{boxShadow:`inset 0 0 10px ${r.glow}`}}),jsx("span",{className:"relative z-10",children:e})]})}function xl({children:e,className:t,variant:a="primary",size:o="md",onClick:l,...r}){let[s,n]=useState(false);function d(m){m.preventDefault(),m.stopPropagation(),n(true),setTimeout(()=>n(false),800),l&&l(m);}let u={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},f={primary:"bg-zinc-900 text-white border-zinc-900 dark:bg-white dark:text-zinc-900 dark:border-white",secondary:"bg-zinc-100 text-zinc-900 border-zinc-200 dark:bg-zinc-800 dark:text-white dark:border-zinc-700",outline:"bg-transparent text-zinc-900 border-zinc-300 dark:text-white dark:border-zinc-600"};return jsxs("button",{className:i("relative overflow-hidden rounded-lg font-medium border-2 transition-colors",u[o],f[a],t),onClick:d,...r,children:[jsx(AnimatePresence,{children:s&&jsx(motion.div,{className:i("absolute inset-0 origin-bottom",a==="primary"?"bg-blue-500 dark:bg-blue-400":"bg-zinc-900 dark:bg-white"),initial:{scaleY:0},animate:{scaleY:1},exit:{scaleY:0,transition:{duration:.3}},transition:{duration:.5,ease:[.4,0,.2,1]},style:{transformOrigin:"bottom"}},"liquid-fill")}),jsx(AnimatePresence,{children:s&&jsx(Fragment,{children:[...Array(5)].map((m,x)=>jsx(motion.div,{className:"absolute w-1.5 h-1.5 bg-white/60 rounded-full",style:{left:`${20+x*15}%`,bottom:"10%"},initial:{y:0,opacity:0,scale:0},animate:{y:-60,opacity:[0,1,0],scale:[0,1,.5]},transition:{duration:.6,delay:x*.08,ease:"easeOut"}},x))})}),jsx("span",{className:i("relative flex items-center justify-center gap-2 transition-colors duration-200 z-10",s&&(a==="outline"||a==="secondary"?"text-white dark:text-zinc-900":"text-white")),children:e})]})}function bl({children:e,className:t,variant:a="primary",size:o="md",slideText:l="Go!",onClick:r,...s}){let[n,d]=useState(false),u={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},f={primary:"bg-zinc-900 text-white dark:bg-white dark:text-zinc-900",secondary:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-white",outline:"bg-transparent text-zinc-900 border-2 border-zinc-300 dark:text-white dark:border-zinc-600"};return jsxs("button",{className:i("relative overflow-hidden rounded-lg font-medium transition-all",u[o],f[a],t),onMouseEnter:()=>d(true),onMouseLeave:()=>d(false),onClick:r,...s,children:[jsx(motion.div,{className:i("absolute inset-0",a==="primary"?"bg-blue-600 dark:bg-blue-500":"bg-zinc-900 dark:bg-white"),initial:{x:"-100%"},animate:{x:n?"0%":"-100%"},transition:{duration:.3,ease:"easeInOut"}}),jsx(motion.span,{className:"relative flex items-center justify-center gap-2 z-10",animate:{x:n?20:0,opacity:n?0:1},transition:{duration:.2},children:e}),jsxs(motion.span,{className:i("absolute inset-0 flex items-center justify-center gap-2 z-10",a==="outline"||a==="secondary"?"text-white dark:text-zinc-900":"text-white"),initial:{x:-20,opacity:0},animate:{x:n?0:-20,opacity:n?1:0},transition:{duration:.2},children:[l,jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]})}var Il={sunset:"from-orange-500 via-pink-500 to-purple-500",ocean:"from-cyan-500 via-blue-500 to-purple-500",forest:"from-green-500 via-emerald-500 to-teal-500",purple:"from-purple-500 via-violet-500 to-indigo-500",fire:"from-yellow-500 via-orange-500 to-red-500"},vl={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function Cl({children:e,className:t,variant:a="ocean",size:o="md",...l}){return jsxs(motion.button,{className:i("relative overflow-hidden rounded-lg font-semibold text-white","bg-gradient-to-r",Il[a],vl[o],t),whileHover:{scale:1.02},whileTap:{scale:.98},...l,children:[jsx(motion.div,{className:"absolute inset-0 bg-gradient-to-r from-white/0 via-white/25 to-white/0",initial:{x:"-100%"},whileHover:{x:"100%"},transition:{duration:.5}}),jsx("span",{className:"relative z-10",children:e})]})}function Sl({children:e,className:t,holdDuration:a=1e3,onHoldComplete:o,variant:l="primary",...r}){let[s,n]=useState(0),[d,u]=useState(false),f=useRef(null),m={primary:"bg-zinc-900 dark:bg-white",danger:"bg-red-500",success:"bg-green-500"},x={primary:"bg-blue-500",danger:"bg-red-700",success:"bg-green-700"},c=()=>{u(true);let g=Date.now();f.current=setInterval(()=>{let h=Date.now()-g,b=Math.min(h/a*100,100);n(b),b>=100&&(p(),o?.());},16);},p=()=>{u(false),n(0),f.current&&(clearInterval(f.current),f.current=null);};return jsxs(motion.button,{className:i("relative overflow-hidden rounded-lg px-6 py-3 font-medium text-white dark:text-zinc-900",m[l],t),onMouseDown:c,onMouseUp:p,onMouseLeave:p,onTouchStart:c,onTouchEnd:p,whileTap:{scale:.98},...r,children:[jsx(motion.div,{className:i("absolute inset-0 origin-left",x[l]),style:{scaleX:s/100},transition:{duration:0}}),jsx("span",{className:"relative z-10",children:e})]})}var Nl={primary:{bg:"bg-blue-500",shadow:"shadow-blue-700",hover:"hover:bg-blue-600"},secondary:{bg:"bg-zinc-700",shadow:"shadow-zinc-900",hover:"hover:bg-zinc-800"},danger:{bg:"bg-red-500",shadow:"shadow-red-700",hover:"hover:bg-red-600"}},Ml={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function Tl({children:e,className:t,variant:a="primary",size:o="md",...l}){let r=Nl[a];return jsx(motion.button,{className:i("relative rounded-lg font-semibold text-white","shadow-[0_6px_0_0]",r.bg,r.shadow,r.hover,Ml[o],t),whileHover:{y:-2},whileTap:{y:4,boxShadow:"0 2px 0 0"},transition:{duration:.1},...l,children:e})}function Bl({text:e="Copy",value:t,onCopy:a,className:o}){let[l,r]=useState(false);return jsx("button",{onClick:async()=>{try{t&&await navigator.clipboard.writeText(t),a?.(),r(!0),setTimeout(()=>r(!1),2e3);}catch(n){console.error("Failed to copy:",n);}},className:i("inline-flex items-center gap-2 px-4 py-2","bg-transparent hover:bg-zinc-100 dark:hover:bg-zinc-800","text-zinc-900 dark:text-zinc-100","border border-zinc-300 dark:border-zinc-700","rounded-md transition-all duration-200 font-medium text-sm",o),children:l?jsxs(Fragment,{children:[jsx("svg",{className:"w-4 h-4 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),"Copied!"]}):jsxs(Fragment,{children:[jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})}),e]})})}function ql({buttonRef:e}){let t=e.current?.getBoundingClientRect();if(!t)return null;let a=t.left+t.width/2,o=t.top+t.height/2;return jsx(AnimatePresence,{children:[...Array(6)].map((l,r)=>jsx(motion.div,{className:"fixed w-1 h-1 bg-black dark:bg-white rounded-full",style:{left:a,top:o},initial:{scale:0,x:0,y:0},animate:{scale:[0,1,0],x:[0,(r%2?1:-1)*(Math.random()*50+20)],y:[0,-Math.random()*50-20]},transition:{duration:.6,delay:r*.1,ease:"easeOut"}},r))})}function El({children:e,onClick:t,onSuccess:a,successDuration:o=1e3,className:l,...r}){let[s,n]=useState(false),d=useRef(null);return jsxs(Fragment,{children:[s&&jsx(ql,{buttonRef:d}),jsx("button",{ref:d,onClick:f=>{n(true),t?.(f),a?.(),setTimeout(()=>n(false),o);},className:i("relative px-4 py-2 rounded-md bg-primary text-primary-foreground",s&&"scale-95","transition-transform duration-100",l),...r,children:e})]})}function _l({className:e,particleCount:t=12,children:a,...o}){let[l,r]=useState(false),[s,n]=useState([]),d=useAnimation();useEffect(()=>{let m=Array.from({length:t},(x,c)=>({id:c,x:Math.random()*360-180,y:Math.random()*360-180}));n(m);},[t]);let u=useCallback(async()=>{r(true),await d.start({x:0,y:0,transition:{type:"spring",stiffness:50,damping:10}});},[d]),f=useCallback(async()=>{r(false),await d.start(m=>({x:s[m].x,y:s[m].y,transition:{type:"spring",stiffness:100,damping:15}}));},[d,s]);return jsxs("button",{className:i("min-w-40 relative touch-none px-4 py-2 rounded-md","bg-violet-100 dark:bg-violet-900","hover:bg-violet-200 dark:hover:bg-violet-800","text-violet-600 dark:text-violet-300","border border-violet-300 dark:border-violet-700","transition-all duration-300",e),onMouseEnter:u,onMouseLeave:f,onTouchStart:u,onTouchEnd:f,...o,children:[s.map((m,x)=>jsx(motion.div,{custom:x,initial:{x:s[x].x,y:s[x].y},animate:d,className:i("absolute w-1.5 h-1.5 rounded-full bg-violet-400 dark:bg-violet-300 transition-opacity duration-300",l?"opacity-100":"opacity-40")},x)),jsx("span",{className:"relative w-full flex items-center justify-center gap-2",children:a||(l?"Attracting":"Hover me")})]})}function $l({className:e,children:t,shortcut:a="CMD + K",...o}){return jsxs("button",{...o,className:i("relative p-2 rounded-lg overflow-hidden","bg-gradient-to-b from-zinc-50 to-zinc-100 dark:from-zinc-800 dark:to-zinc-900","border border-zinc-200 dark:border-zinc-800","hover:border-zinc-300 dark:hover:border-zinc-700","transition-all duration-300 ease-out group","inline-flex items-center justify-center gap-2",e),children:[jsx("svg",{className:i("w-4 h-4 text-zinc-600 dark:text-zinc-400","transition-all duration-300","group-hover:scale-110 group-hover:rotate-[-4deg] group-active:scale-95"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"})}),jsx("span",{className:"text-sm text-zinc-600 dark:text-zinc-400",children:t||a}),jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-indigo-500/0 via-indigo-500/10 to-indigo-500/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out"})]})}function Yl({children:e,className:t="",colors:a=["#40ffaa","#4079ff","#40ffaa","#4079ff","#40ffaa"],animationSpeed:o=8}){return jsx("span",{className:i("bg-clip-text text-transparent bg-[length:200%_auto] animate-gradient",t),style:{backgroundImage:`linear-gradient(to right, ${a.join(", ")})`,animationDuration:`${o}s`},children:e})}function Ql({text:e="Text Shimmer",className:t}){return jsx("div",{className:"flex items-center justify-center p-8",children:jsx(motion.div,{className:"relative px-4 py-2 overflow-hidden",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:jsx(motion.h1,{className:i("text-3xl font-bold bg-gradient-to-r from-neutral-950 via-neutral-400 to-neutral-950 dark:from-white dark:via-neutral-600 dark:to-white bg-[length:200%_100%] bg-clip-text text-transparent",t),animate:{backgroundPosition:["200% center","-200% center"]},transition:{duration:2.5,ease:"linear",repeat:1/0},children:e})})})}function Zl({text:e="Glitch Text",className:t,glitchIntensity:a="medium",color:o="orange",isStatic:l=false,size:r="md"}){let n={rainbow:{primary:"#a855f7",before:"#22d3ee",after:"#f472b6"},blue:{primary:"#3b82f6",before:"#60a5fa",after:"#1d4ed8"},purple:{primary:"#8b5cf6",before:"#a78bfa",after:"#6d28d9"},cyan:{primary:"#06b6d4",before:"#22d3ee",after:"#0891b2"},pink:{primary:"#ec4899",before:"#f472b6",after:"#db2777"},orange:{primary:"#f97316",before:"#fb923c",after:"#ea580c"}}[o],u={light:{translateRange:2,skewRange:.5},medium:{translateRange:3,skewRange:1},heavy:{translateRange:5,skewRange:2},extreme:{translateRange:8,skewRange:3}}[a],f={sm:"text-2xl",md:"text-4xl",lg:"text-5xl",xl:"text-6xl","2xl":"text-7xl","3xl":"text-8xl"},m={animate:{x:[0,u.translateRange,-u.translateRange,0],y:[0,-u.translateRange,u.translateRange,0],skewX:[0,u.skewRange,-u.skewRange,0]},transition:{duration:.5,repeat:1/0,ease:"easeInOut"}};return jsx("div",{className:i("relative flex items-center justify-center p-8",t),children:jsxs(motion.div,{className:i("relative font-bold tracking-wider",f[r]),style:{color:n.primary},animate:l?void 0:m.animate,transition:m.transition,children:[e,jsx(motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:n.before,opacity:.8},animate:l?void 0:{x:[-u.translateRange,u.translateRange,0],y:[u.translateRange,-u.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e}),jsx(motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:n.after,opacity:.8},animate:l?void 0:{x:[u.translateRange,-u.translateRange,0],y:[-u.translateRange,u.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e})]})})}function an({text:e,className:t,delay:a=0,duration:o=.4}){let l=Array.from(e);return jsx("div",{className:i("flex",t),children:l.map((r,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:r===" "?"pre":"normal"},animate:{y:[0,-20,0]},transition:{delay:a+s*.03,duration:o,ease:"easeInOut",repeat:1/0,repeatDelay:.5},children:r},`${r}-${s}`))})}function nn({text:e="",delay:t=200,className:a="",animateBy:o="words",direction:l="top"}){let r=o==="words"?e.split(" "):e.split(""),[s,n]=useState(false),d=useRef(null);useEffect(()=>{if(!d.current)return;let m=new IntersectionObserver(([x])=>{x.isIntersecting&&(n(true),m.unobserve(d.current));},{threshold:.1});return m.observe(d.current),()=>m.disconnect()},[]);let u=useMemo(()=>l==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[l]),f={filter:"blur(0px)",opacity:1,y:0};return jsx("p",{ref:d,className:i("flex flex-wrap",a),children:r.map((m,x)=>jsxs(motion.span,{initial:u,animate:s?f:u,transition:{duration:.5,delay:x*t/1e3,ease:"easeOut"},className:"inline-block",style:{willChange:"transform, filter, opacity"},children:[m===" "?"\xA0":m,o==="words"&&x<r.length-1&&"\xA0"]},x))})}function cn({text:e="Hello World",className:t,speed:a=50,delay:o=0,cursor:l=true,loop:r=false}){let[s,n]=useState(""),[d,u]=useState(false);return useEffect(()=>{let f,m=0,x=false,c=()=>{u(true),x?m>0?(n(e.slice(0,m-1)),m--,f=setTimeout(c,a/2)):(x=false,f=setTimeout(c,500)):m<e.length?(n(e.slice(0,m+1)),m++,f=setTimeout(c,a)):(u(false),r&&(f=setTimeout(()=>{x=true,c();},2e3)));};return f=setTimeout(c,o),()=>clearTimeout(f)},[e,a,o,r]),jsxs("span",{className:i("inline-block font-mono",t),children:[s,l&&jsx("span",{className:i("ml-0.5 inline-block w-[2px] h-[1em] bg-current",d?"animate-blink":"")})]})}function gn({text:e,className:t,amplitude:a=10,frequency:o=1.5}){let l=Array.from(e);return jsx("div",{className:i("flex",t),children:l.map((r,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:r===" "?"pre":"normal"},animate:{y:[0,-a,0,a,0]},transition:{duration:o,repeat:1/0,delay:s*.08,ease:"easeInOut"},children:r},`${r}-${s}`))})}function Ln({text:e,className:t,delay:a=0}){let o=Array.from(e);return jsx("div",{className:i("flex",t),style:{perspective:"1000px"},children:o.map((l,r)=>jsx(motion.span,{className:"inline-block origin-center",style:{whiteSpace:l===" "?"pre":"normal"},animate:{rotateX:[0,360]},transition:{duration:1.5,repeat:1/0,delay:a+r*.08,ease:"easeInOut",repeatDelay:.8},children:l},`${l}-${r}`))})}function bn({text:e,disabled:t=false,speed:a=5,className:o=""}){return jsxs("span",{className:i("inline-block bg-gradient-to-r from-gray-900 via-gray-100 to-gray-900 bg-clip-text text-transparent bg-[length:200%_100%]",!t&&"animate-[shine_var(--shine-speed)_linear_infinite]",o),style:{"--shine-speed":`${a}s`,backgroundImage:"linear-gradient(90deg, #374151 25%, #f3f4f6 50%, #374151 75%)"},children:[e,jsx("style",{children:`
         @keyframes shine {
           0% { background-position: -200% 0; }
           100% { background-position: 200% 0; }
         }
-      `})]})}function di({children:e,fontSize:n="clamp(2rem, 8vw, 8rem)",fontWeight:t=900,fontFamily:r="inherit",color:i="#fff",enableHover:o=true,baseIntensity:s=.18,hoverIntensity:l=.5}){let u=useRef(null);return useEffect(()=>{let d,c=false,m=u.current;return m?((async()=>{if(document.fonts?.ready&&await document.fonts.ready,c)return;let p=m.getContext("2d");if(!p)return;let f=r==="inherit"?window.getComputedStyle(m).fontFamily||"sans-serif":r,b=typeof n=="number"?`${n}px`:n,x;if(typeof n=="number")x=n;else {let O=document.createElement("span");O.style.fontSize=n,document.body.appendChild(O),x=parseFloat(window.getComputedStyle(O).fontSize),document.body.removeChild(O);}let y=si.Children.toArray(e).join(""),v=document.createElement("canvas"),h=v.getContext("2d");if(!h)return;h.font=`${t} ${b} ${f}`,h.textBaseline="alphabetic";let w=h.measureText(y),k=w.actualBoundingBoxLeft??0,T=w.actualBoundingBoxRight??w.width,N=w.actualBoundingBoxAscent??x,P=w.actualBoundingBoxDescent??x*.2,z=Math.ceil(k+T),C=Math.ceil(N+P),M=10,S=z+M;v.width=S,v.height=C;let R=M/2;h.font=`${t} ${b} ${f}`,h.textBaseline="alphabetic",h.fillStyle=i,h.fillText(y,R-k,N);let B=50,E=0;m.width=S+B*2,m.height=C+E*2,p.translate(B,E);let I=B+R,_=E,L=I+z,Y=_+C,ue=false,ae=30,Ae=()=>{if(c)return;p.clearRect(-ae,-ae,S+2*ae,C+2*ae);let O=ue?l:s;for(let q=0;q<C;q++){let Ro=Math.floor(O*(Math.random()-.5)*ae);p.drawImage(v,0,q,S,1,Ro,q,S,1);}d=window.requestAnimationFrame(Ae);};Ae();let Co=(O,q)=>O>=I&&O<=L&&q>=_&&q<=Y,gn=O=>{if(!o)return;let q=m.getBoundingClientRect();ue=Co(O.clientX-q.left,O.clientY-q.top);},bn=()=>{ue=false;};o&&(m.addEventListener("mousemove",gn),m.addEventListener("mouseleave",bn)),m.cleanupFuzzyText=()=>{window.cancelAnimationFrame(d),o&&(m.removeEventListener("mousemove",gn),m.removeEventListener("mouseleave",bn));};})(),()=>{c=true,window.cancelAnimationFrame(d),m?.cleanupFuzzyText&&m.cleanupFuzzyText();}):void 0},[e,n,t,r,i,o,s,l]),jsx("canvas",{ref:u,className:"max-w-full"})}function pi({text:e,className:n,speed:t=50,color:r="#22c55e"}){let i=useRef(null),o=useRef(null);return useEffect(()=>{let s=i.current;if(!s)return;let l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*",u=e,d=0,c=()=>{if(s.innerText=u.split("").map((m,g)=>g<d?u[g]:l[Math.floor(Math.random()*l.length)]).join(""),d>=u.length){o.current&&clearInterval(o.current);return}d+=1/3;};return o.current=setInterval(c,t),()=>{o.current&&clearInterval(o.current);}},[e,t]),jsx("div",{ref:i,className:a("font-mono",n),style:{color:r},children:e})}function gi({text:e,className:n,delay:t=0}){let r=e.split(" "),i={hidden:{opacity:0},visible:(s=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:t*s}})},o={visible:{opacity:1,y:0,filter:"blur(0px)",transition:{type:"spring",damping:12,stiffness:100}},hidden:{opacity:0,y:20,filter:"blur(10px)",transition:{type:"spring",damping:12,stiffness:100}}};return jsx(motion.div,{className:a("flex flex-wrap",n),variants:i,initial:"hidden",animate:"visible",children:r.map((s,l)=>jsx(motion.span,{variants:o,className:"mr-2",children:s},l))})}function bi({text:e,className:n,delay:t=0}){let r=e.split(""),i={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.03,delayChildren:t}}},o={hidden:{opacity:0,x:-20,y:10,rotate:-10},visible:{opacity:1,x:0,y:0,rotate:0,transition:{type:"spring",damping:12,stiffness:200}}};return jsx(motion.span,{className:a("inline-flex",n),variants:i,initial:"hidden",animate:"visible",children:r.map((s,l)=>jsx(motion.span,{variants:o,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},l))})}function vi({text:e,className:n,speed:t=50,scrambleChars:r="!<>-_\\/[]{}\u2014=+*^?#________"}){let[i,o]=useState(e);return useEffect(()=>{let s=0,l=setInterval(()=>{o(e.split("").map((u,d)=>d<s?e[d]:r[Math.floor(Math.random()*r.length)]).join("")),s>=e.length&&clearInterval(l),s+=1/3;},t);return ()=>clearInterval(l)},[e,t,r]),jsx("span",{className:a("font-mono",n),children:i})}function Ti({children:e,className:n,strength:t=.5}){let r=useRef(null),[i,o]=useState({x:0,y:0}),s=c=>{let{clientX:m,clientY:g}=c,{height:p,width:f,left:b,top:x}=r.current.getBoundingClientRect(),y=m-(b+f/2),v=g-(x+p/2);o({x:y*t,y:v*t});},l=()=>{o({x:0,y:0});},{x:u,y:d}=i;return jsx(motion.div,{ref:r,onMouseMove:s,onMouseLeave:l,animate:{x:u,y:d},transition:{type:"spring",stiffness:150,damping:15,mass:.1},className:a("inline-block cursor-pointer",n),children:e})}function Mi({words:e,className:n,interval:t=3e3}){let[r,i]=useState(0);return useEffect(()=>{let o=setInterval(()=>{i(s=>(s+1)%e.length);},t);return ()=>clearInterval(o)},[e.length,t]),jsx("div",{className:a("relative inline-block overflow-hidden",n),children:jsx(AnimatePresence,{mode:"wait",children:jsx(motion.span,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.3},className:"inline-block",children:e[r]},e[r])})})}function Bi({words:e,className:n,interval:t=2e3}){let[r,i]=useState(0);return useEffect(()=>{let o=setInterval(()=>{i(s=>(s+1)%e.length);},t);return ()=>clearInterval(o)},[e.length,t]),jsx("span",{className:a("inline-block relative",n),children:jsx(AnimatePresence,{mode:"wait",children:jsx(motion.span,{initial:{rotateX:-90,opacity:0},animate:{rotateX:0,opacity:1},exit:{rotateX:90,opacity:0},transition:{duration:.4},className:"inline-block",style:{transformStyle:"preserve-3d"},children:e[r]},e[r])})})}function Hi({text:e,className:n,delay:t=0,staggerDelay:r=.05}){let i=e.split(""),o={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:r,delayChildren:t}}},s={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:200}}};return jsx(motion.span,{className:a("inline-flex",n),variants:o,initial:"hidden",animate:"visible",children:i.map((l,u)=>jsx(motion.span,{variants:s,className:"inline-block",style:{whiteSpace:l===" "?"pre":"normal"},children:l===" "?"\xA0":l},u))})}function _i({children:e,className:n,speed:t=3}){return jsxs("span",{className:a("inline-block bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-500 bg-clip-text text-transparent bg-[length:200%_auto] animate-[rainbow_var(--rainbow-speed)_linear_infinite]",n),style:{"--rainbow-speed":`${t}s`},children:[e,jsx("style",{children:`
+      `})]})}function Sn({children:e,fontSize:t="clamp(2rem, 8vw, 8rem)",fontWeight:a=900,fontFamily:o="inherit",color:l="#fff",enableHover:r=true,baseIntensity:s=.18,hoverIntensity:n=.5}){let d=useRef(null);return useEffect(()=>{let u,f=false,m=d.current;return m?((async()=>{if(document.fonts?.ready&&await document.fonts.ready,f)return;let c=m.getContext("2d");if(!c)return;let p=o==="inherit"?window.getComputedStyle(m).fontFamily||"sans-serif":o,g=typeof t=="number"?`${t}px`:t,h;if(typeof t=="number")h=t;else {let X=document.createElement("span");X.style.fontSize=t,document.body.appendChild(X),h=parseFloat(window.getComputedStyle(X).fontSize),document.body.removeChild(X);}let b=Cn.Children.toArray(e).join(""),I=document.createElement("canvas"),L=I.getContext("2d");if(!L)return;L.font=`${a} ${g} ${p}`,L.textBaseline="alphabetic";let v=L.measureText(b),C=v.actualBoundingBoxLeft??0,y=v.actualBoundingBoxRight??v.width,w=v.actualBoundingBoxAscent??h,k=v.actualBoundingBoxDescent??h*.2,S=Math.ceil(C+y),P=Math.ceil(w+k),T=10,A=S+T;I.width=A,I.height=P;let M=T/2;L.font=`${a} ${g} ${p}`,L.textBaseline="alphabetic",L.fillStyle=l,L.fillText(b,M-C,w);let H=50,F=0;m.width=A+H*2,m.height=P+F*2,c.translate(H,F);let R=H+M,U=F,B=R+S,j=U+P,qe=false,Ie=30,wa=()=>{if(f)return;c.clearRect(-Ie,-Ie,A+2*Ie,P+2*Ie);let X=qe?n:s;for(let ee=0;ee<P;ee++){let Gs=Math.floor(X*(Math.random()-.5)*Ie);c.drawImage(I,0,ee,A,1,Gs,ee,A,1);}u=window.requestAnimationFrame(wa);};wa();let Us=(X,ee)=>X>=R&&X<=B&&ee>=U&&ee<=j,Lo=X=>{if(!r)return;let ee=m.getBoundingClientRect();qe=Us(X.clientX-ee.left,X.clientY-ee.top);},bo=()=>{qe=false;};r&&(m.addEventListener("mousemove",Lo),m.addEventListener("mouseleave",bo)),m.cleanupFuzzyText=()=>{window.cancelAnimationFrame(u),r&&(m.removeEventListener("mousemove",Lo),m.removeEventListener("mouseleave",bo));};})(),()=>{f=true,window.cancelAnimationFrame(u),m?.cleanupFuzzyText&&m.cleanupFuzzyText();}):void 0},[e,t,a,o,l,r,s,n]),jsx("canvas",{ref:d,className:"max-w-full"})}function Nn({text:e,className:t,speed:a=50,color:o="#22c55e"}){let l=useRef(null),r=useRef(null);return useEffect(()=>{let s=l.current;if(!s)return;let n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*",d=e,u=0,f=()=>{if(s.innerText=d.split("").map((m,x)=>x<u?d[x]:n[Math.floor(Math.random()*n.length)]).join(""),u>=d.length){r.current&&clearInterval(r.current);return}u+=1/3;};return r.current=setInterval(f,a),()=>{r.current&&clearInterval(r.current);}},[e,a]),jsx("div",{ref:l,className:i("font-mono",t),style:{color:o},children:e})}function Tn({text:e,className:t,delay:a=0}){let o=e.split(" "),l={hidden:{opacity:0},visible:(s=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:a*s}})},r={visible:{opacity:1,y:0,filter:"blur(0px)",transition:{type:"spring",damping:12,stiffness:100}},hidden:{opacity:0,y:20,filter:"blur(10px)",transition:{type:"spring",damping:12,stiffness:100}}};return jsx(motion.div,{className:i("flex flex-wrap",t),variants:l,initial:"hidden",animate:"visible",children:o.map((s,n)=>jsx(motion.span,{variants:r,className:"mr-2",children:s},n))})}function An({text:e,className:t,delay:a=0}){let o=e.split(""),l={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.03,delayChildren:a}}},r={hidden:{opacity:0,x:-20,y:10,rotate:-10},visible:{opacity:1,x:0,y:0,rotate:0,transition:{type:"spring",damping:12,stiffness:200}}};return jsx(motion.span,{className:i("inline-flex",t),variants:l,initial:"hidden",animate:"visible",children:o.map((s,n)=>jsx(motion.span,{variants:r,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},n))})}function Dn({text:e,className:t,speed:a=50,scrambleChars:o="!<>-_\\/[]{}\u2014=+*^?#________"}){let[l,r]=useState(e);return useEffect(()=>{let s=0,n=setInterval(()=>{r(e.split("").map((d,u)=>u<s?e[u]:o[Math.floor(Math.random()*o.length)]).join("")),s>=e.length&&clearInterval(n),s+=1/3;},a);return ()=>clearInterval(n)},[e,a,o]),jsx("span",{className:i("font-mono",t),children:l})}function En({children:e,className:t,strength:a=.5}){let o=useRef(null),[l,r]=useState({x:0,y:0}),s=f=>{let{clientX:m,clientY:x}=f,{height:c,width:p,left:g,top:h}=o.current.getBoundingClientRect(),b=m-(g+p/2),I=x-(h+c/2);r({x:b*a,y:I*a});},n=()=>{r({x:0,y:0});},{x:d,y:u}=l;return jsx(motion.div,{ref:o,onMouseMove:s,onMouseLeave:n,animate:{x:d,y:u},transition:{type:"spring",stiffness:150,damping:15,mass:.1},className:i("inline-block cursor-pointer",t),children:e})}function _n({words:e,className:t,interval:a=3e3}){let[o,l]=useState(0);return useEffect(()=>{let r=setInterval(()=>{l(s=>(s+1)%e.length);},a);return ()=>clearInterval(r)},[e.length,a]),jsx("div",{className:i("relative inline-block overflow-hidden",t),children:jsx(AnimatePresence,{mode:"wait",children:jsx(motion.span,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.3},className:"inline-block",children:e[o]},e[o])})})}function Jn({words:e,className:t,interval:a=2e3}){let[o,l]=useState(0);return useEffect(()=>{let r=setInterval(()=>{l(s=>(s+1)%e.length);},a);return ()=>clearInterval(r)},[e.length,a]),jsx("span",{className:i("inline-block relative",t),children:jsx(AnimatePresence,{mode:"wait",children:jsx(motion.span,{initial:{rotateX:-90,opacity:0},animate:{rotateX:0,opacity:1},exit:{rotateX:90,opacity:0},transition:{duration:.4},className:"inline-block",style:{transformStyle:"preserve-3d"},children:e[o]},e[o])})})}function Qn({text:e,className:t,delay:a=0,staggerDelay:o=.05}){let l=e.split(""),r={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:o,delayChildren:a}}},s={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:200}}};return jsx(motion.span,{className:i("inline-flex",t),variants:r,initial:"hidden",animate:"visible",children:l.map((n,d)=>jsx(motion.span,{variants:s,className:"inline-block",style:{whiteSpace:n===" "?"pre":"normal"},children:n===" "?"\xA0":n},d))})}function Zn({children:e,className:t,speed:a=3}){return jsxs("span",{className:i("inline-block bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-500 bg-clip-text text-transparent bg-[length:200%_auto] animate-[rainbow_var(--rainbow-speed)_linear_infinite]",t),style:{"--rainbow-speed":`${a}s`},children:[e,jsx("style",{children:`
         @keyframes rainbow {
           0% { background-position: 0% center; }
           100% { background-position: 200% center; }
         }
-      `})]})}function $i({end:e,start:n=0,duration:t=2e3,className:r,prefix:i="",suffix:o="",decimals:s=0}){let[l,u]=useState(n);return useEffect(()=>{let d=null,c,m=g=>{d||(d=g);let p=Math.min((g-d)/t,1),f=1-Math.pow(1-p,4),b=n+(e-n)*f;u(b),p<1&&(c=requestAnimationFrame(m));};return c=requestAnimationFrame(m),()=>cancelAnimationFrame(c)},[n,e,t]),jsxs("span",{className:a("tabular-nums",r),children:[i,l.toFixed(s),o]})}function Wi({text:e,className:n,stagger:t=.04}){let r=Array.from(e),i={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:t,delayChildren:.02}}},o={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:100}}};return jsx(motion.div,{className:a("flex overflow-hidden",n),variants:i,initial:"hidden",animate:"visible",children:r.map((s,l)=>jsx(motion.span,{variants:o,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},`${s}-${l}`))})}function Ji({text:e,className:n="",delay:t=100,duration:r=.6,splitType:i="chars",textAlign:o="center"}){let[s,l]=useState(false),u=useRef(null);useEffect(()=>{if(!u.current)return;let c=new IntersectionObserver(([m])=>{m.isIntersecting&&(l(true),c.unobserve(u.current));},{threshold:.1,rootMargin:"-100px"});return c.observe(u.current),()=>c.disconnect()},[]);let d=i==="words"?e.split(" "):e.split("");return jsx("div",{ref:u,className:a("overflow-hidden",n),style:{textAlign:o},children:d.map((c,m)=>jsx(motion.span,{initial:{opacity:0,y:40},animate:s?{opacity:1,y:0}:{opacity:0,y:40},transition:{duration:r,delay:m*t/1e3,ease:"easeOut"},className:"inline-block",style:{marginRight:i==="words"?"0.25em":"0"},children:c===" "?"\xA0":c},m))})}function Zi({text:e,className:n}){let t=Array.from(e);return jsx("div",{className:a("flex",n),children:t.map((r,i)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:r===" "?"pre":"normal"},animate:{scaleY:[1,.5,1.5,.8,1],scaleX:[1,1.5,.5,1.2,1]},transition:{duration:1.5,repeat:1/0,delay:i*.08,ease:"easeInOut",repeatDelay:.3},children:r===" "?"\xA0":r},`${r}-${i}`))})}function ji({text:e,className:n}){let t=Array.from(e);return jsx("div",{className:a("flex",n),style:{perspective:"500px"},children:t.map((r,i)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:r===" "?"pre":"normal"},initial:{rotateY:90,opacity:0},animate:{rotateY:0,opacity:1},transition:{delay:i*.04,duration:.5,type:"spring",stiffness:120},whileHover:{rotateY:180,transition:{duration:.3}},children:r===" "?"\xA0":r},`${r}-${i}`))})}function ts({text:e,className:n}){let t=Array.from(e);return jsx("div",{className:a("flex",n),children:t.map((r,i)=>jsx(motion.span,{className:"inline-block cursor-pointer",style:{whiteSpace:r===" "?"pre":"normal"},whileHover:{scale:[1,1.5,.8,1.2,1],rotate:[0,10,-10,0],transition:{duration:.6,ease:"easeInOut"}},children:r===" "?"\xA0":r},`${r}-${i}`))})}function is({text:e,spinDuration:n=20,onHover:t="speedUp",className:r=""}){let i=Array.from(e),o=useAnimation(),s=useMotionValue(0);useEffect(()=>{let d=s.get();o.start({rotate:d+360,scale:1,transition:{rotate:{from:d,to:d+360,ease:"linear",duration:n,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},[n,o,s]);let l=()=>{let d=s.get(),c=n,m=1;switch(t){case "slowDown":c=n*2;break;case "speedUp":c=n/4;break;case "pause":c=0;break;case "goBonkers":c=n/20,m=.8;break}t==="pause"?o.stop():o.start({rotate:d+360,scale:m,transition:{rotate:{from:d,to:d+360,ease:"linear",duration:c,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},u=()=>{let d=s.get();o.start({rotate:d+360,scale:1,transition:{rotate:{from:d,to:d+360,ease:"linear",duration:n,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});};return jsx(motion.div,{className:a("relative w-32 h-32 cursor-pointer",r),style:{rotate:s},initial:{rotate:0},animate:o,onMouseEnter:l,onMouseLeave:u,children:i.map((d,c)=>{let m=360/i.length*c,g=60,p=m*Math.PI/180,f=Math.cos(p)*g,b=Math.sin(p)*g;return jsx("span",{className:"absolute text-lg font-bold",style:{transform:`translate(-50%, -50%) translate(${f}px, ${b}px) rotate(${m+90}deg)`,left:"50%",top:"50%"},children:d},c)})})}function cs({text:e,className:n,glowColor:t="#3b82f6",hoverColor:r="#ec4899"}){let[i,o]=useState(false),s=i?r:t;return jsx(motion.div,{className:a("font-bold cursor-pointer select-none",n),onMouseEnter:()=>o(true),onMouseLeave:()=>o(false),animate:{color:s,textShadow:`0 0 10px ${s}, 0 0 20px ${s}, 0 0 30px ${s}, 0 0 50px ${s}`},transition:{duration:.4,ease:"easeInOut"},children:e})}function us({text:e="Sliced Text",className:n="",containerClassName:t="",splitSpacing:r=2}){return jsxs(motion.div,{className:a("w-full text-center relative inline-block",t),whileHover:"hover",initial:"default",children:[jsx(motion.div,{className:a("absolute w-full text-4xl -ml-0.5",n),variants:{default:{clipPath:"inset(0 0 50% 0)",y:-r/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:0}},transition:{duration:.1},children:e}),jsx(motion.div,{className:a("absolute w-full text-4xl",n),variants:{default:{clipPath:"inset(50% 0 0 0)",y:r/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:1}},transition:{duration:.1},children:e}),jsx("div",{className:a("invisible text-4xl",n),children:e})]})}function gs({text:e,speed:n=50,maxIterations:t=10,sequential:r=false,revealDirection:i="start",useOriginalCharsOnly:o=false,characters:s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:l="",parentClassName:u="",encryptedClassName:d="",animateOn:c="hover",...m}){let[g,p]=useState(e),[f,b]=useState(false),[x,y]=useState(false),[v,h]=useState(new Set),[w,k]=useState(false),T=useRef(null);useEffect(()=>{let P,z=0,C=R=>{let B=e.length;switch(i){case "start":return R.size;case "end":return B-1-R.size;case "center":{let E=Math.floor(B/2),I=Math.floor(R.size/2),_=R.size%2===0?E+I:E-I-1;if(_>=0&&_<B&&!R.has(_))return _;for(let L=0;L<B;L++)if(!R.has(L))return L;return 0}default:return R.size}},M=o?Array.from(new Set(e.split(""))).filter(R=>R!==" "):s.split(""),S=(R,B)=>{if(o){let E=R.split("").map((L,Y)=>({char:L,isSpace:L===" ",index:Y,isRevealed:B.has(Y)})),I=E.filter(L=>!L.isSpace&&!L.isRevealed).map(L=>L.char);for(let L=I.length-1;L>0;L--){let Y=Math.floor(Math.random()*(L+1));[I[L],I[Y]]=[I[Y],I[L]];}let _=0;return E.map(L=>L.isSpace?" ":L.isRevealed?R[L.index]:I[_++]).join("")}else return R.split("").map((E,I)=>E===" "?" ":B.has(I)?R[I]:M[Math.floor(Math.random()*M.length)]).join("")};return f?(y(true),P=setInterval(()=>{h(R=>{if(r)if(R.size<e.length){let B=C(R),E=new Set(R);return E.add(B),p(S(e,E)),E}else return clearInterval(P),y(false),R;else return p(S(e,R)),z++,z>=t&&(clearInterval(P),y(false),p(e)),R});},n)):(p(e),h(new Set),y(false)),()=>{P&&clearInterval(P);}},[f,e,n,t,r,i,s,o]),useEffect(()=>{if(c!=="view"&&c!=="both")return;let P=M=>{M.forEach(S=>{S.isIntersecting&&!w&&(b(true),k(true));});},z=new IntersectionObserver(P,{threshold:.1}),C=T.current;return C&&z.observe(C),()=>{C&&z.unobserve(C);}},[c,w]);let N=c==="hover"||c==="both"?{onMouseEnter:()=>b(true),onMouseLeave:()=>b(false)}:{};return jsxs(motion.span,{className:u,ref:T,style:{display:"inline-block",whiteSpace:"pre-wrap"},...N,...m,children:[jsx("span",{className:"sr-only",children:g}),jsx("span",{"aria-hidden":"true",children:g.split("").map((P,z)=>{let C=v.has(z)||!x||!f;return jsx("span",{className:C?l:d,children:P},z)})})]})}function hs({sentence:e="True Focus",manualMode:n=false,blurAmount:t=5,borderColor:r="green",glowColor:i="rgba(0, 255, 0, 0.6)",animationDuration:o=.5,pauseBetweenAnimations:s=1,className:l}){let u=e.split(" "),[d,c]=useState(0),[m,g]=useState(null),p=useRef(null),f=useRef([]),[b,x]=useState({x:0,y:0,width:0,height:0});return useEffect(()=>{if(!n){let y=setInterval(()=>{c(v=>(v+1)%u.length);},(o+s)*1e3);return ()=>clearInterval(y)}},[n,o,s,u.length]),useEffect(()=>{let y=()=>{if(d===null||d===-1||!f.current[d]||!p.current)return;let v=p.current.getBoundingClientRect(),h=f.current[d].getBoundingClientRect();x({x:h.left-v.left,y:h.top-v.top,width:h.width,height:h.height});};return y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[d,u.length]),jsxs("div",{ref:p,className:a("relative flex flex-wrap gap-3 p-12 items-center justify-center",l),children:[u.map((y,v)=>{let h=v===d;return jsx("span",{ref:w=>{f.current[v]=w;},className:"text-4xl font-bold relative z-10",style:{filter:h?"blur(0px)":`blur(${t}px)`,transition:`all ${o}s ease`,color:h?"#000":"#666",transform:h?"scale(1.05)":"scale(1)"},onMouseEnter:()=>n&&(g(v),c(v)),onMouseLeave:()=>n&&c(m??0),children:y},v)}),jsx(motion.div,{className:"absolute pointer-events-none",animate:{x:b.x,y:b.y,width:b.width,height:b.height,opacity:d>=0?1:0},transition:{duration:o},style:{border:`2px solid ${r}`,boxShadow:`0 0 10px ${i}`,borderRadius:4}})]})}function ys({children:e,className:n,...t}){return jsx("div",{className:a("rounded-2xl p-6","bg-white/10 dark:bg-black/10","backdrop-blur-xl","border border-white/20 dark:border-white/10","shadow-xl",n),...t,children:e})}function ks({children:e,className:n,...t}){return jsx("div",{className:a("rounded-2xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800","shadow-lg","transition-all duration-300 ease-out","hover:shadow-2xl hover:-translate-y-1","hover:border-zinc-300 dark:hover:border-zinc-700",n),...t,children:e})}function zs({frontContent:e,backContent:n,className:t}){let[r,i]=useState(false);return jsx("div",{className:a("relative w-full h-full [perspective:1000px]",t),onMouseEnter:()=>i(true),onMouseLeave:()=>i(false),children:jsxs("div",{className:a("relative w-full h-full [transform-style:preserve-3d] transition-transform duration-700",r?"[transform:rotateY(180deg)]":""),children:[jsx("div",{className:a("absolute inset-0 w-full h-full [backface-visibility:hidden]","rounded-2xl bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800","shadow-lg p-6"),children:e}),jsx("div",{className:a("absolute inset-0 w-full h-full [backface-visibility:hidden] [transform:rotateY(180deg)]","rounded-2xl bg-zinc-100 dark:bg-zinc-800","border border-zinc-200 dark:border-zinc-700","shadow-lg p-6"),children:n})]})})}function Cs({children:e,className:n,hover:t=false}){return jsx("div",{className:a("rounded-xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800",t&&"transition-all duration-200 hover:shadow-lg hover:-translate-y-1",n),children:e})}function Rs({children:e,className:n}){return jsx("div",{className:a("mb-4",n),children:e})}function Ss({children:e,className:n}){return jsx("h3",{className:a("text-lg font-semibold",n),children:e})}function Ms({children:e,className:n}){return jsx("p",{className:a("text-sm text-zinc-500 dark:text-zinc-400",n),children:e})}function Is({children:e,className:n}){return jsx("div",{className:a("",n),children:e})}function Ls({children:e,className:n}){return jsx("div",{className:a("mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800",n),children:e})}function Es({className:e,size:n="md"}){let t={sm:"w-1.5 h-1.5",md:"w-2.5 h-2.5",lg:"w-4 h-4"};return jsx("div",{className:a("flex items-center justify-center gap-1",e),children:[0,1,2].map(r=>jsx("div",{className:a(t[n],"rounded-full bg-current animate-bounce"),style:{animationDelay:`${r*.15}s`}},r))})}function As({className:e,size:n="md"}){return jsx("div",{className:a({sm:"w-4 h-4 border-2",md:"w-8 h-8 border-3",lg:"w-12 h-12 border-4"}[n],"rounded-full border-current border-t-transparent animate-spin",e)})}function _s({className:e,color:n="bg-blue-500"}){return jsx("div",{className:a("h-1 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",e),children:jsx(motion.div,{className:a("h-full rounded-full",n),initial:{x:"-100%"},animate:{x:"100%"},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"},style:{width:"50%"}})})}var Fs={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"};function Os({className:e,size:n="md",color:t="bg-blue-500"}){return jsxs("div",{className:a("relative",Fs[n],e),children:[jsx(motion.div,{className:a("absolute inset-0 rounded-full",t),animate:{scale:[1,1.5,1],opacity:[.5,0,.5]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}}),jsx("div",{className:a("absolute inset-2 rounded-full",t)})]})}function Gs({className:e,color:n="bg-zinc-900 dark:bg-white"}){return jsx("div",{className:a("flex gap-1",e),children:[0,1,2].map(t=>jsx(motion.div,{className:a("w-3 h-3 rounded-full",n),animate:{y:[0,-10,0]},transition:{duration:.6,repeat:1/0,delay:t*.1,ease:"easeInOut"}},t))})}function Ws({className:e=""}){return jsxs("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsx("div",{className:"relative",children:jsxs("div",{className:"flex items-center justify-center",children:[[...Array(8)].map((n,t)=>jsx("div",{className:"absolute w-3 h-3 rounded-full bg-black dark:bg-white",style:{transform:`rotate(${t*45}deg) translateY(-20px)`,animation:"flower-pulse 1.5s ease-in-out infinite",animationDelay:`${t*.1}s`}},t)),jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-400"})]})}),jsx("style",{jsx:true,children:`
+      `})]})}function oi({end:e,start:t=0,duration:a=2e3,className:o,prefix:l="",suffix:r="",decimals:s=0}){let[n,d]=useState(t);return useEffect(()=>{let u=null,f,m=x=>{u||(u=x);let c=Math.min((x-u)/a,1),p=1-Math.pow(1-c,4),g=t+(e-t)*p;d(g),c<1&&(f=requestAnimationFrame(m));};return f=requestAnimationFrame(m),()=>cancelAnimationFrame(f)},[t,e,a]),jsxs("span",{className:i("tabular-nums",o),children:[l,n.toFixed(s),r]})}function si({text:e,className:t,stagger:a=.04}){let o=Array.from(e),l={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:a,delayChildren:.02}}},r={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:100}}};return jsx(motion.div,{className:i("flex overflow-hidden",t),variants:l,initial:"hidden",animate:"visible",children:o.map((s,n)=>jsx(motion.span,{variants:r,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},`${s}-${n}`))})}function ui({text:e,className:t="",delay:a=100,duration:o=.6,splitType:l="chars",textAlign:r="center"}){let[s,n]=useState(false),d=useRef(null);useEffect(()=>{if(!d.current)return;let f=new IntersectionObserver(([m])=>{m.isIntersecting&&(n(true),f.unobserve(d.current));},{threshold:.1,rootMargin:"-100px"});return f.observe(d.current),()=>f.disconnect()},[]);let u=l==="words"?e.split(" "):e.split("");return jsx("div",{ref:d,className:i("overflow-hidden",t),style:{textAlign:r},children:u.map((f,m)=>jsx(motion.span,{initial:{opacity:0,y:40},animate:s?{opacity:1,y:0}:{opacity:0,y:40},transition:{duration:o,delay:m*a/1e3,ease:"easeOut"},className:"inline-block",style:{marginRight:l==="words"?"0.25em":"0"},children:f===" "?"\xA0":f},m))})}function ci({text:e,className:t}){let a=Array.from(e);return jsx("div",{className:i("flex",t),children:a.map((o,l)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},animate:{scaleY:[1,.5,1.5,.8,1],scaleX:[1,1.5,.5,1.2,1]},transition:{duration:1.5,repeat:1/0,delay:l*.08,ease:"easeInOut",repeatDelay:.3},children:o===" "?"\xA0":o},`${o}-${l}`))})}function pi({text:e,className:t}){let a=Array.from(e);return jsx("div",{className:i("flex",t),style:{perspective:"500px"},children:a.map((o,l)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},initial:{rotateY:90,opacity:0},animate:{rotateY:0,opacity:1},transition:{delay:l*.04,duration:.5,type:"spring",stiffness:120},whileHover:{rotateY:180,transition:{duration:.3}},children:o===" "?"\xA0":o},`${o}-${l}`))})}function gi({text:e,className:t}){let a=Array.from(e);return jsx("div",{className:i("flex",t),children:a.map((o,l)=>jsx(motion.span,{className:"inline-block cursor-pointer",style:{whiteSpace:o===" "?"pre":"normal"},whileHover:{scale:[1,1.5,.8,1.2,1],rotate:[0,10,-10,0],transition:{duration:.6,ease:"easeInOut"}},children:o===" "?"\xA0":o},`${o}-${l}`))})}function vi({text:e,spinDuration:t=20,onHover:a="speedUp",className:o=""}){let l=Array.from(e),r=useAnimation(),s=useMotionValue(0);useEffect(()=>{let u=s.get();r.start({rotate:u+360,scale:1,transition:{rotate:{from:u,to:u+360,ease:"linear",duration:t,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},[t,r,s]);let n=()=>{let u=s.get(),f=t,m=1;switch(a){case "slowDown":f=t*2;break;case "speedUp":f=t/4;break;case "pause":f=0;break;case "goBonkers":f=t/20,m=.8;break}a==="pause"?r.stop():r.start({rotate:u+360,scale:m,transition:{rotate:{from:u,to:u+360,ease:"linear",duration:f,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},d=()=>{let u=s.get();r.start({rotate:u+360,scale:1,transition:{rotate:{from:u,to:u+360,ease:"linear",duration:t,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});};return jsx(motion.div,{className:i("relative w-32 h-32 cursor-pointer",o),style:{rotate:s},initial:{rotate:0},animate:r,onMouseEnter:n,onMouseLeave:d,children:l.map((u,f)=>{let m=360/l.length*f,x=60,c=m*Math.PI/180,p=Math.cos(c)*x,g=Math.sin(c)*x;return jsx("span",{className:"absolute text-lg font-bold",style:{transform:`translate(-50%, -50%) translate(${p}px, ${g}px) rotate(${m+90}deg)`,left:"50%",top:"50%"},children:u},f)})})}function wi({text:e,className:t,glowColor:a="#3b82f6",hoverColor:o="#ec4899"}){let[l,r]=useState(false),s=l?o:a;return jsx(motion.div,{className:i("font-bold cursor-pointer select-none",t),onMouseEnter:()=>r(true),onMouseLeave:()=>r(false),animate:{color:s,textShadow:`0 0 10px ${s}, 0 0 20px ${s}, 0 0 30px ${s}, 0 0 50px ${s}`},transition:{duration:.4,ease:"easeInOut"},children:e})}function ki({text:e="Sliced Text",className:t="",containerClassName:a="",splitSpacing:o=2}){return jsxs(motion.div,{className:i("w-full text-center relative inline-block",a),whileHover:"hover",initial:"default",children:[jsx(motion.div,{className:i("absolute w-full text-4xl -ml-0.5",t),variants:{default:{clipPath:"inset(0 0 50% 0)",y:-o/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:0}},transition:{duration:.1},children:e}),jsx(motion.div,{className:i("absolute w-full text-4xl",t),variants:{default:{clipPath:"inset(50% 0 0 0)",y:o/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:1}},transition:{duration:.1},children:e}),jsx("div",{className:i("invisible text-4xl",t),children:e})]})}function Ti({text:e,speed:t=50,maxIterations:a=10,sequential:o=false,revealDirection:l="start",useOriginalCharsOnly:r=false,characters:s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:n="",parentClassName:d="",encryptedClassName:u="",animateOn:f="hover",...m}){let[x,c]=useState(e),[p,g]=useState(false),[h,b]=useState(false),[I,L]=useState(new Set),[v,C]=useState(false),y=useRef(null);useEffect(()=>{let k,S=0,P=M=>{let H=e.length;switch(l){case "start":return M.size;case "end":return H-1-M.size;case "center":{let F=Math.floor(H/2),R=Math.floor(M.size/2),U=M.size%2===0?F+R:F-R-1;if(U>=0&&U<H&&!M.has(U))return U;for(let B=0;B<H;B++)if(!M.has(B))return B;return 0}default:return M.size}},T=r?Array.from(new Set(e.split(""))).filter(M=>M!==" "):s.split(""),A=(M,H)=>{if(r){let F=M.split("").map((B,j)=>({char:B,isSpace:B===" ",index:j,isRevealed:H.has(j)})),R=F.filter(B=>!B.isSpace&&!B.isRevealed).map(B=>B.char);for(let B=R.length-1;B>0;B--){let j=Math.floor(Math.random()*(B+1));[R[B],R[j]]=[R[j],R[B]];}let U=0;return F.map(B=>B.isSpace?" ":B.isRevealed?M[B.index]:R[U++]).join("")}else return M.split("").map((F,R)=>F===" "?" ":H.has(R)?M[R]:T[Math.floor(Math.random()*T.length)]).join("")};return p?(b(true),k=setInterval(()=>{L(M=>{if(o)if(M.size<e.length){let H=P(M),F=new Set(M);return F.add(H),c(A(e,F)),F}else return clearInterval(k),b(false),M;else return c(A(e,M)),S++,S>=a&&(clearInterval(k),b(false),c(e)),M});},t)):(c(e),L(new Set),b(false)),()=>{k&&clearInterval(k);}},[p,e,t,a,o,l,s,r]),useEffect(()=>{if(f!=="view"&&f!=="both")return;let k=T=>{T.forEach(A=>{A.isIntersecting&&!v&&(g(true),C(true));});},S=new IntersectionObserver(k,{threshold:.1}),P=y.current;return P&&S.observe(P),()=>{P&&S.unobserve(P);}},[f,v]);let w=f==="hover"||f==="both"?{onMouseEnter:()=>g(true),onMouseLeave:()=>g(false)}:{};return jsxs(motion.span,{className:d,ref:y,style:{display:"inline-block",whiteSpace:"pre-wrap"},...w,...m,children:[jsx("span",{className:"sr-only",children:x}),jsx("span",{"aria-hidden":"true",children:x.split("").map((k,S)=>{let P=I.has(S)||!h||!p;return jsx("span",{className:P?n:u,children:k},S)})})]})}function Bi({sentence:e="True Focus",manualMode:t=false,blurAmount:a=5,borderColor:o="green",glowColor:l="rgba(0, 255, 0, 0.6)",animationDuration:r=.5,pauseBetweenAnimations:s=1,className:n}){let d=e.split(" "),[u,f]=useState(0),[m,x]=useState(null),c=useRef(null),p=useRef([]),[g,h]=useState({x:0,y:0,width:0,height:0});return useEffect(()=>{if(!t){let b=setInterval(()=>{f(I=>(I+1)%d.length);},(r+s)*1e3);return ()=>clearInterval(b)}},[t,r,s,d.length]),useEffect(()=>{let b=()=>{if(u===null||u===-1||!p.current[u]||!c.current)return;let I=c.current.getBoundingClientRect(),L=p.current[u].getBoundingClientRect();h({x:L.left-I.left,y:L.top-I.top,width:L.width,height:L.height});};return b(),window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[u,d.length]),jsxs("div",{ref:c,className:i("relative flex flex-wrap gap-3 p-12 items-center justify-center",n),children:[d.map((b,I)=>{let L=I===u;return jsx("span",{ref:v=>{p.current[I]=v;},className:"text-4xl font-bold relative z-10",style:{filter:L?"blur(0px)":`blur(${a}px)`,transition:`all ${r}s ease`,color:L?"#000":"#666",transform:L?"scale(1.05)":"scale(1)"},onMouseEnter:()=>t&&(x(I),f(I)),onMouseLeave:()=>t&&f(m??0),children:b},I)}),jsx(motion.div,{className:"absolute pointer-events-none",animate:{x:g.x,y:g.y,width:g.width,height:g.height,opacity:u>=0?1:0},transition:{duration:r},style:{border:`2px solid ${o}`,boxShadow:`0 0 10px ${l}`,borderRadius:4}})]})}function Fi({children:e,className:t,...a}){return jsx("div",{className:i("rounded-2xl p-6","bg-white/10 dark:bg-black/10","backdrop-blur-xl","border border-white/20 dark:border-white/10","shadow-xl",t),...a,children:e})}function Hi({children:e,className:t,...a}){return jsx("div",{className:i("rounded-2xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800","shadow-lg","transition-all duration-300 ease-out","hover:shadow-2xl hover:-translate-y-1","hover:border-zinc-300 dark:hover:border-zinc-700",t),...a,children:e})}function Oi({frontContent:e,backContent:t,className:a}){let[o,l]=useState(false);return jsx("div",{className:i("relative w-full h-full [perspective:1000px]",a),onMouseEnter:()=>l(true),onMouseLeave:()=>l(false),children:jsxs("div",{className:i("relative w-full h-full [transform-style:preserve-3d] transition-transform duration-700",o?"[transform:rotateY(180deg)]":""),children:[jsx("div",{className:i("absolute inset-0 w-full h-full [backface-visibility:hidden]","rounded-2xl bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800","shadow-lg p-6"),children:e}),jsx("div",{className:i("absolute inset-0 w-full h-full [backface-visibility:hidden] [transform:rotateY(180deg)]","rounded-2xl bg-zinc-100 dark:bg-zinc-800","border border-zinc-200 dark:border-zinc-700","shadow-lg p-6"),children:t})]})})}function Gi({children:e,className:t,hover:a=false}){return jsx("div",{className:i("rounded-xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800",a&&"transition-all duration-200 hover:shadow-lg hover:-translate-y-1",t),children:e})}function Vi({children:e,className:t}){return jsx("div",{className:i("mb-4",t),children:e})}function Wi({children:e,className:t}){return jsx("h3",{className:i("text-lg font-semibold",t),children:e})}function _i({children:e,className:t}){return jsx("p",{className:i("text-sm text-zinc-500 dark:text-zinc-400",t),children:e})}function Xi({children:e,className:t}){return jsx("div",{className:i("",t),children:e})}function $i({children:e,className:t}){return jsx("div",{className:i("mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800",t),children:e})}function Ki({className:e,size:t="md"}){let a={sm:"w-1.5 h-1.5",md:"w-2.5 h-2.5",lg:"w-4 h-4"};return jsx("div",{className:i("flex items-center justify-center gap-1",e),children:[0,1,2].map(o=>jsx("div",{className:i(a[t],"rounded-full bg-current animate-bounce"),style:{animationDelay:`${o*.15}s`}},o))})}function Yi({className:e,size:t="md"}){return jsx("div",{className:i({sm:"w-4 h-4 border-2",md:"w-8 h-8 border-3",lg:"w-12 h-12 border-4"}[t],"rounded-full border-current border-t-transparent animate-spin",e)})}function Zi({className:e,color:t="bg-blue-500"}){return jsx("div",{className:i("h-1 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",e),children:jsx(motion.div,{className:i("h-full rounded-full",t),initial:{x:"-100%"},animate:{x:"100%"},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"},style:{width:"50%"}})})}var ed={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"};function ad({className:e,size:t="md",color:a="bg-blue-500"}){return jsxs("div",{className:i("relative",ed[t],e),children:[jsx(motion.div,{className:i("absolute inset-0 rounded-full",a),animate:{scale:[1,1.5,1],opacity:[.5,0,.5]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}}),jsx("div",{className:i("absolute inset-2 rounded-full",a)})]})}function rd({className:e,color:t="bg-zinc-900 dark:bg-white"}){return jsx("div",{className:i("flex gap-1",e),children:[0,1,2].map(a=>jsx(motion.div,{className:i("w-3 h-3 rounded-full",t),animate:{y:[0,-10,0]},transition:{duration:.6,repeat:1/0,delay:a*.1,ease:"easeInOut"}},a))})}function sd({className:e=""}){return jsxs("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsx("div",{className:"relative",children:jsxs("div",{className:"flex items-center justify-center",children:[[...Array(8)].map((t,a)=>jsx("div",{className:"absolute w-3 h-3 rounded-full bg-black dark:bg-white",style:{transform:`rotate(${a*45}deg) translateY(-20px)`,animation:"flower-pulse 1.5s ease-in-out infinite",animationDelay:`${a*.1}s`}},a)),jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-400"})]})}),jsx("style",{jsx:true,children:`
         @keyframes flower-pulse {
           0%, 100% { opacity: 0.3; scale: 0.8; }
           50% { opacity: 1; scale: 1.2; }
         }
-      `})]})}function Xs({className:e=""}){return jsxs("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsx("div",{className:"flex justify-center items-center",children:jsxs("div",{className:"w-36 h-36 flex justify-center items-center relative",children:[jsx("div",{className:"w-4 h-16 absolute bg-zinc-600 dark:bg-zinc-400 animate-[move-h_1.2s_infinite_cubic-bezier(0.65,0.05,0.36,1)]"}),jsx("div",{className:"w-4 h-16 absolute bg-zinc-800 dark:bg-zinc-200 rotate-90 animate-[move-v_1.2s_infinite_cubic-bezier(0.65,0.05,0.36,1)]"}),jsx("div",{className:"absolute top-4 left-5 font-black text-lg text-black dark:text-white animate-[rot_0.8s_infinite_cubic-bezier(0.65,0.05,0.36,1)]",children:"X"}),jsx("div",{className:"absolute bottom-0 right-0 font-black text-3xl text-black dark:text-white animate-[scale_0.8s_infinite_cubic-bezier(0.65,0.05,0.36,1)]",children:"*"})]})}),jsx("style",{jsx:true,children:`
+      `})]})}function ld({className:e=""}){return jsxs("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsx("div",{className:"flex justify-center items-center",children:jsxs("div",{className:"w-36 h-36 flex justify-center items-center relative",children:[jsx("div",{className:"w-4 h-16 absolute bg-zinc-600 dark:bg-zinc-400 animate-[move-h_1.2s_infinite_cubic-bezier(0.65,0.05,0.36,1)]"}),jsx("div",{className:"w-4 h-16 absolute bg-zinc-800 dark:bg-zinc-200 rotate-90 animate-[move-v_1.2s_infinite_cubic-bezier(0.65,0.05,0.36,1)]"}),jsx("div",{className:"absolute top-4 left-5 font-black text-lg text-black dark:text-white animate-[rot_0.8s_infinite_cubic-bezier(0.65,0.05,0.36,1)]",children:"X"}),jsx("div",{className:"absolute bottom-0 right-0 font-black text-3xl text-black dark:text-white animate-[scale_0.8s_infinite_cubic-bezier(0.65,0.05,0.36,1)]",children:"*"})]})}),jsx("style",{jsx:true,children:`
         @keyframes move-h { 0% { top: 0; opacity: 0; } 25% { opacity: 1; } 50% { top: 30%; opacity: 1; } 75% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
         @keyframes move-v { 0% { left: 0; opacity: 0; } 25% { opacity: 1; } 50% { left: 45%; opacity: 1; } 75% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
         @keyframes rot { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
         @keyframes scale { 0% { scale: 1; } 50% { scale: 1.9; } 100% { scale: 1; } }
-      `})]})}function Ys({className:e=""}){return jsx("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsx("div",{className:"w-20 h-20 rounded-full border-8 border-transparent border-t-black dark:border-t-white border-r-zinc-600 dark:border-r-zinc-400 border-b-zinc-400 dark:border-b-zinc-600 border-l-zinc-200 dark:border-l-zinc-800 animate-[morph_2s_ease-in-out_infinite,rotate-color_2s_linear_infinite]",children:jsx("style",{jsx:true,children:`
+      `})]})}function nd({className:e=""}){return jsx("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsx("div",{className:"w-20 h-20 rounded-full border-8 border-transparent border-t-black dark:border-t-white border-r-zinc-600 dark:border-r-zinc-400 border-b-zinc-400 dark:border-b-zinc-600 border-l-zinc-200 dark:border-l-zinc-800 animate-[morph_2s_ease-in-out_infinite,rotate-color_2s_linear_infinite]",children:jsx("style",{jsx:true,children:`
           @keyframes rotate-color { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
           @keyframes morph { 0%, 100% { border-radius: 50%; width: 80px; height: 80px; } 50% { border-radius: 10%; width: 100px; height: 100px; } }
-        `})})})}function qs({className:e=""}){return jsx("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsxs("div",{className:"w-16 h-16",children:[jsx("div",{className:"box-border w-full h-full border-[10px] border-zinc-300 dark:border-zinc-800 border-t-zinc-700 dark:border-t-zinc-200 border-b-zinc-500 rounded-full animate-[rotate_5s_linear_infinite]",children:jsx("div",{className:"box-border w-full h-full border-[10px] border-zinc-300 dark:border-zinc-800 border-t-zinc-600 dark:border-t-zinc-400 border-b-black dark:border-b-white rounded-full animate-[rotate_2.5s_linear_infinite]"})}),jsx("style",{jsx:true,children:`
+        `})})})}function id({className:e=""}){return jsx("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsxs("div",{className:"w-16 h-16",children:[jsx("div",{className:"box-border w-full h-full border-[10px] border-zinc-300 dark:border-zinc-800 border-t-zinc-700 dark:border-t-zinc-200 border-b-zinc-500 rounded-full animate-[rotate_5s_linear_infinite]",children:jsx("div",{className:"box-border w-full h-full border-[10px] border-zinc-300 dark:border-zinc-800 border-t-zinc-600 dark:border-t-zinc-400 border-b-black dark:border-b-white rounded-full animate-[rotate_2.5s_linear_infinite]"})}),jsx("style",{jsx:true,children:`
           @keyframes rotate { 0% { transform: scale(1) rotate(360deg); } 50% { transform: scale(0.8) rotate(-360deg); } 100% { transform: scale(1) rotate(360deg); } }
-        `})]})})}function Js({text:e="loading",className:n=""}){return jsx("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",n),children:jsxs("div",{className:"relative w-20 h-12",children:[jsx("span",{className:"absolute top-0 left-0 m-0 p-0 text-black dark:text-white text-sm tracking-wider animate-[loading-text_3.5s_ease_both_infinite]",children:e}),jsx("span",{className:"absolute bottom-0 left-0 block h-4 w-4 rounded-full bg-black dark:bg-white animate-[loading-bar_3.5s_ease_both_infinite]",children:jsx("span",{className:"absolute inset-0 rounded-full bg-zinc-400 dark:bg-zinc-500 animate-[loading-bar-before_3.5s_ease_both_infinite]"})}),jsx("style",{jsx:true,children:`
+        `})]})})}function ud({text:e="loading",className:t=""}){return jsx("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",t),children:jsxs("div",{className:"relative w-20 h-12",children:[jsx("span",{className:"absolute top-0 left-0 m-0 p-0 text-black dark:text-white text-sm tracking-wider animate-[loading-text_3.5s_ease_both_infinite]",children:e}),jsx("span",{className:"absolute bottom-0 left-0 block h-4 w-4 rounded-full bg-black dark:bg-white animate-[loading-bar_3.5s_ease_both_infinite]",children:jsx("span",{className:"absolute inset-0 rounded-full bg-zinc-400 dark:bg-zinc-500 animate-[loading-bar-before_3.5s_ease_both_infinite]"})}),jsx("style",{jsx:true,children:`
           @keyframes loading-text { 0% { letter-spacing: 1px; transform: translateX(0px); } 40% { letter-spacing: 2px; transform: translateX(26px); } 80% { letter-spacing: 1px; transform: translateX(32px); } 90% { letter-spacing: 2px; transform: translateX(0px); } 100% { letter-spacing: 1px; transform: translateX(0px); } }
           @keyframes loading-bar { 0% { width: 16px; transform: translateX(0px); } 40% { width: 100%; transform: translateX(0px); } 80% { width: 16px; transform: translateX(64px); } 90% { width: 100%; transform: translateX(0px); } 100% { width: 16px; transform: translateX(0px); } }
           @keyframes loading-bar-before { 0% { transform: translateX(0px); width: 16px; } 40% { transform: translateX(0%); width: 80%; } 80% { width: 100%; transform: translateX(0px); } 90% { width: 80%; transform: translateX(15px); } 100% { transform: translateX(0px); width: 16px; } }
-        `})]})})}function Zs({words:e=["buttons","forms","switches","cards","loaders"],className:n=""}){return jsxs("div",{className:a("w-full h-full min-h-[400px] flex items-center justify-center",n),children:[jsxs("div",{className:"text-zinc-400 dark:text-zinc-500 font-medium text-2xl box-border h-10 px-2.5 py-2 flex items-center rounded-lg",children:[jsx("span",{className:"mr-2",children:"loading"}),jsxs("div",{className:"overflow-hidden relative h-full",children:[jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-white via-transparent to-white dark:from-zinc-950 dark:via-transparent dark:to-zinc-950 z-10"}),e.map((t,r)=>jsx("span",{className:"block h-full pl-1.5 text-black dark:text-white animate-[spin-words_4s_infinite]",style:{animationDelay:`${r*.8}s`},children:t},r))]})]}),jsx("style",{jsx:true,children:`
+        `})]})})}function cd({words:e=["buttons","forms","switches","cards","loaders"],className:t=""}){return jsxs("div",{className:i("w-full h-full min-h-[400px] flex items-center justify-center",t),children:[jsxs("div",{className:"text-zinc-400 dark:text-zinc-500 font-medium text-2xl box-border h-10 px-2.5 py-2 flex items-center rounded-lg",children:[jsx("span",{className:"mr-2",children:"loading"}),jsxs("div",{className:"overflow-hidden relative h-full",children:[jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-white via-transparent to-white dark:from-zinc-950 dark:via-transparent dark:to-zinc-950 z-10"}),e.map((a,o)=>jsx("span",{className:"block h-full pl-1.5 text-black dark:text-white animate-[spin-words_4s_infinite]",style:{animationDelay:`${o*.8}s`},children:a},o))]})]}),jsx("style",{jsx:true,children:`
         @keyframes spin-words { 10% { transform: translateY(-102%); } 25% { transform: translateY(-100%); } 35% { transform: translateY(-202%); } 50% { transform: translateY(-200%); } 60% { transform: translateY(-302%); } 75% { transform: translateY(-300%); } 85% { transform: translateY(-402%); } 100% { transform: translateY(-400%); } }
-      `})]})}function ol({className:e,children:n,delay:t=1e3}){let[r,i]=useState(0),o=si.Children.toArray(n);useEffect(()=>{let l=setInterval(()=>{i(u=>(u+1)%o.length);},t);return ()=>clearInterval(l)},[o.length,t]);let s=useMemo(()=>o.slice(0,r+1).reverse(),[r,o]);return jsx("div",{className:a("flex flex-col items-center gap-4",e),children:jsx(AnimatePresence,{children:s.map((l,u)=>jsx(pr,{children:l},u))})})}function pr({children:e}){return jsx(motion.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{type:"spring",stiffness:350,damping:40},layout:true,className:"mx-auto w-full",children:e})}function al({className:e,variant:n="text",width:t,height:r}){return jsx("div",{className:a("animate-pulse bg-zinc-200 dark:bg-zinc-800",{text:"h-4 rounded",circular:"rounded-full",rectangular:"rounded-lg"}[n],e),style:{width:t,height:r}})}function dl({children:e,content:n,position:t="top",className:r}){let[i,o]=useState(false),s={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},l={top:{initial:{opacity:0,y:5},animate:{opacity:1,y:0}},bottom:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0}},left:{initial:{opacity:0,x:5},animate:{opacity:1,x:0}},right:{initial:{opacity:0,x:-5},animate:{opacity:1,x:0}}};return jsxs("div",{className:"relative inline-block",onMouseEnter:()=>o(true),onMouseLeave:()=>o(false),children:[e,jsx(AnimatePresence,{children:i&&jsx(motion.div,{className:a("absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap",s[t],r),initial:l[t].initial,animate:l[t].animate,exit:l[t].initial,transition:{duration:.15},children:n})})]})}function bl({content:e,children:n,position:t="top",delay:r=300,className:i}){let[o,s]=useState(false),l=useRef(void 0),u=()=>{l.current=setTimeout(()=>s(true),r);},d=()=>{l.current&&clearTimeout(l.current),s(false);},c=()=>({top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"})[t];return jsxs("div",{className:a("relative inline-block",i),onMouseEnter:u,onMouseLeave:d,children:[n,jsx(AnimatePresence,{children:o&&jsx(motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.15},className:a("absolute z-50 px-3 py-2 text-sm bg-popover border border-border rounded-lg shadow-md whitespace-nowrap",c()),children:e})})]})}function kl({content:e,children:n,position:t="top",delay:r=200,animation:i="slide",className:o}){let[s,l]=useState(false),u=useRef(void 0),d=()=>{u.current=setTimeout(()=>l(true),r);},c=()=>{u.current&&clearTimeout(u.current),l(false);},m=()=>({top:"bottom-full left-1/2 -translate-x-1/2 mb-3",bottom:"top-full left-1/2 -translate-x-1/2 mt-3",left:"right-full top-1/2 -translate-y-1/2 mr-3",right:"left-full top-1/2 -translate-y-1/2 ml-3"})[t],g=()=>{let f={top:{y:10},bottom:{y:-10},left:{x:10},right:{x:-10}},{x:b=0,y:x=0}=f[t];return {...{fade:{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},scale:{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8}},bounce:{initial:{opacity:0,scale:.3,y:t==="top"?10:-10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.3,y:t==="top"?10:-10}},slide:{initial:{opacity:0,x:b,y:x},animate:{opacity:1,x:0,y:0},exit:{opacity:0,x:b,y:x}}}[i],transition:{type:"spring",stiffness:300,damping:25}}};return jsxs("div",{className:a("relative inline-block",o),onMouseEnter:d,onMouseLeave:c,children:[n,jsx(AnimatePresence,{children:s&&jsx(motion.div,{...g(),className:a("absolute z-50 px-4 py-2 text-sm bg-popover border border-border rounded-xl shadow-lg whitespace-nowrap backdrop-blur-sm",m()),children:e})})]})}var Tl={default:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",danger:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",info:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"},zl={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"};function Pl({children:e,variant:n="default",size:t="md",className:r}){return jsx("span",{className:a("inline-flex items-center font-medium rounded-full",Tl[n],zl[t],r),children:e})}var Rl={sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base",xl:"w-16 h-16 text-lg"};function Sl({src:e,alt:n="",fallback:t,size:r="md",className:i}){let o=t||n.split(" ").map(s=>s[0]).join("").slice(0,2).toUpperCase();return jsx("div",{className:a("relative inline-flex items-center justify-center rounded-full bg-zinc-200 dark:bg-zinc-800 overflow-hidden",Rl[r],i),children:e?jsx("img",{src:e,alt:n,className:"w-full h-full object-cover"}):jsx("span",{className:"font-medium text-zinc-600 dark:text-zinc-400",children:o})})}function Il({value:e,max:n=100,className:t,color:r="bg-blue-500",showLabel:i=false}){let o=Math.min(Math.max(e/n*100,0),100);return jsxs("div",{className:a("w-full",t),children:[jsx("div",{className:"h-2 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",children:jsx(motion.div,{className:a("h-full rounded-full",r),initial:{width:0},animate:{width:`${o}%`},transition:{duration:.5,ease:"easeOut"}})}),i&&jsxs("span",{className:"mt-1 text-sm text-zinc-600 dark:text-zinc-400",children:[Math.round(o),"%"]})]})}var El={sm:{track:"w-8 h-4",thumb:"w-3 h-3",translate:16},md:{track:"w-11 h-6",thumb:"w-5 h-5",translate:20},lg:{track:"w-14 h-7",thumb:"w-6 h-6",translate:28}};function Al({checked:e=false,onChange:n,disabled:t=false,size:r="md",className:i}){let o=El[r];return jsx("button",{type:"button",role:"switch","aria-checked":e,disabled:t,onClick:()=>n?.(!e),className:a("relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors",e?"bg-blue-500":"bg-zinc-300 dark:bg-zinc-700",t&&"opacity-50 cursor-not-allowed",o.track,i),children:jsx(motion.span,{className:a("pointer-events-none inline-block rounded-full bg-white shadow-lg",o.thumb),animate:{x:e?o.translate:2},transition:{type:"spring",stiffness:500,damping:30},style:{marginTop:2}})})}function _l({items:e,className:n,allowMultiple:t=false}){let[r,i]=useState([]),o=s=>{i(t?l=>l.includes(s)?l.filter(u=>u!==s):[...l,s]:l=>l.includes(s)?[]:[s]);};return jsx("div",{className:a("w-full space-y-2",n),children:e.map((s,l)=>jsxs("div",{className:"border border-zinc-200 dark:border-zinc-800 rounded-lg overflow-hidden",children:[jsxs("button",{onClick:()=>o(l),className:"w-full px-4 py-3 flex items-center justify-between text-left bg-zinc-50 dark:bg-zinc-900 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:[jsx("span",{className:"font-medium",children:s.title}),jsx(motion.svg,{animate:{rotate:r.includes(l)?180:0},transition:{duration:.2},className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsx(AnimatePresence,{children:r.includes(l)&&jsx(motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:jsx("div",{className:"px-4 py-3 bg-white dark:bg-zinc-950",children:s.content})})})]},l))})}function Fl({tabs:e,className:n,defaultIndex:t=0}){let[r,i]=useState(t);return jsxs("div",{className:a("w-full",n),children:[jsx("div",{className:"relative flex border-b border-zinc-200 dark:border-zinc-800",children:e.map((o,s)=>jsxs("button",{onClick:()=>i(s),className:a("px-4 py-2 text-sm font-medium transition-colors relative",r===s?"text-zinc-900 dark:text-white":"text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200"),children:[o.label,r===s&&jsx(motion.div,{layoutId:"activeTab",className:"absolute bottom-0 left-0 right-0 h-0.5 bg-zinc-900 dark:bg-white",transition:{type:"spring",stiffness:500,damping:30}})]},s))}),jsx(motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.2},className:"py-4",children:e[r].content},r)]})}function $l({isOpen:e,onClose:n,children:t,className:r,title:i}){return useEffect(()=>{let o=s=>{s.key==="Escape"&&n();};return e&&(document.addEventListener("keydown",o),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",o),document.body.style.overflow="unset";}},[e,n]),jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:n,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},transition:{type:"spring",damping:25,stiffness:300},className:a("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50","w-full max-w-md p-6 rounded-xl","bg-white dark:bg-zinc-900","shadow-xl",r),children:[i&&jsxs("div",{className:"flex items-center justify-between mb-4",children:[jsx("h2",{className:"text-lg font-semibold",children:i}),jsx("button",{onClick:n,className:"p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),t]})]})})}function Yl({isOpen:e,onClose:n,children:t,className:r,position:i="right"}){useEffect(()=>{let l=u=>{u.key==="Escape"&&n();};return e&&(document.addEventListener("keydown",l),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",l),document.body.style.overflow="unset";}},[e,n]);let o={left:{initial:{x:"-100%"},animate:{x:0},exit:{x:"-100%"}},right:{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}},bottom:{initial:{y:"100%"},animate:{y:0},exit:{y:"100%"}}},s={left:"left-0 top-0 h-full w-80",right:"right-0 top-0 h-full w-80",bottom:"bottom-0 left-0 right-0 h-auto max-h-[80vh]"};return jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:n,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:o[i].initial,animate:o[i].animate,exit:o[i].exit,transition:{type:"spring",damping:25,stiffness:300},className:a("fixed z-50 p-6","bg-white dark:bg-zinc-900","shadow-xl",s[i],r),children:[jsx("button",{onClick:n,className:"absolute top-4 right-4 p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),t]})]})})}function Jl({className:e="",close:n=false,children:t,onClose:r}){let[i,o]=si.useState(true);if(!i)return null;let s=()=>{o(false),r?.();};return jsx("div",{className:a("min-h-[400px] w-full flex items-center justify-center p-4",e),children:jsx("div",{className:"flex flex-col items-center w-full lg:max-w-[75%] gap-6",children:jsxs("div",{className:"relative flex items-center gap-3 rounded-lg border border-zinc-300 dark:border-zinc-700 bg-transparent px-4 py-3 shadow-sm w-full max-w-md transition-all duration-200",children:[t,n&&jsx("button",{onClick:s,className:"absolute top-2 right-2 text-gray-500 hover:text-gray-700 dark:text-white/60 dark:hover:text-white transition-colors",children:jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})})})}function Kl({children:e,className:n}){return jsx("div",{className:a("text-primary flex-shrink-0",n),children:e})}function Zl({children:e,className:n}){return jsx("span",{className:a("text-foreground font-medium text-sm flex-1",n),children:e})}function Ql({children:e,className:n}){return jsx("div",{className:a("flex items-center gap-2",n),children:e})}function ec({children:e,className:n,title:t="Terminal"}){return jsxs("div",{className:a("relative w-full max-w-2xl mx-auto bg-zinc-100 dark:bg-black rounded-lg overflow-hidden shadow-2xl","border border-zinc-300 dark:border-gray-800",n),children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-zinc-200 dark:bg-gray-800 border-b border-zinc-300 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center space-x-2",children:[jsx("div",{className:"w-3 h-3 bg-red-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"})]}),jsx("div",{className:"text-zinc-600 dark:text-gray-400 text-sm font-mono",children:t}),jsx("div",{className:"w-16"})]}),jsx("div",{className:"p-4 font-mono text-sm leading-relaxed space-y-2 min-h-[300px] bg-zinc-100 dark:bg-black text-zinc-900 dark:text-white",children:e})]})}function tc({children:e,className:n,delay:t=0,speed:r=50}){let[i,o]=useState(""),[s,l]=useState(false);return useEffect(()=>{let u=setTimeout(()=>{let d=0,c=setInterval(()=>{d<=e.length?(o(e.slice(0,d)),d++):(l(true),clearInterval(c));},r);return ()=>clearInterval(c)},t);return ()=>clearTimeout(u)},[e,t,r]),jsxs("div",{className:a("flex items-center",n),children:[jsx("span",{children:i}),!s&&jsx("span",{className:"ml-1 animate-pulse bg-white w-2 h-4 inline-block"})]})}function nc({children:e,className:n,delay:t=0}){let[r,i]=useState(false);return useEffect(()=>{let o=setTimeout(()=>{i(true);},t);return ()=>clearTimeout(o)},[t]),jsx("div",{className:a("transition-all duration-500 transform",r?"opacity-100 translate-y-0":"opacity-0 translate-y-2",n),children:e})}function lc({children:e,initialStep:n=1,onStepChange:t=()=>{},onFinalStepCompleted:r=()=>{},backButtonText:i="Back",nextButtonText:o="Continue",disableStepIndicators:s=false,className:l,...u}){let[d,c]=useState(n),[m,g]=useState(0),p=Children.toArray(e),f=p.length,b=d>f,x=d===f,y=k=>{c(k),k>f?r():t(k);},v=()=>{d>1&&(g(-1),y(d-1));},h=()=>{x||(g(1),y(d+1));},w=()=>{g(1),y(f+1);};return jsxs("div",{className:a("w-full max-w-md mx-auto",l),...u,children:[jsx("div",{className:"flex items-center justify-between mb-8",children:p.map((k,T)=>{let N=T+1,P=T<f-1;return jsxs(si.Fragment,{children:[jsx(mc,{step:N,disableStepIndicators:s,currentStep:d,onClickStep:z=>{g(z>d?1:-1),y(z);}}),P&&jsx(pc,{isComplete:d>N})]},N)})}),jsx(cc,{isCompleted:b,currentStep:d,direction:m,children:p[d-1]}),!b&&jsxs("div",{className:a("flex mt-8",d!==1?"justify-between":"justify-end"),children:[d!==1&&jsx("button",{onClick:v,className:"px-4 py-2 text-sm font-medium text-zinc-400 hover:text-white transition-colors rounded-lg hover:bg-zinc-800",children:i}),jsx("button",{onClick:x?w:h,className:"px-4 py-2 text-sm font-medium bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors",children:x?"Complete":o})]})]})}function cc({isCompleted:e,currentStep:n,direction:t,children:r}){let[i,o]=useState(0);return jsx(motion.div,{className:"relative overflow-hidden",animate:{height:e?0:i},transition:{type:"spring",duration:.4},children:jsx(AnimatePresence,{initial:false,mode:"sync",custom:t,children:!e&&jsx(dc,{direction:t,onHeightReady:s=>o(s),children:r},n)})})}function dc({children:e,direction:n,onHeightReady:t}){let r=useRef(null);useLayoutEffect(()=>{r.current&&t(r.current.offsetHeight);},[e,t]);let i={enter:o=>({x:o>=0?"-100%":"100%",opacity:0}),center:{x:"0%",opacity:1},exit:o=>({x:o>=0?"50%":"-50%",opacity:0})};return jsx(motion.div,{ref:r,custom:n,variants:i,initial:"enter",animate:"center",exit:"exit",transition:{duration:.4},className:"absolute left-0 right-0 top-0",children:e})}function uc({children:e}){return jsx("div",{className:"p-4 rounded-lg bg-zinc-900 border border-zinc-800",children:e})}function mc({step:e,currentStep:n,onClickStep:t,disableStepIndicators:r}){let i=n===e?"active":n<e?"inactive":"complete",o=()=>{e!==n&&!r&&t(e);};return jsx(motion.button,{onClick:o,disabled:r,className:a("relative flex items-center justify-center w-10 h-10 rounded-full text-sm font-medium transition-all",i==="inactive"&&"bg-zinc-800 text-zinc-500 border border-zinc-700",i==="active"&&"bg-white text-black border-2 border-white",i==="complete"&&"bg-white text-black border-2 border-white",!r&&"cursor-pointer hover:opacity-80"),animate:i,initial:false,children:i==="complete"?jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}):jsx("span",{children:e})})}function pc({isComplete:e}){return jsx("div",{className:"flex-1 h-[2px] mx-2 bg-zinc-800 rounded-full overflow-hidden",children:jsx(motion.div,{className:"h-full bg-white rounded-full",initial:{width:0},animate:{width:e?"100%":"0%"},transition:{duration:.4}})})}var Mr=createContext(null),Ir=()=>{let e=useContext(Mr);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},Lr=forwardRef(({data:e,initialSelectedId:n,onSelectChange:t,initialExpandedItems:r=[],elements:i,className:o,...s},l)=>{let[u,d]=useState(n),[c,m]=useState(r),g=useCallback(b=>{m(x=>x.includes(b)?x.filter(y=>y!==b):[...x,b]);},[]),p=useCallback(b=>{let x=e||i||[],y=Array.isArray(x)?x:[x],v=w=>{for(let k of w){if(k.id===b)return k;if(k.children){let T=v(k.children);if(T)return T}}},h=v(y);h?.isSelectable&&(d(b),t?.(h));},[e,i,t]),f={selectedId:u,expandedItems:c,handleExpand:g,handleSelect:p,data:e||i||[]};return jsx(Mr.Provider,{value:f,children:jsx("div",{className:a("relative overflow-hidden",o),ref:l,...s,children:si.Children.map(s.children,b=>b)})})});Lr.displayName="Tree";var Er=forwardRef(({className:e,element:n,value:t,isSelectable:r=true,children:i,...o},s)=>{let{selectedId:l,expandedItems:u,handleExpand:d,handleSelect:c}=Ir();return jsxs("div",{ref:s,className:"relative",...o,children:[jsxs("div",{className:a("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",l===t&&"bg-muted",e),onClick:()=>{d(t),r&&c(t);},children:[jsx("svg",{className:a("h-4 w-4 shrink-0 transition-transform duration-200",u.includes(t)&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),jsx("span",{className:"truncate",children:n})]}),u.includes(t)&&jsx("div",{className:"ml-4 border-l border-muted pl-2",children:i})]})});Er.displayName="Folder";var Ar=forwardRef(({className:e,value:n,isSelectable:t=true,children:r,...i},o)=>{let{selectedId:s,handleSelect:l}=Ir();return jsxs("div",{ref:o,className:a("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",s===n&&"bg-muted",e),onClick:()=>t&&l(n),...i,children:[jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),jsx("div",{className:"truncate",children:r})]})});Ar.displayName="File";function wc({mv:e,number:n,height:t}){let r=useTransform(e,i=>{let o=i%10,s=(10+n-o)%10,l=s*t;return s>5&&(l-=10*t),l});return jsx(motion.span,{style:{y:r,position:"absolute",inset:0,display:"flex",justifyContent:"center"},children:n})}function kc({place:e,value:n,height:t,digitStyle:r}){let i=Math.floor(n/e),o=useSpring(i,{stiffness:200,damping:25});return useEffect(()=>{o.set(i);},[o,i]),jsx("div",{style:{height:t,position:"relative",overflow:"hidden",...r},children:Array.from({length:10},(s,l)=>jsx(wc,{mv:o,number:l,height:t},l))})}function Nc({value:e,fontSize:n=100,padding:t=0,places:r=[100,10,1],gap:i=8,textColor:o="#000000",fontWeight:s=900,containerStyle:l,digitStyle:u}){let d=n+t;return jsx("div",{style:{display:"flex",gap:i,fontSize:n,color:o,fontWeight:s,...l},children:r.map(c=>jsx(kc,{place:c,value:e,height:d,digitStyle:u},c))})}var Pc={initial:{gap:0,paddingLeft:".5rem",paddingRight:".5rem"},animate:e=>({gap:e?".5rem":0,paddingLeft:e?"1rem":".5rem",paddingRight:e?"1rem":".5rem"})},Cc={initial:{width:0,opacity:0},animate:{width:"auto",opacity:1},exit:{width:0,opacity:0}},Hr={type:"spring",bounce:0,duration:.4};function Rc({className:e,items:n,defaultSelected:t,onItemClick:r}){let[i,o]=useState(t||null),s=l=>{o(i===l?null:l),r?.(l);};return jsx("div",{className:a("flex items-center gap-3 p-2 relative","bg-background border rounded-xl transition-all duration-200",e),children:jsx("div",{className:"flex items-center gap-2",children:n.map(l=>jsxs(motion.button,{variants:Pc,initial:false,animate:"animate",custom:i===l.id,onClick:()=>s(l.id),transition:Hr,className:a("relative flex items-center rounded-none px-3 py-2","text-sm font-medium transition-colors duration-300",i===l.id?"bg-[#1F9CFE] text-white rounded-lg":"text-muted-foreground hover:bg-muted hover:text-foreground"),children:[l.icon,jsx(AnimatePresence,{initial:false,children:i===l.id&&jsx(motion.span,{variants:Cc,initial:"initial",animate:"animate",exit:"exit",transition:Hr,className:"overflow-hidden",children:l.title})})]},l.id))})})}function Ac({className:e,children:n,direction:t="middle"}){let r={top:"items-start",middle:"items-center",bottom:"items-end"};return jsx(motion.div,{className:a("mx-auto w-max mt-8 h-[58px] p-2 flex gap-2 rounded-2xl border","supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 backdrop-blur-md","border-gray-200 bg-gray-50/80 dark:border-gray-800 dark:bg-gray-900/80",r[t],e),children:n})}function Bc({size:e=40,magnification:n=60,distance:t=140,children:r,className:i}){let o=useRef(null),s=useMotionValue(1/0),l=useSpring(useTransform(s,[-t,0,t],[e,n,e]),{mass:.1,stiffness:150,damping:12});return jsx(motion.div,{ref:o,style:{width:l},onMouseMove:u=>s.set(u.pageX-o.current.offsetLeft-l.get()/2),onMouseLeave:()=>s.set(1/0),className:a("flex aspect-square cursor-pointer items-center justify-center rounded-full",i),children:r})}var Or=forwardRef(({className:e,label:n,error:t,icon:r,...i},o)=>jsxs("div",{className:"w-full",children:[n&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:n}),jsxs("div",{className:"relative",children:[r&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400",children:r}),jsx("input",{ref:o,className:a("w-full px-4 py-2 rounded-lg","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","text-zinc-900 dark:text-zinc-100","placeholder:text-zinc-400 dark:placeholder:text-zinc-500","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent","transition-all duration-200",r&&"pl-10",t&&"border-red-500 focus:ring-red-500",e),...i})]}),t&&jsx("p",{className:"mt-1 text-sm text-red-500",children:t})]}));Or.displayName="Input";var Vr=forwardRef(({className:e,label:n,error:t,...r},i)=>jsxs("div",{className:"w-full",children:[n&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:n}),jsx("textarea",{ref:i,className:a("w-full px-4 py-2 rounded-lg min-h-[100px] resize-y","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","text-zinc-900 dark:text-zinc-100","placeholder:text-zinc-400 dark:placeholder:text-zinc-500","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent","transition-all duration-200",t&&"border-red-500 focus:ring-red-500",e),...r}),t&&jsx("p",{className:"mt-1 text-sm text-red-500",children:t})]}));Vr.displayName="Textarea";function Oc({checked:e=false,onChange:n,label:t,disabled:r=false,className:i}){return jsxs("label",{className:a("inline-flex items-center gap-2 cursor-pointer",r&&"opacity-50 cursor-not-allowed",i),children:[jsx("button",{type:"button",role:"checkbox","aria-checked":e,disabled:r,onClick:()=>n?.(!e),className:a("w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",e?"bg-blue-500 border-blue-500":"bg-transparent border-zinc-300 dark:border-zinc-600"),children:jsx(motion.svg,{initial:false,animate:{scale:e?1:0,opacity:e?1:0},transition:{duration:.15},className:"w-3 h-3 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})})}),t&&jsx("span",{className:"text-sm",children:t})]})}function Gc({options:e,value:n,onChange:t,name:r,className:i,direction:o="vertical"}){return jsx("div",{className:a("flex gap-3",o==="vertical"?"flex-col":"flex-row flex-wrap",i),children:e.map(s=>jsxs("label",{className:"inline-flex items-center gap-2 cursor-pointer",children:[jsx("button",{type:"button",role:"radio","aria-checked":n===s.value,onClick:()=>t?.(s.value),className:a("w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors",n===s.value?"border-blue-500":"border-zinc-300 dark:border-zinc-600"),children:jsx(motion.div,{initial:false,animate:{scale:n===s.value?1:0,opacity:n===s.value?1:0},transition:{duration:.15},className:"w-2.5 h-2.5 rounded-full bg-blue-500"})}),jsx("span",{className:"text-sm",children:s.label})]},s.value))})}function Jc({options:e,value:n,onChange:t,placeholder:r="Select...",className:i,label:o}){let[s,l]=useState(false),u=useRef(null),d=e.find(c=>c.value===n);return useEffect(()=>{let c=m=>{u.current&&!u.current.contains(m.target)&&l(false);};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[]),jsxs("div",{className:"w-full",children:[o&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:o}),jsxs("div",{ref:u,className:a("relative",i),children:[jsxs("button",{type:"button",onClick:()=>l(!s),className:a("w-full px-4 py-2 rounded-lg text-left","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","flex items-center justify-between","focus:outline-none focus:ring-2 focus:ring-blue-500","transition-all duration-200"),children:[jsx("span",{className:d?"":"text-zinc-400",children:d?.label||r}),jsx(motion.svg,{animate:{rotate:s?180:0},transition:{duration:.2},className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsx(AnimatePresence,{children:s&&jsx(motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.15},className:a("absolute z-50 w-full mt-1 rounded-lg overflow-hidden","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","shadow-lg"),children:e.map(c=>jsx("button",{type:"button",onClick:()=>{t?.(c.value),l(false);},className:a("w-full px-4 py-2 text-left","hover:bg-zinc-100 dark:hover:bg-zinc-800","transition-colors",n===c.value&&"bg-blue-50 dark:bg-blue-900/20 text-blue-600"),children:c.label},c.value))})})]})]})}function jc({maxLength:e=6,onComplete:n,onChange:t,className:r=""}){let[i,o]=useState(new Array(e).fill("")),s=useRef([]);useEffect(()=>{let c=i.join("");t?.(c),c.length===e&&n?.(c);},[i,e,t,n]);let l=(c,m)=>{if(m.length>1){let g=m.slice(0,e).split(""),p=[...i];g.forEach((b,x)=>{c+x<e&&(p[c+x]=b);}),o(p);let f=Math.min(c+g.length,e-1);s.current[f]?.focus();return}if(/^\d*$/.test(m)){let g=[...i];g[c]=m,o(g),m&&c<e-1&&s.current[c+1]?.focus();}},u=(c,m)=>{if(m.key==="Backspace")if(!i[c]&&c>0)s.current[c-1]?.focus();else {let g=[...i];g[c]="",o(g);}else m.key==="ArrowLeft"&&c>0?s.current[c-1]?.focus():m.key==="ArrowRight"&&c<e-1&&s.current[c+1]?.focus();},d=c=>{s.current[c]?.select();};return jsx("div",{className:a("flex items-center gap-2",r),children:i.map((c,m)=>jsx("input",{ref:g=>{s.current[m]=g;},type:"text",inputMode:"numeric",maxLength:1,value:c,onChange:g=>l(m,g.target.value),onKeyDown:g=>u(m,g),onFocus:()=>d(m),className:a("w-12 h-12 text-center text-lg font-semibold","border-2 border-zinc-300 dark:border-zinc-600 rounded-md","focus:border-zinc-900 dark:focus:border-white focus:outline-none","bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white","transition-colors")},m))})}function td({className:e,onChange:n}){let[t,r]=useState(false),i=()=>{let o=!t;r(o),n?.(o);};return jsxs("label",{className:a("relative w-10 h-8 bg-transparent cursor-pointer block",e),htmlFor:"burger-basic",children:[jsx("input",{type:"checkbox",id:"burger-basic",className:"hidden",checked:t,onChange:i}),jsx("span",{className:a("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-0 origin-left",t&&"rotate-45 top-0 left-1.5")}),jsx("span",{className:a("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-1/2 -translate-y-1/2 origin-left",t&&"w-0 opacity-0")}),jsx("span",{className:a("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-full -translate-y-full origin-left",t&&"-rotate-45 top-7 left-1.5")})]})}function od({className:e,onChange:n}){let[t,r]=useState(false),i=()=>{let o=!t;r(o),n?.(o);};return jsxs("div",{className:a("inline-block",e),children:[jsx("input",{type:"checkbox",id:"checkbox-spin",className:"hidden",checked:t,onChange:i}),jsxs("label",{htmlFor:"checkbox-spin",className:a("relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500",t&&"rotate-180"),children:[jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",t&&"scale-x-[0.6] translate-y-[1px]")}),jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",t&&"rotate-90 scale-x-[1.2]")}),jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",t&&"scale-x-[0.6] -translate-y-[1px]")})]})]})}function id(...e){return e.filter(Boolean).join(" ")}function sd({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:id("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{scaleX:0}:{scaleX:1},transition:{duration:.3,type:"spring",stiffness:400,damping:30}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{scaleX:1.2}:{scaleX:1},transition:{duration:.4,type:"spring",stiffness:200,damping:20}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{scaleX:0}:{scaleX:1},transition:{duration:.3,delay:.05,type:"spring",stiffness:400,damping:30}})]})}function dd(...e){return e.filter(Boolean).join(" ")}function ud({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:dd("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{y:-12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{rotation:90,scaleX:.8}:{rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{y:12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}})]})}function Ze(...e){return e.filter(Boolean).join(" ")}function fd({className:e,onChange:n}){let[t,r]=useState(false);return jsx("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Ze("relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center",e),"aria-label":"Toggle menu",children:jsxs("div",{className:"relative w-8 h-8",children:[jsx("span",{className:Ze("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out",t?"top-0 left-0":"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:Ze("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75",t?"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:Ze("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150",t?"bottom-0 right-0":"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")})]})})}function je(...e){return e.filter(Boolean).join(" ")}function xd({className:e,onChange:n}){let[t,r]=useState(false),i=()=>{let o=!t;r(o),n?.(o);};return jsxs("label",{className:je("w-12 h-8 cursor-pointer relative block",e),htmlFor:"burger-stagger",children:[jsx("input",{type:"checkbox",id:"burger-stagger",className:"hidden w-full h-full",checked:t,onChange:i}),jsx("span",{className:je("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-0 right-0 origin-right",t&&"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]")}),jsx("span",{className:je("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-1/2 -translate-y-1/2")}),jsx("span",{className:je("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-full right-0 origin-right -translate-y-full",t&&"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]")})]})}function yd(...e){return e.filter(Boolean).join(" ")}function wd({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:yd("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",e),style:{transformStyle:"preserve-3d",perspective:"800px"},"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:t?{width:10,height:10,borderRadius:"50%",y:-6}:{width:32,height:2,borderRadius:"4px",y:0},transition:{duration:.3,ease:"easeInOut"}}),jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:t?{width:10,height:10,borderRadius:"50%",x:-8,y:6}:{width:32,height:2,borderRadius:"4px",x:0,y:0},transition:{duration:.35,ease:"easeInOut"}}),jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:t?{width:10,height:10,borderRadius:"50%",x:8,y:6}:{width:32,height:2,borderRadius:"4px",x:0,y:0},transition:{duration:.4,ease:"easeInOut"}})]})}function Td(...e){return e.filter(Boolean).join(" ")}function zd({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Td("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{rotateX:90,y:0,opacity:0}:{rotateX:0,y:0,opacity:1},transition:{duration:.3,type:"spring",stiffness:300,damping:30}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{scaleY:3}:{scaleY:1},transition:{duration:.6,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:t?{rotateX:90,y:0,opacity:0}:{rotateX:0,y:0,opacity:1},transition:{duration:.3,type:"spring",stiffness:300,damping:30}})]})}function Rd({sparkColor:e="#000000",sparkSize:n=10,sparkRadius:t=15,sparkCount:r=8,duration:i=400,easing:o="ease-out",extraScale:s=1,children:l}){let u=useRef(null),d=useRef([]),c=useRef(null);useEffect(()=>{let p=u.current;if(!p)return;let f=p.parentElement;if(!f)return;let b,x=()=>{let{width:h,height:w}=f.getBoundingClientRect();(p.width!==h||p.height!==w)&&(p.width=h,p.height=w);},y=()=>{clearTimeout(b),b=setTimeout(x,100);},v=new ResizeObserver(y);return v.observe(f),x(),()=>{v.disconnect(),clearTimeout(b);}},[]);let m=useCallback(p=>{switch(o){case "linear":return p;case "ease-in":return p*p;case "ease-in-out":return p<.5?2*p*p:-1+(4-2*p)*p;default:return p*(2-p)}},[o]);return useEffect(()=>{let p=u.current;if(!p)return;let f=p.getContext("2d");if(!f)return;let b,x=y=>{c.current||(c.current=y),f.clearRect(0,0,p.width,p.height),d.current=d.current.filter(v=>{let h=y-v.startTime;if(h>=i)return  false;let w=h/i,k=m(w),T=k*t*s,N=n*(1-k),P=v.x+T*Math.cos(v.angle),z=v.y+T*Math.sin(v.angle),C=v.x+(T+N)*Math.cos(v.angle),M=v.y+(T+N)*Math.sin(v.angle);return f.strokeStyle=e,f.lineWidth=2,f.beginPath(),f.moveTo(P,z),f.lineTo(C,M),f.stroke(),true}),b=requestAnimationFrame(x);};return b=requestAnimationFrame(x),()=>{cancelAnimationFrame(b);}},[e,n,t,i,m,s]),jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},onClick:p=>{let f=u.current;if(!f)return;let b=f.getBoundingClientRect(),x=p.clientX-b.left,y=p.clientY-b.top,v=performance.now(),h=Array.from({length:r},(w,k)=>({x,y,angle:2*Math.PI*k/r,startTime:v}));d.current.push(...h);},children:[jsx("canvas",{ref:u,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),l]})}function Ad({className:e}){let[n,t]=useState(false),r=useMotionValue(-100),i=useMotionValue(-100),o={damping:25,stiffness:700},s=useSpring(r,o),l=useSpring(i,o);return useEffect(()=>{let u=c=>{r.set(c.clientX-16),i.set(c.clientY-16),t(true);},d=()=>{t(false);};return window.addEventListener("mousemove",u),window.addEventListener("mouseleave",d),()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseleave",d);}},[r,i]),jsx(motion.div,{className:a("pointer-events-none fixed left-0 top-0 z-50 h-8 w-8 rounded-full bg-zinc-400 mix-blend-difference",n?"opacity-100":"opacity-0",e),style:{x:s,y:l},transition:{type:"spring",stiffness:500,damping:28}})}function _d({children:e,className:n,duration:t=5,distance:r=50}){return jsx(motion.div,{className:a("relative",n),animate:{y:[0,-r,0]},transition:{duration:t,repeat:1/0,ease:"easeInOut"},children:e})}function Od({children:e,className:n,glowColor:t="rgba(255, 255, 255, 0.4)",duration:r=3}){return jsx(motion.div,{className:a("relative p-8 rounded-3xl border-2 border-white/30",n),style:{background:"radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 70%)"},animate:{boxShadow:[`0 0 40px ${t}, 0 0 80px ${t.replace("0.4","0.2")}`,`0 0 80px ${t.replace("0.4","0.8")}, 0 0 160px ${t.replace("0.4","0.5")}`,`0 0 40px ${t}, 0 0 80px ${t.replace("0.4","0.2")}`],borderColor:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.6)","rgba(255, 255, 255, 0.3)"]},transition:{duration:r,repeat:1/0,ease:"easeInOut"},children:e})}function Gd({children:e,className:n,delay:t=0,duration:r=.8,blur:i=10,inView:o=false,inViewMargin:s="-50px",yOffset:l=6}){let u={hidden:{opacity:0,filter:`blur(${i}px)`,y:l},visible:{opacity:1,filter:"blur(0px)",y:0}};return jsx(motion.div,{className:a(n),initial:"hidden",animate:o?void 0:"visible",whileInView:o?"visible":void 0,viewport:{once:true,margin:s},variants:u,transition:{duration:r,delay:t,ease:[.25,.1,.25,1]},children:e})}var Kt=class{constructor(n,t,r,i,o,s,l){this.width=n.width,this.height=n.height,this.ctx=t,this.x=r,this.y=i,this.color=o,this.speed=this.getRandomValue(.1,.9)*s,this.size=0,this.sizeStep=Math.random()*.4,this.minSize=.5,this.maxSizeInteger=2,this.maxSize=this.getRandomValue(this.minSize,this.maxSizeInteger),this.delay=l,this.counter=0,this.counterStep=Math.random()*4+(this.width+this.height)*.01,this.isIdle=false,this.isReverse=false,this.isShimmer=false;}getRandomValue(n,t){return Math.random()*(t-n)+n}draw(){let n=this.maxSizeInteger*.5-this.size*.5;this.ctx.fillStyle=this.color,this.ctx.fillRect(this.x+n,this.y+n,this.size,this.size);}appear(){if(this.isIdle=false,this.counter<=this.delay){this.counter+=this.counterStep;return}this.size>=this.maxSize&&(this.isShimmer=true),this.isShimmer?this.shimmer():this.size+=this.sizeStep,this.draw();}disappear(){if(this.isShimmer=false,this.counter=0,this.size<=0){this.isIdle=true;return}else this.size-=.1;this.draw();}shimmer(){this.size>=this.maxSize?this.isReverse=true:this.size<=this.minSize&&(this.isReverse=false),this.isReverse?this.size-=this.speed:this.size+=this.speed;}},Ur={default:{gap:5,speed:35,colors:"#71717a,#a1a1aa,#d4d4d8",noFocus:false},blue:{gap:10,speed:25,colors:"#0ea5e9,#38bdf8,#7dd3fc",noFocus:false},yellow:{gap:3,speed:20,colors:"#ca8a04,#eab308,#facc15",noFocus:false},pink:{gap:6,speed:80,colors:"#be123c,#e11d48,#f43f5e",noFocus:true}};function Yd(e,n){return e<=0||n?0:e>=100?100*.001:e*.001}function qd({variant:e="default",gap:n,speed:t,colors:r,noFocus:i,className:o="",children:s}){let l=useRef(null),u=useRef(null),d=useRef([]),c=useRef(null),m=useRef(typeof performance<"u"?performance.now():0),g=useRef(typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:false).current,p=Ur[e]||Ur.default,f=n??p.gap,b=t??p.speed,x=r??p.colors,y=i??p.noFocus,v=()=>{if(!l.current||!u.current)return;let z=l.current.getBoundingClientRect(),C=Math.floor(z.width)||300,M=Math.floor(z.height)||400,S=u.current.getContext("2d");if(!S)return;u.current.width=C,u.current.height=M,u.current.style.width=`${C}px`,u.current.style.height=`${M}px`;let R=x.split(",").map(I=>I.trim()),B=[],E=Math.max(parseInt(f.toString(),10),3);for(let I=0;I<C;I+=E)for(let _=0;_<M;_+=E){let L=R[Math.floor(Math.random()*R.length)],Y=I-C/2,ue=_-M/2,ae=Math.sqrt(Y*Y+ue*ue),Ae=g?0:ae;B.push(new Kt(u.current,S,I,_,L,Yd(b,g),Ae));}d.current=B;},h=z=>{c.current=requestAnimationFrame(()=>h(z));let C=performance.now(),M=C-m.current,S=1e3/60;if(M<S)return;m.current=C-M%S;let R=u.current?.getContext("2d");if(!R||!u.current)return;R.clearRect(0,0,u.current.width,u.current.height);let B=true;for(let E=0;E<d.current.length;E++){let I=d.current[E];I[z](),I.isIdle||(B=false);}B&&c.current&&cancelAnimationFrame(c.current);},w=z=>{c.current!==null&&cancelAnimationFrame(c.current),c.current=requestAnimationFrame(()=>h(z));},k=()=>w("appear"),T=()=>w("disappear"),N=z=>{z.currentTarget.contains(z.relatedTarget)||w("appear");},P=z=>{z.currentTarget.contains(z.relatedTarget)||w("disappear");};return useEffect(()=>{v();let z=new ResizeObserver(()=>{v();});return l.current&&z.observe(l.current),()=>{z.disconnect(),c.current!==null&&cancelAnimationFrame(c.current);}},[f,b,x,y]),jsxs("div",{ref:l,className:a("relative overflow-hidden rounded-xl border border-zinc-200 dark:border-zinc-800 bg-zinc-100 dark:bg-zinc-900",o),onMouseEnter:k,onMouseLeave:T,onFocus:y?void 0:N,onBlur:y?void 0:P,tabIndex:y?-1:0,children:[jsx("canvas",{className:"absolute inset-0 w-full h-full pointer-events-none",ref:u}),jsx("div",{className:"relative z-10",children:s})]})}var Zt={damping:30,stiffness:100,mass:2};function Zd({imageSrc:e,altText:n="Tilted card image",captionText:t="",containerHeight:r="300px",containerWidth:i="100%",imageHeight:o="300px",imageWidth:s="300px",scaleOnHover:l=1.1,rotateAmplitude:u=14,showMobileWarning:d=false,showTooltip:c=true,overlayContent:m=null,displayOverlayContent:g=false,className:p}){let f=useRef(null),b=useMotionValue(0),x=useMotionValue(0),y=useSpring(useMotionValue(0),Zt),v=useSpring(useMotionValue(0),Zt),h=useSpring(1,Zt),w=useSpring(0),k=useSpring(0,{stiffness:350,damping:30,mass:1}),[T,N]=useState(0);function P(M){if(!f.current)return;let S=f.current.getBoundingClientRect(),R=M.clientX-S.left-S.width/2,B=M.clientY-S.top-S.height/2,E=B/(S.height/2)*-u,I=R/(S.width/2)*u;y.set(E),v.set(I),b.set(M.clientX-S.left),x.set(M.clientY-S.top);let _=B-T;k.set(-_*.6),N(B);}function z(){h.set(l),w.set(1);}function C(){w.set(0),h.set(1),y.set(0),v.set(0),k.set(0);}return jsxs("figure",{ref:f,className:a("relative flex items-center justify-center [perspective:800px]",p),style:{height:r,width:i},onMouseMove:P,onMouseEnter:z,onMouseLeave:C,children:[d&&jsx("div",{className:"absolute top-2 left-2 text-xs text-muted-foreground md:hidden",children:"Best viewed on desktop"}),jsxs(motion.div,{className:"relative [transform-style:preserve-3d]",style:{width:s,height:o,rotateX:y,rotateY:v,scale:h},children:[jsx(motion.img,{src:e,alt:n,className:"absolute inset-0 w-full h-full object-cover rounded-lg",style:{width:s,height:o}}),g&&m&&jsx(motion.div,{className:"absolute inset-0 flex items-center justify-center bg-black/50 rounded-lg",children:m})]}),c&&t&&jsx(motion.figcaption,{className:"pointer-events-none absolute px-3 py-1.5 text-sm bg-white dark:bg-zinc-900 rounded-full shadow-lg whitespace-nowrap",style:{x:b,y:x,opacity:w,rotate:k},children:t})]})}function jd({children:e,speed:n=30,direction:t="left",pauseOnHover:r=true,className:i}){let o=useRef(null),s=useRef(null);return useEffect(()=>{if(!o.current||!s.current)return;Array.from(s.current.children).forEach(u=>{let d=u.cloneNode(true);s.current&&s.current.appendChild(d);}),o.current.style.setProperty("--animation-duration",`${n}s`),o.current.style.setProperty("--animation-direction",t==="left"?"forwards":"reverse");},[n,t]),jsxs("div",{ref:o,className:a("group relative flex overflow-hidden [mask-image:linear-gradient(to_right,transparent,white_20%,white_80%,transparent)]",i),children:[jsx("div",{ref:s,className:a("flex min-w-full shrink-0 gap-4 py-4 w-max flex-nowrap","animate-scroll",r&&"group-hover:[animation-play-state:paused]"),style:{animation:"scroll var(--animation-duration, 30s) var(--animation-direction, forwards) linear infinite"},children:e}),jsx("style",{jsx:true,children:`
+      `})]})}function bd({className:e,children:t,delay:a=1e3}){let[o,l]=useState(0),r=Cn.Children.toArray(t);useEffect(()=>{let n=setInterval(()=>{l(d=>(d+1)%r.length);},a);return ()=>clearInterval(n)},[r.length,a]);let s=useMemo(()=>r.slice(0,o+1).reverse(),[o,r]);return jsx("div",{className:i("flex flex-col items-center gap-4",e),children:jsx(AnimatePresence,{children:s.map((n,d)=>jsx(gr,{children:n},d))})})}function gr({children:e}){return jsx(motion.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{type:"spring",stiffness:350,damping:40},layout:true,className:"mx-auto w-full",children:e})}function Id({className:e,variant:t="text",width:a,height:o}){return jsx("div",{className:i("animate-pulse bg-zinc-200 dark:bg-zinc-800",{text:"h-4 rounded",circular:"rounded-full",rectangular:"rounded-lg"}[t],e),style:{width:a,height:o}})}function Sd({children:e,content:t,position:a="top",className:o}){let[l,r]=useState(false),s={top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"},n={top:{initial:{opacity:0,y:5},animate:{opacity:1,y:0}},bottom:{initial:{opacity:0,y:-5},animate:{opacity:1,y:0}},left:{initial:{opacity:0,x:5},animate:{opacity:1,x:0}},right:{initial:{opacity:0,x:-5},animate:{opacity:1,x:0}}};return jsxs("div",{className:"relative inline-block",onMouseEnter:()=>r(true),onMouseLeave:()=>r(false),children:[e,jsx(AnimatePresence,{children:l&&jsx(motion.div,{className:i("absolute z-50 px-2 py-1 text-sm text-white bg-zinc-900 dark:bg-zinc-100 dark:text-zinc-900 rounded whitespace-nowrap",s[a],o),initial:n[a].initial,animate:n[a].animate,exit:n[a].initial,transition:{duration:.15},children:t})})]})}function Ad({content:e,children:t,position:a="top",delay:o=300,className:l}){let[r,s]=useState(false),n=useRef(void 0),d=()=>{n.current=setTimeout(()=>s(true),o);},u=()=>{n.current&&clearTimeout(n.current),s(false);},f=()=>({top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"})[a];return jsxs("div",{className:i("relative inline-block",l),onMouseEnter:d,onMouseLeave:u,children:[t,jsx(AnimatePresence,{children:r&&jsx(motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.15},className:i("absolute z-50 px-3 py-2 text-sm bg-popover border border-border rounded-lg shadow-md whitespace-nowrap",f()),children:e})})]})}function Hd({content:e,children:t,position:a="top",delay:o=200,animation:l="slide",className:r}){let[s,n]=useState(false),d=useRef(void 0),u=()=>{d.current=setTimeout(()=>n(true),o);},f=()=>{d.current&&clearTimeout(d.current),n(false);},m=()=>({top:"bottom-full left-1/2 -translate-x-1/2 mb-3",bottom:"top-full left-1/2 -translate-x-1/2 mt-3",left:"right-full top-1/2 -translate-y-1/2 mr-3",right:"left-full top-1/2 -translate-y-1/2 ml-3"})[a],x=()=>{let p={top:{y:10},bottom:{y:-10},left:{x:10},right:{x:-10}},{x:g=0,y:h=0}=p[a];return {...{fade:{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},scale:{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8}},bounce:{initial:{opacity:0,scale:.3,y:a==="top"?10:-10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.3,y:a==="top"?10:-10}},slide:{initial:{opacity:0,x:g,y:h},animate:{opacity:1,x:0,y:0},exit:{opacity:0,x:g,y:h}}}[l],transition:{type:"spring",stiffness:300,damping:25}}};return jsxs("div",{className:i("relative inline-block",r),onMouseEnter:u,onMouseLeave:f,children:[t,jsx(AnimatePresence,{children:s&&jsx(motion.div,{...x(),className:i("absolute z-50 px-4 py-2 text-sm bg-popover border border-border rounded-xl shadow-lg whitespace-nowrap backdrop-blur-sm",m()),children:e})})]})}var Ed={default:"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",danger:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",info:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"},Od={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm",lg:"px-3 py-1.5 text-base"};function Ud({children:e,variant:t="default",size:a="md",className:o}){return jsx("span",{className:i("inline-flex items-center font-medium rounded-full",Ed[t],Od[a],o),children:e})}var Vd={sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base",xl:"w-16 h-16 text-lg"};function Wd({src:e,alt:t="",fallback:a,size:o="md",className:l}){let r=a||t.split(" ").map(s=>s[0]).join("").slice(0,2).toUpperCase();return jsx("div",{className:i("relative inline-flex items-center justify-center rounded-full bg-zinc-200 dark:bg-zinc-800 overflow-hidden",Vd[o],l),children:e?jsx("img",{src:e,alt:t,className:"w-full h-full object-cover"}):jsx("span",{className:"font-medium text-zinc-600 dark:text-zinc-400",children:r})})}function Xd({value:e,max:t=100,className:a,color:o="bg-blue-500",showLabel:l=false}){let r=Math.min(Math.max(e/t*100,0),100);return jsxs("div",{className:i("w-full",a),children:[jsx("div",{className:"h-2 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",children:jsx(motion.div,{className:i("h-full rounded-full",o),initial:{width:0},animate:{width:`${r}%`},transition:{duration:.5,ease:"easeOut"}})}),l&&jsxs("span",{className:"mt-1 text-sm text-zinc-600 dark:text-zinc-400",children:[Math.round(r),"%"]})]})}var Kd={sm:{track:"w-8 h-4",thumb:"w-3 h-3",translate:16},md:{track:"w-11 h-6",thumb:"w-5 h-5",translate:20},lg:{track:"w-14 h-7",thumb:"w-6 h-6",translate:28}};function Yd({checked:e=false,onChange:t,disabled:a=false,size:o="md",className:l}){let r=Kd[o];return jsx("button",{type:"button",role:"switch","aria-checked":e,disabled:a,onClick:()=>t?.(!e),className:i("relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors",e?"bg-blue-500":"bg-zinc-300 dark:bg-zinc-700",a&&"opacity-50 cursor-not-allowed",r.track,l),children:jsx(motion.span,{className:i("pointer-events-none inline-block rounded-full bg-white shadow-lg",r.thumb),animate:{x:e?r.translate:2},transition:{type:"spring",stiffness:500,damping:30},style:{marginTop:2}})})}function Zd({items:e,className:t,allowMultiple:a=false}){let[o,l]=useState([]),r=s=>{l(a?n=>n.includes(s)?n.filter(d=>d!==s):[...n,s]:n=>n.includes(s)?[]:[s]);};return jsx("div",{className:i("w-full space-y-2",t),children:e.map((s,n)=>jsxs("div",{className:"border border-zinc-200 dark:border-zinc-800 rounded-lg overflow-hidden",children:[jsxs("button",{onClick:()=>r(n),className:"w-full px-4 py-3 flex items-center justify-between text-left bg-zinc-50 dark:bg-zinc-900 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:[jsx("span",{className:"font-medium",children:s.title}),jsx(motion.svg,{animate:{rotate:o.includes(n)?180:0},transition:{duration:.2},className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsx(AnimatePresence,{children:o.includes(n)&&jsx(motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:jsx("div",{className:"px-4 py-3 bg-white dark:bg-zinc-950",children:s.content})})})]},n))})}function eu({tabs:e,className:t,defaultIndex:a=0}){let[o,l]=useState(a);return jsxs("div",{className:i("w-full",t),children:[jsx("div",{className:"relative flex border-b border-zinc-200 dark:border-zinc-800",children:e.map((r,s)=>jsxs("button",{onClick:()=>l(s),className:i("px-4 py-2 text-sm font-medium transition-colors relative",o===s?"text-zinc-900 dark:text-white":"text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200"),children:[r.label,o===s&&jsx(motion.div,{layoutId:"activeTab",className:"absolute bottom-0 left-0 right-0 h-0.5 bg-zinc-900 dark:bg-white",transition:{type:"spring",stiffness:500,damping:30}})]},s))}),jsx(motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.2},className:"py-4",children:e[o].content},o)]})}function ou({isOpen:e,onClose:t,children:a,className:o,title:l}){return useEffect(()=>{let r=s=>{s.key==="Escape"&&t();};return e&&(document.addEventListener("keydown",r),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",r),document.body.style.overflow="unset";}},[e,t]),jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},transition:{type:"spring",damping:25,stiffness:300},className:i("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50","w-full max-w-md p-6 rounded-xl","bg-white dark:bg-zinc-900","shadow-xl",o),children:[l&&jsxs("div",{className:"flex items-center justify-between mb-4",children:[jsx("h2",{className:"text-lg font-semibold",children:l}),jsx("button",{onClick:t,className:"p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),a]})]})})}function nu({isOpen:e,onClose:t,children:a,className:o,position:l="right"}){useEffect(()=>{let n=d=>{d.key==="Escape"&&t();};return e&&(document.addEventListener("keydown",n),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",n),document.body.style.overflow="unset";}},[e,t]);let r={left:{initial:{x:"-100%"},animate:{x:0},exit:{x:"-100%"}},right:{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}},bottom:{initial:{y:"100%"},animate:{y:0},exit:{y:"100%"}}},s={left:"left-0 top-0 h-full w-80",right:"right-0 top-0 h-full w-80",bottom:"bottom-0 left-0 right-0 h-auto max-h-[80vh]"};return jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:r[l].initial,animate:r[l].animate,exit:r[l].exit,transition:{type:"spring",damping:25,stiffness:300},className:i("fixed z-50 p-6","bg-white dark:bg-zinc-900","shadow-xl",s[l],o),children:[jsx("button",{onClick:t,className:"absolute top-4 right-4 p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),a]})]})})}function uu({className:e="",close:t=false,children:a,onClose:o}){let[l,r]=Cn.useState(true);if(!l)return null;let s=()=>{r(false),o?.();};return jsx("div",{className:i("min-h-[400px] w-full flex items-center justify-center p-4",e),children:jsx("div",{className:"flex flex-col items-center w-full lg:max-w-[75%] gap-6",children:jsxs("div",{className:"relative flex items-center gap-3 rounded-lg border border-zinc-300 dark:border-zinc-700 bg-transparent px-4 py-3 shadow-sm w-full max-w-md transition-all duration-200",children:[a,t&&jsx("button",{onClick:s,className:"absolute top-2 right-2 text-gray-500 hover:text-gray-700 dark:text-white/60 dark:hover:text-white transition-colors",children:jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})})})}function fu({children:e,className:t}){return jsx("div",{className:i("text-primary flex-shrink-0",t),children:e})}function cu({children:e,className:t}){return jsx("span",{className:i("text-foreground font-medium text-sm flex-1",t),children:e})}function mu({children:e,className:t}){return jsx("div",{className:i("flex items-center gap-2",t),children:e})}function xu({children:e,className:t,title:a="Terminal"}){return jsxs("div",{className:i("relative w-full max-w-2xl mx-auto bg-zinc-100 dark:bg-black rounded-lg overflow-hidden shadow-2xl","border border-zinc-300 dark:border-gray-800",t),children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-zinc-200 dark:bg-gray-800 border-b border-zinc-300 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center space-x-2",children:[jsx("div",{className:"w-3 h-3 bg-red-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"})]}),jsx("div",{className:"text-zinc-600 dark:text-gray-400 text-sm font-mono",children:a}),jsx("div",{className:"w-16"})]}),jsx("div",{className:"p-4 font-mono text-sm leading-relaxed space-y-2 min-h-[300px] bg-zinc-100 dark:bg-black text-zinc-900 dark:text-white",children:e})]})}function gu({children:e,className:t,delay:a=0,speed:o=50}){let[l,r]=useState(""),[s,n]=useState(false);return useEffect(()=>{let d=setTimeout(()=>{let u=0,f=setInterval(()=>{u<=e.length?(r(e.slice(0,u)),u++):(n(true),clearInterval(f));},o);return ()=>clearInterval(f)},a);return ()=>clearTimeout(d)},[e,a,o]),jsxs("div",{className:i("flex items-center",t),children:[jsx("span",{children:l}),!s&&jsx("span",{className:"ml-1 animate-pulse bg-white w-2 h-4 inline-block"})]})}function hu({children:e,className:t,delay:a=0}){let[o,l]=useState(false);return useEffect(()=>{let r=setTimeout(()=>{l(true);},a);return ()=>clearTimeout(r)},[a]),jsx("div",{className:i("transition-all duration-500 transform",o?"opacity-100 translate-y-0":"opacity-0 translate-y-2",t),children:e})}function yu({children:e,initialStep:t=1,onStepChange:a=()=>{},onFinalStepCompleted:o=()=>{},backButtonText:l="Back",nextButtonText:r="Continue",disableStepIndicators:s=false,className:n,...d}){let[u,f]=useState(t),[m,x]=useState(0),c=Children.toArray(e),p=c.length,g=u>p,h=u===p,b=C=>{f(C),C>p?o():a(C);},I=()=>{u>1&&(x(-1),b(u-1));},L=()=>{h||(x(1),b(u+1));},v=()=>{x(1),b(p+1);};return jsxs("div",{className:i("w-full max-w-md mx-auto",n),...d,children:[jsx("div",{className:"flex items-center justify-between mb-8",children:c.map((C,y)=>{let w=y+1,k=y<p-1;return jsxs(Cn.Fragment,{children:[jsx(Pu,{step:w,disableStepIndicators:s,currentStep:u,onClickStep:S=>{x(S>u?1:-1),b(S);}}),k&&jsx(Nu,{isComplete:u>w})]},w)})}),jsx(wu,{isCompleted:g,currentStep:u,direction:m,children:c[u-1]}),!g&&jsxs("div",{className:i("flex mt-8",u!==1?"justify-between":"justify-end"),children:[u!==1&&jsx("button",{onClick:I,className:"px-4 py-2 text-sm font-medium text-zinc-400 hover:text-white transition-colors rounded-lg hover:bg-zinc-800",children:l}),jsx("button",{onClick:h?v:L,className:"px-4 py-2 text-sm font-medium bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors",children:h?"Complete":r})]})]})}function wu({isCompleted:e,currentStep:t,direction:a,children:o}){let[l,r]=useState(0);return jsx(motion.div,{className:"relative overflow-hidden",animate:{height:e?0:l},transition:{type:"spring",duration:.4},children:jsx(AnimatePresence,{initial:false,mode:"sync",custom:a,children:!e&&jsx(Su,{direction:a,onHeightReady:s=>r(s),children:o},t)})})}function Su({children:e,direction:t,onHeightReady:a}){let o=useRef(null);useLayoutEffect(()=>{o.current&&a(o.current.offsetHeight);},[e,a]);let l={enter:r=>({x:r>=0?"-100%":"100%",opacity:0}),center:{x:"0%",opacity:1},exit:r=>({x:r>=0?"50%":"-50%",opacity:0})};return jsx(motion.div,{ref:o,custom:t,variants:l,initial:"enter",animate:"center",exit:"exit",transition:{duration:.4},className:"absolute left-0 right-0 top-0",children:e})}function ku({children:e}){return jsx("div",{className:"p-4 rounded-lg bg-zinc-900 border border-zinc-800",children:e})}function Pu({step:e,currentStep:t,onClickStep:a,disableStepIndicators:o}){let l=t===e?"active":t<e?"inactive":"complete",r=()=>{e!==t&&!o&&a(e);};return jsx(motion.button,{onClick:r,disabled:o,className:i("relative flex items-center justify-center w-10 h-10 rounded-full text-sm font-medium transition-all",l==="inactive"&&"bg-zinc-800 text-zinc-500 border border-zinc-700",l==="active"&&"bg-white text-black border-2 border-white",l==="complete"&&"bg-white text-black border-2 border-white",!o&&"cursor-pointer hover:opacity-80"),animate:l,initial:false,children:l==="complete"?jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}):jsx("span",{children:e})})}function Nu({isComplete:e}){return jsx("div",{className:"flex-1 h-[2px] mx-2 bg-zinc-800 rounded-full overflow-hidden",children:jsx(motion.div,{className:"h-full bg-white rounded-full",initial:{width:0},animate:{width:e?"100%":"0%"},transition:{duration:.4}})})}var Br=createContext(null),Dr=()=>{let e=useContext(Br);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},Fr=forwardRef(({data:e,initialSelectedId:t,onSelectChange:a,initialExpandedItems:o=[],elements:l,className:r,...s},n)=>{let[d,u]=useState(t),[f,m]=useState(o),x=useCallback(g=>{m(h=>h.includes(g)?h.filter(b=>b!==g):[...h,g]);},[]),c=useCallback(g=>{let h=e||l||[],b=Array.isArray(h)?h:[h],I=v=>{for(let C of v){if(C.id===g)return C;if(C.children){let y=I(C.children);if(y)return y}}},L=I(b);L?.isSelectable&&(u(g),a?.(L));},[e,l,a]),p={selectedId:d,expandedItems:f,handleExpand:x,handleSelect:c,data:e||l||[]};return jsx(Br.Provider,{value:p,children:jsx("div",{className:i("relative overflow-hidden",r),ref:n,...s,children:Cn.Children.map(s.children,g=>g)})})});Fr.displayName="Tree";var zr=forwardRef(({className:e,element:t,value:a,isSelectable:o=true,children:l,...r},s)=>{let{selectedId:n,expandedItems:d,handleExpand:u,handleSelect:f}=Dr();return jsxs("div",{ref:s,className:"relative",...r,children:[jsxs("div",{className:i("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",n===a&&"bg-muted",e),onClick:()=>{u(a),o&&f(a);},children:[jsx("svg",{className:i("h-4 w-4 shrink-0 transition-transform duration-200",d.includes(a)&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),jsx("span",{className:"truncate",children:t})]}),d.includes(a)&&jsx("div",{className:"ml-4 border-l border-muted pl-2",children:l})]})});zr.displayName="Folder";var Hr=forwardRef(({className:e,value:t,isSelectable:a=true,children:o,...l},r)=>{let{selectedId:s,handleSelect:n}=Dr();return jsxs("div",{ref:r,className:i("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",s===t&&"bg-muted",e),onClick:()=>a&&n(t),...l,children:[jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),jsx("div",{className:"truncate",children:o})]})});Hr.displayName="File";function zu({mv:e,number:t,height:a}){let o=useTransform(e,l=>{let r=l%10,s=(10+t-r)%10,n=s*a;return s>5&&(n-=10*a),n});return jsx(motion.span,{style:{y:o,position:"absolute",inset:0,display:"flex",justifyContent:"center"},children:t})}function Hu({place:e,value:t,height:a,digitStyle:o}){let l=Math.floor(t/e),r=useSpring(l,{stiffness:200,damping:25});return useEffect(()=>{r.set(l);},[r,l]),jsx("div",{style:{height:a,position:"relative",overflow:"hidden",...o},children:Array.from({length:10},(s,n)=>jsx(zu,{mv:r,number:n,height:a},n))})}function qu({value:e,fontSize:t=100,padding:a=0,places:o=[100,10,1],gap:l=8,textColor:r="#000000",fontWeight:s=900,containerStyle:n,digitStyle:d}){let u=t+a;return jsx("div",{style:{display:"flex",gap:l,fontSize:t,color:r,fontWeight:s,...n},children:o.map(f=>jsx(Hu,{place:f,value:e,height:u,digitStyle:d},f))})}var Uu={initial:{gap:0,paddingLeft:".5rem",paddingRight:".5rem"},animate:e=>({gap:e?".5rem":0,paddingLeft:e?"1rem":".5rem",paddingRight:e?"1rem":".5rem"})},Gu={initial:{width:0,opacity:0},animate:{width:"auto",opacity:1},exit:{width:0,opacity:0}},Er={type:"spring",bounce:0,duration:.4};function Vu({className:e,items:t,defaultSelected:a,onItemClick:o}){let[l,r]=useState(a||null),s=n=>{r(l===n?null:n),o?.(n);};return jsx("div",{className:i("flex items-center gap-3 p-2 relative","bg-background border rounded-xl transition-all duration-200",e),children:jsx("div",{className:"flex items-center gap-2",children:t.map(n=>jsxs(motion.button,{variants:Uu,initial:false,animate:"animate",custom:l===n.id,onClick:()=>s(n.id),transition:Er,className:i("relative flex items-center rounded-none px-3 py-2","text-sm font-medium transition-colors duration-300",l===n.id?"bg-[#1F9CFE] text-white rounded-lg":"text-muted-foreground hover:bg-muted hover:text-foreground"),children:[n.icon,jsx(AnimatePresence,{initial:false,children:l===n.id&&jsx(motion.span,{variants:Gu,initial:"initial",animate:"animate",exit:"exit",transition:Er,className:"overflow-hidden",children:n.title})})]},n.id))})})}function Yu({className:e,children:t,direction:a="middle"}){let o={top:"items-start",middle:"items-center",bottom:"items-end"};return jsx(motion.div,{className:i("mx-auto w-max mt-8 h-[58px] p-2 flex gap-2 rounded-2xl border","supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 backdrop-blur-md","border-gray-200 bg-gray-50/80 dark:border-gray-800 dark:bg-gray-900/80",o[a],e),children:t})}function Ju({size:e=40,magnification:t=60,distance:a=140,children:o,className:l}){let r=useRef(null),s=useMotionValue(1/0),n=useSpring(useTransform(s,[-a,0,a],[e,t,e]),{mass:.1,stiffness:150,damping:12});return jsx(motion.div,{ref:r,style:{width:n},onMouseMove:d=>s.set(d.pageX-r.current.offsetLeft-n.get()/2),onMouseLeave:()=>s.set(1/0),className:i("flex aspect-square cursor-pointer items-center justify-center rounded-full",l),children:o})}var Vr=forwardRef(({className:e,label:t,error:a,icon:o,...l},r)=>jsxs("div",{className:"w-full",children:[t&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsxs("div",{className:"relative",children:[o&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400",children:o}),jsx("input",{ref:r,className:i("w-full px-4 py-2 rounded-lg","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","text-zinc-900 dark:text-zinc-100","placeholder:text-zinc-400 dark:placeholder:text-zinc-500","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent","transition-all duration-200",o&&"pl-10",a&&"border-red-500 focus:ring-red-500",e),...l})]}),a&&jsx("p",{className:"mt-1 text-sm text-red-500",children:a})]}));Vr.displayName="Input";var Wr=forwardRef(({className:e,label:t,error:a,...o},l)=>jsxs("div",{className:"w-full",children:[t&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsx("textarea",{ref:l,className:i("w-full px-4 py-2 rounded-lg min-h-[100px] resize-y","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","text-zinc-900 dark:text-zinc-100","placeholder:text-zinc-400 dark:placeholder:text-zinc-500","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent","transition-all duration-200",a&&"border-red-500 focus:ring-red-500",e),...o}),a&&jsx("p",{className:"mt-1 text-sm text-red-500",children:a})]}));Wr.displayName="Textarea";function af({checked:e=false,onChange:t,label:a,disabled:o=false,className:l}){return jsxs("label",{className:i("inline-flex items-center gap-2 cursor-pointer",o&&"opacity-50 cursor-not-allowed",l),children:[jsx("button",{type:"button",role:"checkbox","aria-checked":e,disabled:o,onClick:()=>t?.(!e),className:i("w-5 h-5 rounded border-2 flex items-center justify-center transition-colors",e?"bg-blue-500 border-blue-500":"bg-transparent border-zinc-300 dark:border-zinc-600"),children:jsx(motion.svg,{initial:false,animate:{scale:e?1:0,opacity:e?1:0},transition:{duration:.15},className:"w-3 h-3 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})})}),a&&jsx("span",{className:"text-sm",children:a})]})}function rf({options:e,value:t,onChange:a,name:o,className:l,direction:r="vertical"}){return jsx("div",{className:i("flex gap-3",r==="vertical"?"flex-col":"flex-row flex-wrap",l),children:e.map(s=>jsxs("label",{className:"inline-flex items-center gap-2 cursor-pointer",children:[jsx("button",{type:"button",role:"radio","aria-checked":t===s.value,onClick:()=>a?.(s.value),className:i("w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors",t===s.value?"border-blue-500":"border-zinc-300 dark:border-zinc-600"),children:jsx(motion.div,{initial:false,animate:{scale:t===s.value?1:0,opacity:t===s.value?1:0},transition:{duration:.15},className:"w-2.5 h-2.5 rounded-full bg-blue-500"})}),jsx("span",{className:"text-sm",children:s.label})]},s.value))})}function ff({options:e,value:t,onChange:a,placeholder:o="Select...",className:l,label:r}){let[s,n]=useState(false),d=useRef(null),u=e.find(f=>f.value===t);return useEffect(()=>{let f=m=>{d.current&&!d.current.contains(m.target)&&n(false);};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[]),jsxs("div",{className:"w-full",children:[r&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:r}),jsxs("div",{ref:d,className:i("relative",l),children:[jsxs("button",{type:"button",onClick:()=>n(!s),className:i("w-full px-4 py-2 rounded-lg text-left","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","flex items-center justify-between","focus:outline-none focus:ring-2 focus:ring-blue-500","transition-all duration-200"),children:[jsx("span",{className:u?"":"text-zinc-400",children:u?.label||o}),jsx(motion.svg,{animate:{rotate:s?180:0},transition:{duration:.2},className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsx(AnimatePresence,{children:s&&jsx(motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.15},className:i("absolute z-50 w-full mt-1 rounded-lg overflow-hidden","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","shadow-lg"),children:e.map(f=>jsx("button",{type:"button",onClick:()=>{a?.(f.value),n(false);},className:i("w-full px-4 py-2 text-left","hover:bg-zinc-100 dark:hover:bg-zinc-800","transition-colors",t===f.value&&"bg-blue-50 dark:bg-blue-900/20 text-blue-600"),children:f.label},f.value))})})]})]})}function xf({maxLength:e=6,onComplete:t,onChange:a,className:o=""}){let[l,r]=useState(new Array(e).fill("")),s=useRef([]);useEffect(()=>{let f=l.join("");a?.(f),f.length===e&&t?.(f);},[l,e,a,t]);let n=(f,m)=>{if(m.length>1){let x=m.slice(0,e).split(""),c=[...l];x.forEach((g,h)=>{f+h<e&&(c[f+h]=g);}),r(c);let p=Math.min(f+x.length,e-1);s.current[p]?.focus();return}if(/^\d*$/.test(m)){let x=[...l];x[f]=m,r(x),m&&f<e-1&&s.current[f+1]?.focus();}},d=(f,m)=>{if(m.key==="Backspace")if(!l[f]&&f>0)s.current[f-1]?.focus();else {let x=[...l];x[f]="",r(x);}else m.key==="ArrowLeft"&&f>0?s.current[f-1]?.focus():m.key==="ArrowRight"&&f<e-1&&s.current[f+1]?.focus();},u=f=>{s.current[f]?.select();};return jsx("div",{className:i("flex items-center gap-2",o),children:l.map((f,m)=>jsx("input",{ref:x=>{s.current[m]=x;},type:"text",inputMode:"numeric",maxLength:1,value:f,onChange:x=>n(m,x.target.value),onKeyDown:x=>d(m,x),onFocus:()=>u(m),className:i("w-12 h-12 text-center text-lg font-semibold","border-2 border-zinc-300 dark:border-zinc-600 rounded-md","focus:border-zinc-900 dark:focus:border-white focus:outline-none","bg-white dark:bg-zinc-800 text-zinc-900 dark:text-white","transition-colors")},m))})}function hf({className:e,onChange:t}){let[a,o]=useState(false),l=()=>{let r=!a;o(r),t?.(r);};return jsxs("label",{className:i("relative w-10 h-8 bg-transparent cursor-pointer block",e),htmlFor:"burger-basic",children:[jsx("input",{type:"checkbox",id:"burger-basic",className:"hidden",checked:a,onChange:l}),jsx("span",{className:i("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-0 origin-left",a&&"rotate-45 top-0 left-1.5")}),jsx("span",{className:i("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-1/2 -translate-y-1/2 origin-left",a&&"w-0 opacity-0")}),jsx("span",{className:i("block absolute h-1 w-full bg-black dark:bg-white rounded-lg opacity-100 left-0 transition-all duration-250 ease-in-out","top-full -translate-y-full origin-left",a&&"-rotate-45 top-7 left-1.5")})]})}function If({className:e,onChange:t}){let[a,o]=useState(false),l=()=>{let r=!a;o(r),t?.(r);};return jsxs("div",{className:i("inline-block",e),children:[jsx("input",{type:"checkbox",id:"checkbox-spin",className:"hidden",checked:a,onChange:l}),jsxs("label",{htmlFor:"checkbox-spin",className:i("relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500",a&&"rotate-180"),children:[jsx("div",{className:i("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",a&&"scale-x-[0.6] translate-y-[1px]")}),jsx("div",{className:i("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",a&&"rotate-90 scale-x-[1.2]")}),jsx("div",{className:i("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",a&&"scale-x-[0.6] -translate-y-[1px]")})]})]})}function Cf(...e){return e.filter(Boolean).join(" ")}function yf({className:e,onChange:t}){let[a,o]=useState(false);return jsxs("button",{onClick:()=>{let r=!a;o(r),t?.(r);},className:Cf("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{scaleX:0}:{scaleX:1},transition:{duration:.3,type:"spring",stiffness:400,damping:30}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{scaleX:1.2}:{scaleX:1},transition:{duration:.4,type:"spring",stiffness:200,damping:20}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{scaleX:0}:{scaleX:1},transition:{duration:.3,delay:.05,type:"spring",stiffness:400,damping:30}})]})}function kf(...e){return e.filter(Boolean).join(" ")}function Pf({className:e,onChange:t}){let[a,o]=useState(false);return jsxs("button",{onClick:()=>{let r=!a;o(r),t?.(r);},className:kf("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{y:-12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{rotation:90,scaleX:.8}:{rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{y:12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}})]})}function Ua(...e){return e.filter(Boolean).join(" ")}function Tf({className:e,onChange:t}){let[a,o]=useState(false);return jsx("button",{onClick:()=>{let r=!a;o(r),t?.(r);},className:Ua("relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center",e),"aria-label":"Toggle menu",children:jsxs("div",{className:"relative w-8 h-8",children:[jsx("span",{className:Ua("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out",a?"top-0 left-0":"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:Ua("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75",a?"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:Ua("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150",a?"bottom-0 right-0":"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")})]})})}function Va(...e){return e.filter(Boolean).join(" ")}function Bf({className:e,onChange:t}){let[a,o]=useState(false),l=()=>{let r=!a;o(r),t?.(r);};return jsxs("label",{className:Va("w-12 h-8 cursor-pointer relative block",e),htmlFor:"burger-stagger",children:[jsx("input",{type:"checkbox",id:"burger-stagger",className:"hidden w-full h-full",checked:a,onChange:l}),jsx("span",{className:Va("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-0 right-0 origin-right",a&&"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]")}),jsx("span",{className:Va("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-1/2 -translate-y-1/2")}),jsx("span",{className:Va("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-full right-0 origin-right -translate-y-full",a&&"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]")})]})}function zf(...e){return e.filter(Boolean).join(" ")}function Hf({className:e,onChange:t}){let[a,o]=useState(false);return jsxs("button",{onClick:()=>{let r=!a;o(r),t?.(r);},className:zf("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",e),style:{transformStyle:"preserve-3d",perspective:"800px"},"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:a?{width:10,height:10,borderRadius:"50%",y:-6}:{width:32,height:2,borderRadius:"4px",y:0},transition:{duration:.3,ease:"easeInOut"}}),jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:a?{width:10,height:10,borderRadius:"50%",x:-8,y:6}:{width:32,height:2,borderRadius:"4px",x:0,y:0},transition:{duration:.35,ease:"easeInOut"}}),jsx(motion.div,{className:"w-8 h-0.5 bg-black dark:bg-white rounded",animate:a?{width:10,height:10,borderRadius:"50%",x:8,y:6}:{width:32,height:2,borderRadius:"4px",x:0,y:0},transition:{duration:.4,ease:"easeInOut"}})]})}function Of(...e){return e.filter(Boolean).join(" ")}function Uf({className:e,onChange:t}){let[a,o]=useState(false);return jsxs("button",{onClick:()=>{let r=!a;o(r),t?.(r);},className:Of("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2",e),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{rotateX:90,y:0,opacity:0}:{rotateX:0,y:0,opacity:1},transition:{duration:.3,type:"spring",stiffness:300,damping:30}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{scaleY:3}:{scaleY:1},transition:{duration:.6,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:a?{rotateX:90,y:0,opacity:0}:{rotateX:0,y:0,opacity:1},transition:{duration:.3,type:"spring",stiffness:300,damping:30}})]})}function Wf({sparkColor:e="#000000",sparkSize:t=10,sparkRadius:a=15,sparkCount:o=8,duration:l=400,easing:r="ease-out",extraScale:s=1,children:n}){let d=useRef(null),u=useRef([]),f=useRef(null);useEffect(()=>{let c=d.current;if(!c)return;let p=c.parentElement;if(!p)return;let g,h=()=>{let{width:L,height:v}=p.getBoundingClientRect();(c.width!==L||c.height!==v)&&(c.width=L,c.height=v);},b=()=>{clearTimeout(g),g=setTimeout(h,100);},I=new ResizeObserver(b);return I.observe(p),h(),()=>{I.disconnect(),clearTimeout(g);}},[]);let m=useCallback(c=>{switch(r){case "linear":return c;case "ease-in":return c*c;case "ease-in-out":return c<.5?2*c*c:-1+(4-2*c)*c;default:return c*(2-c)}},[r]);return useEffect(()=>{let c=d.current;if(!c)return;let p=c.getContext("2d");if(!p)return;let g,h=b=>{f.current||(f.current=b),p.clearRect(0,0,c.width,c.height),u.current=u.current.filter(I=>{let L=b-I.startTime;if(L>=l)return  false;let v=L/l,C=m(v),y=C*a*s,w=t*(1-C),k=I.x+y*Math.cos(I.angle),S=I.y+y*Math.sin(I.angle),P=I.x+(y+w)*Math.cos(I.angle),T=I.y+(y+w)*Math.sin(I.angle);return p.strokeStyle=e,p.lineWidth=2,p.beginPath(),p.moveTo(k,S),p.lineTo(P,T),p.stroke(),true}),g=requestAnimationFrame(h);};return g=requestAnimationFrame(h),()=>{cancelAnimationFrame(g);}},[e,t,a,l,m,s]),jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},onClick:c=>{let p=d.current;if(!p)return;let g=p.getBoundingClientRect(),h=c.clientX-g.left,b=c.clientY-g.top,I=performance.now(),L=Array.from({length:o},(v,C)=>({x:h,y:b,angle:2*Math.PI*C/o,startTime:I}));u.current.push(...L);},children:[jsx("canvas",{ref:d,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),n]})}function Jf({className:e}){let[t,a]=useState(false),o=useMotionValue(-100),l=useMotionValue(-100),r={damping:25,stiffness:700},s=useSpring(o,r),n=useSpring(l,r);return useEffect(()=>{let d=f=>{o.set(f.clientX-16),l.set(f.clientY-16),a(true);},u=()=>{a(false);};return window.addEventListener("mousemove",d),window.addEventListener("mouseleave",u),()=>{window.removeEventListener("mousemove",d),window.removeEventListener("mouseleave",u);}},[o,l]),jsx(motion.div,{className:i("pointer-events-none fixed left-0 top-0 z-50 h-8 w-8 rounded-full bg-zinc-400 mix-blend-difference",t?"opacity-100":"opacity-0",e),style:{x:s,y:n},transition:{type:"spring",stiffness:500,damping:28}})}function jf({children:e,className:t,duration:a=5,distance:o=50}){return jsx(motion.div,{className:i("relative",t),animate:{y:[0,-o,0]},transition:{duration:a,repeat:1/0,ease:"easeInOut"},children:e})}function tc({children:e,className:t,glowColor:a="rgba(255, 255, 255, 0.4)",duration:o=3}){return jsx(motion.div,{className:i("relative p-8 rounded-3xl border-2 border-white/30",t),style:{background:"radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 70%)"},animate:{boxShadow:[`0 0 40px ${a}, 0 0 80px ${a.replace("0.4","0.2")}`,`0 0 80px ${a.replace("0.4","0.8")}, 0 0 160px ${a.replace("0.4","0.5")}`,`0 0 40px ${a}, 0 0 80px ${a.replace("0.4","0.2")}`],borderColor:["rgba(255, 255, 255, 0.3)","rgba(255, 255, 255, 0.6)","rgba(255, 255, 255, 0.3)"]},transition:{duration:o,repeat:1/0,ease:"easeInOut"},children:e})}function sc({children:e,className:t,delay:a=0,duration:o=.8,blur:l=10,inView:r=false,inViewMargin:s="-50px",yOffset:n=6}){let d={hidden:{opacity:0,filter:`blur(${l}px)`,y:n},visible:{opacity:1,filter:"blur(0px)",y:0}};return jsx(motion.div,{className:i(t),initial:"hidden",animate:r?void 0:"visible",whileInView:r?"visible":void 0,viewport:{once:true,margin:s},variants:d,transition:{duration:o,delay:a,ease:[.25,.1,.25,1]},children:e})}var Xt=class{constructor(t,a,o,l,r,s,n){this.width=t.width,this.height=t.height,this.ctx=a,this.x=o,this.y=l,this.color=r,this.speed=this.getRandomValue(.1,.9)*s,this.size=0,this.sizeStep=Math.random()*.4,this.minSize=.5,this.maxSizeInteger=2,this.maxSize=this.getRandomValue(this.minSize,this.maxSizeInteger),this.delay=n,this.counter=0,this.counterStep=Math.random()*4+(this.width+this.height)*.01,this.isIdle=false,this.isReverse=false,this.isShimmer=false;}getRandomValue(t,a){return Math.random()*(a-t)+t}draw(){let t=this.maxSizeInteger*.5-this.size*.5;this.ctx.fillStyle=this.color,this.ctx.fillRect(this.x+t,this.y+t,this.size,this.size);}appear(){if(this.isIdle=false,this.counter<=this.delay){this.counter+=this.counterStep;return}this.size>=this.maxSize&&(this.isShimmer=true),this.isShimmer?this.shimmer():this.size+=this.sizeStep,this.draw();}disappear(){if(this.isShimmer=false,this.counter=0,this.size<=0){this.isIdle=true;return}else this.size-=.1;this.draw();}shimmer(){this.size>=this.maxSize?this.isReverse=true:this.size<=this.minSize&&(this.isReverse=false),this.isReverse?this.size-=this.speed:this.size+=this.speed;}},Qr={default:{gap:5,speed:35,colors:"#71717a,#a1a1aa,#d4d4d8",noFocus:false},blue:{gap:10,speed:25,colors:"#0ea5e9,#38bdf8,#7dd3fc",noFocus:false},yellow:{gap:3,speed:20,colors:"#ca8a04,#eab308,#facc15",noFocus:false},pink:{gap:6,speed:80,colors:"#be123c,#e11d48,#f43f5e",noFocus:true}};function ic(e,t){return e<=0||t?0:e>=100?100*.001:e*.001}function dc({variant:e="default",gap:t,speed:a,colors:o,noFocus:l,className:r="",children:s}){let n=useRef(null),d=useRef(null),u=useRef([]),f=useRef(null),m=useRef(typeof performance<"u"?performance.now():0),x=useRef(typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:false).current,c=Qr[e]||Qr.default,p=t??c.gap,g=a??c.speed,h=o??c.colors,b=l??c.noFocus,I=()=>{if(!n.current||!d.current)return;let S=n.current.getBoundingClientRect(),P=Math.floor(S.width)||300,T=Math.floor(S.height)||400,A=d.current.getContext("2d");if(!A)return;d.current.width=P,d.current.height=T,d.current.style.width=`${P}px`,d.current.style.height=`${T}px`;let M=h.split(",").map(R=>R.trim()),H=[],F=Math.max(parseInt(p.toString(),10),3);for(let R=0;R<P;R+=F)for(let U=0;U<T;U+=F){let B=M[Math.floor(Math.random()*M.length)],j=R-P/2,qe=U-T/2,Ie=Math.sqrt(j*j+qe*qe),wa=x?0:Ie;H.push(new Xt(d.current,A,R,U,B,ic(g,x),wa));}u.current=H;},L=S=>{f.current=requestAnimationFrame(()=>L(S));let P=performance.now(),T=P-m.current,A=1e3/60;if(T<A)return;m.current=P-T%A;let M=d.current?.getContext("2d");if(!M||!d.current)return;M.clearRect(0,0,d.current.width,d.current.height);let H=true;for(let F=0;F<u.current.length;F++){let R=u.current[F];R[S](),R.isIdle||(H=false);}H&&f.current&&cancelAnimationFrame(f.current);},v=S=>{f.current!==null&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>L(S));},C=()=>v("appear"),y=()=>v("disappear"),w=S=>{S.currentTarget.contains(S.relatedTarget)||v("appear");},k=S=>{S.currentTarget.contains(S.relatedTarget)||v("disappear");};return useEffect(()=>{I();let S=new ResizeObserver(()=>{I();});return n.current&&S.observe(n.current),()=>{S.disconnect(),f.current!==null&&cancelAnimationFrame(f.current);}},[p,g,h,b]),jsxs("div",{ref:n,className:i("relative overflow-hidden rounded-xl border border-zinc-200 dark:border-zinc-800 bg-zinc-100 dark:bg-zinc-900",r),onMouseEnter:C,onMouseLeave:y,onFocus:b?void 0:w,onBlur:b?void 0:k,tabIndex:b?-1:0,children:[jsx("canvas",{className:"absolute inset-0 w-full h-full pointer-events-none",ref:d}),jsx("div",{className:"relative z-10",children:s})]})}var $t={damping:30,stiffness:100,mass:2};function mc({imageSrc:e,altText:t="Tilted card image",captionText:a="",containerHeight:o="300px",containerWidth:l="100%",imageHeight:r="300px",imageWidth:s="300px",scaleOnHover:n=1.1,rotateAmplitude:d=14,showMobileWarning:u=false,showTooltip:f=true,overlayContent:m=null,displayOverlayContent:x=false,className:c}){let p=useRef(null),g=useMotionValue(0),h=useMotionValue(0),b=useSpring(useMotionValue(0),$t),I=useSpring(useMotionValue(0),$t),L=useSpring(1,$t),v=useSpring(0),C=useSpring(0,{stiffness:350,damping:30,mass:1}),[y,w]=useState(0);function k(T){if(!p.current)return;let A=p.current.getBoundingClientRect(),M=T.clientX-A.left-A.width/2,H=T.clientY-A.top-A.height/2,F=H/(A.height/2)*-d,R=M/(A.width/2)*d;b.set(F),I.set(R),g.set(T.clientX-A.left),h.set(T.clientY-A.top);let U=H-y;C.set(-U*.6),w(H);}function S(){L.set(n),v.set(1);}function P(){v.set(0),L.set(1),b.set(0),I.set(0),C.set(0);}return jsxs("figure",{ref:p,className:i("relative flex items-center justify-center [perspective:800px]",c),style:{height:o,width:l},onMouseMove:k,onMouseEnter:S,onMouseLeave:P,children:[u&&jsx("div",{className:"absolute top-2 left-2 text-xs text-muted-foreground md:hidden",children:"Best viewed on desktop"}),jsxs(motion.div,{className:"relative [transform-style:preserve-3d]",style:{width:s,height:r,rotateX:b,rotateY:I,scale:L},children:[jsx(motion.img,{src:e,alt:t,className:"absolute inset-0 w-full h-full object-cover rounded-lg",style:{width:s,height:r}}),x&&m&&jsx(motion.div,{className:"absolute inset-0 flex items-center justify-center bg-black/50 rounded-lg",children:m})]}),f&&a&&jsx(motion.figcaption,{className:"pointer-events-none absolute px-3 py-1.5 text-sm bg-white dark:bg-zinc-900 rounded-full shadow-lg whitespace-nowrap",style:{x:g,y:h,opacity:v,rotate:C},children:a})]})}function xc({children:e,speed:t=30,direction:a="left",pauseOnHover:o=true,className:l}){let r=useRef(null),s=useRef(null);return useEffect(()=>{if(!r.current||!s.current)return;Array.from(s.current.children).forEach(d=>{let u=d.cloneNode(true);s.current&&s.current.appendChild(u);}),r.current.style.setProperty("--animation-duration",`${t}s`),r.current.style.setProperty("--animation-direction",a==="left"?"forwards":"reverse");},[t,a]),jsxs("div",{ref:r,className:i("group relative flex overflow-hidden [mask-image:linear-gradient(to_right,transparent,white_20%,white_80%,transparent)]",l),children:[jsx("div",{ref:s,className:i("flex min-w-full shrink-0 gap-4 py-4 w-max flex-nowrap","animate-scroll",o&&"group-hover:[animation-play-state:paused]"),style:{animation:"scroll var(--animation-duration, 30s) var(--animation-direction, forwards) linear infinite"},children:e}),jsx("style",{jsx:true,children:`
         @keyframes scroll {
           from {
             transform: translateX(0);
@@ -38,9 +38,51 @@ import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fr
             transform: translateX(calc(-50% - 0.5rem));
           }
         }
-      `})]})}function r0({loadingStates:e,loading:n,duration:t=2e3,loop:r=true,className:i}){let[o,s]=useState(0);return useEffect(()=>{if(!n){s(0);return}let l=setInterval(()=>{s(u=>u===e.length-1?r?0:u:u+1);},t/e.length);return ()=>clearInterval(l)},[n,e.length,t,r]),jsx(AnimatePresence,{children:n&&jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:a("fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm",i),children:jsx("div",{className:"bg-white dark:bg-zinc-900 rounded-lg p-8 shadow-2xl max-w-md w-full mx-4",children:jsxs("div",{className:"text-center",children:[jsx("div",{className:"mb-4",children:jsx("div",{className:"inline-flex items-center justify-center w-16 h-16 bg-blue-100 dark:bg-blue-900/20 rounded-full mb-4",children:jsx("div",{className:"w-8 h-8 border-4 border-blue-600 border-t-transparent rounded-full animate-spin"})})}),jsx(AnimatePresence,{mode:"wait",children:jsx(motion.p,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"text-lg font-medium text-zinc-900 dark:text-white",children:e[o]?.text},o)}),jsx("div",{className:"mt-6 flex justify-center",children:jsx("div",{className:"flex space-x-1",children:e.map((l,u)=>jsx("div",{className:a("h-2 w-2 rounded-full transition-colors duration-200",u===o?"bg-blue-600":u<o?"bg-green-500":"bg-zinc-300 dark:bg-zinc-600")},u))})})]})})})})}var to=" .:-=+*#%@";function l0({text:e,enableWaves:n=true,asciiFontSize:t=8,textFontSize:r=200,textColor:i="#ffffff",planeBaseHeight:o=.2,className:s}){let l=useRef(null),[u,d]=useState("");return useEffect(()=>{let c=document.createElement("canvas"),m=c.getContext("2d");if(!m)return;m.font=`bold ${r}px monospace`;let g=m.measureText(e),p=Math.ceil(g.width),f=r*1.2;c.width=p,c.height=f,m.fillStyle=i,m.font=`bold ${r}px monospace`,m.textBaseline="middle",m.fillText(e,0,f/2);let x=m.getImageData(0,0,p,f).data,y=Math.floor(p/t),v=Math.floor(f/t),h="";for(let w=0;w<v;w++){for(let k=0;k<y;k++){let T=k*t,P=(w*t*p+T)*4,z=(x[P]+x[P+1]+x[P+2])/3,C=Math.floor(z/255*(to.length-1));h+=to[C];}h+=`
-`;}d(h);},[e,t,r,i]),jsx("div",{ref:l,className:a("font-mono whitespace-pre",s),children:jsx("pre",{style:{fontSize:`${t}px`,lineHeight:1,color:i},children:u})})}function f0({text:e,highlightWords:n=[],highlightClass:t="text-primary",trigger:r="auto",delay:i=0,staggerDelay:o=.05,className:s}){let[l,u]=useState(r==="auto"),d=useRef(null),c=e.split(" ");useEffect(()=>{if(r==="scroll"&&d.current){let g=new IntersectionObserver(([p])=>{p.isIntersecting&&u(true);},{threshold:.1});return g.observe(d.current),()=>g.disconnect()}},[r]);let m=()=>{(r==="hover"||r==="click")&&u(true);};return jsx("div",{ref:d,className:a("flex flex-wrap gap-2",s),onMouseEnter:r==="hover"?m:void 0,onClick:r==="click"?m:void 0,children:jsx(AnimatePresence,{children:c.map((g,p)=>{let f=n.includes(g.toLowerCase());return jsx(motion.span,{initial:{opacity:0,y:-50,rotateX:-90},animate:l?{opacity:1,y:0,rotateX:0}:{opacity:0,y:-50,rotateX:-90},transition:{duration:.5,delay:i+p*o,ease:[.25,.46,.45,.94]},className:a(f&&t),children:g},`${g}-${p}`)})})})}function h0(...e){return e.filter(Boolean).join(" ")}function v0({max:e=100,min:n=0,value:t=0,gaugePrimaryColor:r="#a1a1aa",gaugeSecondaryColor:i="#27272a",className:o,size:s=200,strokeWidth:l=8,showValue:u=true,duration:d=2,autoAnimate:c=true}){let[m,g]=useState(c?n:t),p=(s-l)/2,f=2*Math.PI*p,b=useMotionValue(m),x=useSpring(b,{damping:30,stiffness:100}),y=useTransform(x,[n,e],[0,f]),v=useTransform(x,h=>Math.round(h));return useEffect(()=>{if(c){let h=setInterval(()=>{g(w=>{let k=w+1;return k>e?n:k});},d*10);return ()=>clearInterval(h)}else g(t);},[c,t,e,n,d]),useEffect(()=>{b.set(m);},[m,b]),jsxs("div",{className:h0("relative flex items-center justify-center",o),style:{width:s,height:s},children:[jsxs("svg",{width:s,height:s,className:"transform -rotate-90",children:[jsx("circle",{cx:s/2,cy:s/2,r:p,stroke:i,strokeWidth:l,fill:"none",className:"opacity-20"}),jsx(motion.circle,{cx:s/2,cy:s/2,r:p,stroke:r,strokeWidth:l,fill:"none",strokeLinecap:"round",strokeDasharray:f,strokeDashoffset:useTransform(y,h=>f-h),className:"transition-all duration-300 ease-in-out",style:{filter:"drop-shadow(0 0 6px rgba(59, 130, 246, 0.4))"}}),jsx(motion.circle,{cx:s/2,cy:s/2,r:p,stroke:r,strokeWidth:l/2,fill:"none",strokeLinecap:"round",strokeDasharray:f,strokeDashoffset:useTransform(y,h=>f-h),className:"opacity-50 blur-sm"})]}),u&&jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[jsx(motion.span,{className:"text-3xl font-semibold text-zinc-900 dark:text-zinc-100",style:{fontSize:s/8},children:v}),jsx("span",{className:"text-sm text-zinc-500",style:{fontSize:s/16},children:c?"Auto":"%"})]}),jsx("div",{className:"absolute inset-0",children:[...Array(8)].map((h,w)=>{let k=w*45-90,T=s/2+(p+l)*Math.cos(k*Math.PI/180),N=s/2+(p+l)*Math.sin(k*Math.PI/180);return jsx(motion.div,{className:"absolute w-1 h-1 bg-zinc-500 rounded-full",style:{left:T-2,top:N-2},animate:{opacity:[.3,1,.3],scale:[.8,1.2,.8]},transition:{duration:2,repeat:1/0,delay:w*.2}},w)})})]})}function y0({text:e="Loading...",className:n=""}){return jsx("div",{className:`w-full h-full min-h-[400px] flex items-center justify-center ${n}`,children:jsxs("div",{className:"relative h-fit min-w-12 w-fit text-4xl font-bold tracking-wider text-black dark:text-white",children:[jsx("p",{className:"relative z-0",children:e}),jsx("div",{className:"absolute h-full aspect-square left-0 top-0 rounded-[20%] bg-foreground/10 backdrop-invert",style:{animation:"invert-move 2s ease-in-out infinite"}}),jsx("style",{dangerouslySetInnerHTML:{__html:`
+      `})]})}function bc({loadingStates:e,loading:t,duration:a=2e3,loop:o=true,className:l}){let[r,s]=useState(0);return useEffect(()=>{if(!t){s(0);return}let n=setInterval(()=>{s(d=>d===e.length-1?o?0:d:d+1);},a/e.length);return ()=>clearInterval(n)},[t,e.length,a,o]),jsx(AnimatePresence,{children:t&&jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:i("fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-sm",l),children:jsx("div",{className:"bg-white dark:bg-zinc-900 rounded-lg p-8 shadow-2xl max-w-md w-full mx-4",children:jsxs("div",{className:"text-center",children:[jsx("div",{className:"mb-4",children:jsx("div",{className:"inline-flex items-center justify-center w-16 h-16 bg-blue-100 dark:bg-blue-900/20 rounded-full mb-4",children:jsx("div",{className:"w-8 h-8 border-4 border-blue-600 border-t-transparent rounded-full animate-spin"})})}),jsx(AnimatePresence,{mode:"wait",children:jsx(motion.p,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"text-lg font-medium text-zinc-900 dark:text-white",children:e[r]?.text},r)}),jsx("div",{className:"mt-6 flex justify-center",children:jsx("div",{className:"flex space-x-1",children:e.map((n,d)=>jsx("div",{className:i("h-2 w-2 rounded-full transition-colors duration-200",d===r?"bg-blue-600":d<r?"bg-green-500":"bg-zinc-300 dark:bg-zinc-600")},d))})})]})})})})}var rs=" .:-=+*#%@";function wc({text:e,enableWaves:t=true,asciiFontSize:a=8,textFontSize:o=200,textColor:l="#ffffff",planeBaseHeight:r=.2,className:s}){let n=useRef(null),[d,u]=useState("");return useEffect(()=>{let f=document.createElement("canvas"),m=f.getContext("2d");if(!m)return;m.font=`bold ${o}px monospace`;let x=m.measureText(e),c=Math.ceil(x.width),p=o*1.2;f.width=c,f.height=p,m.fillStyle=l,m.font=`bold ${o}px monospace`,m.textBaseline="middle",m.fillText(e,0,p/2);let h=m.getImageData(0,0,c,p).data,b=Math.floor(c/a),I=Math.floor(p/a),L="";for(let v=0;v<I;v++){for(let C=0;C<b;C++){let y=C*a,k=(v*a*c+y)*4,S=(h[k]+h[k+1]+h[k+2])/3,P=Math.floor(S/255*(rs.length-1));L+=rs[P];}L+=`
+`;}u(L);},[e,a,o,l]),jsx("div",{ref:n,className:i("font-mono whitespace-pre",s),children:jsx("pre",{style:{fontSize:`${a}px`,lineHeight:1,color:l},children:d})})}function Tc({text:e,highlightWords:t=[],highlightClass:a="text-primary",trigger:o="auto",delay:l=0,staggerDelay:r=.05,className:s}){let[n,d]=useState(o==="auto"),u=useRef(null),f=e.split(" ");useEffect(()=>{if(o==="scroll"&&u.current){let x=new IntersectionObserver(([c])=>{c.isIntersecting&&d(true);},{threshold:.1});return x.observe(u.current),()=>x.disconnect()}},[o]);let m=()=>{(o==="hover"||o==="click")&&d(true);};return jsx("div",{ref:u,className:i("flex flex-wrap gap-2",s),onMouseEnter:o==="hover"?m:void 0,onClick:o==="click"?m:void 0,children:jsx(AnimatePresence,{children:f.map((x,c)=>{let p=t.includes(x.toLowerCase());return jsx(motion.span,{initial:{opacity:0,y:-50,rotateX:-90},animate:n?{opacity:1,y:0,rotateX:0}:{opacity:0,y:-50,rotateX:-90},transition:{duration:.5,delay:l+c*r,ease:[.25,.46,.45,.94]},className:i(p&&a),children:x},`${x}-${c}`)})})})}function Dc(...e){return e.filter(Boolean).join(" ")}function Fc({max:e=100,min:t=0,value:a=0,gaugePrimaryColor:o="#a1a1aa",gaugeSecondaryColor:l="#27272a",className:r,size:s=200,strokeWidth:n=8,showValue:d=true,duration:u=2,autoAnimate:f=true}){let[m,x]=useState(f?t:a),c=(s-n)/2,p=2*Math.PI*c,g=useMotionValue(m),h=useSpring(g,{damping:30,stiffness:100}),b=useTransform(h,[t,e],[0,p]),I=useTransform(h,L=>Math.round(L));return useEffect(()=>{if(f){let L=setInterval(()=>{x(v=>{let C=v+1;return C>e?t:C});},u*10);return ()=>clearInterval(L)}else x(a);},[f,a,e,t,u]),useEffect(()=>{g.set(m);},[m,g]),jsxs("div",{className:Dc("relative flex items-center justify-center",r),style:{width:s,height:s},children:[jsxs("svg",{width:s,height:s,className:"transform -rotate-90",children:[jsx("circle",{cx:s/2,cy:s/2,r:c,stroke:l,strokeWidth:n,fill:"none",className:"opacity-20"}),jsx(motion.circle,{cx:s/2,cy:s/2,r:c,stroke:o,strokeWidth:n,fill:"none",strokeLinecap:"round",strokeDasharray:p,strokeDashoffset:useTransform(b,L=>p-L),className:"transition-all duration-300 ease-in-out",style:{filter:"drop-shadow(0 0 6px rgba(59, 130, 246, 0.4))"}}),jsx(motion.circle,{cx:s/2,cy:s/2,r:c,stroke:o,strokeWidth:n/2,fill:"none",strokeLinecap:"round",strokeDasharray:p,strokeDashoffset:useTransform(b,L=>p-L),className:"opacity-50 blur-sm"})]}),d&&jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:[jsx(motion.span,{className:"text-3xl font-semibold text-zinc-900 dark:text-zinc-100",style:{fontSize:s/8},children:I}),jsx("span",{className:"text-sm text-zinc-500",style:{fontSize:s/16},children:f?"Auto":"%"})]}),jsx("div",{className:"absolute inset-0",children:[...Array(8)].map((L,v)=>{let C=v*45-90,y=s/2+(c+n)*Math.cos(C*Math.PI/180),w=s/2+(c+n)*Math.sin(C*Math.PI/180);return jsx(motion.div,{className:"absolute w-1 h-1 bg-zinc-500 rounded-full",style:{left:y-2,top:w-2},animate:{opacity:[.3,1,.3],scale:[.8,1.2,.8]},transition:{duration:2,repeat:1/0,delay:v*.2}},v)})})]})}function zc({text:e="Loading...",className:t=""}){return jsx("div",{className:`w-full h-full min-h-[400px] flex items-center justify-center ${t}`,children:jsxs("div",{className:"relative h-fit min-w-12 w-fit text-4xl font-bold tracking-wider text-black dark:text-white",children:[jsx("p",{className:"relative z-0",children:e}),jsx("div",{className:"absolute h-full aspect-square left-0 top-0 rounded-[20%] bg-foreground/10 backdrop-invert",style:{animation:"invert-move 2s ease-in-out infinite"}}),jsx("style",{dangerouslySetInnerHTML:{__html:`
             @keyframes invert-move { 50% { left: calc(100% - 3rem); } }
-          `}})]})})}function Ce(...e){return e.filter(Boolean).join(" ")}function k0({title:e="Configuring your account...",subtitle:n="Please wait while we prepare everything for you",size:t="md",className:r,...i}){let s={sm:{container:"size-20",titleClass:"text-sm/tight font-medium",subtitleClass:"text-xs/relaxed",spacing:"space-y-2",maxWidth:"max-w-48"},md:{container:"size-32",titleClass:"text-base/snug font-medium",subtitleClass:"text-sm/relaxed",spacing:"space-y-3",maxWidth:"max-w-56"},lg:{container:"size-40",titleClass:"text-lg/tight font-semibold",subtitleClass:"text-base/relaxed",spacing:"space-y-4",maxWidth:"max-w-64"}}[t];return jsxs("div",{className:Ce("flex flex-col items-center justify-center gap-8 p-8",r),...i,children:[jsxs(motion.div,{className:Ce("relative",s.container),animate:{scale:[1,1.02,1]},transition:{duration:4,repeat:1/0,ease:[.4,0,.6,1]},children:[jsx(motion.div,{className:"absolute inset-0 rounded-full",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(0, 0, 0) 90deg, transparent 180deg)",mask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",opacity:.8},animate:{rotate:[0,360]},transition:{duration:3,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 rounded-full",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(0, 0, 0) 120deg, rgba(0, 0, 0, 0.5) 240deg, transparent 360deg)",mask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",opacity:.9},animate:{rotate:[0,360]},transition:{duration:2.5,repeat:1/0,ease:[.4,0,.6,1]}}),jsx(motion.div,{className:"absolute inset-0 rounded-full dark:block hidden",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(255, 255, 255) 90deg, transparent 180deg)",mask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",opacity:.8},animate:{rotate:[0,360]},transition:{duration:3,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 rounded-full dark:block hidden",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(255, 255, 255) 120deg, rgba(255, 255, 255, 0.5) 240deg, transparent 360deg)",mask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",opacity:.9},animate:{rotate:[0,360]},transition:{duration:2.5,repeat:1/0,ease:[.4,0,.6,1]}})]}),jsxs(motion.div,{className:Ce("text-center",s.spacing,s.maxWidth),initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.4,duration:1,ease:[.4,0,.2,1]},children:[jsx(motion.h1,{className:Ce(s.titleClass,"text-black/90 dark:text-white/90 font-medium tracking-[-0.02em] leading-[1.15] antialiased"),initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.6,duration:.8,ease:[.4,0,.2,1]},children:jsx(motion.span,{animate:{opacity:[.9,.7,.9]},transition:{duration:3,repeat:1/0,ease:[.4,0,.6,1]},children:e})}),jsx(motion.p,{className:Ce(s.subtitleClass,"text-black/60 dark:text-white/60 font-normal tracking-[-0.01em] leading-[1.45] antialiased"),initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{delay:.8,duration:.8,ease:[.4,0,.2,1]},children:jsx(motion.span,{animate:{opacity:[.6,.4,.6]},transition:{duration:4,repeat:1/0,ease:[.4,0,.6,1]},children:n})})]})]})}function st(...e){return e.filter(Boolean).join(" ")}function P0({className:e,size:n="md",onChange:t}){let[r,i]=useState(false);useEffect(()=>{let u=window.matchMedia("(prefers-color-scheme: dark)").matches;i(u);},[]);let o=()=>{let u=!r;i(u),u?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),t?.(u);},s={sm:"w-12 h-6",md:"w-14 h-7",lg:"w-16 h-8"},l={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"};return jsxs(motion.button,{onClick:o,className:st("relative rounded-full border transition-all duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-zinc-500 focus:ring-offset-2 focus:ring-offset-zinc-900",s[n],r?"bg-zinc-800 border-zinc-700":"bg-zinc-700 border-zinc-600",e),whileTap:{scale:.95},initial:false,children:[jsx(motion.div,{className:"absolute inset-0 rounded-full",animate:{background:r?"linear-gradient(135deg, #27272a 0%, #18181b 100%)":"linear-gradient(135deg, #3f3f46 0%, #27272a 100%)"},transition:{duration:.3}}),jsx(motion.div,{className:st("absolute top-0.5 rounded-full shadow-lg flex items-center justify-center",n==="sm"?"w-5 h-5":n==="md"?"w-6 h-6":"w-7 h-7",r?"bg-zinc-300":"bg-zinc-100"),animate:{x:r?n==="sm"?24:n==="md"?28:32:2},transition:{type:"spring",stiffness:500,damping:30},children:jsx(AnimatePresence,{mode:"wait",children:r?jsx(motion.svg,{className:st("text-zinc-700",l[n]),fill:"currentColor",viewBox:"0 0 24 24",initial:{opacity:0,rotate:-90},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:90},transition:{duration:.2},children:jsx("path",{d:"M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"})},"moon"):jsx(motion.svg,{className:st("text-zinc-600",l[n]),fill:"currentColor",viewBox:"0 0 24 24",initial:{opacity:0,rotate:-90},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:90},transition:{duration:.2},children:jsx("path",{d:"M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"})},"sun")})}),jsx(motion.div,{className:"absolute inset-0 rounded-full opacity-20",animate:{boxShadow:r?"0 0 20px rgba(161, 161, 170, 0.2)":"0 0 20px rgba(161, 161, 170, 0.3)"},transition:{duration:.3}})]})}function R0(...e){return e.filter(Boolean).join(" ")}function S0({children:e,className:n}){return jsxs("div",{className:R0("relative w-full min-h-[500px] flex items-center justify-center overflow-hidden bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800",n),children:[jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.08) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:2.5,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.05) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:3,delay:.5,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.03) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:3.5,delay:1,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 hidden dark:block",style:{background:"linear-gradient(90deg, transparent 0%, rgba(161,161,170,0.15) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:2.5,repeat:1/0,ease:"linear"}}),jsx("div",{className:"absolute inset-0 opacity-10 dark:opacity-5",style:{backgroundImage:"radial-gradient(circle at 2px 2px, #71717a 1px, transparent 0)",backgroundSize:"40px 40px"}}),jsx("div",{className:"relative z-10 text-center px-8",children:e||jsxs(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8},children:[jsx("h2",{className:"text-7xl font-bold text-zinc-900 dark:text-zinc-100 mb-4 tracking-tight",style:{fontFamily:"system-ui, -apple-system, sans-serif",letterSpacing:"-0.02em"},children:"SHIMMER WAVE"}),jsx("p",{className:"text-xl text-zinc-500 font-light tracking-wide",children:"Advanced Shimmer Effect"})]})})]})}function D0(e){let[n,t]=useState(0);return useLayoutEffect(()=>{function r(){e.current&&t(e.current.offsetWidth);}return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[e]),n}function F0({scrollContainerRef:e,texts:n=["Scroll Velocity","Bynana UI"],velocity:t=100,className:r="",damping:i=50,stiffness:o=400,numCopies:s=6,velocityMapping:l={input:[0,1e3],output:[0,5]}}){function u({children:d,baseVelocity:c}){let m=useMotionValue(0),g=e?{container:e}:{},{scrollY:p}=useScroll(g),f=useVelocity(p),b=useSpring(f,{damping:i,stiffness:o}),x=useTransform(b,l.input,l.output,{clamp:false}),y=useRef(null),v=D0(y);function h(N,P,z){let C=P-N;return ((z-N)%C+C)%C+N}let w=useTransform(m,N=>v===0?"0px":`${h(-v,0,N)}px`),k=useRef(1);useAnimationFrame((N,P)=>{let z=k.current*c*(P/1e3);x.get()<0?k.current=-1:x.get()>0&&(k.current=1),z+=k.current*z*x.get(),m.set(m.get()+z);});let T=[];for(let N=0;N<s;N++)T.push(jsx("span",{className:r,ref:N===0?y:null,children:d},N));return jsx("div",{className:"overflow-hidden whitespace-nowrap",children:jsx(motion.div,{className:"flex",style:{x:w},children:T})})}return jsx("section",{children:n.map((d,c)=>jsxs(u,{baseVelocity:c%2!==0?-t:t,children:[d,"\xA0"]},c))})}function W0({text:e="\u269B\uFE0F",delay:n=.01,spacing:t=100,followMouseDirection:r=true,randomFloat:i=true,exitDuration:o=.5,removalInterval:s=30,maxPoints:l=5}){let[u,d]=useState([]),c=useRef(null),m=useRef(Date.now()),g=useRef(0),p=f=>{if(!c.current)return;let b=c.current.getBoundingClientRect(),x=f.clientX-b.left,y=f.clientY-b.top;d(v=>{let h=[...v];if(h.length===0)h.push({id:g.current++,x,y,angle:0,...i&&{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}});else {let w=h[h.length-1],k=x-w.x,T=y-w.y,N=Math.sqrt(k*k+T*T);if(N>=t){let P=Math.atan2(T,k)*180/Math.PI;P>90?P-=180:P<-90&&(P+=180);let z=r?P:0,C=Math.floor(N/t);for(let M=1;M<=C;M++){let S=t*M/N;h.push({id:g.current++,x:w.x+k*S,y:w.y+T*S,angle:z,...i&&{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}});}}}return h.length>l&&(h=h.slice(h.length-l)),h}),m.current=Date.now();};return useEffect(()=>{let f=c.current;if(f)return f.addEventListener("mousemove",p),()=>f.removeEventListener("mousemove",p)},[]),useEffect(()=>{let f=setInterval(()=>{Date.now()-m.current>100&&d(b=>b.length>0?b.slice(1):b);},s);return ()=>clearInterval(f)},[s]),jsxs("div",{ref:c,className:"w-full h-full min-h-[200px] relative rounded-lg bg-zinc-50 dark:bg-zinc-900/50",children:[jsx("div",{className:"absolute inset-0 flex items-center justify-center text-zinc-400 text-sm pointer-events-none",children:"Move your mouse around"}),jsx(AnimatePresence,{children:u.map(f=>jsx(motion.div,{initial:{opacity:0,scale:1,rotate:f.angle},animate:{opacity:1,scale:1,rotate:f.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:o,ease:"easeOut",delay:n}},className:"absolute text-2xl pointer-events-none",style:{left:f.x,top:f.y,transform:"translate(-50%, -50%)"},children:e},f.id))})]})}function q0(...e){return e.filter(Boolean).join(" ")}function U0({icon:e,label:n,href:t,onClick:r,className:i,variant:o="default"}){let s={default:"bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 hover:bg-zinc-800 dark:hover:bg-zinc-200",outline:"border border-zinc-300 dark:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800",ghost:"hover:bg-zinc-100 dark:hover:bg-zinc-800"},l=t?"a":"button";return jsx(motion.div,{whileHover:{scale:1.05},whileTap:{scale:.95},children:jsxs(l,{href:t,onClick:r,className:q0("inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition-colors",s[o],i),target:t?"_blank":void 0,rel:t?"noopener noreferrer":void 0,children:[e,jsx("span",{children:n})]})})}function K0(...e){return e.filter(Boolean).join(" ")}function Z0({children:e,onClick:n,className:t,disabled:r=false}){return jsxs(motion.button,{onClick:n,disabled:r,className:K0("relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-medium rounded-xl","bg-gradient-to-r from-zinc-900 to-zinc-800 dark:from-zinc-100 dark:to-zinc-200","text-white dark:text-zinc-900","border border-zinc-700 dark:border-zinc-300","shadow-lg shadow-zinc-900/20 dark:shadow-zinc-100/20","transition-all duration-300","hover:shadow-xl hover:shadow-zinc-900/30 dark:hover:shadow-zinc-100/30","disabled:opacity-50 disabled:cursor-not-allowed",t),whileHover:{scale:r?1:1.02},whileTap:{scale:r?1:.98},children:[jsx(motion.span,{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent",initial:{x:"-100%"},whileHover:{x:"100%"},transition:{duration:.6,ease:"easeInOut"}}),jsx("span",{className:"relative z-10 flex items-center gap-2",children:e})]})}function mo(...e){return e.filter(Boolean).join(" ")}function tu({data:e,weeks:n=52,className:t,colors:r=["bg-zinc-100 dark:bg-zinc-800","bg-emerald-200 dark:bg-emerald-900","bg-emerald-300 dark:bg-emerald-700","bg-emerald-400 dark:bg-emerald-500","bg-emerald-500 dark:bg-emerald-400"]}){let i=useMemo(()=>e||Array.from({length:n*7},()=>Math.floor(Math.random()*5)),[e,n]),o=s=>r[Math.min(s,r.length-1)];return jsx("div",{className:mo("overflow-x-auto",t),children:jsx("div",{className:"flex gap-1",children:Array.from({length:n}).map((s,l)=>jsx("div",{className:"flex flex-col gap-1",children:Array.from({length:7}).map((u,d)=>{let c=l*7+d,m=i[c]||0;return jsx(motion.div,{className:mo("w-3 h-3 rounded-sm",o(m)),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{delay:c*.002,type:"spring",stiffness:300,damping:20},whileHover:{scale:1.3}},d)})},l))})})}function on(...e){return e.filter(Boolean).join(" ")}function nu({defaultValue:e=50,min:n=0,max:t=100,step:r=1,onChange:i,className:o,trackClassName:s,thumbClassName:l}){let[u,d]=useState(e),[c,m]=useState(false),g=(u-n)/(t-n)*100,p=f=>{let b=Number(f.target.value);d(b),i?.(b);};return jsxs("div",{className:on("relative w-full h-12 flex items-center",o),children:[jsx("div",{className:on("absolute w-full h-2 rounded-full bg-zinc-200 dark:bg-zinc-800",s),children:jsx(motion.div,{className:"h-full rounded-full bg-zinc-900 dark:bg-zinc-100",style:{width:`${g}%`},animate:{scaleY:c?1.5:1},transition:{type:"spring",stiffness:400,damping:25}})}),jsx(motion.div,{className:on("absolute w-6 h-6 rounded-full bg-zinc-900 dark:bg-zinc-100 shadow-lg cursor-grab","border-2 border-white dark:border-zinc-900",l),style:{left:`calc(${g}% - 12px)`},animate:{scale:c?1.3:1,y:c?-4:0},transition:{type:"spring",stiffness:500,damping:30}}),jsx("input",{type:"range",min:n,max:t,step:r,value:u,onChange:p,onMouseDown:()=>m(true),onMouseUp:()=>m(false),onTouchStart:()=>m(true),onTouchEnd:()=>m(false),className:"absolute w-full h-full opacity-0 cursor-grab active:cursor-grabbing"}),jsx(motion.span,{className:"absolute -top-8 left-1/2 -translate-x-1/2 text-sm font-medium text-zinc-900 dark:text-zinc-100",animate:{opacity:c?1:0,y:c?0:10},transition:{duration:.2},children:u})]})}var ou=[{link:"#",text:"About",image:"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&q=80"},{link:"#",text:"Services",image:"https://images.unsplash.com/photo-1618556450994-a6a128ef0d9d?w=800&q=80"},{link:"#",text:"Work",image:"https://images.unsplash.com/photo-1618556450991-2f1af64e8191?w=800&q=80"},{link:"#",text:"Contact",image:"https://images.unsplash.com/photo-1618556450783-953e03f0bb7a?w=800&q=80"}];function au({items:e=ou,className:n=""}){let[t,r]=useState(-1),[i,o]=useState(-1);return jsxs("div",{className:a("flex gap-8",n),children:[jsxs("div",{className:"flex-1",children:[jsxs("div",{className:"mb-6",children:[jsx("h2",{className:"text-2xl font-bold text-white",children:"Menu"}),jsx("p",{className:"text-sm text-zinc-400",children:"Explore our pages"})]}),jsx("nav",{className:"flex flex-col gap-2",children:e.map((s,l)=>jsxs("a",{href:s.link,className:a("group flex items-center gap-4 py-4 px-4 rounded-lg transition-all duration-300",i===l?"bg-zinc-800 translate-x-4":"bg-transparent"),onMouseEnter:()=>o(l),onMouseLeave:()=>o(-1),onClick:()=>r(l),children:[jsx("span",{className:"text-sm text-zinc-500 font-mono",children:String(l+1).padStart(2,"0")}),jsx("span",{className:a("text-xl font-medium transition-colors",i===l?"text-white":"text-zinc-400"),children:s.text}),jsx("span",{className:a("ml-auto text-xl transition-all duration-300",i===l?"opacity-100 translate-x-0":"opacity-0 -translate-x-2"),children:"\u2192"})]},l))})]}),jsx("div",{className:a("w-80 h-80 rounded-2xl overflow-hidden transition-all duration-500",i>=0?"opacity-100 scale-100":"opacity-0 scale-95"),children:i>=0&&e[i]?.image&&jsxs("div",{className:"relative w-full h-full",children:[jsx("img",{src:e[i].image,alt:e[i].text,className:"w-full h-full object-cover"}),jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"}),jsx("h3",{className:"absolute bottom-4 left-4 text-2xl font-bold text-white",children:e[i].text})]})})]})}var su=[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Services",href:"#"},{label:"Contact",href:"#"}];function lu({items:e=su,className:n="",activeColor:t="#8b5cf6",inactiveColor:r="#a1a1aa",backgroundColor:i="#18181b"}){let[o,s]=useState(0),l=(u,d)=>{d.preventDefault(),s(u);};return jsx("div",{className:a("relative",n),children:jsx("nav",{className:"relative rounded-full px-2 py-2",style:{backgroundColor:i},children:jsx("ul",{className:"flex items-center gap-1",children:e.map((u,d)=>jsx("li",{className:"relative",children:jsxs("a",{href:u.href,className:a("relative z-10 block px-4 py-2 text-sm font-medium rounded-full transition-all duration-300",o===d&&"text-white"),style:{color:o===d?"#fff":r},onClick:c=>l(d,c),children:[u.label,o===d&&jsx("span",{className:"absolute inset-0 rounded-full -z-10 animate-pulse",style:{backgroundColor:t,boxShadow:`0 0 20px ${t}`}})]})},d))})})})}function du({logo:e,logoAlt:n="Logo",items:t,activeHref:r,className:i="",baseColor:o="#fff",pillColor:s="#000000",hoveredPillTextColor:l="#ffffff",pillTextColor:u,onMobileMenuClick:d}){let c=u??o,[m,g]=useState(false),[p,f]=useState(null),b=()=>{g(!m),d?.();};return jsxs("div",{className:a("relative",i),children:[jsxs("nav",{className:"flex items-center gap-4 px-4 py-2 rounded-full",style:{backgroundColor:s},"aria-label":"Primary",children:[e&&jsx("a",{href:t?.[0]?.href||"#","aria-label":"Home",className:"flex-shrink-0",children:jsx("img",{src:e,alt:n,className:"h-8 w-8 object-contain"})}),jsx("div",{className:"hidden md:flex items-center gap-1",children:jsx("ul",{className:"flex items-center gap-1",role:"menubar",children:t.map((x,y)=>jsx("li",{role:"none",children:jsx("a",{role:"menuitem",href:x.href,className:a("relative px-4 py-2 rounded-full text-sm font-medium transition-all duration-300",r===x.href&&"font-semibold"),style:{color:p===y?l:c,backgroundColor:p===y?o:"transparent"},"aria-label":x.ariaLabel||x.label,onMouseEnter:()=>f(y),onMouseLeave:()=>f(null),children:x.label})},x.href))})}),jsxs("button",{className:"md:hidden flex flex-col gap-1 p-2",onClick:b,"aria-label":"Toggle menu",children:[jsx("span",{className:a("w-5 h-0.5 transition-all duration-300",m&&"rotate-45 translate-y-1.5"),style:{backgroundColor:o}}),jsx("span",{className:a("w-5 h-0.5 transition-all duration-300",m&&"-rotate-45 -translate-y-1"),style:{backgroundColor:o}})]})]}),m&&jsx("div",{className:"md:hidden absolute top-full left-0 right-0 mt-2 rounded-xl p-4 shadow-lg",style:{backgroundColor:s},children:jsx("ul",{className:"flex flex-col gap-2",children:t.map(x=>jsx("li",{children:jsx("a",{href:x.href,className:a("block px-4 py-2 rounded-lg text-sm font-medium transition-colors",r===x.href&&"font-semibold"),style:{color:c},onClick:()=>g(false),children:x.label})},x.href))})})]})}function pu({trigger:e,title:n="Drawer Title",description:t,children:r,className:i,side:o="right"}){let[s,l]=useState(false);return useEffect(()=>(s?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow="";}),[s]),jsxs(Fragment,{children:[jsx("div",{onClick:()=>l(true),className:"cursor-pointer",children:e||jsx("button",{className:"px-4 py-2 bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 rounded-lg font-medium hover:opacity-90 transition-opacity",children:"Open Drawer"})}),s&&jsx("div",{className:"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-opacity duration-300",onClick:()=>l(false)}),jsx("div",{"data-open":s,className:a("fixed z-50 bg-white dark:bg-zinc-900 shadow-xl transition-transform duration-300 ease-out",{left:"left-0 top-0 h-full w-80 -translate-x-full data-[open=true]:translate-x-0",right:"right-0 top-0 h-full w-80 translate-x-full data-[open=true]:translate-x-0",top:"top-0 left-0 w-full h-80 -translate-y-full data-[open=true]:translate-y-0",bottom:"bottom-0 left-0 w-full h-80 translate-y-full data-[open=true]:translate-y-0"}[o],i),children:jsxs("div",{className:"flex flex-col h-full",children:[jsxs("div",{className:"flex items-center justify-between p-4 border-b border-zinc-200 dark:border-zinc-800",children:[jsxs("div",{children:[jsx("h2",{className:"text-lg font-semibold text-zinc-900 dark:text-white",children:n}),t&&jsx("p",{className:"text-sm text-zinc-500 dark:text-zinc-400",children:t})]}),jsx("button",{onClick:()=>l(false),className:"p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Close drawer",children:jsx("svg",{className:"w-5 h-5 text-zinc-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),jsx("div",{className:"flex-1 overflow-auto p-4",children:r})]})})]})}var bu=[{id:"tab1",title:"Tab 1",color:"bg-blue-500"},{id:"tab2",title:"Tab 2",color:"bg-purple-500"},{id:"tab3",title:"Tab 3",color:"bg-emerald-500"},{id:"tab4",title:"Tab 4",color:"bg-amber-500"}];function xu({items:e=bu,defaultTabId:n,className:t,activeColor:r="bg-blue-500",onChange:i}){let[o,s]=useState(n||e[0]?.id||""),[l,u]=useState({width:0,left:0}),d=useRef(new Map),c=useRef(null);useLayoutEffect(()=>{let p=()=>{let f=d.current.get(o),b=c.current;if(f&&b){let x=f.getBoundingClientRect(),y=b.getBoundingClientRect();u({width:x.width,left:x.left-y.left});}};return requestAnimationFrame(p),window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[o]);let m=p=>{s(p),i?.(p);},g=e.find(p=>p.id===o);return jsxs("div",{className:a("flex flex-col",t),children:[g?.content&&jsx("div",{className:"mb-4 p-6 bg-zinc-100 dark:bg-zinc-900 rounded-lg min-h-[200px]",children:g.content}),jsxs("div",{ref:c,role:"tablist",className:a("relative flex items-center gap-1 p-1","bg-zinc-100 dark:bg-zinc-900 rounded-xl","border border-zinc-200 dark:border-zinc-800"),children:[jsx("div",{className:a("absolute rounded-lg transition-all duration-300 ease-out",g?.color||r),style:{width:l.width-8,left:l.left+4,height:"calc(100% - 8px)",top:"4px"}}),e.map(p=>{let f=o===p.id;return jsx("button",{ref:b=>{b?d.current.set(p.id,b):d.current.delete(p.id);},type:"button",role:"tab","aria-selected":f,onClick:()=>m(p.id),className:a("relative z-10 flex-1 px-4 py-2 rounded-lg","text-sm font-medium transition-colors duration-300","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",f?"text-white":"text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"),children:p.title},p.id)})]})]})}function vu({width:e=300,height:n=400,image:t="https://picsum.photos/300/400?grayscale",children:r,className:i}){let o=useRef(null),s=useRef(null),l=useRef({x:0,y:0}),u=useRef({x:0,y:0}),d=useRef({x:0,y:0,rz:0}),c=useRef(0),m=useRef();useEffect(()=>{if(typeof window>"u")return;l.current={x:window.innerWidth/2,y:window.innerHeight/2},u.current={...l.current};let p=(v,h,w)=>(1-w)*v+w*h,f=(v,h,w,k,T)=>(v-h)*(T-k)/(w-h)+k,b=(v,h,w,k)=>Math.hypot(v-h,w-k),x=v=>{l.current={x:v.clientX,y:v.clientY};};window.addEventListener("mousemove",x);let y=()=>{let v=window.innerWidth,h=window.innerHeight,w=p(d.current.x,f(l.current.x,0,v,-120,120),.1),k=p(d.current.y,f(l.current.y,0,h,-120,120),.1),T=p(d.current.rz,f(l.current.x,0,v,-10,10),.1),N=50;w>N&&(w=N+(w-N)*.2),w<-N&&(w=-N+(w+N)*.2),k>N&&(k=N+(k-N)*.2),k<-N&&(k=-N+(k+N)*.2),d.current={x:w,y:k,rz:T},o.current&&(o.current.style.transform=`translate(${w}px, ${k}px) rotateZ(${T}deg)`);let P=b(u.current.x,l.current.x,u.current.y,l.current.y);c.current=p(c.current,f(P,0,200,0,400),.06),s.current&&s.current.setAttribute("scale",String(c.current)),u.current={...l.current},m.current=requestAnimationFrame(y);};return y(),()=>{window.removeEventListener("mousemove",x),m.current&&cancelAnimationFrame(m.current);}},[]);let g=`imgFilter-${Math.random().toString(36).substr(2,9)}`;return jsxs("div",{className:a("relative",i),style:{width:`${e}px`,height:`${n}px`},ref:o,children:[jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:"w-full h-full",children:[jsx("defs",{children:jsxs("filter",{id:g,children:[jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),jsx("feDisplacementMap",{ref:s,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]})}),jsx("g",{children:jsx("image",{href:t,x:"0",y:"0",width:"600",height:"750",filter:`url(#${g})`,preserveAspectRatio:"xMidYMid slice"})})]}),r&&jsx("div",{className:"absolute inset-0 flex items-end p-6",children:jsx("div",{className:"text-white",children:r})})]})}var yo="shadow-[0_0_6px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3px_rgba(0,0,0,0.9),inset_-3px_-3px_0.5px_-3px_rgba(0,0,0,0.85),inset_1px_1px_1px_-0.5px_rgba(0,0,0,0.6),inset_-1px_-1px_1px_-0.5px_rgba(0,0,0,0.6),inset_0_0_6px_6px_rgba(0,0,0,0.12),inset_0_0_2px_2px_rgba(0,0,0,0.06),0_0_12px_rgba(255,255,255,0.15)] dark:shadow-[0_0_8px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3.5px_rgba(255,255,255,0.09),inset_-3px_-3px_0.5px_-3.5px_rgba(255,255,255,0.85),inset_1px_1px_1px_-0.5px_rgba(255,255,255,0.6),inset_-1px_-1px_1px_-0.5px_rgba(255,255,255,0.6),inset_0_0_6px_6px_rgba(255,255,255,0.12),inset_0_0_2px_2px_rgba(255,255,255,0.06),0_0_12px_rgba(0,0,0,0.15)]",cn=si.memo(({id:e,scale:n=30})=>jsxs("svg",{className:"hidden",children:[jsx("title",{children:"Glass Effect Filter"}),jsx("defs",{children:jsxs("filter",{colorInterpolationFilters:"sRGB",height:"200%",id:e,width:"200%",x:"-50%",y:"-50%",children:[jsx("feTurbulence",{baseFrequency:"0.05 0.05",numOctaves:"1",result:"turbulence",seed:"1",type:"fractalNoise"}),jsx("feGaussianBlur",{in:"turbulence",result:"blurredNoise",stdDeviation:"2"}),jsx("feDisplacementMap",{in:"SourceGraphic",in2:"blurredNoise",result:"displaced",scale:n,xChannelSelector:"R",yChannelSelector:"B"}),jsx("feGaussianBlur",{in:"displaced",result:"finalBlur",stdDeviation:"4"}),jsx("feComposite",{in:"finalBlur",in2:"finalBlur",operator:"over"})]})})]}));cn.displayName="GlassFilter";function wu({className:e,glassSize:n="default",glassEffect:t=true,children:r,...i}){let o=useId();return jsxs("div",{className:a("group relative overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800","bg-white/20 dark:bg-zinc-900/20 backdrop-blur-[2px]","transition-all duration-300",{sm:"p-4",default:"p-6",lg:"p-8"}[n],e),...i,children:[jsx("div",{className:a("pointer-events-none absolute inset-0 rounded-lg transition-all",yo)}),t&&jsxs(Fragment,{children:[jsx("div",{className:"-z-10 pointer-events-none absolute inset-0 overflow-hidden rounded-lg",style:{backdropFilter:`url("#${o}")`}}),jsx(cn,{id:o,scale:30})]}),jsx("div",{className:"relative z-10",children:r}),jsx("div",{className:"pointer-events-none absolute inset-0 z-20 rounded-lg bg-gradient-to-r from-transparent via-black/5 to-transparent opacity-0 transition-opacity duration-200 group-hover:opacity-100 dark:via-white/5"})]})}function ku({className:e,variant:n="default",children:t,...r}){let i=useId();return jsxs(Fragment,{children:[jsxs("button",{className:a("relative px-4 py-2 rounded-full font-medium transition-transform duration-300 hover:scale-105",n==="default"&&"bg-zinc-900 dark:bg-white text-white dark:text-zinc-900",n==="ghost"&&"bg-transparent text-zinc-700 dark:text-zinc-300 hover:bg-zinc-200/80 dark:hover:bg-zinc-800/80",e),...r,children:[jsx("div",{className:a("pointer-events-none absolute inset-0 rounded-full transition-all",yo)}),jsx("div",{className:"-z-10 pointer-events-none absolute inset-0 isolate overflow-hidden rounded-full",style:{backdropFilter:`url("#${i}")`}}),jsx("span",{className:"relative z-10",children:t})]}),jsx(cn,{id:i,scale:70})]})}function Tu({targetSelector:e=".cursor-target",spinDuration:n=2,hideDefaultCursor:t=true,color:r="#000000",className:i}){let o=useRef(null),s=useRef(null),[l,u]=useState({x:0,y:0}),[d,c]=useState(false),[m,g]=useState(0),p=useRef();useEffect(()=>{if(typeof window>"u")return;let x=document.body.style.cursor;t&&(document.body.style.cursor="none"),u({x:window.innerWidth/2,y:window.innerHeight/2});let y=T=>{u({x:T.clientX,y:T.clientY});},v=T=>{let N=T.target;(N.matches(e)||N.closest(e))&&c(true);},h=T=>{let N=T.target;(N.matches(e)||N.closest(e))&&c(false);};window.addEventListener("mousemove",y),window.addEventListener("mouseover",v),window.addEventListener("mouseout",h);let w,k=T=>{w||(w=T);let P=(T-w)/(n*1e3)*360;g(P%360),p.current=requestAnimationFrame(k);};return p.current=requestAnimationFrame(k),()=>{window.removeEventListener("mousemove",y),window.removeEventListener("mouseover",v),window.removeEventListener("mouseout",h),document.body.style.cursor=x,p.current&&cancelAnimationFrame(p.current);}},[e,n,t]);let f=12,b=3;return jsxs("div",{ref:o,className:a("fixed pointer-events-none z-[10000]",i),style:{left:l.x,top:l.y,transform:`translate(-50%, -50%) rotate(${d?0:m}deg)`,transition:d?"transform 0.2s ease":"none"},children:[jsx("div",{ref:s,className:"absolute rounded-full",style:{width:6,height:6,backgroundColor:r,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}),["tl","tr","br","bl"].map(x=>{let y=x.includes("t"),v=x.includes("l"),h=d?20:f*1.5;return jsx("div",{className:"absolute transition-all duration-200",style:{width:f,height:f,borderColor:r,borderWidth:b,borderStyle:"solid",borderTopWidth:y?b:0,borderBottomWidth:y?0:b,borderLeftWidth:v?b:0,borderRightWidth:v?0:b,left:v?-h:"auto",right:v?"auto":-h,top:y?-h:"auto",bottom:y?"auto":-h}},x)})]})}var No=(e,n,t)=>(1-t)*e+t*n;function Cu({color:e="#000000",containerRef:n=null,className:t}){let r=useRef(null),i=useRef(null),o=useRef(null),s=useRef({x:0,y:0}),l=useRef({x:0,y:0}),u=useRef();return useEffect(()=>{if(typeof window>"u")return;let d=(f,b)=>{if(b){let x=b.getBoundingClientRect();return {x:f.clientX-x.left,y:f.clientY-x.top}}return {x:f.clientX,y:f.clientY}},c=f=>{if(s.current=d(f,n?.current||void 0),n?.current){let b=n.current.getBoundingClientRect(),x=f.clientX<b.left||f.clientX>b.right||f.clientY<b.top||f.clientY>b.bottom;i.current&&o.current&&(i.current.style.opacity=x?"0":"1",o.current.style.opacity=x?"0":"1");}},m=n?.current||window;m.addEventListener("mousemove",c),i.current&&o.current&&(i.current.style.opacity="0",o.current.style.opacity="0");let g=()=>{l.current={...s.current},i.current&&o.current&&(i.current.style.opacity="1",o.current.style.opacity="1"),m.removeEventListener("mousemove",g);};m.addEventListener("mousemove",g);let p=()=>{l.current.x=No(l.current.x,s.current.x,.15),l.current.y=No(l.current.y,s.current.y,.15),i.current&&o.current&&(o.current.style.transform=`translateX(${l.current.x}px)`,i.current.style.transform=`translateY(${l.current.y}px)`),u.current=requestAnimationFrame(p);};return p(),()=>{m.removeEventListener("mousemove",c),u.current&&cancelAnimationFrame(u.current);}},[n]),jsxs("div",{ref:r,className:a("pointer-events-none z-[10000]",t),style:{position:n?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%"},children:[jsx("div",{ref:i,style:{position:"absolute",width:"100%",height:"1px",background:e,pointerEvents:"none",opacity:0,transition:"opacity 0.3s ease"}}),jsx("div",{ref:o,style:{position:"absolute",height:"100%",width:"1px",background:e,pointerEvents:"none",opacity:0,transition:"opacity 0.3s ease"}})]})}function Iu({texts:e=["TailwindCSS","React","Next.js","TypeScript","Vercel","Motion"],className:n}){let[t,r]=useState(0),i=useRef(null),o=useRef([]);return useEffect(()=>{if(!i.current)return;let s=new IntersectionObserver(l=>{l.forEach(u=>{if(u.isIntersecting){let d=o.current.findIndex(c=>c===u.target);d!==-1&&r(d);}});},{threshold:.7,root:i.current,rootMargin:"-45% 0px -45% 0px"});return o.current.forEach(l=>{l&&s.observe(l);}),()=>s.disconnect()},[e]),jsx("div",{className:a("w-full max-w-3xl mx-auto",n),children:jsxs("div",{ref:i,className:a("h-[300px] overflow-y-auto","relative flex flex-col items-center","[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"),children:[jsx("div",{className:"h-[150px]"}),jsx("div",{className:"flex flex-col items-center w-full",children:e.map((s,l)=>jsx("div",{ref:u=>{o.current[l]=u;},className:a("text-5xl font-bold py-8 px-4 whitespace-nowrap","transition-all duration-300",t===l?"text-zinc-900 dark:text-white scale-100 opacity-100":"text-zinc-400/50 dark:text-zinc-600 scale-95 opacity-50"),children:s},`${s}-${l}`))}),jsx("div",{className:"h-[150px]"})]})})}var Bu=({item:e,index:n,totalCards:t,isExpanded:r})=>{let i=(t-1)*5,o=n*10-i,s=n*2,l=n*1.5,u=320,d=240,m=(u+(t-1)*(u-d))/2,g=n*(u-d)-m+u/2,p=n*5-(t-1)*2.5;return jsxs(motion.div,{initial:{x:o,y:s,rotate:l,scale:1},animate:{x:r?g:o,y:r?0:s,rotate:r?p:l,scale:1,zIndex:t-n},transition:{type:"spring",stiffness:350,damping:30,mass:.8},className:a("absolute inset-0 rounded-2xl p-6 w-full","bg-gradient-to-br from-white/40 via-neutral-50/30 to-neutral-100/20","dark:from-neutral-800/40 dark:via-neutral-900/30 dark:to-black/20","border border-white/20 dark:border-neutral-800/20","backdrop-blur-xl backdrop-saturate-150","shadow-[0_8px_20px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_20px_rgb(0,0,0,0.3)]","transition-all duration-500 ease-out transform-gpu overflow-hidden"),style:{maxWidth:"320px",left:"50%",marginLeft:"-160px"},children:[jsx("div",{className:"absolute inset-1 rounded-xl bg-neutral-900/50 backdrop-blur-sm border border-neutral-200/50 dark:border-neutral-700/50"}),jsxs("div",{className:"relative z-10",children:[jsx("dl",{className:"mb-4 grid grid-cols-4 gap-2",children:e.specs.map(f=>jsxs("div",{className:"text-[10px] flex flex-col items-start",children:[jsx("dd",{className:"font-medium text-gray-500 dark:text-gray-400",children:f.value}),jsx("dt",{className:"text-white dark:text-gray-100",children:f.label})]},f.label))}),jsx("div",{className:"aspect-[16/11] w-full overflow-hidden rounded-lg bg-neutral-100 dark:bg-neutral-900 border border-neutral-200/50 dark:border-neutral-700/50",children:jsx("img",{src:e.image,alt:e.title,className:"object-cover w-full h-full",loading:"lazy"})}),jsxs("div",{className:"mt-4",children:[jsx("h2",{className:"text-3xl font-bold tracking-tight text-white",children:e.title}),jsx("span",{className:"block text-3xl font-semibold tracking-tight bg-gradient-to-r from-gray-400 via-gray-300 to-gray-500 bg-clip-text text-transparent",children:e.subtitle}),e.description&&jsx("p",{className:"mt-2 text-sm text-gray-500 dark:text-gray-400",children:e.description})]})]})]})};function Hu({items:e,className:n,defaultExpanded:t=false}){let[r,i]=useState(t);return jsx("button",{className:a("relative mx-auto cursor-pointer min-h-[440px] w-full max-w-[90vw] md:max-w-[1200px]","appearance-none bg-transparent border-0 p-0 flex items-center justify-center mb-8",n),onClick:()=>i(!r),"aria-label":"Toggle card stack",type:"button",children:e.map((o,s)=>jsx(Bu,{item:o,index:s,totalCards:e.length,isExpanded:r},o.id))})}var _u=({data:e,index:n})=>{let r=(e.size-16)/2,i=r*2*Math.PI,o=(100-e.value)/100*i,s=`gradient-${e.label.toLowerCase()}-${n}`;return jsx(motion.div,{className:"absolute inset-0 flex items-center justify-center",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.8,delay:n*.2,ease:"easeOut"},children:jsxs("svg",{width:e.size,height:e.size,viewBox:`0 0 ${e.size} ${e.size}`,className:"transform -rotate-90","aria-label":`${e.label} Activity Progress - ${e.value}%`,children:[jsx("title",{children:`${e.label} Activity Progress - ${e.value}%`}),jsx("defs",{children:jsxs("linearGradient",{id:s,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[jsx("stop",{offset:"0%",style:{stopColor:e.color,stopOpacity:1}}),jsx("stop",{offset:"100%",style:{stopColor:e.color==="#FF2D55"?"#FF6B8B":e.color==="#A3F900"?"#C5FF4D":"#4DDFED",stopOpacity:1}})]})}),jsx("circle",{cx:e.size/2,cy:e.size/2,r,fill:"none",stroke:"currentColor",strokeWidth:16,className:"text-zinc-200/50 dark:text-zinc-800/50"}),jsx(motion.circle,{cx:e.size/2,cy:e.size/2,r,fill:"none",stroke:`url(#${s})`,strokeWidth:16,strokeDasharray:i,initial:{strokeDashoffset:i},animate:{strokeDashoffset:o},transition:{duration:1.8,delay:n*.2,ease:"easeInOut"},strokeLinecap:"round",style:{filter:"drop-shadow(0 0 6px rgba(0,0,0,0.15))"}})]})})},Du=[{label:"MOVE",value:85,color:"#FF2D55",size:200,current:479,target:800,unit:"CAL"},{label:"EXERCISE",value:60,color:"#A3F900",size:160,current:24,target:30,unit:"MIN"},{label:"STAND",value:30,color:"#04C7DD",size:120,current:6,target:12,unit:"HR"}];function Fu({title:e="Activity Rings",className:n,activities:t=Du}){return jsx("div",{className:a("relative w-full max-w-3xl mx-auto p-8 rounded-3xl text-zinc-900 dark:text-white",n),children:jsxs("div",{className:"flex flex-col items-center gap-8",children:[jsx(motion.h2,{className:"text-2xl font-medium text-zinc-900 dark:text-white",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5},children:e}),jsxs("div",{className:"flex items-center",children:[jsx("div",{className:"relative w-[180px] h-[180px]",children:t.map((r,i)=>jsx(_u,{data:r,index:i},r.label))}),jsx(motion.div,{className:"flex flex-col gap-6 ml-8",initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.5,delay:.3},children:t.map(r=>jsxs("div",{className:"flex flex-col",children:[jsx("span",{className:"text-sm font-medium text-zinc-600 dark:text-zinc-400",children:r.label}),jsxs("span",{className:"text-2xl font-semibold",style:{color:r.color},children:[r.current,"/",r.target,jsx("span",{className:"text-base ml-1 text-zinc-600 dark:text-zinc-400",children:r.unit})]})]},r.label))})]})]})})}var Po=({className:e})=>jsx("svg",{className:e,viewBox:"0 0 22 22",fill:"currentColor",children:jsx("path",{d:"M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"})}),Ou=({className:e})=>jsxs("svg",{className:e,viewBox:"0 0 1200 1227",fill:"none",children:[jsx("title",{children:"X"}),jsx("path",{fill:"currentColor",d:"M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"})]});function Vu({authorName:e,authorHandle:n,authorImage:t,content:r,isVerified:i=false,timestamp:o,reply:s,href:l,className:u}){return jsx(l?"a":"div",{...l?{href:l,target:"_blank",rel:"noopener noreferrer"}:{},className:a("block w-full min-w-[400px] md:min-w-[500px] max-w-xl p-1.5 rounded-2xl relative isolate overflow-hidden","bg-black/90 dark:bg-black/90","backdrop-blur-xl backdrop-saturate-[180%]","border border-black/10 dark:border-white/10","shadow-[0_8px_16px_rgb(0_0_0_/_0.15)] dark:shadow-[0_8px_16px_rgb(0_0_0_/_0.25)]",u),children:jsxs("div",{className:a("w-full p-5 rounded-xl relative","bg-gradient-to-br from-black/[0.05] to-transparent dark:from-white/[0.08] dark:to-transparent","backdrop-blur-md backdrop-saturate-150","border border-black/[0.05] dark:border-white/[0.08]","text-white/90 dark:text-white"),children:[jsxs("div",{className:"flex gap-3",children:[jsx("div",{className:"shrink-0",children:jsx("div",{className:"h-10 w-10 rounded-full overflow-hidden",children:jsx("img",{src:t,alt:e,className:"h-full w-full object-cover"})})}),jsx("div",{className:"flex-1",children:jsxs("div",{className:"flex justify-between items-start",children:[jsxs("div",{className:"flex flex-col",children:[jsxs("div",{className:"flex items-center gap-1",children:[jsx("span",{className:"font-semibold text-white dark:text-white/90 hover:underline cursor-pointer",children:e}),i&&jsx(Po,{className:"h-4 w-4 text-blue-400"})]}),jsxs("span",{className:"text-white/60 text-sm",children:["@",n]})]}),jsx("div",{className:"h-8 w-8 text-white/80 hover:text-white hover:bg-white/10 rounded-lg p-1 flex items-center justify-center",children:jsx(Ou,{className:"w-4 h-4"})})]})})]}),jsxs("div",{className:"mt-2",children:[r.map((m,g)=>jsx("p",{className:"text-white dark:text-white/90 text-base",children:m},g)),jsx("span",{className:"text-white/50 text-sm mt-2 block",children:o})]}),s&&jsx("div",{className:"mt-4 pt-4 border-t border-white/[0.08]",children:jsxs("div",{className:"flex gap-3",children:[jsx("div",{className:"shrink-0",children:jsx("div",{className:"h-10 w-10 rounded-full overflow-hidden",children:jsx("img",{src:s.authorImage,alt:s.authorName,className:"h-full w-full object-cover"})})}),jsxs("div",{className:"flex-1",children:[jsxs("div",{className:"flex items-center gap-1",children:[jsx("span",{className:"font-semibold text-white/90 hover:underline cursor-pointer",children:s.authorName}),s.isVerified&&jsx(Po,{className:"h-4 w-4 text-blue-400"}),jsxs("span",{className:"text-white/60 text-sm",children:["@",s.authorHandle]}),jsx("span",{className:"text-white/60 text-sm",children:"\xB7"}),jsx("span",{className:"text-white/60 text-sm",children:s.timestamp})]}),jsx("p",{className:"text-white/80 text-sm mt-1",children:s.content})]})]})})]})})}function Wu({title:e="Key Metrics",description:n="Track your success with these important numbers",stats:t,className:r}){let i=useRef(null),o=useInView(i,{once:true});return jsx("div",{className:a("min-h-[400px] w-full",r),children:jsx("section",{className:"py-20",children:jsxs("div",{className:"mx-auto max-w-7xl px-6",children:[jsxs(motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:true},className:"mb-16 text-center",children:[jsx("h2",{className:"text-zinc-900 dark:text-zinc-100 mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mx-auto max-w-2xl text-lg",children:n})]}),jsx("div",{ref:i,className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",children:t.map((s,l)=>jsxs(motion.div,{initial:{opacity:0,y:30,scale:.9},animate:o?{opacity:1,y:0,scale:1}:{opacity:0,y:30,scale:.9},transition:{duration:.6,delay:l*.1,type:"spring",stiffness:100},className:"group border-zinc-300 dark:border-zinc-700 bg-transparent hover:border-zinc-500 dark:hover:border-zinc-600 relative overflow-hidden rounded-2xl border p-6 transition-all hover:scale-105 hover:shadow-xl",children:[s.icon&&jsx(motion.div,{className:"mb-4 text-3xl text-zinc-900 dark:text-zinc-100",initial:{rotate:-10,scale:.8},animate:o?{rotate:0,scale:1}:{rotate:-10,scale:.8},transition:{duration:.6,delay:l*.1+.2,type:"spring",stiffness:200},children:s.icon}),jsx(motion.div,{className:"text-zinc-900 dark:text-zinc-100 mb-1 text-2xl font-bold lg:text-3xl",initial:{scale:.5},animate:o?{scale:1}:{scale:.5},transition:{duration:.8,delay:l*.1+.3,type:"spring",stiffness:200},children:s.value}),jsx("h3",{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-sm font-semibold tracking-wide uppercase",children:s.label}),s.description&&jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mb-3 text-xs",children:s.description}),s.trend&&jsxs(motion.div,{className:a("inline-flex items-center rounded-full px-2 py-1 text-xs font-medium",s.trend.direction==="up"?"bg-green-900/20 text-green-400":"bg-red-900/20 text-red-400"),initial:{opacity:0,x:-10},animate:o?{opacity:1,x:0}:{opacity:0,x:-10},transition:{duration:.4,delay:l*.1+.5},children:[jsx("span",{className:"mr-1",children:s.trend.direction==="up"?"\u2197":"\u2198"}),s.trend.value]})]},s.label))})]})})})}function qu({title:e="Our Impact in Numbers",description:n="See how we're making a difference across the globe",stats:t,className:r}){let i=useRef(null),o=useInView(i,{once:true});return jsx("div",{className:a("min-h-[400px] w-full",r),children:jsx("section",{className:"py-20",children:jsxs("div",{className:"mx-auto max-w-7xl px-6",children:[jsxs(motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:true},className:"mb-16 text-center",children:[jsx("h2",{className:"text-zinc-900 dark:text-zinc-100 mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mx-auto max-w-2xl text-lg",children:n})]}),jsx("div",{ref:i,className:"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4",children:t.map((s,l)=>jsxs(motion.div,{initial:{opacity:0,y:30},animate:o?{opacity:1,y:0}:{opacity:0,y:30},transition:{duration:.6,delay:l*.1},className:"group bg-transparent hover:border-zinc-500 dark:hover:border-zinc-600 relative overflow-hidden rounded-2xl border border-zinc-300 dark:border-zinc-700 p-8 text-center transition-all hover:shadow-lg",children:[jsx(motion.div,{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-4xl font-bold lg:text-5xl",initial:{scale:.5},animate:o?{scale:1}:{scale:.5},transition:{duration:.8,delay:l*.1+.2,type:"spring",stiffness:200},children:s.value}),jsx("h3",{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-lg font-semibold",children:s.label}),s.description&&jsx("p",{className:"text-zinc-600 dark:text-zinc-400 text-sm",children:s.description})]},s.label))})]})})})}function Uu({children:e,className:n}){return jsx("div",{className:a("grid w-full auto-rows-[22rem] grid-cols-3 gap-4",n),children:e})}function Ju({name:e,className:n,background:t,Icon:r,description:i,href:o,cta:s,onClick:l}){return jsxs(o?"a":"div",{...o?{href:o,target:"_blank",rel:"noopener noreferrer"}:{},onClick:l,className:a("group relative col-span-3 flex flex-col justify-between overflow-hidden rounded-xl cursor-pointer","bg-white [box-shadow:0_0_0_1px_rgba(0,0,0,.03),0_2px_4px_rgba(0,0,0,.05),0_12px_24px_rgba(0,0,0,.05)]","transform-gpu dark:bg-black dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#ffffff1f_inset]",n),children:[typeof t=="string"?jsx("div",{className:a("absolute inset-0",t)}):jsx("div",{className:"absolute inset-0",children:t}),jsxs("div",{className:"pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-10",children:[r&&jsx(r,{className:"h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-75 dark:text-neutral-300"}),jsx("h3",{className:"text-xl font-semibold text-neutral-700 dark:text-neutral-300",children:e}),jsx("p",{className:"max-w-lg text-neutral-400",children:i})]}),s&&jsx("div",{className:"pointer-events-none absolute bottom-0 flex w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100",children:jsxs("span",{className:"pointer-events-auto ml-auto flex items-center gap-2 rounded-lg bg-black px-4 py-2 text-white dark:bg-white dark:text-black",children:[s,jsx("svg",{className:"ml-2 h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})}),jsx("div",{className:"pointer-events-none absolute inset-0 transform-gpu transition-all duration-300 group-hover:bg-black/[.03] group-hover:dark:bg-neutral-800/10"})]})}
-export{l0 as ASCIIText,_l as Accordion,Jl as Alert,Kl as AlertIcon,Zl as AlertTitle,Ql as AlertToolbar,v0 as AnimatedCircularProgressBar,ol as AnimatedList,pr as AnimatedListItem,nc as AnimatedSpan,P0 as AnimatedThemeToggler,Fu as AppleActivityCard,Ia as AttractButton,Sl as Avatar,Pl as Badge,Ju as BentoCard,Uu as BentoGrid,Gd as BlurFade,qa as BlurText,Go as BounceButton,Va as BounceText,Cs as Card,Is as CardContent,Ms as CardDescription,zs as CardFlip,Ls as CardFooter,Rs as CardHeader,Hu as CardStack,Ss as CardTitle,Oc as Checkbox,is as CircularText,Rd as ClickSpark,Ea as CommandButton,tu as ContributionGraph,va as CopyButton,$i as CountUp,Nc as Counter,Cu as Crosshair,vu as DecayCard,gs as DecryptedText,Ac as Dock,Bc as DockIcon,Yl as Drawer,Mi as DynamicText,nu as ElasticSlider,ts as ElasticText,f0 as FallingText,Ar as File,ri as FlipText,_d as FloatEffect,au as FlowingMenu,Er as Folder,di as FuzzyText,ys as GlassCard,ku as GlassLiquidButton,Da as GlitchText,Yo as GlowButton,Od as GlowEffect,cs as GlowingText,lu as GooeyNav,la as GradientButton,Ba as GradientText,wd as Hamburger3D,td as HamburgerBasic,zd as HamburgerElastic,sd as HamburgerMorph,od as HamburgerSpin,ud as HamburgerSpring,xd as HamburgerStagger,fd as HamburgerWave,ua as HoldButton,ks as HoverCard,jd as InfiniteScroll,Or as Input,jc as InputOTP,ta as LiquidButton,wu as LiquidGlassCard,gi as LiquidText,k0 as Loader,_s as LoadingBar,Gs as LoadingBounce,Es as LoadingDots,Ws as LoadingFlower,Xs as LoadingGeometric,y0 as LoadingInvert,Ys as LoadingMorph,Os as LoadingPulse,qs as LoadingRings,As as LoadingSpinner,Js as LoadingText,Zs as LoadingWords,Vo as MagneticButton,Ti as MagneticText,pi as MatrixText,$l as Modal,Zi as MorphText,r0 as MultiStepLoader,Qo as NeonButton,za as ParticleButton,ji as PerspectiveText,du as PillNav,qd as PixelCard,Il as Progress,Uo as PulseButton,Gc as RadioGroup,_i as RainbowText,Wi as RevealText,Ho as RippleButton,Bi as RotatingText,vi as ScrambledText,Iu as ScrollText,F0 as ScrollVelocity,Jc as Select,S0 as ShimmerEffect,_a as ShimmerText,Io as ShineButton,oi as ShinyText,al as Skeleton,us as SlicedText,aa as SlideButton,Ad as SmoothCursor,pu as SmoothDrawer,xu as SmoothTab,U0 as SocialButton,Ji as SplitText,Hi as StaggerText,Wu as StatsCards,qu as StatsGrid,uc as Step,lc as Stepper,Al as Switch,bi as SwooshText,Fl as Tabs,Tu as TargetCursor,ec as Terminal,W0 as TextCursor,Vr as Textarea,ba as ThreeDButton,Zd as TiltedCard,Rc as Toolbar,dl as Tooltip,kl as TooltipAnimated,bl as TooltipMinimal,Lr as Tree,hs as TrueFocus,Vu as TweetCard,Za as Typewriter,tc as TypingAnimation,Z0 as V0Button,ti as WaveText,a as cn};//# sourceMappingURL=index.mjs.map
+          `}})]})})}function aa(...e){return e.filter(Boolean).join(" ")}function qc({title:e="Configuring your account...",subtitle:t="Please wait while we prepare everything for you",size:a="md",className:o,...l}){let s={sm:{container:"size-20",titleClass:"text-sm/tight font-medium",subtitleClass:"text-xs/relaxed",spacing:"space-y-2",maxWidth:"max-w-48"},md:{container:"size-32",titleClass:"text-base/snug font-medium",subtitleClass:"text-sm/relaxed",spacing:"space-y-3",maxWidth:"max-w-56"},lg:{container:"size-40",titleClass:"text-lg/tight font-semibold",subtitleClass:"text-base/relaxed",spacing:"space-y-4",maxWidth:"max-w-64"}}[a];return jsxs("div",{className:aa("flex flex-col items-center justify-center gap-8 p-8",o),...l,children:[jsxs(motion.div,{className:aa("relative",s.container),animate:{scale:[1,1.02,1]},transition:{duration:4,repeat:1/0,ease:[.4,0,.6,1]},children:[jsx(motion.div,{className:"absolute inset-0 rounded-full",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(0, 0, 0) 90deg, transparent 180deg)",mask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",opacity:.8},animate:{rotate:[0,360]},transition:{duration:3,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 rounded-full",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(0, 0, 0) 120deg, rgba(0, 0, 0, 0.5) 240deg, transparent 360deg)",mask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",opacity:.9},animate:{rotate:[0,360]},transition:{duration:2.5,repeat:1/0,ease:[.4,0,.6,1]}}),jsx(motion.div,{className:"absolute inset-0 rounded-full dark:block hidden",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(255, 255, 255) 90deg, transparent 180deg)",mask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 35%, black 37%, black 39%, transparent 41%)",opacity:.8},animate:{rotate:[0,360]},transition:{duration:3,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 rounded-full dark:block hidden",style:{background:"conic-gradient(from 0deg, transparent 0deg, rgb(255, 255, 255) 120deg, rgba(255, 255, 255, 0.5) 240deg, transparent 360deg)",mask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",WebkitMask:"radial-gradient(circle at 50% 50%, transparent 42%, black 44%, black 48%, transparent 50%)",opacity:.9},animate:{rotate:[0,360]},transition:{duration:2.5,repeat:1/0,ease:[.4,0,.6,1]}})]}),jsxs(motion.div,{className:aa("text-center",s.spacing,s.maxWidth),initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.4,duration:1,ease:[.4,0,.2,1]},children:[jsx(motion.h1,{className:aa(s.titleClass,"text-black/90 dark:text-white/90 font-medium tracking-[-0.02em] leading-[1.15] antialiased"),initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.6,duration:.8,ease:[.4,0,.2,1]},children:jsx(motion.span,{animate:{opacity:[.9,.7,.9]},transition:{duration:3,repeat:1/0,ease:[.4,0,.6,1]},children:e})}),jsx(motion.p,{className:aa(s.subtitleClass,"text-black/60 dark:text-white/60 font-normal tracking-[-0.01em] leading-[1.45] antialiased"),initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{delay:.8,duration:.8,ease:[.4,0,.2,1]},children:jsx(motion.span,{animate:{opacity:[.6,.4,.6]},transition:{duration:4,repeat:1/0,ease:[.4,0,.6,1]},children:t})})]})]})}function Qa(...e){return e.filter(Boolean).join(" ")}function Gc({className:e,size:t="md",onChange:a}){let[o,l]=useState(false);useEffect(()=>{let d=window.matchMedia("(prefers-color-scheme: dark)").matches;l(d);},[]);let r=()=>{let d=!o;l(d),d?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),a?.(d);},s={sm:"w-12 h-6",md:"w-14 h-7",lg:"w-16 h-8"},n={sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6"};return jsxs(motion.button,{onClick:r,className:Qa("relative rounded-full border transition-all duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-zinc-500 focus:ring-offset-2 focus:ring-offset-zinc-900",s[t],o?"bg-zinc-800 border-zinc-700":"bg-zinc-700 border-zinc-600",e),whileTap:{scale:.95},initial:false,children:[jsx(motion.div,{className:"absolute inset-0 rounded-full",animate:{background:o?"linear-gradient(135deg, #27272a 0%, #18181b 100%)":"linear-gradient(135deg, #3f3f46 0%, #27272a 100%)"},transition:{duration:.3}}),jsx(motion.div,{className:Qa("absolute top-0.5 rounded-full shadow-lg flex items-center justify-center",t==="sm"?"w-5 h-5":t==="md"?"w-6 h-6":"w-7 h-7",o?"bg-zinc-300":"bg-zinc-100"),animate:{x:o?t==="sm"?24:t==="md"?28:32:2},transition:{type:"spring",stiffness:500,damping:30},children:jsx(AnimatePresence,{mode:"wait",children:o?jsx(motion.svg,{className:Qa("text-zinc-700",n[t]),fill:"currentColor",viewBox:"0 0 24 24",initial:{opacity:0,rotate:-90},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:90},transition:{duration:.2},children:jsx("path",{d:"M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"})},"moon"):jsx(motion.svg,{className:Qa("text-zinc-600",n[t]),fill:"currentColor",viewBox:"0 0 24 24",initial:{opacity:0,rotate:-90},animate:{opacity:1,rotate:0},exit:{opacity:0,rotate:90},transition:{duration:.2},children:jsx("path",{d:"M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"})},"sun")})}),jsx(motion.div,{className:"absolute inset-0 rounded-full opacity-20",animate:{boxShadow:o?"0 0 20px rgba(161, 161, 170, 0.2)":"0 0 20px rgba(161, 161, 170, 0.3)"},transition:{duration:.3}})]})}function Wc(...e){return e.filter(Boolean).join(" ")}function _c({children:e,className:t}){return jsxs("div",{className:Wc("relative w-full min-h-[500px] flex items-center justify-center overflow-hidden bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800",t),children:[jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.08) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:2.5,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.05) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:3,delay:.5,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.03) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:3.5,delay:1,repeat:1/0,ease:"linear"}}),jsx(motion.div,{className:"absolute inset-0 hidden dark:block",style:{background:"linear-gradient(90deg, transparent 0%, rgba(161,161,170,0.15) 50%, transparent 100%)"},animate:{x:["-200%","200%"]},transition:{duration:2.5,repeat:1/0,ease:"linear"}}),jsx("div",{className:"absolute inset-0 opacity-10 dark:opacity-5",style:{backgroundImage:"radial-gradient(circle at 2px 2px, #71717a 1px, transparent 0)",backgroundSize:"40px 40px"}}),jsx("div",{className:"relative z-10 text-center px-8",children:e||jsxs(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8},children:[jsx("h2",{className:"text-7xl font-bold text-zinc-900 dark:text-zinc-100 mb-4 tracking-tight",style:{fontFamily:"system-ui, -apple-system, sans-serif",letterSpacing:"-0.02em"},children:"SHIMMER WAVE"}),jsx("p",{className:"text-xl text-zinc-500 font-light tracking-wide",children:"Advanced Shimmer Effect"})]})})]})}function em(e){let[t,a]=useState(0);return useLayoutEffect(()=>{function o(){e.current&&a(e.current.offsetWidth);}return o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)},[e]),t}function am({scrollContainerRef:e,texts:t=["Scroll Velocity","Bynana UI"],velocity:a=100,className:o="",damping:l=50,stiffness:r=400,numCopies:s=6,velocityMapping:n={input:[0,1e3],output:[0,5]}}){function d({children:u,baseVelocity:f}){let m=useMotionValue(0),x=e?{container:e}:{},{scrollY:c}=useScroll(x),p=useVelocity(c),g=useSpring(p,{damping:l,stiffness:r}),h=useTransform(g,n.input,n.output,{clamp:false}),b=useRef(null),I=em(b);function L(w,k,S){let P=k-w;return ((S-w)%P+P)%P+w}let v=useTransform(m,w=>I===0?"0px":`${L(-I,0,w)}px`),C=useRef(1);useAnimationFrame((w,k)=>{let S=C.current*f*(k/1e3);h.get()<0?C.current=-1:h.get()>0&&(C.current=1),S+=C.current*S*h.get(),m.set(m.get()+S);});let y=[];for(let w=0;w<s;w++)y.push(jsx("span",{className:o,ref:w===0?b:null,children:u},w));return jsx("div",{className:"overflow-hidden whitespace-nowrap",children:jsx(motion.div,{className:"flex",style:{x:v},children:y})})}return jsx("section",{children:t.map((u,f)=>jsxs(d,{baseVelocity:f%2!==0?-a:a,children:[u,"\xA0"]},f))})}function lm({text:e="\u269B\uFE0F",delay:t=.01,spacing:a=100,followMouseDirection:o=true,randomFloat:l=true,exitDuration:r=.5,removalInterval:s=30,maxPoints:n=5}){let[d,u]=useState([]),f=useRef(null),m=useRef(Date.now()),x=useRef(0),c=p=>{if(!f.current)return;let g=f.current.getBoundingClientRect(),h=p.clientX-g.left,b=p.clientY-g.top;u(I=>{let L=[...I];if(L.length===0)L.push({id:x.current++,x:h,y:b,angle:0,...l&&{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}});else {let v=L[L.length-1],C=h-v.x,y=b-v.y,w=Math.sqrt(C*C+y*y);if(w>=a){let k=Math.atan2(y,C)*180/Math.PI;k>90?k-=180:k<-90&&(k+=180);let S=o?k:0,P=Math.floor(w/a);for(let T=1;T<=P;T++){let A=a*T/w;L.push({id:x.current++,x:v.x+C*A,y:v.y+y*A,angle:S,...l&&{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}});}}}return L.length>n&&(L=L.slice(L.length-n)),L}),m.current=Date.now();};return useEffect(()=>{let p=f.current;if(p)return p.addEventListener("mousemove",c),()=>p.removeEventListener("mousemove",c)},[]),useEffect(()=>{let p=setInterval(()=>{Date.now()-m.current>100&&u(g=>g.length>0?g.slice(1):g);},s);return ()=>clearInterval(p)},[s]),jsxs("div",{ref:f,className:"w-full h-full min-h-[200px] relative rounded-lg bg-zinc-50 dark:bg-zinc-900/50",children:[jsx("div",{className:"absolute inset-0 flex items-center justify-center text-zinc-400 text-sm pointer-events-none",children:"Move your mouse around"}),jsx(AnimatePresence,{children:d.map(p=>jsx(motion.div,{initial:{opacity:0,scale:1,rotate:p.angle},animate:{opacity:1,scale:1,rotate:p.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:r,ease:"easeOut",delay:t}},className:"absolute text-2xl pointer-events-none",style:{left:p.x,top:p.y,transform:"translate(-50%, -50%)"},children:e},p.id))})]})}function dm(...e){return e.filter(Boolean).join(" ")}function um({icon:e,label:t,href:a,onClick:o,className:l,variant:r="default"}){let s={default:"bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 hover:bg-zinc-800 dark:hover:bg-zinc-200",outline:"border border-zinc-300 dark:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800",ghost:"hover:bg-zinc-100 dark:hover:bg-zinc-800"},n=a?"a":"button";return jsx(motion.div,{whileHover:{scale:1.05},whileTap:{scale:.95},children:jsxs(n,{href:a,onClick:o,className:dm("inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition-colors",s[r],l),target:a?"_blank":void 0,rel:a?"noopener noreferrer":void 0,children:[e,jsx("span",{children:t})]})})}function cm(...e){return e.filter(Boolean).join(" ")}function mm({children:e,onClick:t,className:a,disabled:o=false}){return jsxs(motion.button,{onClick:t,disabled:o,className:cm("relative inline-flex items-center justify-center px-6 py-3 overflow-hidden font-medium rounded-xl","bg-gradient-to-r from-zinc-900 to-zinc-800 dark:from-zinc-100 dark:to-zinc-200","text-white dark:text-zinc-900","border border-zinc-700 dark:border-zinc-300","shadow-lg shadow-zinc-900/20 dark:shadow-zinc-100/20","transition-all duration-300","hover:shadow-xl hover:shadow-zinc-900/30 dark:hover:shadow-zinc-100/30","disabled:opacity-50 disabled:cursor-not-allowed",a),whileHover:{scale:o?1:1.02},whileTap:{scale:o?1:.98},children:[jsx(motion.span,{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent",initial:{x:"-100%"},whileHover:{x:"100%"},transition:{duration:.6,ease:"easeInOut"}}),jsx("span",{className:"relative z-10 flex items-center gap-2",children:e})]})}function ps(...e){return e.filter(Boolean).join(" ")}function hm({data:e,weeks:t=52,className:a,colors:o=["bg-zinc-100 dark:bg-zinc-800","bg-emerald-200 dark:bg-emerald-900","bg-emerald-300 dark:bg-emerald-700","bg-emerald-400 dark:bg-emerald-500","bg-emerald-500 dark:bg-emerald-400"]}){let l=useMemo(()=>e||Array.from({length:t*7},()=>Math.floor(Math.random()*5)),[e,t]),r=s=>o[Math.min(s,o.length-1)];return jsx("div",{className:ps("overflow-x-auto",a),children:jsx("div",{className:"flex gap-1",children:Array.from({length:t}).map((s,n)=>jsx("div",{className:"flex flex-col gap-1",children:Array.from({length:7}).map((d,u)=>{let f=n*7+u,m=l[f]||0;return jsx(motion.div,{className:ps("w-3 h-3 rounded-sm",r(m)),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{delay:f*.002,type:"spring",stiffness:300,damping:20},whileHover:{scale:1.3}},u)})},n))})})}function eo(...e){return e.filter(Boolean).join(" ")}function Lm({defaultValue:e=50,min:t=0,max:a=100,step:o=1,onChange:l,className:r,trackClassName:s,thumbClassName:n}){let[d,u]=useState(e),[f,m]=useState(false),x=(d-t)/(a-t)*100,c=p=>{let g=Number(p.target.value);u(g),l?.(g);};return jsxs("div",{className:eo("relative w-full h-12 flex items-center",r),children:[jsx("div",{className:eo("absolute w-full h-2 rounded-full bg-zinc-200 dark:bg-zinc-800",s),children:jsx(motion.div,{className:"h-full rounded-full bg-zinc-900 dark:bg-zinc-100",style:{width:`${x}%`},animate:{scaleY:f?1.5:1},transition:{type:"spring",stiffness:400,damping:25}})}),jsx(motion.div,{className:eo("absolute w-6 h-6 rounded-full bg-zinc-900 dark:bg-zinc-100 shadow-lg cursor-grab","border-2 border-white dark:border-zinc-900",n),style:{left:`calc(${x}% - 12px)`},animate:{scale:f?1.3:1,y:f?-4:0},transition:{type:"spring",stiffness:500,damping:30}}),jsx("input",{type:"range",min:t,max:a,step:o,value:d,onChange:c,onMouseDown:()=>m(true),onMouseUp:()=>m(false),onTouchStart:()=>m(true),onTouchEnd:()=>m(false),className:"absolute w-full h-full opacity-0 cursor-grab active:cursor-grabbing"}),jsx(motion.span,{className:"absolute -top-8 left-1/2 -translate-x-1/2 text-sm font-medium text-zinc-900 dark:text-zinc-100",animate:{opacity:f?1:0,y:f?0:10},transition:{duration:.2},children:d})]})}var Im=[{link:"#",text:"About",image:"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?w=800&q=80"},{link:"#",text:"Services",image:"https://images.unsplash.com/photo-1618556450994-a6a128ef0d9d?w=800&q=80"},{link:"#",text:"Work",image:"https://images.unsplash.com/photo-1618556450991-2f1af64e8191?w=800&q=80"},{link:"#",text:"Contact",image:"https://images.unsplash.com/photo-1618556450783-953e03f0bb7a?w=800&q=80"}];function vm({items:e=Im,className:t=""}){let[a,o]=useState(-1),[l,r]=useState(-1);return jsxs("div",{className:i("flex gap-8",t),children:[jsxs("div",{className:"flex-1",children:[jsxs("div",{className:"mb-6",children:[jsx("h2",{className:"text-2xl font-bold text-white",children:"Menu"}),jsx("p",{className:"text-sm text-zinc-400",children:"Explore our pages"})]}),jsx("nav",{className:"flex flex-col gap-2",children:e.map((s,n)=>jsxs("a",{href:s.link,className:i("group flex items-center gap-4 py-4 px-4 rounded-lg transition-all duration-300",l===n?"bg-zinc-800 translate-x-4":"bg-transparent"),onMouseEnter:()=>r(n),onMouseLeave:()=>r(-1),onClick:()=>o(n),children:[jsx("span",{className:"text-sm text-zinc-500 font-mono",children:String(n+1).padStart(2,"0")}),jsx("span",{className:i("text-xl font-medium transition-colors",l===n?"text-white":"text-zinc-400"),children:s.text}),jsx("span",{className:i("ml-auto text-xl transition-all duration-300",l===n?"opacity-100 translate-x-0":"opacity-0 -translate-x-2"),children:"\u2192"})]},n))})]}),jsx("div",{className:i("w-80 h-80 rounded-2xl overflow-hidden transition-all duration-500",l>=0?"opacity-100 scale-100":"opacity-0 scale-95"),children:l>=0&&e[l]?.image&&jsxs("div",{className:"relative w-full h-full",children:[jsx("img",{src:e[l].image,alt:e[l].text,className:"w-full h-full object-cover"}),jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"}),jsx("h3",{className:"absolute bottom-4 left-4 text-2xl font-bold text-white",children:e[l].text})]})})]})}var ym=[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Services",href:"#"},{label:"Contact",href:"#"}];function wm({items:e=ym,className:t="",activeColor:a="#8b5cf6",inactiveColor:o="#a1a1aa",backgroundColor:l="#18181b"}){let[r,s]=useState(0),n=(d,u)=>{u.preventDefault(),s(d);};return jsx("div",{className:i("relative",t),children:jsx("nav",{className:"relative rounded-full px-2 py-2",style:{backgroundColor:l},children:jsx("ul",{className:"flex items-center gap-1",children:e.map((d,u)=>jsx("li",{className:"relative",children:jsxs("a",{href:d.href,className:i("relative z-10 block px-4 py-2 text-sm font-medium rounded-full transition-all duration-300",r===u&&"text-white"),style:{color:r===u?"#fff":o},onClick:f=>n(u,f),children:[d.label,r===u&&jsx("span",{className:"absolute inset-0 rounded-full -z-10 animate-pulse",style:{backgroundColor:a,boxShadow:`0 0 20px ${a}`}})]})},u))})})})}function km({logo:e,logoAlt:t="Logo",items:a,activeHref:o,className:l="",baseColor:r="#fff",pillColor:s="#000000",hoveredPillTextColor:n="#ffffff",pillTextColor:d,onMobileMenuClick:u}){let f=d??r,[m,x]=useState(false),[c,p]=useState(null),g=()=>{x(!m),u?.();};return jsxs("div",{className:i("relative",l),children:[jsxs("nav",{className:"flex items-center gap-4 px-4 py-2 rounded-full",style:{backgroundColor:s},"aria-label":"Primary",children:[e&&jsx("a",{href:a?.[0]?.href||"#","aria-label":"Home",className:"flex-shrink-0",children:jsx("img",{src:e,alt:t,className:"h-8 w-8 object-contain"})}),jsx("div",{className:"hidden md:flex items-center gap-1",children:jsx("ul",{className:"flex items-center gap-1",role:"menubar",children:a.map((h,b)=>jsx("li",{role:"none",children:jsx("a",{role:"menuitem",href:h.href,className:i("relative px-4 py-2 rounded-full text-sm font-medium transition-all duration-300",o===h.href&&"font-semibold"),style:{color:c===b?n:f,backgroundColor:c===b?r:"transparent"},"aria-label":h.ariaLabel||h.label,onMouseEnter:()=>p(b),onMouseLeave:()=>p(null),children:h.label})},h.href))})}),jsxs("button",{className:"md:hidden flex flex-col gap-1 p-2",onClick:g,"aria-label":"Toggle menu",children:[jsx("span",{className:i("w-5 h-0.5 transition-all duration-300",m&&"rotate-45 translate-y-1.5"),style:{backgroundColor:r}}),jsx("span",{className:i("w-5 h-0.5 transition-all duration-300",m&&"-rotate-45 -translate-y-1"),style:{backgroundColor:r}})]})]}),m&&jsx("div",{className:"md:hidden absolute top-full left-0 right-0 mt-2 rounded-xl p-4 shadow-lg",style:{backgroundColor:s},children:jsx("ul",{className:"flex flex-col gap-2",children:a.map(h=>jsx("li",{children:jsx("a",{href:h.href,className:i("block px-4 py-2 rounded-lg text-sm font-medium transition-colors",o===h.href&&"font-semibold"),style:{color:f},onClick:()=>x(false),children:h.label})},h.href))})})]})}function Mm({trigger:e,title:t="Drawer Title",description:a,children:o,className:l,side:r="right"}){let[s,n]=useState(false);return useEffect(()=>(s?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow="";}),[s]),jsxs(Fragment,{children:[jsx("div",{onClick:()=>n(true),className:"cursor-pointer",children:e||jsx("button",{className:"px-4 py-2 bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 rounded-lg font-medium hover:opacity-90 transition-opacity",children:"Open Drawer"})}),s&&jsx("div",{className:"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-opacity duration-300",onClick:()=>n(false)}),jsx("div",{"data-open":s,className:i("fixed z-50 bg-white dark:bg-zinc-900 shadow-xl transition-transform duration-300 ease-out",{left:"left-0 top-0 h-full w-80 -translate-x-full data-[open=true]:translate-x-0",right:"right-0 top-0 h-full w-80 translate-x-full data-[open=true]:translate-x-0",top:"top-0 left-0 w-full h-80 -translate-y-full data-[open=true]:translate-y-0",bottom:"bottom-0 left-0 w-full h-80 translate-y-full data-[open=true]:translate-y-0"}[r],l),children:jsxs("div",{className:"flex flex-col h-full",children:[jsxs("div",{className:"flex items-center justify-between p-4 border-b border-zinc-200 dark:border-zinc-800",children:[jsxs("div",{children:[jsx("h2",{className:"text-lg font-semibold text-zinc-900 dark:text-white",children:t}),a&&jsx("p",{className:"text-sm text-zinc-500 dark:text-zinc-400",children:a})]}),jsx("button",{onClick:()=>n(false),className:"p-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Close drawer",children:jsx("svg",{className:"w-5 h-5 text-zinc-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),jsx("div",{className:"flex-1 overflow-auto p-4",children:o})]})})]})}var Rm=[{id:"tab1",title:"Tab 1",color:"bg-blue-500"},{id:"tab2",title:"Tab 2",color:"bg-purple-500"},{id:"tab3",title:"Tab 3",color:"bg-emerald-500"},{id:"tab4",title:"Tab 4",color:"bg-amber-500"}];function Bm({items:e=Rm,defaultTabId:t,className:a,activeColor:o="bg-blue-500",onChange:l}){let[r,s]=useState(t||e[0]?.id||""),[n,d]=useState({width:0,left:0}),u=useRef(new Map),f=useRef(null);useLayoutEffect(()=>{let c=()=>{let p=u.current.get(r),g=f.current;if(p&&g){let h=p.getBoundingClientRect(),b=g.getBoundingClientRect();d({width:h.width,left:h.left-b.left});}};return requestAnimationFrame(c),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[r]);let m=c=>{s(c),l?.(c);},x=e.find(c=>c.id===r);return jsxs("div",{className:i("flex flex-col",a),children:[x?.content&&jsx("div",{className:"mb-4 p-6 bg-zinc-100 dark:bg-zinc-900 rounded-lg min-h-[200px]",children:x.content}),jsxs("div",{ref:f,role:"tablist",className:i("relative flex items-center gap-1 p-1","bg-zinc-100 dark:bg-zinc-900 rounded-xl","border border-zinc-200 dark:border-zinc-800"),children:[jsx("div",{className:i("absolute rounded-lg transition-all duration-300 ease-out",x?.color||o),style:{width:n.width-8,left:n.left+4,height:"calc(100% - 8px)",top:"4px"}}),e.map(c=>{let p=r===c.id;return jsx("button",{ref:g=>{g?u.current.set(c.id,g):u.current.delete(c.id);},type:"button",role:"tab","aria-selected":p,onClick:()=>m(c.id),className:i("relative z-10 flex-1 px-4 py-2 rounded-lg","text-sm font-medium transition-colors duration-300","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",p?"text-white":"text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100"),children:c.title},c.id)})]})]})}function Fm({width:e=300,height:t=400,image:a="https://picsum.photos/300/400?grayscale",children:o,className:l}){let r=useRef(null),s=useRef(null),n=useRef({x:0,y:0}),d=useRef({x:0,y:0}),u=useRef({x:0,y:0,rz:0}),f=useRef(0),m=useRef();useEffect(()=>{if(typeof window>"u")return;n.current={x:window.innerWidth/2,y:window.innerHeight/2},d.current={...n.current};let c=(I,L,v)=>(1-v)*I+v*L,p=(I,L,v,C,y)=>(I-L)*(y-C)/(v-L)+C,g=(I,L,v,C)=>Math.hypot(I-L,v-C),h=I=>{n.current={x:I.clientX,y:I.clientY};};window.addEventListener("mousemove",h);let b=()=>{let I=window.innerWidth,L=window.innerHeight,v=c(u.current.x,p(n.current.x,0,I,-120,120),.1),C=c(u.current.y,p(n.current.y,0,L,-120,120),.1),y=c(u.current.rz,p(n.current.x,0,I,-10,10),.1),w=50;v>w&&(v=w+(v-w)*.2),v<-w&&(v=-w+(v+w)*.2),C>w&&(C=w+(C-w)*.2),C<-w&&(C=-w+(C+w)*.2),u.current={x:v,y:C,rz:y},r.current&&(r.current.style.transform=`translate(${v}px, ${C}px) rotateZ(${y}deg)`);let k=g(d.current.x,n.current.x,d.current.y,n.current.y);f.current=c(f.current,p(k,0,200,0,400),.06),s.current&&s.current.setAttribute("scale",String(f.current)),d.current={...n.current},m.current=requestAnimationFrame(b);};return b(),()=>{window.removeEventListener("mousemove",h),m.current&&cancelAnimationFrame(m.current);}},[]);let x=`imgFilter-${Math.random().toString(36).substr(2,9)}`;return jsxs("div",{className:i("relative",l),style:{width:`${e}px`,height:`${t}px`},ref:r,children:[jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:"w-full h-full",children:[jsx("defs",{children:jsxs("filter",{id:x,children:[jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),jsx("feDisplacementMap",{ref:s,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]})}),jsx("g",{children:jsx("image",{href:a,x:"0",y:"0",width:"600",height:"750",filter:`url(#${x})`,preserveAspectRatio:"xMidYMid slice"})})]}),o&&jsx("div",{className:"absolute inset-0 flex items-end p-6",children:jsx("div",{className:"text-white",children:o})})]})}var Cs="shadow-[0_0_6px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3px_rgba(0,0,0,0.9),inset_-3px_-3px_0.5px_-3px_rgba(0,0,0,0.85),inset_1px_1px_1px_-0.5px_rgba(0,0,0,0.6),inset_-1px_-1px_1px_-0.5px_rgba(0,0,0,0.6),inset_0_0_6px_6px_rgba(0,0,0,0.12),inset_0_0_2px_2px_rgba(0,0,0,0.06),0_0_12px_rgba(255,255,255,0.15)] dark:shadow-[0_0_8px_rgba(0,0,0,0.03),0_2px_6px_rgba(0,0,0,0.08),inset_3px_3px_0.5px_-3.5px_rgba(255,255,255,0.09),inset_-3px_-3px_0.5px_-3.5px_rgba(255,255,255,0.85),inset_1px_1px_1px_-0.5px_rgba(255,255,255,0.6),inset_-1px_-1px_1px_-0.5px_rgba(255,255,255,0.6),inset_0_0_6px_6px_rgba(255,255,255,0.12),inset_0_0_2px_2px_rgba(255,255,255,0.06),0_0_12px_rgba(0,0,0,0.15)]",ro=Cn.memo(({id:e,scale:t=30})=>jsxs("svg",{className:"hidden",children:[jsx("title",{children:"Glass Effect Filter"}),jsx("defs",{children:jsxs("filter",{colorInterpolationFilters:"sRGB",height:"200%",id:e,width:"200%",x:"-50%",y:"-50%",children:[jsx("feTurbulence",{baseFrequency:"0.05 0.05",numOctaves:"1",result:"turbulence",seed:"1",type:"fractalNoise"}),jsx("feGaussianBlur",{in:"turbulence",result:"blurredNoise",stdDeviation:"2"}),jsx("feDisplacementMap",{in:"SourceGraphic",in2:"blurredNoise",result:"displaced",scale:t,xChannelSelector:"R",yChannelSelector:"B"}),jsx("feGaussianBlur",{in:"displaced",result:"finalBlur",stdDeviation:"4"}),jsx("feComposite",{in:"finalBlur",in2:"finalBlur",operator:"over"})]})})]}));ro.displayName="GlassFilter";function Hm({className:e,glassSize:t="default",glassEffect:a=true,children:o,...l}){let r=useId();return jsxs("div",{className:i("group relative overflow-hidden rounded-lg border border-zinc-200 dark:border-zinc-800","bg-white/20 dark:bg-zinc-900/20 backdrop-blur-[2px]","transition-all duration-300",{sm:"p-4",default:"p-6",lg:"p-8"}[t],e),...l,children:[jsx("div",{className:i("pointer-events-none absolute inset-0 rounded-lg transition-all",Cs)}),a&&jsxs(Fragment,{children:[jsx("div",{className:"-z-10 pointer-events-none absolute inset-0 overflow-hidden rounded-lg",style:{backdropFilter:`url("#${r}")`}}),jsx(ro,{id:r,scale:30})]}),jsx("div",{className:"relative z-10",children:o}),jsx("div",{className:"pointer-events-none absolute inset-0 z-20 rounded-lg bg-gradient-to-r from-transparent via-black/5 to-transparent opacity-0 transition-opacity duration-200 group-hover:opacity-100 dark:via-white/5"})]})}function qm({className:e,variant:t="default",children:a,...o}){let l=useId();return jsxs(Fragment,{children:[jsxs("button",{className:i("relative px-4 py-2 rounded-full font-medium transition-transform duration-300 hover:scale-105",t==="default"&&"bg-zinc-900 dark:bg-white text-white dark:text-zinc-900",t==="ghost"&&"bg-transparent text-zinc-700 dark:text-zinc-300 hover:bg-zinc-200/80 dark:hover:bg-zinc-800/80",e),...o,children:[jsx("div",{className:i("pointer-events-none absolute inset-0 rounded-full transition-all",Cs)}),jsx("div",{className:"-z-10 pointer-events-none absolute inset-0 isolate overflow-hidden rounded-full",style:{backdropFilter:`url("#${l}")`}}),jsx("span",{className:"relative z-10",children:a})]}),jsx(ro,{id:l,scale:70})]})}function Om({targetSelector:e=".cursor-target",spinDuration:t=2,hideDefaultCursor:a=true,color:o="#000000",className:l}){let r=useRef(null),s=useRef(null),[n,d]=useState({x:0,y:0}),[u,f]=useState(false),[m,x]=useState(0),c=useRef();useEffect(()=>{if(typeof window>"u")return;let h=document.body.style.cursor;a&&(document.body.style.cursor="none"),d({x:window.innerWidth/2,y:window.innerHeight/2});let b=y=>{d({x:y.clientX,y:y.clientY});},I=y=>{let w=y.target;(w.matches(e)||w.closest(e))&&f(true);},L=y=>{let w=y.target;(w.matches(e)||w.closest(e))&&f(false);};window.addEventListener("mousemove",b),window.addEventListener("mouseover",I),window.addEventListener("mouseout",L);let v,C=y=>{v||(v=y);let k=(y-v)/(t*1e3)*360;x(k%360),c.current=requestAnimationFrame(C);};return c.current=requestAnimationFrame(C),()=>{window.removeEventListener("mousemove",b),window.removeEventListener("mouseover",I),window.removeEventListener("mouseout",L),document.body.style.cursor=h,c.current&&cancelAnimationFrame(c.current);}},[e,t,a]);let p=12,g=3;return jsxs("div",{ref:r,className:i("fixed pointer-events-none z-[10000]",l),style:{left:n.x,top:n.y,transform:`translate(-50%, -50%) rotate(${u?0:m}deg)`,transition:u?"transform 0.2s ease":"none"},children:[jsx("div",{ref:s,className:"absolute rounded-full",style:{width:6,height:6,backgroundColor:o,left:"50%",top:"50%",transform:"translate(-50%, -50%)"}}),["tl","tr","br","bl"].map(h=>{let b=h.includes("t"),I=h.includes("l"),L=u?20:p*1.5;return jsx("div",{className:"absolute transition-all duration-200",style:{width:p,height:p,borderColor:o,borderWidth:g,borderStyle:"solid",borderTopWidth:b?g:0,borderBottomWidth:b?0:g,borderLeftWidth:I?g:0,borderRightWidth:I?0:g,left:I?-L:"auto",right:I?"auto":-L,top:b?-L:"auto",bottom:b?"auto":-L}},h)})]})}var Ss=(e,t,a)=>(1-a)*e+a*t;function Vm({color:e="#000000",containerRef:t=null,className:a}){let o=useRef(null),l=useRef(null),r=useRef(null),s=useRef({x:0,y:0}),n=useRef({x:0,y:0}),d=useRef();return useEffect(()=>{if(typeof window>"u")return;let u=(p,g)=>{if(g){let h=g.getBoundingClientRect();return {x:p.clientX-h.left,y:p.clientY-h.top}}return {x:p.clientX,y:p.clientY}},f=p=>{if(s.current=u(p,t?.current||void 0),t?.current){let g=t.current.getBoundingClientRect(),h=p.clientX<g.left||p.clientX>g.right||p.clientY<g.top||p.clientY>g.bottom;l.current&&r.current&&(l.current.style.opacity=h?"0":"1",r.current.style.opacity=h?"0":"1");}},m=t?.current||window;m.addEventListener("mousemove",f),l.current&&r.current&&(l.current.style.opacity="0",r.current.style.opacity="0");let x=()=>{n.current={...s.current},l.current&&r.current&&(l.current.style.opacity="1",r.current.style.opacity="1"),m.removeEventListener("mousemove",x);};m.addEventListener("mousemove",x);let c=()=>{n.current.x=Ss(n.current.x,s.current.x,.15),n.current.y=Ss(n.current.y,s.current.y,.15),l.current&&r.current&&(r.current.style.transform=`translateX(${n.current.x}px)`,l.current.style.transform=`translateY(${n.current.y}px)`),d.current=requestAnimationFrame(c);};return c(),()=>{m.removeEventListener("mousemove",f),d.current&&cancelAnimationFrame(d.current);}},[t]),jsxs("div",{ref:o,className:i("pointer-events-none z-[10000]",a),style:{position:t?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%"},children:[jsx("div",{ref:l,style:{position:"absolute",width:"100%",height:"1px",background:e,pointerEvents:"none",opacity:0,transition:"opacity 0.3s ease"}}),jsx("div",{ref:r,style:{position:"absolute",height:"100%",width:"1px",background:e,pointerEvents:"none",opacity:0,transition:"opacity 0.3s ease"}})]})}function $m({texts:e=["TailwindCSS","React","Next.js","TypeScript","Vercel","Motion"],className:t}){let[a,o]=useState(0),l=useRef(null),r=useRef([]);return useEffect(()=>{if(!l.current)return;let s=new IntersectionObserver(n=>{n.forEach(d=>{if(d.isIntersecting){let u=r.current.findIndex(f=>f===d.target);u!==-1&&o(u);}});},{threshold:.7,root:l.current,rootMargin:"-45% 0px -45% 0px"});return r.current.forEach(n=>{n&&s.observe(n);}),()=>s.disconnect()},[e]),jsx("div",{className:i("w-full max-w-3xl mx-auto",t),children:jsxs("div",{ref:l,className:i("h-[300px] overflow-y-auto","relative flex flex-col items-center","[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"),children:[jsx("div",{className:"h-[150px]"}),jsx("div",{className:"flex flex-col items-center w-full",children:e.map((s,n)=>jsx("div",{ref:d=>{r.current[n]=d;},className:i("text-5xl font-bold py-8 px-4 whitespace-nowrap","transition-all duration-300",a===n?"text-zinc-900 dark:text-white scale-100 opacity-100":"text-zinc-400/50 dark:text-zinc-600 scale-95 opacity-50"),children:s},`${s}-${n}`))}),jsx("div",{className:"h-[150px]"})]})})}var Qm=({item:e,index:t,totalCards:a,isExpanded:o})=>{let l=(a-1)*5,r=t*10-l,s=t*2,n=t*1.5,d=320,u=240,m=(d+(a-1)*(d-u))/2,x=t*(d-u)-m+d/2,c=t*5-(a-1)*2.5;return jsxs(motion.div,{initial:{x:r,y:s,rotate:n,scale:1},animate:{x:o?x:r,y:o?0:s,rotate:o?c:n,scale:1,zIndex:a-t},transition:{type:"spring",stiffness:350,damping:30,mass:.8},className:i("absolute inset-0 rounded-2xl p-6 w-full","bg-gradient-to-br from-white/40 via-neutral-50/30 to-neutral-100/20","dark:from-neutral-800/40 dark:via-neutral-900/30 dark:to-black/20","border border-white/20 dark:border-neutral-800/20","backdrop-blur-xl backdrop-saturate-150","shadow-[0_8px_20px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_20px_rgb(0,0,0,0.3)]","transition-all duration-500 ease-out transform-gpu overflow-hidden"),style:{maxWidth:"320px",left:"50%",marginLeft:"-160px"},children:[jsx("div",{className:"absolute inset-1 rounded-xl bg-neutral-900/50 backdrop-blur-sm border border-neutral-200/50 dark:border-neutral-700/50"}),jsxs("div",{className:"relative z-10",children:[jsx("dl",{className:"mb-4 grid grid-cols-4 gap-2",children:e.specs.map(p=>jsxs("div",{className:"text-[10px] flex flex-col items-start",children:[jsx("dd",{className:"font-medium text-gray-500 dark:text-gray-400",children:p.value}),jsx("dt",{className:"text-white dark:text-gray-100",children:p.label})]},p.label))}),jsx("div",{className:"aspect-[16/11] w-full overflow-hidden rounded-lg bg-neutral-100 dark:bg-neutral-900 border border-neutral-200/50 dark:border-neutral-700/50",children:jsx("img",{src:e.image,alt:e.title,className:"object-cover w-full h-full",loading:"lazy"})}),jsxs("div",{className:"mt-4",children:[jsx("h2",{className:"text-3xl font-bold tracking-tight text-white",children:e.title}),jsx("span",{className:"block text-3xl font-semibold tracking-tight bg-gradient-to-r from-gray-400 via-gray-300 to-gray-500 bg-clip-text text-transparent",children:e.subtitle}),e.description&&jsx("p",{className:"mt-2 text-sm text-gray-500 dark:text-gray-400",children:e.description})]})]})]})};function Zm({items:e,className:t,defaultExpanded:a=false}){let[o,l]=useState(a);return jsx("button",{className:i("relative mx-auto cursor-pointer min-h-[440px] w-full max-w-[90vw] md:max-w-[1200px]","appearance-none bg-transparent border-0 p-0 flex items-center justify-center mb-8",t),onClick:()=>l(!o),"aria-label":"Toggle card stack",type:"button",children:e.map((r,s)=>jsx(Qm,{item:r,index:s,totalCards:e.length,isExpanded:o},r.id))})}var jm=({data:e,index:t})=>{let o=(e.size-16)/2,l=o*2*Math.PI,r=(100-e.value)/100*l,s=`gradient-${e.label.toLowerCase()}-${t}`;return jsx(motion.div,{className:"absolute inset-0 flex items-center justify-center",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.8,delay:t*.2,ease:"easeOut"},children:jsxs("svg",{width:e.size,height:e.size,viewBox:`0 0 ${e.size} ${e.size}`,className:"transform -rotate-90","aria-label":`${e.label} Activity Progress - ${e.value}%`,children:[jsx("title",{children:`${e.label} Activity Progress - ${e.value}%`}),jsx("defs",{children:jsxs("linearGradient",{id:s,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[jsx("stop",{offset:"0%",style:{stopColor:e.color,stopOpacity:1}}),jsx("stop",{offset:"100%",style:{stopColor:e.color==="#FF2D55"?"#FF6B8B":e.color==="#A3F900"?"#C5FF4D":"#4DDFED",stopOpacity:1}})]})}),jsx("circle",{cx:e.size/2,cy:e.size/2,r:o,fill:"none",stroke:"currentColor",strokeWidth:16,className:"text-zinc-200/50 dark:text-zinc-800/50"}),jsx(motion.circle,{cx:e.size/2,cy:e.size/2,r:o,fill:"none",stroke:`url(#${s})`,strokeWidth:16,strokeDasharray:l,initial:{strokeDashoffset:l},animate:{strokeDashoffset:r},transition:{duration:1.8,delay:t*.2,ease:"easeInOut"},strokeLinecap:"round",style:{filter:"drop-shadow(0 0 6px rgba(0,0,0,0.15))"}})]})})},ep=[{label:"MOVE",value:85,color:"#FF2D55",size:200,current:479,target:800,unit:"CAL"},{label:"EXERCISE",value:60,color:"#A3F900",size:160,current:24,target:30,unit:"MIN"},{label:"STAND",value:30,color:"#04C7DD",size:120,current:6,target:12,unit:"HR"}];function ap({title:e="Activity Rings",className:t,activities:a=ep}){return jsx("div",{className:i("relative w-full max-w-3xl mx-auto p-8 rounded-3xl text-zinc-900 dark:text-white",t),children:jsxs("div",{className:"flex flex-col items-center gap-8",children:[jsx(motion.h2,{className:"text-2xl font-medium text-zinc-900 dark:text-white",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.5},children:e}),jsxs("div",{className:"flex items-center",children:[jsx("div",{className:"relative w-[180px] h-[180px]",children:a.map((o,l)=>jsx(jm,{data:o,index:l},o.label))}),jsx(motion.div,{className:"flex flex-col gap-6 ml-8",initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.5,delay:.3},children:a.map(o=>jsxs("div",{className:"flex flex-col",children:[jsx("span",{className:"text-sm font-medium text-zinc-600 dark:text-zinc-400",children:o.label}),jsxs("span",{className:"text-2xl font-semibold",style:{color:o.color},children:[o.current,"/",o.target,jsx("span",{className:"text-base ml-1 text-zinc-600 dark:text-zinc-400",children:o.unit})]})]},o.label))})]})]})})}var Ns=({className:e})=>jsx("svg",{className:e,viewBox:"0 0 22 22",fill:"currentColor",children:jsx("path",{d:"M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"})}),tp=({className:e})=>jsxs("svg",{className:e,viewBox:"0 0 1200 1227",fill:"none",children:[jsx("title",{children:"X"}),jsx("path",{fill:"currentColor",d:"M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"})]});function op({authorName:e,authorHandle:t,authorImage:a,content:o,isVerified:l=false,timestamp:r,reply:s,href:n,className:d}){return jsx(n?"a":"div",{...n?{href:n,target:"_blank",rel:"noopener noreferrer"}:{},className:i("block w-full min-w-[400px] md:min-w-[500px] max-w-xl p-1.5 rounded-2xl relative isolate overflow-hidden","bg-black/90 dark:bg-black/90","backdrop-blur-xl backdrop-saturate-[180%]","border border-black/10 dark:border-white/10","shadow-[0_8px_16px_rgb(0_0_0_/_0.15)] dark:shadow-[0_8px_16px_rgb(0_0_0_/_0.25)]",d),children:jsxs("div",{className:i("w-full p-5 rounded-xl relative","bg-gradient-to-br from-black/[0.05] to-transparent dark:from-white/[0.08] dark:to-transparent","backdrop-blur-md backdrop-saturate-150","border border-black/[0.05] dark:border-white/[0.08]","text-white/90 dark:text-white"),children:[jsxs("div",{className:"flex gap-3",children:[jsx("div",{className:"shrink-0",children:jsx("div",{className:"h-10 w-10 rounded-full overflow-hidden",children:jsx("img",{src:a,alt:e,className:"h-full w-full object-cover"})})}),jsx("div",{className:"flex-1",children:jsxs("div",{className:"flex justify-between items-start",children:[jsxs("div",{className:"flex flex-col",children:[jsxs("div",{className:"flex items-center gap-1",children:[jsx("span",{className:"font-semibold text-white dark:text-white/90 hover:underline cursor-pointer",children:e}),l&&jsx(Ns,{className:"h-4 w-4 text-blue-400"})]}),jsxs("span",{className:"text-white/60 text-sm",children:["@",t]})]}),jsx("div",{className:"h-8 w-8 text-white/80 hover:text-white hover:bg-white/10 rounded-lg p-1 flex items-center justify-center",children:jsx(tp,{className:"w-4 h-4"})})]})})]}),jsxs("div",{className:"mt-2",children:[o.map((m,x)=>jsx("p",{className:"text-white dark:text-white/90 text-base",children:m},x)),jsx("span",{className:"text-white/50 text-sm mt-2 block",children:r})]}),s&&jsx("div",{className:"mt-4 pt-4 border-t border-white/[0.08]",children:jsxs("div",{className:"flex gap-3",children:[jsx("div",{className:"shrink-0",children:jsx("div",{className:"h-10 w-10 rounded-full overflow-hidden",children:jsx("img",{src:s.authorImage,alt:s.authorName,className:"h-full w-full object-cover"})})}),jsxs("div",{className:"flex-1",children:[jsxs("div",{className:"flex items-center gap-1",children:[jsx("span",{className:"font-semibold text-white/90 hover:underline cursor-pointer",children:s.authorName}),s.isVerified&&jsx(Ns,{className:"h-4 w-4 text-blue-400"}),jsxs("span",{className:"text-white/60 text-sm",children:["@",s.authorHandle]}),jsx("span",{className:"text-white/60 text-sm",children:"\xB7"}),jsx("span",{className:"text-white/60 text-sm",children:s.timestamp})]}),jsx("p",{className:"text-white/80 text-sm mt-1",children:s.content})]})]})})]})})}function lp({title:e="Key Metrics",description:t="Track your success with these important numbers",stats:a,className:o}){let l=useRef(null),r=useInView(l,{once:true});return jsx("div",{className:i("min-h-[400px] w-full",o),children:jsx("section",{className:"py-20",children:jsxs("div",{className:"mx-auto max-w-7xl px-6",children:[jsxs(motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:true},className:"mb-16 text-center",children:[jsx("h2",{className:"text-zinc-900 dark:text-zinc-100 mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mx-auto max-w-2xl text-lg",children:t})]}),jsx("div",{ref:l,className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",children:a.map((s,n)=>jsxs(motion.div,{initial:{opacity:0,y:30,scale:.9},animate:r?{opacity:1,y:0,scale:1}:{opacity:0,y:30,scale:.9},transition:{duration:.6,delay:n*.1,type:"spring",stiffness:100},className:"group border-zinc-300 dark:border-zinc-700 bg-transparent hover:border-zinc-500 dark:hover:border-zinc-600 relative overflow-hidden rounded-2xl border p-6 transition-all hover:scale-105 hover:shadow-xl",children:[s.icon&&jsx(motion.div,{className:"mb-4 text-3xl text-zinc-900 dark:text-zinc-100",initial:{rotate:-10,scale:.8},animate:r?{rotate:0,scale:1}:{rotate:-10,scale:.8},transition:{duration:.6,delay:n*.1+.2,type:"spring",stiffness:200},children:s.icon}),jsx(motion.div,{className:"text-zinc-900 dark:text-zinc-100 mb-1 text-2xl font-bold lg:text-3xl",initial:{scale:.5},animate:r?{scale:1}:{scale:.5},transition:{duration:.8,delay:n*.1+.3,type:"spring",stiffness:200},children:s.value}),jsx("h3",{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-sm font-semibold tracking-wide uppercase",children:s.label}),s.description&&jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mb-3 text-xs",children:s.description}),s.trend&&jsxs(motion.div,{className:i("inline-flex items-center rounded-full px-2 py-1 text-xs font-medium",s.trend.direction==="up"?"bg-green-900/20 text-green-400":"bg-red-900/20 text-red-400"),initial:{opacity:0,x:-10},animate:r?{opacity:1,x:0}:{opacity:0,x:-10},transition:{duration:.4,delay:n*.1+.5},children:[jsx("span",{className:"mr-1",children:s.trend.direction==="up"?"\u2197":"\u2198"}),s.trend.value]})]},s.label))})]})})})}function dp({title:e="Our Impact in Numbers",description:t="See how we're making a difference across the globe",stats:a,className:o}){let l=useRef(null),r=useInView(l,{once:true});return jsx("div",{className:i("min-h-[400px] w-full",o),children:jsx("section",{className:"py-20",children:jsxs("div",{className:"mx-auto max-w-7xl px-6",children:[jsxs(motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:true},className:"mb-16 text-center",children:[jsx("h2",{className:"text-zinc-900 dark:text-zinc-100 mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-zinc-600 dark:text-zinc-400 mx-auto max-w-2xl text-lg",children:t})]}),jsx("div",{ref:l,className:"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4",children:a.map((s,n)=>jsxs(motion.div,{initial:{opacity:0,y:30},animate:r?{opacity:1,y:0}:{opacity:0,y:30},transition:{duration:.6,delay:n*.1},className:"group bg-transparent hover:border-zinc-500 dark:hover:border-zinc-600 relative overflow-hidden rounded-2xl border border-zinc-300 dark:border-zinc-700 p-8 text-center transition-all hover:shadow-lg",children:[jsx(motion.div,{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-4xl font-bold lg:text-5xl",initial:{scale:.5},animate:r?{scale:1}:{scale:.5},transition:{duration:.8,delay:n*.1+.2,type:"spring",stiffness:200},children:s.value}),jsx("h3",{className:"text-zinc-900 dark:text-zinc-100 mb-2 text-lg font-semibold",children:s.label}),s.description&&jsx("p",{className:"text-zinc-600 dark:text-zinc-400 text-sm",children:s.description})]},s.label))})]})})})}function up({children:e,className:t}){return jsx("div",{className:i("grid w-full auto-rows-[22rem] grid-cols-3 gap-4",t),children:e})}function fp({name:e,className:t,background:a,Icon:o,description:l,href:r,cta:s,onClick:n}){return jsxs(r?"a":"div",{...r?{href:r,target:"_blank",rel:"noopener noreferrer"}:{},onClick:n,className:i("group relative col-span-3 flex flex-col justify-between overflow-hidden rounded-xl cursor-pointer","bg-white [box-shadow:0_0_0_1px_rgba(0,0,0,.03),0_2px_4px_rgba(0,0,0,.05),0_12px_24px_rgba(0,0,0,.05)]","transform-gpu dark:bg-black dark:[border:1px_solid_rgba(255,255,255,.1)] dark:[box-shadow:0_-20px_80px_-20px_#ffffff1f_inset]",t),children:[typeof a=="string"?jsx("div",{className:i("absolute inset-0",a)}):jsx("div",{className:"absolute inset-0",children:a}),jsxs("div",{className:"pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-10",children:[o&&jsx(o,{className:"h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-75 dark:text-neutral-300"}),jsx("h3",{className:"text-xl font-semibold text-neutral-700 dark:text-neutral-300",children:e}),jsx("p",{className:"max-w-lg text-neutral-400",children:l})]}),s&&jsx("div",{className:"pointer-events-none absolute bottom-0 flex w-full translate-y-10 transform-gpu flex-row items-center p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100",children:jsxs("span",{className:"pointer-events-auto ml-auto flex items-center gap-2 rounded-lg bg-black px-4 py-2 text-white dark:bg-white dark:text-black",children:[s,jsx("svg",{className:"ml-2 h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})}),jsx("div",{className:"pointer-events-none absolute inset-0 transform-gpu transition-all duration-300 group-hover:bg-black/[.03] group-hover:dark:bg-neutral-800/10"})]})}function pp({colorStops:e=["#5227FF","#7cff67","#5227FF"],amplitude:t=1,blend:a=.5,speed:o=1,className:l=""}){let r=useRef(null);return useEffect(()=>{let s=r.current;if(!s)return;let n=s.getContext("2d");if(!n)return;let d,u=0,f=()=>{s.width=s.offsetWidth,s.height=s.offsetHeight;},x=()=>{if(!n||!s)return;n.clearRect(0,0,s.width,s.height);let c=n.createLinearGradient(0,0,s.width,0);e.forEach((p,g)=>{c.addColorStop(g/(e.length-1),p);});for(let p=0;p<s.height;p++){let g=Math.sin(p*.02+u*o*.1)*t*50,h=Math.max(0,Math.min(1,p/s.height*a+g*.01));n.fillStyle=c,n.globalAlpha=h*.3,n.fillRect(0,p,s.width,1);}n.globalAlpha=1,u+=1,d=requestAnimationFrame(x);};return f(),window.addEventListener("resize",f),x(),()=>{window.removeEventListener("resize",f),cancelAnimationFrame(d);}},[e,t,a,o]),jsx("canvas",{ref:r,className:`absolute inset-0 w-full h-full ${l}`})}function hp({lineCount:e=50,lineColor:t="rgba(255, 255, 255, 0.1)",lineWidth:a=1,speed:o=.5,amplitude:l=100,className:r=""}){let s=useRef(null),n=useRef(null);return useEffect(()=>{let d=s.current;if(!d)return;let u=d.getContext("2d");if(!u)return;let f=()=>{d.width=d.offsetWidth,d.height=d.offsetHeight;};window.addEventListener("resize",f),f();let m=[];for(let p=0;p<e;p++)m.push({y:d.height/e*p,offset:Math.random()*Math.PI*2,speed:.5+Math.random()*o});let x=0,c=()=>{!u||!d||(u.clearRect(0,0,d.width,d.height),u.strokeStyle=t,u.lineWidth=a,m.forEach(p=>{u.beginPath();for(let g=0;g<=d.width;g+=5){let h=Math.sin(g*.01+x*p.speed+p.offset)*l,b=p.y+h;g===0?u.moveTo(g,b):u.lineTo(g,b);}u.stroke();}),x+=.01,n.current=requestAnimationFrame(c));};return c(),()=>{window.removeEventListener("resize",f),n.current&&cancelAnimationFrame(n.current);}},[e,t,a,o,l]),jsx("canvas",{ref:s,className:`w-full h-full ${r}`})}function Ip({direction:e="right",speed:t=1,borderColor:a="#999",squareSize:o=40,hoverFillColor:l="#222",className:r=""}){let s=useRef(null),n=useRef(null),d=useRef({x:0,y:0}),u=useRef(null);return useEffect(()=>{let f=s.current;if(!f)return;let m=f.getContext("2d"),x=()=>{f.width=f.offsetWidth,f.height=f.offsetHeight;};window.addEventListener("resize",x),x();let c=()=>{if(!m)return;m.clearRect(0,0,f.width,f.height);let b=Math.floor(d.current.x/o)*o,I=Math.floor(d.current.y/o)*o;for(let L=b;L<f.width+o;L+=o)for(let v=I;v<f.height+o;v+=o){let C=L-d.current.x%o,y=v-d.current.y%o;u.current&&Math.floor((L-b)/o)===u.current.x&&Math.floor((v-I)/o)===u.current.y&&(m.fillStyle=l,m.fillRect(C,y,o,o)),m.strokeStyle=a,m.strokeRect(C,y,o,o);}},p=()=>{let b=Math.max(t,.1);switch(e){case "right":d.current.x=(d.current.x-b+o)%o;break;case "left":d.current.x=(d.current.x+b+o)%o;break;case "up":d.current.y=(d.current.y+b+o)%o;break;case "down":d.current.y=(d.current.y-b+o)%o;break;case "diagonal":d.current.x=(d.current.x-b+o)%o,d.current.y=(d.current.y-b+o)%o;break}c(),n.current=requestAnimationFrame(p);},g=b=>{let I=f.getBoundingClientRect(),L=b.clientX-I.left,v=b.clientY-I.top,C=Math.floor(d.current.x/o)*o,y=Math.floor(d.current.y/o)*o;u.current={x:Math.floor((L+d.current.x-C)/o),y:Math.floor((v+d.current.y-y)/o)};},h=()=>{u.current=null;};return f.addEventListener("mousemove",g),f.addEventListener("mouseleave",h),n.current=requestAnimationFrame(p),()=>{window.removeEventListener("resize",x),n.current&&cancelAnimationFrame(n.current),f.removeEventListener("mousemove",g),f.removeEventListener("mouseleave",h);}},[e,t,a,l,o]),jsx("canvas",{ref:s,className:`w-full h-full ${r}`})}function yp({lineColor:e="black",backgroundColor:t="transparent",waveSpeedX:a=.0125,waveSpeedY:o=.005,waveAmpX:l=32,waveAmpY:r=16,xGap:s=10,yGap:n=32,friction:d=.925,tension:u=.005,maxCursorMove:f=100,style:m={},className:x=""}){let c=useRef(null),p=useRef(null),g=useRef(null);return useEffect(()=>{let h=p.current,b=c.current;if(!h||!b)return;let I=h.getContext("2d");if(!I)return;let L=0,v=()=>{let y=b.getBoundingClientRect();h.width=y.width,h.height=y.height;},C=()=>{if(!I||!h)return;I.clearRect(0,0,h.width,h.height),I.strokeStyle=e,I.lineWidth=1;let y=Math.ceil(h.width/s),w=Math.ceil(h.height/n);for(let k=0;k<=y;k++){I.beginPath();for(let S=0;S<=w;S++){let P=k*s,T=S*n,A=Math.sin(T*.01+L*a)*l,M=Math.cos(P*.01+L*o)*r;S===0?I.moveTo(P+A,T+M):I.lineTo(P+A,T+M);}I.stroke();}L+=1,g.current=requestAnimationFrame(C);};return v(),window.addEventListener("resize",v),C(),()=>{window.removeEventListener("resize",v),g.current!==null&&cancelAnimationFrame(g.current);}},[e,a,o,l,r,s,n]),jsx("div",{ref:c,className:`absolute inset-0 overflow-hidden ${x}`,style:{backgroundColor:t,...m},children:jsx("canvas",{ref:p,className:"w-full h-full"})})}var As=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),wp=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,a,o)=>o?o.toUpperCase():a.toLowerCase()),co=e=>{let t=wp(e);return t.charAt(0).toUpperCase()+t.slice(1)},st=(...e)=>e.filter((t,a,o)=>!!t&&t.trim()!==""&&o.indexOf(t)===a).join(" ").trim(),Rs=e=>{for(let t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return  true};var Bs={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var Fs=forwardRef(({color:e="currentColor",size:t=24,strokeWidth:a=2,absoluteStrokeWidth:o,className:l="",children:r,iconNode:s,...n},d)=>createElement("svg",{ref:d,...Bs,width:t,height:t,stroke:e,strokeWidth:o?Number(a)*24/Number(t):a,className:st("lucide",l),...!r&&!Rs(n)&&{"aria-hidden":"true"},...n},[...s.map(([u,f])=>createElement(u,f)),...Array.isArray(r)?r:[r]]));var N=(e,t)=>{let a=forwardRef(({className:o,...l},r)=>createElement(Fs,{ref:r,iconNode:t,className:st(`lucide-${As(co(e))}`,`lucide-${e}`,o),...l}));return a.displayName=co(e),a};var Np=[["path",{d:"m7 7 10 10",key:"1fmybs"}],["path",{d:"M17 7v10H7",key:"6fjiku"}]],ia=N("arrow-down-right",Np);var Mp=[["path",{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",key:"jecpp"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]],da=N("briefcase",Mp);var Tp=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],ua=N("check",Tp);var Ap=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],fa=N("chevron-down",Ap);var Rp=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],ke=N("chevron-left",Rp);var Bp=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],Pe=N("chevron-right",Bp);var Dp=[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],ca=N("clock",Dp);var Fp=[["path",{d:"M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3",key:"11bfej"}]],ma=N("command",Fp);var zp=[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]],pa=N("dollar-sign",zp);var Hp=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],xa=N("external-link",Hp);var qp=[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]],ga=N("map-pin",qp);var Ep=[["path",{d:"M12 19v3",key:"npa21l"}],["path",{d:"M19 10v2a7 7 0 0 1-14 0v-2",key:"1vc78b"}],["rect",{x:"9",y:"2",width:"6",height:"13",rx:"3",key:"s6n7sd"}]],ha=N("mic",Ep);var Op=[["path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",key:"1miecu"}]],La=N("paperclip",Op);var Up=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],Ne=N("search",Up);var Gp=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],Me=N("send",Gp);var Vp=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],le=N("sparkles",Vp);var Wp=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],ba=N("star",Wp);var _p=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Ia=N("x",_p);function Xp({heading:e="Build your next project with",highlightedText:t="Bynana UI",description:a="Create stunning, animated interfaces in minutes.",primaryButton:o={text:"Get Started",url:"#"},secondaryButton:l={text:"Learn more",url:"#"},className:r=""}){return jsx("section",{className:`relative overflow-hidden py-36 ${r}`,children:jsxs("div",{className:"relative z-10 flex flex-col items-center gap-6 text-center px-6",children:[jsxs("div",{children:[jsxs("h1",{className:"mb-6 text-2xl font-bold tracking-tight lg:text-5xl",children:[e," ",jsx("span",{className:"text-transparent bg-gradient-to-r from-pink-400 to-purple-400 bg-clip-text",children:t})]}),jsx("p",{className:"text-muted-foreground mx-auto max-w-3xl lg:text-xl",children:a})]}),jsxs("div",{className:"mt-6 flex justify-center gap-3",children:[jsx("a",{href:o.url,className:"border border-input hover:bg-accent px-6 py-3 rounded-md font-medium",children:o.text}),jsxs("a",{href:l.url,className:"bg-primary text-primary-foreground hover:bg-primary/90 px-6 py-3 rounded-md font-medium inline-flex items-center gap-2",children:[l.text,jsx(xa,{className:"w-4 h-4"})]})]})]})})}function $p({heading:e="Build beautiful UIs, effortlessly.",description:t="Create stunning, animated interfaces in minutes.",buttons:a={primary:{text:"Get Started",url:"#"},secondary:{text:"Watch demo",url:"#"}},reviews:o={count:200,rating:5,avatars:[{src:"https://i.pravatar.cc/150?img=1",alt:"User 1"},{src:"https://i.pravatar.cc/150?img=2",alt:"User 2"},{src:"https://i.pravatar.cc/150?img=3",alt:"User 3"}]},className:l=""}){return jsx("section",{className:`py-24 ${l}`,children:jsx("div",{className:"mx-auto max-w-5xl px-6",children:jsxs("div",{className:"flex flex-col items-center text-center",children:[jsx("h1",{className:"my-6 text-4xl font-bold lg:text-6xl",children:e}),jsx("p",{className:"text-muted-foreground mb-8 max-w-xl lg:text-xl",children:t}),jsxs("div",{className:"mb-12 flex items-center gap-4",children:[jsx("span",{className:"inline-flex -space-x-4",children:o.avatars.map((r,s)=>jsx("img",{src:r.src,alt:r.alt,className:"size-12 rounded-full border-2 border-background"},s))}),jsxs("div",{children:[jsxs("div",{className:"flex items-center gap-1",children:[[1,2,3,4,5].map(r=>jsx(ba,{className:"size-5 fill-yellow-400 text-yellow-400"},r)),jsx("span",{className:"ml-1 font-semibold",children:o.rating?.toFixed(1)})]}),jsxs("p",{className:"text-muted-foreground text-sm",children:["from ",o.count,"+ reviews"]})]})]}),jsxs("div",{className:"flex gap-4",children:[a.primary&&jsx("a",{href:a.primary.url,className:"bg-primary text-primary-foreground hover:bg-primary/90 px-6 py-3 rounded-md font-medium",children:a.primary.text}),a.secondary&&jsxs("a",{href:a.secondary.url,className:"border border-input hover:bg-accent px-6 py-3 rounded-md font-medium inline-flex items-center gap-2",children:[a.secondary.text,jsx(ia,{className:"size-4"})]})]})]})})})}function Qp({testimonials:e=[{quote:"This has revolutionized how we build user interfaces. The animations are buttery smooth.",avatar:"https://i.pravatar.cc/150?img=1",name:"Eduardo Calvo",role:"CEO & Founder"},{quote:"The design system is incredibly well thought out. Every component feels intentional.",avatar:"https://i.pravatar.cc/150?img=2",name:"Drew Cano",role:"Head of Design"},{quote:"Best UI library I've used. The TypeScript support is excellent.",avatar:"https://i.pravatar.cc/150?img=3",name:"Marcus Johnson",role:"Lead Developer"}],duration:t=5e3,className:a=""}){let[o,l]=useState(0),r=useRef(null);return useEffect(()=>(r.current=setTimeout(()=>{l(s=>(s+1)%e.length);},t),()=>{r.current&&clearTimeout(r.current);}),[o,e.length,t]),jsx("div",{className:`flex flex-col items-center justify-center py-16 ${a}`,children:jsxs("div",{className:"flex w-full max-w-5xl flex-col items-center justify-center px-4",children:[jsxs("blockquote",{className:"mb-8 text-center text-2xl leading-tight font-semibold md:text-4xl transition-all duration-500",children:['"',e[o].quote,'"']}),jsxs("div",{className:"flex items-center gap-4",children:[jsx("img",{src:e[o].avatar,alt:e[o].name,className:"h-12 w-12 rounded-full border object-cover"}),jsx("div",{className:"border-l mx-4 h-8"}),jsxs("div",{className:"text-left",children:[jsx("div",{className:"text-lg font-medium italic",children:e[o].name}),jsx("div",{className:"text-muted-foreground text-base",children:e[o].role})]})]}),jsx("div",{className:"mx-auto mt-8 flex gap-3",children:e.map((s,n)=>jsx("span",{className:`block h-3 rounded-full transition-all duration-400 ${n===o?"w-12 bg-primary":"w-3 bg-muted"}`},n))})]})})}function a0({title:e="What Developers Say",description:t="See what developers are saying about their experience.",testimonials:a=[{content:"This has revolutionized how we build user interfaces.",avatar:"https://i.pravatar.cc/150?img=1",name:"Eduardo Calvo",role:"CEO & Founder"},{content:"The design system is incredibly well thought out.",avatar:"https://i.pravatar.cc/150?img=2",name:"Drew Cano",role:"Head of Design"},{content:"Best UI library I've used. Excellent TypeScript support.",avatar:"https://i.pravatar.cc/150?img=3",name:"Marcus Johnson",role:"Lead Developer"}],autoplay:o=false,className:l=""}){let[r,s]=useState(0),n=useCallback(()=>{s(u=>(u+1)%a.length);},[a.length]),d=()=>{s(u=>(u-1+a.length)%a.length);};return useEffect(()=>{if(o){let u=setInterval(n,5e3);return ()=>clearInterval(u)}},[o,n]),jsx("div",{className:`py-24 ${l}`,children:jsx("div",{className:"container mx-auto max-w-6xl px-6",children:jsxs("div",{className:"grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-12",children:[jsxs("div",{className:"flex flex-col justify-center",children:[jsx("h2",{className:"mb-4 text-4xl font-semibold",children:e}),jsx("p",{className:"text-muted-foreground text-lg",children:t})]}),jsxs("div",{className:"relative flex flex-col items-end",children:[jsxs("div",{className:"mb-4 flex gap-2",children:[jsx("button",{onClick:d,className:"flex h-8 w-8 items-center justify-center rounded-full border hover:bg-accent",children:jsx(ke,{className:"h-5 w-5"})}),jsx("button",{onClick:n,className:"flex h-8 w-8 items-center justify-center rounded-full border hover:bg-accent",children:jsx(Pe,{className:"h-5 w-5"})})]}),jsx("div",{className:"relative h-full w-full max-w-md",children:a.map((u,f)=>jsx("div",{className:`absolute inset-0 transition-all duration-400 ${f===r?"opacity-100 scale-100 z-10":"opacity-0 scale-95 z-0"}`,children:jsxs("div",{className:"rounded-2xl border px-6 py-6 shadow-lg",children:[jsx("p",{className:"mb-6 text-lg",children:u.content}),jsxs("div",{className:"flex items-center gap-3",children:[jsx("img",{src:u.avatar,alt:u.name,className:"size-8 rounded-full border object-cover"}),jsxs("div",{children:[jsx("div",{className:"font-semibold",children:u.name}),jsx("span",{className:"text-muted-foreground text-sm",children:u.role})]})]})]})},u.name))})]})]})})})}function o0({title:e="Choose your perfect plan",description:t="Modern pricing plans designed for teams of all sizes.",plans:a=[{name:"Basic",price:{monthly:15,annually:10},description:"Perfect for startups",features:["1 Project","Email Support","Core Features","Basic Analytics"]},{name:"Pro",price:{monthly:35,annually:25},description:"Best for teams",features:["Unlimited Projects","Priority Support","Team Collaboration","Advanced Analytics"],featured:true},{name:"Enterprise",price:"custom",description:"Tailored solutions",features:["Everything in Pro","Dedicated Manager","Custom Integrations","SLA & Support"],buttonText:"Contact Sales"}],className:o=""}){let[l,r]=useState(true);return jsx("section",{className:`py-16 md:py-32 ${o}`,children:jsxs("div",{className:"mx-auto max-w-5xl px-6",children:[jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[jsx("h2",{className:"text-3xl font-bold md:text-4xl lg:text-5xl",children:e}),jsx("p",{className:"text-muted-foreground mx-auto mt-4 max-w-xl text-lg",children:t}),jsx("div",{className:"my-12",children:jsxs("div",{className:"relative mx-auto grid w-fit grid-cols-2 rounded-full border p-1",children:[jsx("div",{className:`pointer-events-none absolute inset-1 w-1/2 rounded-full bg-primary transition-transform duration-500 ${l?"translate-x-full":"translate-x-0"}`}),jsx("button",{onClick:()=>r(false),className:`relative h-8 w-24 rounded-full text-sm ${l?"":"text-primary-foreground font-medium"}`,children:"Monthly"}),jsx("button",{onClick:()=>r(true),className:`relative h-8 w-24 rounded-full text-sm ${l?"text-primary-foreground font-medium":""}`,children:"Annually"})]})})]}),jsx("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-3",children:a.map(s=>jsxs("div",{className:`relative flex flex-col rounded-2xl border p-8 ${s.featured?"border-2 border-primary":""}`,children:[s.featured&&jsx("div",{className:"absolute top-0 right-0 bg-primary text-primary-foreground rounded-full px-2 py-1 text-xs font-bold m-4",children:"Most Popular"}),jsx("h3",{className:"mb-4 text-2xl font-bold",children:s.name}),jsxs("div",{className:"mb-6",children:[jsx("span",{className:"text-3xl font-semibold",children:s.price==="custom"?"Custom":`${l?s.price.annually:s.price.monthly}\u20AC`}),jsx("span",{className:"text-muted-foreground mx-2",children:"\u2022"}),jsx("span",{className:"text-muted-foreground",children:s.description})]}),jsx("button",{className:"bg-primary text-primary-foreground hover:bg-primary/90 mb-6 h-10 w-full rounded-md px-4 py-2 text-sm font-medium",children:s.buttonText||"Get Started"}),jsx("ul",{className:"space-y-3",children:s.features.map(n=>jsxs("li",{className:"flex items-center gap-3 text-sm",children:[jsx("div",{className:"flex h-4 w-4 items-center justify-center rounded-full bg-primary",children:jsx(ua,{className:"h-2 w-2 text-primary-foreground"})}),n]},n))})]},s.name))})]})})}function r0({companyName:e="Bynana UI",description:t="Build beautiful UIs, effortlessly.",links:a={product:[{name:"Features",url:"#"},{name:"Pricing",url:"#"},{name:"Documentation",url:"#"}],company:[{name:"About",url:"#"},{name:"Blog",url:"#"},{name:"Careers",url:"#"}],support:[{name:"Help Center",url:"#"},{name:"Community",url:"#"},{name:"Status",url:"#"}]},copyright:o="\xA9 2024 Bynana UI. All rights reserved.",className:l=""}){return jsx("footer",{className:`border-t ${l}`,children:jsxs("div",{className:"mx-auto max-w-7xl px-6 py-12",children:[jsxs("div",{className:"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-5",children:[jsxs("div",{className:"lg:col-span-2",children:[jsx("h3",{className:"mb-4 text-2xl font-bold",children:e}),jsx("p",{className:"text-muted-foreground mb-6 max-w-md text-sm",children:t})]}),jsxs("div",{className:"grid grid-cols-1 gap-8 sm:grid-cols-3 lg:col-span-3",children:[a.product&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Product"}),jsx("ul",{className:"space-y-3",children:a.product.map(r=>jsx("li",{children:jsx("a",{href:r.url,className:"text-muted-foreground hover:text-foreground text-sm",children:r.name})},r.name))})]}),a.company&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Company"}),jsx("ul",{className:"space-y-3",children:a.company.map(r=>jsx("li",{children:jsx("a",{href:r.url,className:"text-muted-foreground hover:text-foreground text-sm",children:r.name})},r.name))})]}),a.support&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Support"}),jsx("ul",{className:"space-y-3",children:a.support.map(r=>jsx("li",{children:jsx("a",{href:r.url,className:"text-muted-foreground hover:text-foreground text-sm",children:r.name})},r.name))})]})]})]}),jsx("div",{className:"mt-12 border-t pt-8 text-center",children:jsx("p",{className:"text-muted-foreground text-sm",children:o})})]})})}function s0({companyName:e="Bynana UI",description:t="Build beautiful UIs, effortlessly. The modern way to create stunning interfaces.",newsletter:a={title:"Stay updated",description:"Get the latest news delivered to your inbox.",placeholder:"Enter your email",buttonText:"Subscribe"},links:o={product:[{name:"Features",url:"#"},{name:"Pricing",url:"#"},{name:"Documentation",url:"#"}],company:[{name:"About Us",url:"#"},{name:"Blog",url:"#"},{name:"Careers",url:"#"}],support:[{name:"Help Center",url:"#"},{name:"Community",url:"#"},{name:"Status Page",url:"#"}],legal:[{name:"Privacy Policy",url:"#"},{name:"Terms of Service",url:"#"},{name:"Cookie Policy",url:"#"}]},copyright:l="\xA9 2024 Bynana UI. All rights reserved.",className:r=""}){return jsx("footer",{className:`border-t ${r}`,children:jsxs("div",{className:"mx-auto max-w-7xl px-6 py-16",children:[jsxs("div",{className:"grid grid-cols-1 gap-12 lg:grid-cols-12",children:[jsxs("div",{className:"lg:col-span-5",children:[jsx("h3",{className:"mb-4 text-2xl font-bold",children:e}),jsx("p",{className:"text-muted-foreground mb-8 max-w-md text-sm leading-relaxed",children:t}),jsxs("div",{className:"mb-8",children:[jsx("h4",{className:"mb-2 text-lg font-semibold",children:a.title}),jsx("p",{className:"text-muted-foreground mb-4 text-sm",children:a.description}),jsxs("div",{className:"flex gap-2",children:[jsx("input",{type:"email",placeholder:a.placeholder,className:"flex-1 rounded-lg border bg-background px-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"}),jsx("button",{className:"bg-primary text-primary-foreground hover:bg-primary/90 rounded-lg px-6 py-2 text-sm font-medium",children:a.buttonText})]})]})]}),jsxs("div",{className:"grid grid-cols-2 gap-8 lg:col-span-7 lg:grid-cols-4",children:[o.product&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Product"}),jsx("ul",{className:"space-y-3",children:o.product.map(s=>jsx("li",{children:jsx("a",{href:s.url,className:"text-muted-foreground hover:text-foreground text-sm",children:s.name})},s.name))})]}),o.company&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Company"}),jsx("ul",{className:"space-y-3",children:o.company.map(s=>jsx("li",{children:jsx("a",{href:s.url,className:"text-muted-foreground hover:text-foreground text-sm",children:s.name})},s.name))})]}),o.support&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Support"}),jsx("ul",{className:"space-y-3",children:o.support.map(s=>jsx("li",{children:jsx("a",{href:s.url,className:"text-muted-foreground hover:text-foreground text-sm",children:s.name})},s.name))})]}),o.legal&&jsxs("div",{children:[jsx("h4",{className:"mb-4 text-sm font-semibold uppercase tracking-wide",children:"Legal"}),jsx("ul",{className:"space-y-3",children:o.legal.map(s=>jsx("li",{children:jsx("a",{href:s.url,className:"text-muted-foreground hover:text-foreground text-sm",children:s.name})},s.name))})]})]})]}),jsx("div",{className:"mt-12 border-t pt-8 text-center",children:jsx("p",{className:"text-muted-foreground text-sm",children:l})})]})})}function l0({title:e="Trusted by the world's most innovative teams",description:t="Join thousands of developers building with us",logos:a=[],className:o=""}){return jsxs("div",{className:`overflow-hidden py-20 ${o}`,children:[jsxs("div",{className:"mx-auto max-w-7xl px-6",children:[jsxs("div",{className:"mb-16 text-center",children:[jsx("h2",{className:"mb-4 text-2xl font-bold lg:text-3xl",children:e}),jsx("p",{className:"text-muted-foreground text-lg",children:t})]}),jsx("div",{className:"relative overflow-hidden",style:{maskImage:"linear-gradient(to right, transparent, black 20%, black 80%, transparent)",WebkitMaskImage:"linear-gradient(to right, transparent, black 20%, black 80%, transparent)"},children:jsx("div",{className:"flex animate-scroll gap-8",children:[...a,...a,...a].map((l,r)=>jsx("a",{href:l.url,target:"_blank",rel:"noopener noreferrer",className:"flex flex-shrink-0 items-center justify-center p-6 transition-all hover:scale-105",children:jsx("div",{className:"text-4xl hover:scale-110 transition-transform",children:l.logo})},`${l.name}-${r}`))})})]}),jsx("style",{jsx:true,children:`
+        @keyframes scroll {
+          0% {
+            transform: translateX(0);
+          }
+          100% {
+            transform: translateX(-33.333%);
+          }
+        }
+        .animate-scroll {
+          animation: scroll 25s linear infinite;
+        }
+      `})]})}function i0({title:e="Frequently Asked Questions",description:t="Find answers to common questions about our product and services",faqs:a=[{question:"What is Bynana UI?",answer:"Bynana UI is a modern UI component library that provides beautiful, animated components for building stunning user interfaces."},{question:"How do I get started?",answer:"Getting started is easy! Simply install the package via npm or yarn, import the components you need, and start building."},{question:"Is it free to use?",answer:"Yes! Bynana UI is completely free. You can use it in both personal and commercial projects without any restrictions."}],className:o=""}){let[l,r]=useState(0),s=n=>{r(l===n?null:n);};return jsx("section",{className:`py-20 ${o}`,children:jsxs("div",{className:"mx-auto max-w-4xl px-6",children:[jsxs("div",{className:"text-center mb-16",children:[jsx("h2",{className:"mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-muted-foreground text-lg max-w-2xl mx-auto",children:t})]}),jsx("div",{className:"space-y-4",children:a.map((n,d)=>jsxs("div",{className:"overflow-hidden rounded-2xl border transition-all hover:border-primary/50",children:[jsxs("button",{onClick:()=>s(d),className:"flex w-full items-center justify-between p-6 text-left hover:bg-accent/50",children:[jsx("h3",{className:"text-lg font-semibold pr-4",children:n.question}),jsx(fa,{className:`h-5 w-5 text-muted-foreground transition-transform duration-300 ${l===d?"rotate-180":""}`})]}),jsx("div",{className:`overflow-hidden transition-all duration-300 ${l===d?"max-h-96":"max-h-0"}`,children:jsx("div",{className:"px-6 pb-6",children:jsx("p",{className:"text-muted-foreground leading-relaxed",children:n.answer})})})]},d))})]})})}function u0({title:e="FAQs",description:t="Discover quick and comprehensive answers to common questions.",categories:a=[{name:"General",id:"general",faqs:[{question:"How do I install?",answer:"You can install using npm or yarn. Run `npm install bynana-ui` in your project."},{question:"What are the requirements?",answer:"Works with React 16.8+ and supports all modern browsers."},{question:"Is it free to use?",answer:"Yes! Completely free for personal and commercial projects."}]},{name:"Components",id:"components",faqs:[{question:"How many components?",answer:"Over 150+ pre-built components including buttons, forms, navigation, and more."},{question:"Can I customize styling?",answer:"Absolutely! All components are fully customizable using CSS variables or Tailwind."},{question:"Are they accessible?",answer:"Yes, all components follow WCAG guidelines with proper ARIA attributes."}]}],className:o=""}){let[l,r]=useState(0);return jsx("section",{className:`py-16 md:py-24 ${o}`,children:jsxs("div",{className:"mx-auto max-w-5xl px-6",children:[jsxs("div",{className:"max-w-lg",children:[jsx("h2",{className:"text-4xl font-semibold",children:e}),jsx("p",{className:"text-muted-foreground mt-4 text-lg",children:t})]}),jsx("div",{className:"mt-8 md:mt-12",children:jsx("div",{className:"flex flex-wrap gap-2 border-b",children:a.map((s,n)=>jsxs("button",{onClick:()=>r(n),className:`relative rounded-t-lg px-4 py-2 text-sm font-medium transition-all ${l===n?"text-foreground":"text-muted-foreground hover:text-foreground"}`,children:[s.name,l===n&&jsx("div",{className:"absolute right-0 bottom-0 left-0 h-0.5 rounded-t-full bg-primary"})]},s.id))})}),jsx("div",{className:"mt-8",children:jsx("dl",{className:"grid gap-12 sm:grid-cols-2 lg:grid-cols-3",children:a[l].faqs.map((s,n)=>jsxs("div",{className:"space-y-3",children:[jsx("dt",{className:"font-semibold",children:s.question}),jsx("dd",{className:"text-muted-foreground",children:s.answer})]},n))})})]})})}function c0({title:e="Tech Pioneers",subtitle:t="building the future",description:a="We bring together brilliant developers and innovators.",members:o=[{name:"Emily Rodriguez",role:"Product Manager",experience:"6+ years",avatar:"https://i.pravatar.cc/160?img=1"},{name:"Mollie Hall",role:"CTO",experience:"12+ years",avatar:"https://i.pravatar.cc/160?img=2"},{name:"Alec Whitten",role:"UX Researcher",experience:"5+ years",avatar:"https://i.pravatar.cc/160?img=3"}],className:l=""}){let[r,s]=useState(0),[n,d]=useState(true),u=3;useEffect(()=>{if(!n)return;let x=setInterval(()=>{s(c=>(c+1)%Math.max(1,o.length-u+1));},5e3);return ()=>clearInterval(x)},[o.length,n]);let f=()=>{let x=Math.max(0,o.length-u);r>=x||(s(c=>Math.min(c+1,x)),d(false),setTimeout(()=>d(true),1500));},m=()=>{r<=0||(s(x=>Math.max(x-1,0)),d(false),setTimeout(()=>d(true),1500));};return jsx("section",{className:`overflow-hidden py-32 ${l}`,children:jsxs("div",{className:"mx-auto max-w-5xl px-8 lg:px-0",children:[jsxs("div",{children:[jsxs("h2",{className:"text-5xl font-medium md:text-6xl",children:[e," ",jsx("br",{}),jsx("span",{className:"text-muted-foreground",children:t})]}),jsx("p",{className:"text-muted-foreground mt-6 max-w-md",children:a})]}),jsxs("div",{className:"relative",children:[jsxs("div",{className:"mt-4 hidden items-center justify-end gap-4 md:flex",children:[jsx("button",{onClick:m,disabled:r===0,className:"flex h-11 w-11 items-center justify-center rounded-full border hover:bg-accent disabled:opacity-50",children:jsx(ke,{className:"h-5 w-5"})}),jsx("button",{onClick:f,disabled:r>=o.length-u,className:"flex h-11 w-11 items-center justify-center rounded-full border hover:bg-accent disabled:opacity-50",children:jsx(Pe,{className:"h-5 w-5"})})]}),jsx("div",{className:"mt-16 overflow-hidden",children:jsx("div",{className:"flex gap-4 transition-transform duration-500",style:{transform:`translateX(-${r*304}px)`},children:o.map(x=>jsxs("div",{className:"w-72 flex-shrink-0 rounded-2xl border p-7 text-center",children:[jsx("img",{src:x.avatar,alt:x.name,className:"mx-auto h-20 w-20 rounded-full border"}),jsxs("div",{className:"mt-6",children:[jsx("p",{className:"text-lg font-medium",children:x.name}),jsx("p",{className:"text-muted-foreground text-sm",children:x.role})]}),jsx("div",{className:"my-6 h-px bg-border"}),jsx("p",{className:"text-muted-foreground text-sm",children:x.experience})]},x.name))})})]})]})})}function m0({title:e="Open Positions",description:t="Join our team and help build the future of UI development.",jobs:a=[{title:"Senior Frontend Engineer",department:"Engineering",location:"Remote",type:"Full-time",salary:"$120k - $180k",url:"#"},{title:"Product Designer",department:"Design",location:"San Francisco, CA",type:"Full-time",salary:"$100k - $150k",url:"#"},{title:"Developer Advocate",department:"Marketing",location:"Remote",type:"Full-time",salary:"$90k - $130k",url:"#"}],className:o=""}){return jsx("section",{className:`py-20 ${o}`,children:jsxs("div",{className:"mx-auto max-w-4xl px-6",children:[jsxs("div",{className:"text-center mb-12",children:[jsx("h2",{className:"mb-4 text-3xl font-bold lg:text-4xl",children:e}),jsx("p",{className:"text-muted-foreground text-lg max-w-2xl mx-auto",children:t})]}),jsx("div",{className:"space-y-4",children:a.map((l,r)=>jsx("a",{href:l.url,className:"block rounded-xl border p-6 transition-all hover:border-primary/50 hover:shadow-md",children:jsxs("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[jsxs("div",{children:[jsx("h3",{className:"text-xl font-semibold",children:l.title}),jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-4 text-sm text-muted-foreground",children:[jsxs("span",{className:"flex items-center gap-1",children:[jsx(da,{className:"h-4 w-4"}),l.department]}),jsxs("span",{className:"flex items-center gap-1",children:[jsx(ga,{className:"h-4 w-4"}),l.location]}),jsxs("span",{className:"flex items-center gap-1",children:[jsx(ca,{className:"h-4 w-4"}),l.type]}),l.salary&&jsxs("span",{className:"flex items-center gap-1",children:[jsx(pa,{className:"h-4 w-4"}),l.salary]})]})]}),jsx("button",{className:"bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-4 py-2 text-sm font-medium",children:"Apply Now"})]})},r))})]})})}function g0({placeholder:e="Search...",results:t=[],onSearch:a,onSelect:o,className:l=""}){let[r,s]=useState(""),[n,d]=useState(false),[u,f]=useState(0),m=useRef(null);useEffect(()=>{r&&a&&a(r);},[r,a]);let x=c=>{c.key==="ArrowDown"?(c.preventDefault(),f(p=>Math.min(p+1,t.length-1))):c.key==="ArrowUp"?(c.preventDefault(),f(p=>Math.max(p-1,0))):c.key==="Enter"&&t[u]?(c.preventDefault(),o?.(t[u]),d(false)):c.key==="Escape"&&d(false);};return jsxs("div",{className:`relative w-full max-w-lg ${l}`,children:[jsxs("div",{className:"relative",children:[jsx(Ne,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),jsx("input",{ref:m,type:"text",value:r,onChange:c=>{s(c.target.value),d(true),f(0);},onFocus:()=>d(true),onKeyDown:x,placeholder:e,className:"w-full rounded-lg border bg-background py-2 pl-10 pr-10 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"}),r&&jsx("button",{onClick:()=>{s(""),m.current?.focus();},className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",children:jsx(Ia,{className:"h-4 w-4"})})]}),n&&t.length>0&&jsx("div",{className:"absolute top-full left-0 right-0 mt-2 rounded-lg border bg-background shadow-lg z-50",children:t.map((c,p)=>jsxs("button",{onClick:()=>{o?.(c),d(false);},className:`w-full px-4 py-3 text-left hover:bg-accent ${p===u?"bg-accent":""}`,children:[jsx("div",{className:"font-medium",children:c.title}),c.description&&jsx("div",{className:"text-sm text-muted-foreground",children:c.description})]},c.id))})]})}function b0({placeholder:e="Type a command or search...",actions:t=[],onSearch:a,className:o=""}){let[l,r]=useState(""),[s,n]=useState(false),[d,u]=useState(0),f=useRef(null),m=t.filter(c=>c.label.toLowerCase().includes(l.toLowerCase()));useEffect(()=>{let c=p=>{(p.metaKey||p.ctrlKey)&&p.key==="k"&&(p.preventDefault(),n(true),f.current?.focus());};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[]);let x=c=>{c.key==="ArrowDown"?(c.preventDefault(),u(p=>Math.min(p+1,m.length-1))):c.key==="ArrowUp"?(c.preventDefault(),u(p=>Math.max(p-1,0))):c.key==="Enter"&&m[d]?(c.preventDefault(),m[d].onSelect?.(),n(false),r("")):c.key==="Escape"&&n(false);};return jsxs("div",{className:`relative w-full max-w-lg ${o}`,children:[jsxs("div",{className:"relative",children:[jsx(Ne,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),jsx("input",{ref:f,type:"text",value:l,onChange:c=>{r(c.target.value),n(true),u(0),a?.(c.target.value);},onFocus:()=>n(true),onKeyDown:x,placeholder:e,className:"w-full rounded-lg border bg-background py-2 pl-10 pr-16 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"}),jsxs("div",{className:"absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1 text-xs text-muted-foreground",children:[jsx(ma,{className:"h-3 w-3"}),jsx("span",{children:"K"})]})]}),s&&m.length>0&&jsx("div",{className:"absolute top-full left-0 right-0 mt-2 rounded-lg border bg-background shadow-lg z-50 overflow-hidden",children:m.map((c,p)=>jsxs("button",{onClick:()=>{c.onSelect?.(),n(false),r("");},className:`w-full px-4 py-3 text-left flex items-center justify-between hover:bg-accent ${p===d?"bg-accent":""}`,children:[jsxs("div",{className:"flex items-center gap-3",children:[c.icon,jsx("span",{children:c.label})]}),c.shortcut&&jsx("span",{className:"text-xs text-muted-foreground",children:c.shortcut})]},c.id))})]})}function I0({text:e="Thinking...",className:t=""}){return jsxs("div",{className:`flex items-center gap-3 ${t}`,children:[jsxs("div",{className:"flex gap-1",children:[jsx("span",{className:"h-2 w-2 rounded-full bg-primary animate-bounce",style:{animationDelay:"0ms"}}),jsx("span",{className:"h-2 w-2 rounded-full bg-primary animate-bounce",style:{animationDelay:"150ms"}}),jsx("span",{className:"h-2 w-2 rounded-full bg-primary animate-bounce",style:{animationDelay:"300ms"}})]}),jsx("span",{className:"text-sm text-muted-foreground",children:e})]})}function C0({title:e="How can I help you today?",placeholder:t="Type your message...",suggestions:a=["Write a blog post","Generate code","Explain a concept","Create a summary"],onSubmit:o,className:l=""}){let[r,s]=useState(""),n=u=>{u.preventDefault(),r.trim()&&o&&(o(r.trim()),s(""));},d=u=>{s(u),o&&o(u);};return jsxs("div",{className:`w-full max-w-2xl mx-auto ${l}`,children:[jsxs("div",{className:"text-center mb-8",children:[jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-full bg-primary/10 mb-4",children:jsx(le,{className:"h-6 w-6 text-primary"})}),jsx("h2",{className:"text-2xl font-bold",children:e})]}),jsxs("form",{onSubmit:n,className:"relative mb-6",children:[jsx("textarea",{value:r,onChange:u=>s(u.target.value),placeholder:t,rows:3,className:"w-full rounded-xl border bg-background px-4 py-3 pr-12 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/20 resize-none"}),jsx("button",{type:"submit",disabled:!r.trim(),className:"absolute right-3 bottom-3 rounded-lg bg-primary p-2 text-primary-foreground hover:bg-primary/90 disabled:opacity-50",children:jsx(Me,{className:"h-4 w-4"})})]}),jsx("div",{className:"flex flex-wrap gap-2 justify-center",children:a.map((u,f)=>jsx("button",{onClick:()=>d(u),className:"rounded-full border px-4 py-2 text-sm hover:bg-accent transition-colors",children:u},f))})]})}function w0({placeholder:e="Ask me anything...",onSubmit:t,showMic:a=true,showAttach:o=true,className:l=""}){let[r,s]=useState(""),[n,d]=useState(false),u=useRef(null);return jsxs("form",{onSubmit:m=>{m.preventDefault(),r.trim()&&t&&(t(r.trim()),s(""));},className:`relative flex items-center gap-2 rounded-full border bg-background px-4 py-2 transition-all ${n?"border-primary ring-2 ring-primary/20":""} ${l}`,children:[jsx(le,{className:"h-5 w-5 text-primary"}),jsx("input",{ref:u,type:"text",value:r,onChange:m=>s(m.target.value),onFocus:()=>d(true),onBlur:()=>d(false),placeholder:e,className:"flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"}),jsxs("div",{className:"flex items-center gap-1",children:[o&&jsx("button",{type:"button",className:"rounded-full p-2 hover:bg-accent text-muted-foreground hover:text-foreground",children:jsx(La,{className:"h-4 w-4"})}),a&&jsx("button",{type:"button",className:"rounded-full p-2 hover:bg-accent text-muted-foreground hover:text-foreground",children:jsx(ha,{className:"h-4 w-4"})}),jsx("button",{type:"submit",disabled:!r.trim(),className:"rounded-full bg-primary p-2 text-primary-foreground hover:bg-primary/90 disabled:opacity-50",children:jsx(Me,{className:"h-4 w-4"})})]})]})}function N0({children:e,direction:t="up",distance:a=30,duration:o=.6,delay:l=0,className:r=""}){let s=useRef(null),[n,d]=useState(false);return useEffect(()=>{let f=new IntersectionObserver(([m])=>{m.isIntersecting&&(d(true),f.disconnect());},{threshold:.1});return s.current&&f.observe(s.current),()=>f.disconnect()},[]),jsx("div",{ref:s,className:r,style:{transform:(()=>{if(n)return "translate(0, 0)";switch(t){case "up":return `translateY(${a}px)`;case "down":return `translateY(-${a}px)`;case "left":return `translateX(${a}px)`;case "right":return `translateX(-${a}px)`;default:return `translateY(${a}px)`}})(),opacity:n?1:0,transition:`transform ${o}s ease-out ${l}s, opacity ${o}s ease-out ${l}s`},children:e})}function B0({children:e,offset:t=50,duration:a=.6,className:o=""}){let l=useRef(null),[r,s]=useState(false);return useEffect(()=>{let n=new IntersectionObserver(([d])=>{d.isIntersecting&&(s(true),n.disconnect());},{threshold:.1});return l.current&&n.observe(l.current),()=>n.disconnect()},[]),jsx("div",{ref:l,className:o,style:{transform:r?"translateY(0)":`translateY(${t}px)`,opacity:r?1:0,transition:`transform ${a}s ease-out, opacity ${a}s ease-out`},children:e})}function q0({children:e,stagger:t=.1,className:a=""}){let o=useRef(null),[l,r]=useState(false);return useEffect(()=>{let s=new IntersectionObserver(([n])=>{n.isIntersecting&&(r(true),s.disconnect());},{threshold:.1});return o.current&&s.observe(o.current),()=>s.disconnect()},[]),jsx("div",{ref:o,className:a,children:e.map((s,n)=>jsx("div",{style:{transform:l?"translateY(0)":"translateY(30px)",opacity:l?1:0,transition:`transform 0.6s ease-out ${n*t}s, opacity 0.6s ease-out ${n*t}s`},children:s},n))})}/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-down-right.js:
+lucide-react/dist/esm/icons/briefcase.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-left.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/clock.js:
+lucide-react/dist/esm/icons/command.js:
+lucide-react/dist/esm/icons/dollar-sign.js:
+lucide-react/dist/esm/icons/external-link.js:
+lucide-react/dist/esm/icons/map-pin.js:
+lucide-react/dist/esm/icons/mic.js:
+lucide-react/dist/esm/icons/paperclip.js:
+lucide-react/dist/esm/icons/search.js:
+lucide-react/dist/esm/icons/send.js:
+lucide-react/dist/esm/icons/sparkles.js:
+lucide-react/dist/esm/icons/star.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.545.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/export{w0 as AIBar,I0 as AILoading,C0 as AIPrompt,wc as ASCIIText,Zd as Accordion,b0 as ActionSearchBar,uu as Alert,fu as AlertIcon,cu as AlertTitle,mu as AlertToolbar,Fc as AnimatedCircularProgressBar,bd as AnimatedList,gr as AnimatedListItem,hu as AnimatedSpan,Gc as AnimatedThemeToggler,ap as AppleActivityCard,_l as AttractButton,pp as Aurora,Wd as Avatar,Ud as Badge,fp as BentoCard,up as BentoGrid,sc as BlurFade,nn as BlurText,ol as BounceButton,an as BounceText,Gi as Card,Xi as CardContent,_i as CardDescription,Oi as CardFlip,$i as CardFooter,Vi as CardHeader,Zm as CardStack,Wi as CardTitle,af as Checkbox,vi as CircularText,Wf as ClickSpark,$l as CommandButton,hm as ContributionGraph,Bl as CopyButton,oi as CountUp,qu as Counter,Vm as Crosshair,Fm as DecayCard,Ti as DecryptedText,Yu as Dock,Ju as DockIcon,nu as Drawer,_n as DynamicText,g0 as ElasticSearch,Lm as ElasticSlider,gi as ElasticText,Tc as FallingText,i0 as FaqsAccordion,u0 as FaqsGrid,Hr as File,Ln as FlipText,jf as FloatEffect,vm as FlowingMenu,zr as Folder,s0 as FooterComplex,r0 as FooterSimple,Sn as FuzzyText,Fi as GlassCard,qm as GlassLiquidButton,Zl as GlitchText,ll as GlowButton,tc as GlowEffect,wi as GlowingText,wm as GooeyNav,Cl as GradientButton,Yl as GradientText,Hf as Hamburger3D,hf as HamburgerBasic,Uf as HamburgerElastic,yf as HamburgerMorph,If as HamburgerSpin,Pf as HamburgerSpring,Bf as HamburgerStagger,Tf as HamburgerWave,Xp as HeroGrid,$p as HeroShowcase,Sl as HoldButton,Hi as HoverCard,xc as InfiniteScroll,Vr as Input,xf as InputOTP,m0 as JobListing,xl as LiquidButton,Hm as LiquidGlassCard,Tn as LiquidText,qc as Loader,Zi as LoadingBar,rd as LoadingBounce,Ki as LoadingDots,sd as LoadingFlower,ld as LoadingGeometric,zc as LoadingInvert,nd as LoadingMorph,ad as LoadingPulse,id as LoadingRings,Yi as LoadingSpinner,ud as LoadingText,cd as LoadingWords,l0 as LogoCloud,al as MagneticButton,En as MagneticText,Nn as MatrixText,ou as Modal,ci as MorphText,bc as MultiStepLoader,cl as NeonButton,El as ParticleButton,pi as PerspectiveText,km as PillNav,dc as PixelCard,o0 as PricingModern,Xd as Progress,il as PulseButton,rf as RadioGroup,Zn as RainbowText,si as RevealText,Js as RippleButton,Jn as RotatingText,Dn as ScrambledText,B0 as ScrollFloat,N0 as ScrollReveal,q0 as ScrollStack,$m as ScrollText,am as ScrollVelocity,ff as Select,_c as ShimmerEffect,Ql as ShimmerText,_s as ShineButton,bn as ShinyText,Id as Skeleton,ki as SlicedText,bl as SlideButton,Jf as SmoothCursor,Mm as SmoothDrawer,Bm as SmoothTab,um as SocialButton,ui as SplitText,Ip as Squares,Qn as StaggerText,lp as StatsCards,dp as StatsGrid,ku as Step,yu as Stepper,Yd as Switch,An as SwooshText,eu as Tabs,Om as TargetCursor,c0 as TeamCarousel,xu as Terminal,a0 as TestimonialsGrid,Qp as TestimonialsSimple,lm as TextCursor,Wr as Textarea,hp as Threads,Tl as ThreeDButton,mc as TiltedCard,Vu as Toolbar,Sd as Tooltip,Hd as TooltipAnimated,Ad as TooltipMinimal,Fr as Tree,Bi as TrueFocus,op as TweetCard,cn as Typewriter,gu as TypingAnimation,mm as V0Button,gn as WaveText,yp as Waves,i as cn};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map