bynana-ui 1.6.0 → 1.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/apple-activity-card/index.js +2 -0
- package/dist/apple-activity-card/index.js.map +1 -0
- package/dist/apple-activity-card/index.mjs +2 -0
- package/dist/apple-activity-card/index.mjs.map +1 -0
- package/dist/bento-grid/index.js +2 -0
- package/dist/bento-grid/index.js.map +1 -0
- package/dist/bento-grid/index.mjs +2 -0
- package/dist/bento-grid/index.mjs.map +1 -0
- package/dist/card-stack/index.js +2 -0
- package/dist/card-stack/index.js.map +1 -0
- package/dist/card-stack/index.mjs +2 -0
- package/dist/card-stack/index.mjs.map +1 -0
- package/dist/index.js +13 -13
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -13
- package/dist/index.mjs.map +1 -1
- package/dist/stats-cards/index.js +2 -0
- package/dist/stats-cards/index.js.map +1 -0
- package/dist/stats-cards/index.mjs +2 -0
- package/dist/stats-cards/index.mjs.map +1 -0
- package/dist/stats-grid/index.js +2 -0
- package/dist/stats-grid/index.js.map +1 -0
- package/dist/stats-grid/index.mjs +2 -0
- package/dist/stats-grid/index.mjs.map +1 -0
- package/dist/tweet-card/index.js +2 -0
- package/dist/tweet-card/index.js.map +1 -0
- package/dist/tweet-card/index.mjs +2 -0
- package/dist/tweet-card/index.mjs.map +1 -0
- package/package.json +7 -1
package/dist/index.mjs
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Wa,{createContext,forwardRef,useState,useCallback,useContext,useRef,useEffect,useMemo,Children,useLayoutEffect,useId}from'react';import {AnimatePresence,motion,useMotionValue,useSpring,useAnimation,useTransform,useScroll,useVelocity,useAnimationFrame}from'framer-motion';function a(...e){return twMerge(clsx(e))}function go({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 yo({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 zo({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 h=o.current.getBoundingClientRect(),y=h.left+h.width/2,v=h.top+h.height/2,x=b.clientX-y,w=b.clientY-v,k=Math.sqrt(x*x+w*w);if(k<r){let T=1-k/r;u.set(x*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 Ro({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 Co({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 Io({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 Ao={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"}},Bo={sm:"h-8 px-3 text-xs",default:"h-10 px-6 text-sm",lg:"h-12 px-8 text-base"};function Ho({children:e,className:n,color:t="cyan",size:r="default",...i}){let o=Ao[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,Bo[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 Fo({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 Xo({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 Go={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"},Wo={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function Yo({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",Go[t],Wo[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 Jo({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 h=Date.now()-b,y=Math.min(h/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 Zo={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"}},jo={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function ea({children:e,className:n,variant:t="primary",size:r="md",...i}){let o=Zo[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,jo[r],n),whileHover:{y:-2},whileTap:{y:4,boxShadow:"0 2px 0 0"},transition:{duration:.1},...i,children:e})}function ra({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 la({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 ca({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(la,{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 ga({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 ha({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 va({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 wa({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 ka({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 za({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 La({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 Ba({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 Fa({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 Va({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 $a({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:`
|
|
1
|
+
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:`
|
|
2
2
|
@keyframes shine {
|
|
3
3
|
0% { background-position: -200% 0; }
|
|
4
4
|
100% { background-position: 200% 0; }
|
|
5
5
|
}
|
|
6
|
-
`})]})}function
|
|
6
|
+
`})]})}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:`
|
|
7
7
|
@keyframes rainbow {
|
|
8
8
|
0% { background-position: 0% center; }
|
|
9
9
|
100% { background-position: 200% center; }
|
|
10
10
|
}
|
|
11
|
-
`})]})}function Pi({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 Mi({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 Ei({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 Bi({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 _i({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 Fi({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 Gi({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 qi({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 Ji({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 ji({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),[h,y]=useState(false),[v,x]=useState(new Set),[w,k]=useState(false),T=useRef(null);useEffect(()=>{let P,z=0,R=M=>{let A=e.length;switch(i){case "start":return M.size;case "end":return A-1-M.size;case "center":{let E=Math.floor(A/2),L=Math.floor(M.size/2),H=M.size%2===0?E+L:E-L-1;if(H>=0&&H<A&&!M.has(H))return H;for(let I=0;I<A;I++)if(!M.has(I))return I;return 0}default:return M.size}},C=o?Array.from(new Set(e.split(""))).filter(M=>M!==" "):s.split(""),S=(M,A)=>{if(o){let E=M.split("").map((I,$)=>({char:I,isSpace:I===" ",index:$,isRevealed:A.has($)})),L=E.filter(I=>!I.isSpace&&!I.isRevealed).map(I=>I.char);for(let I=L.length-1;I>0;I--){let $=Math.floor(Math.random()*(I+1));[L[I],L[$]]=[L[$],L[I]];}let H=0;return E.map(I=>I.isSpace?" ":I.isRevealed?M[I.index]:L[H++]).join("")}else return M.split("").map((E,L)=>E===" "?" ":A.has(L)?M[L]:C[Math.floor(Math.random()*C.length)]).join("")};return f?(y(true),P=setInterval(()=>{x(M=>{if(r)if(M.size<e.length){let A=R(M),E=new Set(M);return E.add(A),p(S(e,E)),E}else return clearInterval(P),y(false),M;else return p(S(e,M)),z++,z>=t&&(clearInterval(P),y(false),p(e)),M});},n)):(p(e),x(new Set),y(false)),()=>{P&&clearInterval(P);}},[f,e,n,t,r,i,s,o]),useEffect(()=>{if(c!=="view"&&c!=="both")return;let P=C=>{C.forEach(S=>{S.isIntersecting&&!w&&(b(true),k(true));});},z=new IntersectionObserver(P,{threshold:.1}),R=T.current;return R&&z.observe(R),()=>{R&&z.unobserve(R);}},[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 R=v.has(z)||!h||!f;return jsx("span",{className:R?l:d,children:P},z)})})]})}function ns({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,h]=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(),x=f.current[d].getBoundingClientRect();h({x:x.left-v.left,y:x.top-v.top,width:x.width,height:x.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 x=v===d;return jsx("span",{ref:w=>{f.current[v]=w;},className:"text-4xl font-bold relative z-10",style:{filter:x?"blur(0px)":`blur(${t}px)`,transition:`all ${o}s ease`,color:x?"#000":"#666",transform:x?"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 os({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 is({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 cs({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 us({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 ms({children:e,className:n}){return jsx("div",{className:a("mb-4",n),children:e})}function ps({children:e,className:n}){return jsx("h3",{className:a("text-lg font-semibold",n),children:e})}function fs({children:e,className:n}){return jsx("p",{className:a("text-sm text-zinc-500 dark:text-zinc-400",n),children:e})}function gs({children:e,className:n}){return jsx("div",{className:a("",n),children:e})}function bs({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 hs({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 xs({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 ws({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 Ns={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"};function Ts({className:e,size:n="md",color:t="bg-blue-500"}){return jsxs("div",{className:a("relative",Ns[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 Rs({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 Ms({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:`
|
|
11
|
+
`})]})}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:`
|
|
12
12
|
@keyframes flower-pulse {
|
|
13
13
|
0%, 100% { opacity: 0.3; scale: 0.8; }
|
|
14
14
|
50% { opacity: 1; scale: 1.2; }
|
|
15
15
|
}
|
|
16
|
-
`})]})}function
|
|
16
|
+
`})]})}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:`
|
|
17
17
|
@keyframes move-h { 0% { top: 0; opacity: 0; } 25% { opacity: 1; } 50% { top: 30%; opacity: 1; } 75% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
|
|
18
18
|
@keyframes move-v { 0% { left: 0; opacity: 0; } 25% { opacity: 1; } 50% { left: 45%; opacity: 1; } 75% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
|
|
19
19
|
@keyframes rot { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
|
|
20
20
|
@keyframes scale { 0% { scale: 1; } 50% { scale: 1.9; } 100% { scale: 1; } }
|
|
21
|
-
`})]})}function
|
|
21
|
+
`})]})}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:`
|
|
22
22
|
@keyframes rotate-color { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
|
|
23
23
|
@keyframes morph { 0%, 100% { border-radius: 50%; width: 80px; height: 80px; } 50% { border-radius: 10%; width: 100px; height: 100px; } }
|
|
24
|
-
`})})})}function
|
|
24
|
+
`})})})}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:`
|
|
25
25
|
@keyframes rotate { 0% { transform: scale(1) rotate(360deg); } 50% { transform: scale(0.8) rotate(-360deg); } 100% { transform: scale(1) rotate(360deg); } }
|
|
26
|
-
`})]})})}function
|
|
26
|
+
`})]})})}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:`
|
|
27
27
|
@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); } }
|
|
28
28
|
@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); } }
|
|
29
29
|
@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; } }
|
|
30
|
-
`})]})})}function
|
|
30
|
+
`})]})})}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:`
|
|
31
31
|
@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%); } }
|
|
32
|
-
`})]})}function $s({className:e,children:n,delay:t=1e3}){let[r,i]=useState(0),o=Wa.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(Zn,{children:l},u))})})}function Zn({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 Xs({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 Us({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 el({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 il({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:h=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:h},animate:{opacity:1,x:0,y:0},exit:{opacity:0,x:b,y:h}}}[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 ll={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"},cl={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 dl({children:e,variant:n="default",size:t="md",className:r}){return jsx("span",{className:a("inline-flex items-center font-medium rounded-full",ll[n],cl[t],r),children:e})}var ml={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 pl({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",ml[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 gl({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 hl={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 xl({checked:e=false,onChange:n,disabled:t=false,size:r="md",className:i}){let o=hl[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 wl({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 Nl({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 Pl({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 Cl({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 El({className:e="",close:n=false,children:t,onClose:r}){let[i,o]=Wa.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 Al({children:e,className:n}){return jsx("div",{className:a("text-primary flex-shrink-0",n),children:e})}function Bl({children:e,className:n}){return jsx("span",{className:a("text-foreground font-medium text-sm flex-1",n),children:e})}function Hl({children:e,className:n}){return jsx("div",{className:a("flex items-center gap-2",n),children:e})}function Dl({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 Fl({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 Ol({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 Yl({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,h=d===f,y=k=>{c(k),k>f?r():t(k);},v=()=>{d>1&&(g(-1),y(d-1));},x=()=>{h||(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(Wa.Fragment,{children:[jsx(Kl,{step:N,disableStepIndicators:s,currentStep:d,onClickStep:z=>{g(z>d?1:-1),y(z);}}),P&&jsx(Ql,{isComplete:d>N})]},N)})}),jsx(ql,{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:h?w:x,className:"px-4 py-2 text-sm font-medium bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors",children:h?"Complete":o})]})]})}function ql({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(Ul,{direction:t,onHeightReady:s=>o(s),children:r},n)})})}function Ul({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 Jl({children:e}){return jsx("div",{className:"p-4 rounded-lg bg-zinc-900 border border-zinc-800",children:e})}function Kl({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 Ql({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 gr=createContext(null),br=()=>{let e=useContext(gr);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},hr=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(h=>h.includes(b)?h.filter(y=>y!==b):[...h,b]);},[]),p=useCallback(b=>{let h=e||i||[],y=Array.isArray(h)?h:[h],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}}},x=v(y);x?.isSelectable&&(d(b),t?.(x));},[e,i,t]),f={selectedId:u,expandedItems:c,handleExpand:g,handleSelect:p,data:e||i||[]};return jsx(gr.Provider,{value:f,children:jsx("div",{className:a("relative overflow-hidden",o),ref:l,...s,children:Wa.Children.map(s.children,b=>b)})})});hr.displayName="Tree";var xr=forwardRef(({className:e,element:n,value:t,isSelectable:r=true,children:i,...o},s)=>{let{selectedId:l,expandedItems:u,handleExpand:d,handleSelect:c}=br();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})]})});xr.displayName="Folder";var vr=forwardRef(({className:e,value:n,isSelectable:t=true,children:r,...i},o)=>{let{selectedId:s,handleSelect:l}=br();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})]})});vr.displayName="File";function ac({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 ic({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(ac,{mv:o,number:l,height:t},l))})}function sc({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(ic,{place:c,value:e,height:d,digitStyle:u},c))})}var dc={initial:{gap:0,paddingLeft:".5rem",paddingRight:".5rem"},animate:e=>({gap:e?".5rem":0,paddingLeft:e?"1rem":".5rem",paddingRight:e?"1rem":".5rem"})},uc={initial:{width:0,opacity:0},animate:{width:"auto",opacity:1},exit:{width:0,opacity:0}},wr={type:"spring",bounce:0,duration:.4};function mc({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:dc,initial:false,animate:"animate",custom:i===l.id,onClick:()=>s(l.id),transition:wr,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:uc,initial:"initial",animate:"animate",exit:"exit",transition:wr,className:"overflow-hidden",children:l.title})})]},l.id))})})}function xc({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 vc({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 zr=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})]}));zr.displayName="Input";var Pr=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})]}));Pr.displayName="Textarea";function Tc({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 Rc({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 Ec({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 _c({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,h)=>{c+h<e&&(p[c+h]=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 Fc({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 $c({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 Gc(...e){return e.filter(Boolean).join(" ")}function Wc({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Gc("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 Uc(...e){return e.filter(Boolean).join(" ")}function Jc({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Uc("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 $e(...e){return e.filter(Boolean).join(" ")}function Zc({className:e,onChange:n}){let[t,r]=useState(false);return jsx("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:$e("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:$e("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:$e("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:$e("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 Ge(...e){return e.filter(Boolean).join(" ")}function td({className:e,onChange:n}){let[t,r]=useState(false),i=()=>{let o=!t;r(o),n?.(o);};return jsxs("label",{className:Ge("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:Ge("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:Ge("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:Ge("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 od(...e){return e.filter(Boolean).join(" ")}function ad({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:od("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 ld(...e){return e.filter(Boolean).join(" ")}function cd({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:ld("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 md({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,h=()=>{let{width:x,height:w}=f.getBoundingClientRect();(p.width!==x||p.height!==w)&&(p.width=x,p.height=w);},y=()=>{clearTimeout(b),b=setTimeout(h,100);},v=new ResizeObserver(y);return v.observe(f),h(),()=>{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,h=y=>{c.current||(c.current=y),f.clearRect(0,0,p.width,p.height),d.current=d.current.filter(v=>{let x=y-v.startTime;if(x>=i)return false;let w=x/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),R=v.x+(T+N)*Math.cos(v.angle),C=v.y+(T+N)*Math.sin(v.angle);return f.strokeStyle=e,f.lineWidth=2,f.beginPath(),f.moveTo(P,z),f.lineTo(R,C),f.stroke(),true}),b=requestAnimationFrame(h);};return b=requestAnimationFrame(h),()=>{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(),h=p.clientX-b.left,y=p.clientY-b.top,v=performance.now(),x=Array.from({length:r},(w,k)=>({x:h,y,angle:2*Math.PI*k/r,startTime:v}));d.current.push(...x);},children:[jsx("canvas",{ref:u,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),l]})}function xd({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 wd({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 Td({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 Rd({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 Dt=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;}},Er={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 Cd(e,n){return e<=0||n?0:e>=100?100*.001:e*.001}function Ld({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=Er[e]||Er.default,f=n??p.gap,b=t??p.speed,h=r??p.colors,y=i??p.noFocus,v=()=>{if(!l.current||!u.current)return;let z=l.current.getBoundingClientRect(),R=Math.floor(z.width)||300,C=Math.floor(z.height)||400,S=u.current.getContext("2d");if(!S)return;u.current.width=R,u.current.height=C,u.current.style.width=`${R}px`,u.current.style.height=`${C}px`;let M=h.split(",").map(L=>L.trim()),A=[],E=Math.max(parseInt(f.toString(),10),3);for(let L=0;L<R;L+=E)for(let H=0;H<C;H+=E){let I=M[Math.floor(Math.random()*M.length)],$=L-R/2,oe=H-C/2,Z=Math.sqrt($*$+oe*oe),ze=g?0:Z;A.push(new Dt(u.current,S,L,H,I,Cd(b,g),ze));}d.current=A;},x=z=>{c.current=requestAnimationFrame(()=>x(z));let R=performance.now(),C=R-m.current,S=1e3/60;if(C<S)return;m.current=R-C%S;let M=u.current?.getContext("2d");if(!M||!u.current)return;M.clearRect(0,0,u.current.width,u.current.height);let A=true;for(let E=0;E<d.current.length;E++){let L=d.current[E];L[z](),L.isIdle||(A=false);}A&&c.current&&cancelAnimationFrame(c.current);},w=z=>{c.current!==null&&cancelAnimationFrame(c.current),c.current=requestAnimationFrame(()=>x(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,h,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 Ft={damping:30,stiffness:100,mass:2};function Bd({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),h=useMotionValue(0),y=useSpring(useMotionValue(0),Ft),v=useSpring(useMotionValue(0),Ft),x=useSpring(1,Ft),w=useSpring(0),k=useSpring(0,{stiffness:350,damping:30,mass:1}),[T,N]=useState(0);function P(C){if(!f.current)return;let S=f.current.getBoundingClientRect(),M=C.clientX-S.left-S.width/2,A=C.clientY-S.top-S.height/2,E=A/(S.height/2)*-u,L=M/(S.width/2)*u;y.set(E),v.set(L),b.set(C.clientX-S.left),h.set(C.clientY-S.top);let H=A-T;k.set(-H*.6),N(A);}function z(){x.set(l),w.set(1);}function R(){w.set(0),x.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:R,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:x},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:h,opacity:w,rotate:k},children:t})]})}function _d({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:`
|
|
32
|
+
`})]})}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:`
|
|
33
33
|
@keyframes scroll {
|
|
34
34
|
from {
|
|
35
35
|
transform: translateX(0);
|
|
@@ -38,9 +38,9 @@ import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fr
|
|
|
38
38
|
transform: translateX(calc(-50% - 0.5rem));
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
-
`})]})}function
|
|
42
|
-
`;}d(
|
|
41
|
+
`})]})}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+=`
|
|
42
|
+
`;}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:`
|
|
43
43
|
@keyframes invert-move { 50% { left: calc(100% - 3rem); } }
|
|
44
|
-
`}})]})})}function ve(...e){return e.filter(Boolean).join(" ")}function iu({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:ve("flex flex-col items-center justify-center gap-8 p-8",r),...i,children:[jsxs(motion.div,{className:ve("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:ve("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:ve(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:ve(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 Ze(...e){return e.filter(Boolean).join(" ")}function du({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:Ze("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:Ze("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:Ze("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:Ze("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 mu(...e){return e.filter(Boolean).join(" ")}function pu({children:e,className:n}){return jsxs("div",{className:mu("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 ku(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 Nu({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}),h=useTransform(b,l.input,l.output,{clamp:false}),y=useRef(null),v=ku(y);function x(N,P,z){let R=P-N;return ((z-N)%R+R)%R+N}let w=useTransform(m,N=>v===0?"0px":`${x(-v,0,N)}px`),k=useRef(1);useAnimationFrame((N,P)=>{let z=k.current*c*(P/1e3);h.get()<0?k.current=-1:h.get()>0&&(k.current=1),z+=k.current*z*h.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 Mu({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(),h=f.clientX-b.left,y=f.clientY-b.top;d(v=>{let x=[...v];if(x.length===0)x.push({id:g.current++,x:h,y,angle:0,...i&&{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}});else {let w=x[x.length-1],k=h-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,R=Math.floor(N/t);for(let C=1;C<=R;C++){let S=t*C/N;x.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 x.length>l&&(x=x.slice(x.length-l)),x}),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 Lu(...e){return e.filter(Boolean).join(" ")}function Iu({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:Lu("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 Au(...e){return e.filter(Boolean).join(" ")}function Bu({children:e,onClick:n,className:t,disabled:r=false}){return jsxs(motion.button,{onClick:n,disabled:r,className:Au("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 Kr(...e){return e.filter(Boolean).join(" ")}function Fu({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:Kr("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:Kr("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 Yt(...e){return e.filter(Boolean).join(" ")}function Ou({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:Yt("relative w-full h-12 flex items-center",o),children:[jsx("div",{className:Yt("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:Yt("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 $u=[{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 Xu({items:e=$u,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 Wu=[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Services",href:"#"},{label:"Contact",href:"#"}];function Yu({items:e=Wu,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 Uu({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((h,y)=>jsx("li",{role:"none",children:jsx("a",{role:"menuitem",href:h.href,className:a("relative px-4 py-2 rounded-full text-sm font-medium transition-all duration-300",r===h.href&&"font-semibold"),style:{color:p===y?l:c,backgroundColor:p===y?o:"transparent"},"aria-label":h.ariaLabel||h.label,onMouseEnter:()=>f(y),onMouseLeave:()=>f(null),children:h.label})},h.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(h=>jsx("li",{children:jsx("a",{href:h.href,className:a("block px-4 py-2 rounded-lg text-sm font-medium transition-colors",r===h.href&&"font-semibold"),style:{color:c},onClick:()=>g(false),children:h.label})},h.href))})})]})}function Qu({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 e0=[{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 t0({items:e=e0,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 h=f.getBoundingClientRect(),y=b.getBoundingClientRect();u({width:h.width,left:h.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 r0({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,x,w)=>(1-w)*v+w*x,f=(v,x,w,k,T)=>(v-x)*(T-k)/(w-x)+k,b=(v,x,w,k)=>Math.hypot(v-x,w-k),h=v=>{l.current={x:v.clientX,y:v.clientY};};window.addEventListener("mousemove",h);let y=()=>{let v=window.innerWidth,x=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,x,-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",h),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 oo="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)]",Kt=Wa.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"})]})})]}));Kt.displayName="GlassFilter";function a0({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",oo)}),t&&jsxs(Fragment,{children:[jsx("div",{className:"-z-10 pointer-events-none absolute inset-0 overflow-hidden rounded-lg",style:{backdropFilter:`url("#${o}")`}}),jsx(Kt,{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 i0({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",oo)}),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(Kt,{id:i,scale:70})]})}function l0({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 h=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);},x=T=>{let N=T.target;(N.matches(e)||N.closest(e))&&c(false);};window.addEventListener("mousemove",y),window.addEventListener("mouseover",v),window.addEventListener("mouseout",x);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",x),document.body.style.cursor=h,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(h=>{let y=h.includes("t"),v=h.includes("l"),x=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?-x:"auto",right:v?"auto":-x,top:y?-x:"auto",bottom:y?"auto":-x}},h)})]})}var so=(e,n,t)=>(1-t)*e+t*n;function u0({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 h=b.getBoundingClientRect();return {x:f.clientX-h.left,y:f.clientY-h.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(),h=f.clientX<b.left||f.clientX>b.right||f.clientY<b.top||f.clientY>b.bottom;i.current&&o.current&&(i.current.style.opacity=h?"0":"1",o.current.style.opacity=h?"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=so(l.current.x,s.current.x,.15),l.current.y=so(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 g0({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]"})]})})}
|
|
45
|
-
export{
|
|
44
|
+
`}})]})})}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"})]})}
|
|
45
|
+
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
|
|
46
46
|
//# sourceMappingURL=index.mjs.map
|