bynana-ui 1.3.0 → 1.5.0
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/animated-circular-progress/index.js +2 -0
- package/dist/animated-circular-progress/index.js.map +1 -0
- package/dist/animated-circular-progress/index.mjs +2 -0
- package/dist/animated-circular-progress/index.mjs.map +1 -0
- package/dist/ascii-text/index.js +3 -0
- package/dist/ascii-text/index.js.map +1 -0
- package/dist/ascii-text/index.mjs +3 -0
- package/dist/ascii-text/index.mjs.map +1 -0
- package/dist/blur-fade/index.js +2 -0
- package/dist/blur-fade/index.js.map +1 -0
- package/dist/blur-fade/index.mjs +2 -0
- package/dist/blur-fade/index.mjs.map +1 -0
- package/dist/click-spark/index.js +2 -0
- package/dist/click-spark/index.js.map +1 -0
- package/dist/click-spark/index.mjs +2 -0
- package/dist/click-spark/index.mjs.map +1 -0
- package/dist/contribution-graph/index.js +2 -0
- package/dist/contribution-graph/index.js.map +1 -0
- package/dist/contribution-graph/index.mjs +2 -0
- package/dist/contribution-graph/index.mjs.map +1 -0
- package/dist/elastic-slider/index.js +2 -0
- package/dist/elastic-slider/index.js.map +1 -0
- package/dist/elastic-slider/index.mjs +2 -0
- package/dist/elastic-slider/index.mjs.map +1 -0
- package/dist/falling-text/index.js +2 -0
- package/dist/falling-text/index.js.map +1 -0
- package/dist/falling-text/index.mjs +2 -0
- package/dist/falling-text/index.mjs.map +1 -0
- package/dist/float-effect/index.js +2 -0
- package/dist/float-effect/index.js.map +1 -0
- package/dist/float-effect/index.mjs +2 -0
- package/dist/float-effect/index.mjs.map +1 -0
- package/dist/glow-effect/index.js +2 -0
- package/dist/glow-effect/index.js.map +1 -0
- package/dist/glow-effect/index.mjs +2 -0
- package/dist/glow-effect/index.mjs.map +1 -0
- package/dist/hamburger-3d/index.js +2 -0
- package/dist/hamburger-3d/index.js.map +1 -0
- package/dist/hamburger-3d/index.mjs +2 -0
- package/dist/hamburger-3d/index.mjs.map +1 -0
- package/dist/hamburger-basic/index.js +2 -0
- package/dist/hamburger-basic/index.js.map +1 -0
- package/dist/hamburger-basic/index.mjs +2 -0
- package/dist/hamburger-basic/index.mjs.map +1 -0
- package/dist/hamburger-elastic/index.js +2 -0
- package/dist/hamburger-elastic/index.js.map +1 -0
- package/dist/hamburger-elastic/index.mjs +2 -0
- package/dist/hamburger-elastic/index.mjs.map +1 -0
- package/dist/hamburger-morph/index.js +2 -0
- package/dist/hamburger-morph/index.js.map +1 -0
- package/dist/hamburger-morph/index.mjs +2 -0
- package/dist/hamburger-morph/index.mjs.map +1 -0
- package/dist/hamburger-spin/index.js +2 -0
- package/dist/hamburger-spin/index.js.map +1 -0
- package/dist/hamburger-spin/index.mjs +2 -0
- package/dist/hamburger-spin/index.mjs.map +1 -0
- package/dist/hamburger-spring/index.js +2 -0
- package/dist/hamburger-spring/index.js.map +1 -0
- package/dist/hamburger-spring/index.mjs +2 -0
- package/dist/hamburger-spring/index.mjs.map +1 -0
- package/dist/hamburger-stagger/index.js +2 -0
- package/dist/hamburger-stagger/index.js.map +1 -0
- package/dist/hamburger-stagger/index.mjs +2 -0
- package/dist/hamburger-stagger/index.mjs.map +1 -0
- package/dist/hamburger-wave/index.js +2 -0
- package/dist/hamburger-wave/index.js.map +1 -0
- package/dist/hamburger-wave/index.mjs +2 -0
- package/dist/hamburger-wave/index.mjs.map +1 -0
- package/dist/index.js +21 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +21 -9
- package/dist/index.mjs.map +1 -1
- package/dist/infinite-scroll/index.js +11 -0
- package/dist/infinite-scroll/index.js.map +1 -0
- package/dist/infinite-scroll/index.mjs +11 -0
- package/dist/infinite-scroll/index.mjs.map +1 -0
- package/dist/input-otp/index.js +2 -0
- package/dist/input-otp/index.js.map +1 -0
- package/dist/input-otp/index.mjs +2 -0
- package/dist/input-otp/index.mjs.map +1 -0
- package/dist/loader/index.js +2 -0
- package/dist/loader/index.js.map +1 -0
- package/dist/loader/index.mjs +2 -0
- package/dist/loader/index.mjs.map +1 -0
- package/dist/loading-invert/index.js +4 -0
- package/dist/loading-invert/index.js.map +1 -0
- package/dist/loading-invert/index.mjs +4 -0
- package/dist/loading-invert/index.mjs.map +1 -0
- package/dist/multi-step-loader/index.js +2 -0
- package/dist/multi-step-loader/index.js.map +1 -0
- package/dist/multi-step-loader/index.mjs +2 -0
- package/dist/multi-step-loader/index.mjs.map +1 -0
- package/dist/pixel-card/index.js +2 -0
- package/dist/pixel-card/index.js.map +1 -0
- package/dist/pixel-card/index.mjs +2 -0
- package/dist/pixel-card/index.mjs.map +1 -0
- package/dist/scroll-velocity/index.js +2 -0
- package/dist/scroll-velocity/index.js.map +1 -0
- package/dist/scroll-velocity/index.mjs +2 -0
- package/dist/scroll-velocity/index.mjs.map +1 -0
- package/dist/shimmer-effect/index.js +2 -0
- package/dist/shimmer-effect/index.js.map +1 -0
- package/dist/shimmer-effect/index.mjs +2 -0
- package/dist/shimmer-effect/index.mjs.map +1 -0
- package/dist/smooth-cursor/index.js +2 -0
- package/dist/smooth-cursor/index.js.map +1 -0
- package/dist/smooth-cursor/index.mjs +2 -0
- package/dist/smooth-cursor/index.mjs.map +1 -0
- package/dist/social-button/index.js +2 -0
- package/dist/social-button/index.js.map +1 -0
- package/dist/social-button/index.mjs +2 -0
- package/dist/social-button/index.mjs.map +1 -0
- package/dist/text-cursor/index.js +2 -0
- package/dist/text-cursor/index.js.map +1 -0
- package/dist/text-cursor/index.mjs +2 -0
- package/dist/text-cursor/index.mjs.map +1 -0
- package/dist/theme-toggler/index.js +2 -0
- package/dist/theme-toggler/index.js.map +1 -0
- package/dist/theme-toggler/index.mjs +2 -0
- package/dist/theme-toggler/index.mjs.map +1 -0
- package/dist/tilted-card/index.js +2 -0
- package/dist/tilted-card/index.js.map +1 -0
- package/dist/tilted-card/index.mjs +2 -0
- package/dist/tilted-card/index.mjs.map +1 -0
- package/dist/v0-button/index.js +2 -0
- package/dist/v0-button/index.js.map +1 -0
- package/dist/v0-button/index.mjs +2 -0
- package/dist/v0-button/index.mjs.map +1 -0
- package/package.json +33 -2
package/dist/index.mjs
CHANGED
|
@@ -1,33 +1,45 @@
|
|
|
1
|
-
import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import jr,{createContext,forwardRef,useState,useCallback,useContext,useRef,useEffect,useMemo,Children,useLayoutEffect}from'react';import {AnimatePresence,motion,useMotionValue,useSpring,useAnimation,useTransform}from'framer-motion';function r(...e){return twMerge(clsx(e))}function Nn({children:e,className:t,...n}){return jsxs("button",{className:r("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-800 dark:hover:bg-zinc-700 dark:text-white","transition-colors duration-200",t),...n,children:[jsx("span",{className:r("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 Cn({children:e,className:t,onClick:n,...o}){let[a,i]=useState([]);function s(l){let c=l.currentTarget.getBoundingClientRect(),d=l.clientX-c.left,p=l.clientY-c.top,u={x:d,y:p,id:Date.now()};i(f=>[...f,u]),setTimeout(()=>{i(f=>f.filter(g=>g.id!==u.id));},1e3),n?.(l);}return jsxs("button",{className:r("relative overflow-hidden px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-colors duration-200",t),onClick:s,...o,children:[jsx(AnimatePresence,{children:a.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 Bn({children:e,className:t,strength:n=.5,radius:o=200,...a}){let i=useRef(null),[s,l]=useState(false),m=useMotionValue(0),c=useMotionValue(0),d={damping:20,stiffness:300,mass:.5},p=useSpring(m,d),u=useSpring(c,d);return jsx("div",{ref:i,className:"relative inline-flex items-center justify-center",onMouseMove:b=>{if(!i.current)return;let x=i.current.getBoundingClientRect(),h=x.left+x.width/2,y=x.top+x.height/2,v=b.clientX-h,N=b.clientY-y,T=Math.sqrt(v*v+N*N);if(T<o){let S=1-T/o;m.set(v*n*S),c.set(N*n*S);}},onMouseLeave:()=>{l(false),m.set(0),c.set(0);},onMouseEnter:()=>l(true),style:{padding:o/2,margin:-o/2},children:jsx(motion.div,{style:{x:p,y:u},children:jsx("button",{className:r("px-6 py-3 rounded-xl font-medium","bg-zinc-900 text-white hover:bg-zinc-800","dark:bg-zinc-100 dark:text-black dark:hover:bg-zinc-200","transition-shadow duration-300",s&&"shadow-lg",t),...a,children:e})})})}function En({children:e,className:t,onClick:n,...o}){let[a,i]=useState(false);function s(l){i(true),setTimeout(()=>i(false),1500),n?.(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:a?{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:a?{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:a?{}:{y:[0,-8,0]},children:jsx("button",{className:r("px-6 py-3 rounded-xl font-medium","bg-orange-500 hover:bg-orange-600 text-white","transition-colors duration-200",t),onClick:s,disabled:a,...o,children:e})})]})}function _n({children:e,className:t,glowColor:n="rgba(59, 130, 246, 0.8)",...o}){let[a,i]=useState(false);return jsxs(motion.div,{className:"relative inline-block",onMouseEnter:()=>i(true),onMouseLeave:()=>i(false),animate:{filter:a?[`drop-shadow(0 0 10px ${n})`,`drop-shadow(0 0 25px ${n})`,`drop-shadow(0 0 10px ${n})`]:"drop-shadow(0 0 0px transparent)"},transition:{duration:a?1.5:.3,repeat:a?1/0:0},children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",animate:a?{boxShadow:[`0 0 20px ${n}`,`0 0 40px ${n}`,`0 0 20px ${n}`],scale:[1,1.05,1]}:{boxShadow:"0 0 0px transparent",scale:1},transition:{duration:2,repeat:a?1/0:0,ease:"easeInOut"}}),jsx("button",{className:r("relative px-6 py-3 rounded-xl font-medium","bg-blue-600 hover:bg-blue-700 text-white","transition-all duration-300",a&&"bg-blue-500",t),...o,children:e})]})}function $n({children:e,className:t,pulseColor:n="rgba(239, 68, 68, 0.5)",...o}){return jsxs("div",{className:"relative inline-block",children:[jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{backgroundColor:n},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:n},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:r("relative px-6 py-3 rounded-xl font-medium","bg-red-500 hover:bg-red-600 text-white","transition-colors duration-200",t),...o,children:e})})]})}var Gn={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"}},Vn={sm:"h-8 px-3 text-xs",default:"h-10 px-6 text-sm",lg:"h-12 px-8 text-base"};function Xn({children:e,className:t,color:n="cyan",size:o="default",...a}){let i=Gn[n];return jsxs(motion.button,{className:r("relative inline-flex items-center justify-center","font-semibold tracking-wide uppercase","border-2 rounded-lg","bg-transparent","transition-colors duration-200",i.border,i.text,i.bg,Vn[o],t),whileHover:{boxShadow:`0 0 20px ${i.glow}, 0 0 40px ${i.glow}, 0 0 60px ${i.glow}`},whileTap:{scale:.98},transition:{duration:.2},...a,children:[jsx(motion.span,{className:r("absolute inset-0 rounded-lg opacity-0",i.border),animate:{opacity:[.5,1,.5]},transition:{duration:2,repeat:1/0,ease:"easeInOut"},style:{boxShadow:`inset 0 0 10px ${i.glow}`}}),jsx("span",{className:"relative z-10",children:e})]})}function qn({children:e,className:t,variant:n="primary",size:o="md",onClick:a,...i}){let[s,l]=useState(false);function m(p){p.preventDefault(),p.stopPropagation(),l(true),setTimeout(()=>l(false),800),a&&a(p);}let c={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},d={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:r("relative overflow-hidden rounded-lg font-medium border-2 transition-colors",c[o],d[n],t),onClick:m,...i,children:[jsx(AnimatePresence,{children:s&&jsx(motion.div,{className:r("absolute inset-0 origin-bottom",n==="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((p,u)=>jsx(motion.div,{className:"absolute w-1.5 h-1.5 bg-white/60 rounded-full",style:{left:`${20+u*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:u*.08,ease:"easeOut"}},u))})}),jsx("span",{className:r("relative flex items-center justify-center gap-2 transition-colors duration-200 z-10",s&&(n==="outline"||n==="secondary"?"text-white dark:text-zinc-900":"text-white")),children:e})]})}function Qn({children:e,className:t,variant:n="primary",size:o="md",slideText:a="Go!",onClick:i,...s}){let[l,m]=useState(false),c={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"},d={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:r("relative overflow-hidden rounded-lg font-medium transition-all",c[o],d[n],t),onMouseEnter:()=>m(true),onMouseLeave:()=>m(false),onClick:i,...s,children:[jsx(motion.div,{className:r("absolute inset-0",n==="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:r("absolute inset-0 flex items-center justify-center gap-2 z-10",n==="outline"||n==="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:[a,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 Zn={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"},jn={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function er({children:e,className:t,variant:n="ocean",size:o="md",...a}){return jsxs(motion.button,{className:r("relative overflow-hidden rounded-lg font-semibold text-white","bg-gradient-to-r",Zn[n],jn[o],t),whileHover:{scale:1.02},whileTap:{scale:.98},...a,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 rr({children:e,className:t,holdDuration:n=1e3,onHoldComplete:o,variant:a="primary",...i}){let[s,l]=useState(0),[m,c]=useState(false),d=useRef(null),p={primary:"bg-zinc-900 dark:bg-white",danger:"bg-red-500",success:"bg-green-500"},u={primary:"bg-blue-500",danger:"bg-red-700",success:"bg-green-700"},f=()=>{c(true);let b=Date.now();d.current=setInterval(()=>{let x=Date.now()-b,h=Math.min(x/n*100,100);l(h),h>=100&&(g(),o?.());},16);},g=()=>{c(false),l(0),d.current&&(clearInterval(d.current),d.current=null);};return jsxs(motion.button,{className:r("relative overflow-hidden rounded-lg px-6 py-3 font-medium text-white dark:text-zinc-900",p[a],t),onMouseDown:f,onMouseUp:g,onMouseLeave:g,onTouchStart:f,onTouchEnd:g,whileTap:{scale:.98},...i,children:[jsx(motion.div,{className:r("absolute inset-0 origin-left",u[a]),style:{scaleX:s/100},transition:{duration:0}}),jsx("span",{className:"relative z-10",children:e})]})}var ar={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"}},sr={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function lr({children:e,className:t,variant:n="primary",size:o="md",...a}){let i=ar[n];return jsx(motion.button,{className:r("relative rounded-lg font-semibold text-white","shadow-[0_6px_0_0]",i.bg,i.shadow,i.hover,sr[o],t),whileHover:{y:-2},whileTap:{y:4,boxShadow:"0 2px 0 0"},transition:{duration:.1},...a,children:e})}function mr({text:e="Copy",value:t,onCopy:n,className:o}){let[a,i]=useState(false);return jsx("button",{onClick:async()=>{try{t&&await navigator.clipboard.writeText(t),n?.(),i(!0),setTimeout(()=>i(!1),2e3);}catch(l){console.error("Failed to copy:",l);}},className:r("inline-flex items-center gap-2 px-4 py-2","bg-transparent hover:bg-zinc-100 dark:hover:bg-zinc-800","text-zinc-900 dark:text-zinc-100","border border-zinc-300 dark:border-zinc-700","rounded-md transition-all duration-200 font-medium text-sm",o),children:a?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 gr({buttonRef:e}){let t=e.current?.getBoundingClientRect();if(!t)return null;let n=t.left+t.width/2,o=t.top+t.height/2;return jsx(AnimatePresence,{children:[...Array(6)].map((a,i)=>jsx(motion.div,{className:"fixed w-1 h-1 bg-black dark:bg-white rounded-full",style:{left:n,top:o},initial:{scale:0,x:0,y:0},animate:{scale:[0,1,0],x:[0,(i%2?1:-1)*(Math.random()*50+20)],y:[0,-Math.random()*50-20]},transition:{duration:.6,delay:i*.1,ease:"easeOut"}},i))})}function xr({children:e,onClick:t,onSuccess:n,successDuration:o=1e3,className:a,...i}){let[s,l]=useState(false),m=useRef(null);return jsxs(Fragment,{children:[s&&jsx(gr,{buttonRef:m}),jsx("button",{ref:m,onClick:d=>{l(true),t?.(d),n?.(),setTimeout(()=>l(false),o);},className:r("relative px-4 py-2 rounded-md bg-primary text-primary-foreground",s&&"scale-95","transition-transform duration-100",a),...i,children:e})]})}function Nr({className:e,particleCount:t=12,children:n,...o}){let[a,i]=useState(false),[s,l]=useState([]),m=useAnimation();useEffect(()=>{let p=Array.from({length:t},(u,f)=>({id:f,x:Math.random()*360-180,y:Math.random()*360-180}));l(p);},[t]);let c=useCallback(async()=>{i(true),await m.start({x:0,y:0,transition:{type:"spring",stiffness:50,damping:10}});},[m]),d=useCallback(async()=>{i(false),await m.start(p=>({x:s[p].x,y:s[p].y,transition:{type:"spring",stiffness:100,damping:15}}));},[m,s]);return jsxs("button",{className:r("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:c,onMouseLeave:d,onTouchStart:c,onTouchEnd:d,...o,children:[s.map((p,u)=>jsx(motion.div,{custom:u,initial:{x:s[u].x,y:s[u].y},animate:m,className:r("absolute w-1.5 h-1.5 rounded-full bg-violet-400 dark:bg-violet-300 transition-opacity duration-300",a?"opacity-100":"opacity-40")},u)),jsx("span",{className:"relative w-full flex items-center justify-center gap-2",children:n||(a?"Attracting":"Hover me")})]})}function Pr({className:e,children:t,shortcut:n="CMD + K",...o}){return jsxs("button",{...o,className:r("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:r("w-4 h-4 text-zinc-600 dark:text-zinc-400","transition-all duration-300","group-hover:scale-110 group-hover:rotate-[-4deg] group-active:scale-95"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"})}),jsx("span",{className:"text-sm text-zinc-600 dark:text-zinc-400",children:t||n}),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 Rr({children:e,className:t="",colors:n=["#40ffaa","#4079ff","#40ffaa","#4079ff","#40ffaa"],animationSpeed:o=8}){return jsx("span",{className:r("bg-clip-text text-transparent bg-[length:200%_auto] animate-gradient",t),style:{backgroundImage:`linear-gradient(to right, ${n.join(", ")})`,animationDuration:`${o}s`},children:e})}function Mr({text:e="Text Shimmer",className:t}){return jsx("div",{className:"flex items-center justify-center p-8",children:jsx(motion.div,{className:"relative px-4 py-2 overflow-hidden",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:jsx(motion.h1,{className:r("text-3xl font-bold bg-gradient-to-r from-neutral-950 via-neutral-400 to-neutral-950 dark:from-white dark:via-neutral-600 dark:to-white bg-[length:200%_100%] bg-clip-text text-transparent",t),animate:{backgroundPosition:["200% center","-200% center"]},transition:{duration:2.5,ease:"linear",repeat:1/0},children:e})})})}function Sr({text:e="Glitch Text",className:t,glitchIntensity:n="medium",color:o="orange",isStatic:a=false,size:i="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"}}[o],c={light:{translateRange:2,skewRange:.5},medium:{translateRange:3,skewRange:1},heavy:{translateRange:5,skewRange:2},extreme:{translateRange:8,skewRange:3}}[n],d={sm:"text-2xl",md:"text-4xl",lg:"text-5xl",xl:"text-6xl","2xl":"text-7xl","3xl":"text-8xl"},p={animate:{x:[0,c.translateRange,-c.translateRange,0],y:[0,-c.translateRange,c.translateRange,0],skewX:[0,c.skewRange,-c.skewRange,0]},transition:{duration:.5,repeat:1/0,ease:"easeInOut"}};return jsx("div",{className:r("relative flex items-center justify-center p-8",t),children:jsxs(motion.div,{className:r("relative font-bold tracking-wider",d[i]),style:{color:l.primary},animate:a?void 0:p.animate,transition:p.transition,children:[e,jsx(motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:l.before,opacity:.8},animate:a?void 0:{x:[-c.translateRange,c.translateRange,0],y:[c.translateRange,-c.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:a?void 0:{x:[c.translateRange,-c.translateRange,0],y:[-c.translateRange,c.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e})]})})}function Br({text:e,className:t,delay:n=0,duration:o=.4}){let a=Array.from(e);return jsx("div",{className:r("flex",t),children:a.map((i,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:i===" "?"pre":"normal"},animate:{y:[0,-20,0]},transition:{delay:n+s*.03,duration:o,ease:"easeInOut",repeat:1/0,repeatDelay:.5},children:i},`${i}-${s}`))})}function Fr({text:e="",delay:t=200,className:n="",animateBy:o="words",direction:a="top"}){let i=o==="words"?e.split(" "):e.split(""),[s,l]=useState(false),m=useRef(null);useEffect(()=>{if(!m.current)return;let p=new IntersectionObserver(([u])=>{u.isIntersecting&&(l(true),p.unobserve(m.current));},{threshold:.1});return p.observe(m.current),()=>p.disconnect()},[]);let c=useMemo(()=>a==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[a]),d={filter:"blur(0px)",opacity:1,y:0};return jsx("p",{ref:m,className:r("flex flex-wrap",n),children:i.map((p,u)=>jsxs(motion.span,{initial:c,animate:s?d:c,transition:{duration:.5,delay:u*t/1e3,ease:"easeOut"},className:"inline-block",style:{willChange:"transform, filter, opacity"},children:[p===" "?"\xA0":p,o==="words"&&u<i.length-1&&"\xA0"]},u))})}function Vr({text:e="Hello World",className:t,speed:n=50,delay:o=0,cursor:a=true,loop:i=false}){let[s,l]=useState(""),[m,c]=useState(false);return useEffect(()=>{let d,p=0,u=false,f=()=>{c(true),u?p>0?(l(e.slice(0,p-1)),p--,d=setTimeout(f,n/2)):(u=false,d=setTimeout(f,500)):p<e.length?(l(e.slice(0,p+1)),p++,d=setTimeout(f,n)):(c(false),i&&(d=setTimeout(()=>{u=true,f();},2e3)));};return d=setTimeout(f,o),()=>clearTimeout(d)},[e,n,o,i]),jsxs("span",{className:r("inline-block font-mono",t),children:[s,a&&jsx("span",{className:r("ml-0.5 inline-block w-[2px] h-[1em] bg-current",m?"animate-blink":"")})]})}function qr({text:e,className:t,amplitude:n=10,frequency:o=1.5}){let a=Array.from(e);return jsx("div",{className:r("flex",t),children:a.map((i,s)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:i===" "?"pre":"normal"},animate:{y:[0,-n,0,n,0]},transition:{duration:o,repeat:1/0,delay:s*.08,ease:"easeInOut"},children:i},`${i}-${s}`))})}function Jr({text:e,className:t,delay:n=0}){let o=Array.from(e);return jsx("div",{className:r("flex",t),style:{perspective:"1000px"},children:o.map((a,i)=>jsx(motion.span,{className:"inline-block origin-center",style:{whiteSpace:a===" "?"pre":"normal"},animate:{rotateX:[0,360]},transition:{duration:1.5,repeat:1/0,delay:n+i*.08,ease:"easeInOut",repeatDelay:.8},children:a},`${a}-${i}`))})}function Kr({text:e,disabled:t=false,speed:n=5,className:o=""}){return jsxs("span",{className:r("inline-block bg-gradient-to-r from-gray-900 via-gray-100 to-gray-900 bg-clip-text text-transparent bg-[length:200%_100%]",!t&&"animate-[shine_var(--shine-speed)_linear_infinite]",o),style:{"--shine-speed":`${n}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 ga,{createContext,forwardRef,useState,useCallback,useContext,useRef,useEffect,useMemo,Children,useLayoutEffect}from'react';import {AnimatePresence,motion,useMotionValue,useSpring,useAnimation,useTransform,useScroll,useVelocity,useAnimationFrame}from'framer-motion';function a(...e){return twMerge(clsx(e))}function Fr({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 Xr({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,f={x:c,y:m,id:Date.now()};o(p=>[...p,f]),setTimeout(()=>{o(p=>p.filter(g=>g.id!==f.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 Ur({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),f=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(),v=x.left+x.width/2,y=x.top+x.height/2,h=b.clientX-v,w=b.clientY-y,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:f},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 Kr({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 jr({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 to({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 ro={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"}},oo={sm:"h-8 px-3 text-xs",default:"h-10 px-6 text-sm",lg:"h-12 px-8 text-base"};function ao({children:e,className:n,color:t="cyan",size:r="default",...i}){let o=ro[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,oo[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 lo({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,f)=>jsx(motion.div,{className:"absolute w-1.5 h-1.5 bg-white/60 rounded-full",style:{left:`${20+f*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:f*.08,ease:"easeOut"}},f))})}),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 po({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 fo={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"},go={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function bo({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",fo[t],go[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 vo({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"},f={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,v=Math.min(x/t*100,100);l(v),v>=100&&(g(),r?.());},16);},g=()=>{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:g,onMouseLeave:g,onTouchStart:p,onTouchEnd:g,whileTap:{scale:.98},...o,children:[jsx(motion.div,{className:a("absolute inset-0 origin-left",f[i]),style:{scaleX:s/100},transition:{duration:0}}),jsx("span",{className:"relative z-10",children:e})]})}var ko={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"}},No={sm:"px-4 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg"};function To({children:e,className:n,variant:t="primary",size:r="md",...i}){let o=ko[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,No[r],n),whileHover:{y:-2},whileTap:{y:4,boxShadow:"0 2px 0 0"},transition:{duration:.1},...i,children:e})}function Ro({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 Lo({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 Ao({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(Lo,{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 Vo({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},(f,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,f)=>jsx(motion.div,{custom:f,initial:{x:s[f].x,y:s[f].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")},f)),jsx("span",{className:"relative w-full flex items-center justify-center gap-2",children:t||(i?"Attracting":"Hover me")})]})}function _o({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 Xo({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 Yo({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 Go({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 Jo({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 ta({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(([f])=>{f.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,f)=>jsxs(motion.span,{initial:d,animate:s?c:d,transition:{duration:.5,delay:f*n/1e3,ease:"easeOut"},className:"inline-block",style:{willChange:"transform, filter, opacity"},children:[m===" "?"\xA0":m,r==="words"&&f<o.length-1&&"\xA0"]},f))})}function aa({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,f=false,p=()=>{d(true),f?m>0?(l(e.slice(0,m-1)),m--,c=setTimeout(p,t/2)):(f=false,c=setTimeout(p,500)):m<e.length?(l(e.slice(0,m+1)),m++,c=setTimeout(p,t)):(d(false),o&&(c=setTimeout(()=>{f=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 ca({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 ua({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 ma({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 xa({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 g=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 D=document.createElement("span");D.style.fontSize=n,document.body.appendChild(D),x=parseFloat(window.getComputedStyle(D).fontSize),document.body.removeChild(D);}let v=ga.Children.toArray(e).join(""),y=document.createElement("canvas"),h=y.getContext("2d");if(!h)return;h.font=`${t} ${b} ${g}`,h.textBaseline="alphabetic";let w=h.measureText(v),k=w.actualBoundingBoxLeft??0,T=w.actualBoundingBoxRight??w.width,P=w.actualBoundingBoxAscent??x,R=w.actualBoundingBoxDescent??x*.2,N=Math.ceil(k+T),z=Math.ceil(P+R),M=10,C=N+M;y.width=C,y.height=z;let S=M/2;h.font=`${t} ${b} ${g}`,h.textBaseline="alphabetic",h.fillStyle=i,h.fillText(v,S-k,P);let B=50,A=0;m.width=C+B*2,m.height=z+A*2,p.translate(B,A);let I=B+S,H=A,L=I+N,O=H+z,Z=false,U=30,fe=()=>{if(c)return;p.clearRect(-U,-U,C+2*U,z+2*U);let D=Z?l:s;for(let _=0;_<z;_++){let Er=Math.floor(D*(Math.random()-.5)*U);p.drawImage(y,0,_,C,1,Er,_,C,1);}d=window.requestAnimationFrame(fe);};fe();let Br=(D,_)=>D>=I&&D<=L&&_>=H&&_<=O,Et=D=>{if(!o)return;let _=m.getBoundingClientRect();Z=Br(D.clientX-_.left,D.clientY-_.top);},Ht=()=>{Z=false;};o&&(m.addEventListener("mousemove",Et),m.addEventListener("mouseleave",Ht)),m.cleanupFuzzyText=()=>{window.cancelAnimationFrame(d),o&&(m.removeEventListener("mousemove",Et),m.removeEventListener("mouseleave",Ht));};})(),()=>{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 wa({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,f)=>f<d?u[f]: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 Na({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 Ta({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 Ra({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 La({children:e,className:n,strength:t=.5}){let r=useRef(null),[i,o]=useState({x:0,y:0}),s=c=>{let{clientX:m,clientY:f}=c,{height:p,width:g,left:b,top:x}=r.current.getBoundingClientRect(),v=m-(b+g/2),y=f-(x+p/2);o({x:v*t,y:y*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 Fa({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 Xa({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 Wa({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 Ya({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 Eo({end:e,start:t=0,duration:n=2e3,className:o,prefix:a="",suffix:i="",decimals:s=0}){let[l,m]=useState(t);return useEffect(()=>{let c=null,d,p=u=>{c||(c=u);let f=Math.min((u-c)/n,1),g=1-Math.pow(1-f,4),b=t+(e-t)*g;m(b),f<1&&(d=requestAnimationFrame(p));};return d=requestAnimationFrame(p),()=>cancelAnimationFrame(d)},[t,e,n]),jsxs("span",{className:r("tabular-nums",o),children:[a,l.toFixed(s),i]})}function Do({text:e,className:t,stagger:n=.04}){let o=Array.from(e),a={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:n,delayChildren:.02}}},i={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:100}}};return jsx(motion.div,{className:r("flex overflow-hidden",t),variants:a,initial:"hidden",animate:"visible",children:o.map((s,l)=>jsx(motion.span,{variants:i,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},`${s}-${l}`))})}function Go({text:e,className:t="",delay:n=100,duration:o=.6,splitType:a="chars",textAlign:i="center"}){let[s,l]=useState(false),m=useRef(null);useEffect(()=>{if(!m.current)return;let d=new IntersectionObserver(([p])=>{p.isIntersecting&&(l(true),d.unobserve(m.current));},{threshold:.1,rootMargin:"-100px"});return d.observe(m.current),()=>d.disconnect()},[]);let c=a==="words"?e.split(" "):e.split("");return jsx("div",{ref:m,className:r("overflow-hidden",t),style:{textAlign:i},children:c.map((d,p)=>jsx(motion.span,{initial:{opacity:0,y:40},animate:s?{opacity:1,y:0}:{opacity:0,y:40},transition:{duration:o,delay:p*n/1e3,ease:"easeOut"},className:"inline-block",style:{marginRight:a==="words"?"0.25em":"0"},children:d===" "?"\xA0":d},p))})}function Xo({text:e,className:t}){let n=Array.from(e);return jsx("div",{className:r("flex",t),children:n.map((o,a)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},animate:{scaleY:[1,.5,1.5,.8,1],scaleX:[1,1.5,.5,1.2,1]},transition:{duration:1.5,repeat:1/0,delay:a*.08,ease:"easeInOut",repeatDelay:.3},children:o===" "?"\xA0":o},`${o}-${a}`))})}function Yo({text:e,className:t}){let n=Array.from(e);return jsx("div",{className:r("flex",t),style:{perspective:"500px"},children:n.map((o,a)=>jsx(motion.span,{className:"inline-block",style:{whiteSpace:o===" "?"pre":"normal"},initial:{rotateY:90,opacity:0},animate:{rotateY:0,opacity:1},transition:{delay:a*.04,duration:.5,type:"spring",stiffness:120},whileHover:{rotateY:180,transition:{duration:.3}},children:o===" "?"\xA0":o},`${o}-${a}`))})}function Uo({text:e,className:t}){let n=Array.from(e);return jsx("div",{className:r("flex",t),children:n.map((o,a)=>jsx(motion.span,{className:"inline-block cursor-pointer",style:{whiteSpace:o===" "?"pre":"normal"},whileHover:{scale:[1,1.5,.8,1.2,1],rotate:[0,10,-10,0],transition:{duration:.6,ease:"easeInOut"}},children:o===" "?"\xA0":o},`${o}-${a}`))})}function jo({text:e,spinDuration:t=20,onHover:n="speedUp",className:o=""}){let a=Array.from(e),i=useAnimation(),s=useMotionValue(0);useEffect(()=>{let c=s.get();i.start({rotate:c+360,scale:1,transition:{rotate:{from:c,to:c+360,ease:"linear",duration:t,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},[t,i,s]);let l=()=>{let c=s.get(),d=t,p=1;switch(n){case "slowDown":d=t*2;break;case "speedUp":d=t/4;break;case "pause":d=0;break;case "goBonkers":d=t/20,p=.8;break}n==="pause"?i.stop():i.start({rotate:c+360,scale:p,transition:{rotate:{from:c,to:c+360,ease:"linear",duration:d,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});},m=()=>{let c=s.get();i.start({rotate:c+360,scale:1,transition:{rotate:{from:c,to:c+360,ease:"linear",duration:t,repeat:1/0},scale:{type:"spring",damping:20,stiffness:300}}});};return jsx(motion.div,{className:r("relative w-32 h-32 cursor-pointer",o),style:{rotate:s},initial:{rotate:0},animate:i,onMouseEnter:l,onMouseLeave:m,children:a.map((c,d)=>{let p=360/a.length*d,u=60,f=p*Math.PI/180,g=Math.cos(f)*u,b=Math.sin(f)*u;return jsx("span",{className:"absolute text-lg font-bold",style:{transform:`translate(-50%, -50%) translate(${g}px, ${b}px) rotate(${p+90}deg)`,left:"50%",top:"50%"},children:c},d)})})}function ni({text:e,className:t,glowColor:n="#3b82f6",hoverColor:o="#ec4899"}){let[a,i]=useState(false),s=a?o:n;return jsx(motion.div,{className:r("font-bold cursor-pointer select-none",t),onMouseEnter:()=>i(true),onMouseLeave:()=>i(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 oi({text:e="Sliced Text",className:t="",containerClassName:n="",splitSpacing:o=2}){return jsxs(motion.div,{className:r("w-full text-center relative inline-block",n),whileHover:"hover",initial:"default",children:[jsx(motion.div,{className:r("absolute w-full text-4xl -ml-0.5",t),variants:{default:{clipPath:"inset(0 0 50% 0)",y:-o/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:0}},transition:{duration:.1},children:e}),jsx(motion.div,{className:r("absolute w-full text-4xl",t),variants:{default:{clipPath:"inset(50% 0 0 0)",y:o/2,opacity:1},hover:{clipPath:"inset(0 0 0 0)",y:0,opacity:1}},transition:{duration:.1},children:e}),jsx("div",{className:r("invisible text-4xl",t),children:e})]})}function li({text:e,speed:t=50,maxIterations:n=10,sequential:o=false,revealDirection:a="start",useOriginalCharsOnly:i=false,characters:s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:l="",parentClassName:m="",encryptedClassName:c="",animateOn:d="hover",...p}){let[u,f]=useState(e),[g,b]=useState(false),[x,h]=useState(false),[y,v]=useState(new Set),[N,T]=useState(false),S=useRef(null);useEffect(()=>{let L,C=0,M=w=>{let I=e.length;switch(a){case "start":return w.size;case "end":return I-1-w.size;case "center":{let z=Math.floor(I/2),R=Math.floor(w.size/2),D=w.size%2===0?z+R:z-R-1;if(D>=0&&D<I&&!w.has(D))return D;for(let k=0;k<I;k++)if(!w.has(k))return k;return 0}default:return w.size}},O=i?Array.from(new Set(e.split(""))).filter(w=>w!==" "):s.split(""),E=(w,I)=>{if(i){let z=w.split("").map((k,G)=>({char:k,isSpace:k===" ",index:G,isRevealed:I.has(G)})),R=z.filter(k=>!k.isSpace&&!k.isRevealed).map(k=>k.char);for(let k=R.length-1;k>0;k--){let G=Math.floor(Math.random()*(k+1));[R[k],R[G]]=[R[G],R[k]];}let D=0;return z.map(k=>k.isSpace?" ":k.isRevealed?w[k.index]:R[D++]).join("")}else return w.split("").map((z,R)=>z===" "?" ":I.has(R)?w[R]:O[Math.floor(Math.random()*O.length)]).join("")};return g?(h(true),L=setInterval(()=>{v(w=>{if(o)if(w.size<e.length){let I=M(w),z=new Set(w);return z.add(I),f(E(e,z)),z}else return clearInterval(L),h(false),w;else return f(E(e,w)),C++,C>=n&&(clearInterval(L),h(false),f(e)),w});},t)):(f(e),v(new Set),h(false)),()=>{L&&clearInterval(L);}},[g,e,t,n,o,a,s,i]),useEffect(()=>{if(d!=="view"&&d!=="both")return;let L=O=>{O.forEach(E=>{E.isIntersecting&&!N&&(b(true),T(true));});},C=new IntersectionObserver(L,{threshold:.1}),M=S.current;return M&&C.observe(M),()=>{M&&C.unobserve(M);}},[d,N]);let F=d==="hover"||d==="both"?{onMouseEnter:()=>b(true),onMouseLeave:()=>b(false)}:{};return jsxs(motion.span,{className:m,ref:S,style:{display:"inline-block",whiteSpace:"pre-wrap"},...F,...p,children:[jsx("span",{className:"sr-only",children:u}),jsx("span",{"aria-hidden":"true",children:u.split("").map((L,C)=>{let M=y.has(C)||!x||!g;return jsx("span",{className:M?l:c,children:L},C)})})]})}function mi({sentence:e="True Focus",manualMode:t=false,blurAmount:n=5,borderColor:o="green",glowColor:a="rgba(0, 255, 0, 0.6)",animationDuration:i=.5,pauseBetweenAnimations:s=1,className:l}){let m=e.split(" "),[c,d]=useState(0),[p,u]=useState(null),f=useRef(null),g=useRef([]),[b,x]=useState({x:0,y:0,width:0,height:0});return useEffect(()=>{if(!t){let h=setInterval(()=>{d(y=>(y+1)%m.length);},(i+s)*1e3);return ()=>clearInterval(h)}},[t,i,s,m.length]),useEffect(()=>{let h=()=>{if(c===null||c===-1||!g.current[c]||!f.current)return;let y=f.current.getBoundingClientRect(),v=g.current[c].getBoundingClientRect();x({x:v.left-y.left,y:v.top-y.top,width:v.width,height:v.height});};return h(),window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)},[c,m.length]),jsxs("div",{ref:f,className:r("relative flex flex-wrap gap-3 p-12 items-center justify-center",l),children:[m.map((h,y)=>{let v=y===c;return jsx("span",{ref:N=>{g.current[y]=N;},className:"text-4xl font-bold relative z-10",style:{filter:v?"blur(0px)":`blur(${n}px)`,transition:`all ${i}s ease`,color:v?"#000":"#666",transform:v?"scale(1.05)":"scale(1)"},onMouseEnter:()=>t&&(u(y),d(y)),onMouseLeave:()=>t&&d(p??0),children:h},y)}),jsx(motion.div,{className:"absolute pointer-events-none",animate:{x:b.x,y:b.y,width:b.width,height:b.height,opacity:c>=0?1:0},transition:{duration:i},style:{border:`2px solid ${o}`,boxShadow:`0 0 10px ${a}`,borderRadius:4}})]})}function ui({children:e,className:t,...n}){return jsx("div",{className:r("rounded-2xl p-6","bg-white/10 dark:bg-black/10","backdrop-blur-xl","border border-white/20 dark:border-white/10","shadow-xl",t),...n,children:e})}function bi({children:e,className:t,...n}){return jsx("div",{className:r("rounded-2xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800","shadow-lg","transition-all duration-300 ease-out","hover:shadow-2xl hover:-translate-y-1","hover:border-zinc-300 dark:hover:border-zinc-700",t),...n,children:e})}function hi({frontContent:e,backContent:t,className:n}){let[o,a]=useState(false);return jsx("div",{className:r("relative w-full h-full [perspective:1000px]",n),onMouseEnter:()=>a(true),onMouseLeave:()=>a(false),children:jsxs("div",{className:r("relative w-full h-full [transform-style:preserve-3d] transition-transform duration-700",o?"[transform:rotateY(180deg)]":""),children:[jsx("div",{className:r("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:r("absolute inset-0 w-full h-full [backface-visibility:hidden] [transform:rotateY(180deg)]","rounded-2xl bg-zinc-100 dark:bg-zinc-800","border border-zinc-200 dark:border-zinc-700","shadow-lg p-6"),children:t})]})})}function yi({children:e,className:t,hover:n=false}){return jsx("div",{className:r("rounded-xl p-6","bg-white dark:bg-zinc-900","border border-zinc-200 dark:border-zinc-800",n&&"transition-all duration-200 hover:shadow-lg hover:-translate-y-1",t),children:e})}function wi({children:e,className:t}){return jsx("div",{className:r("mb-4",t),children:e})}function ki({children:e,className:t}){return jsx("h3",{className:r("text-lg font-semibold",t),children:e})}function Ni({children:e,className:t}){return jsx("p",{className:r("text-sm text-zinc-500 dark:text-zinc-400",t),children:e})}function Ti({children:e,className:t}){return jsx("div",{className:r("",t),children:e})}function Pi({children:e,className:t}){return jsx("div",{className:r("mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800",t),children:e})}function zi({className:e,size:t="md"}){let n={sm:"w-1.5 h-1.5",md:"w-2.5 h-2.5",lg:"w-4 h-4"};return jsx("div",{className:r("flex items-center justify-center gap-1",e),children:[0,1,2].map(o=>jsx("div",{className:r(n[t],"rounded-full bg-current animate-bounce"),style:{animationDelay:`${o*.15}s`}},o))})}function Ri({className:e,size:t="md"}){return jsx("div",{className:r({sm:"w-4 h-4 border-2",md:"w-8 h-8 border-3",lg:"w-12 h-12 border-4"}[t],"rounded-full border-current border-t-transparent animate-spin",e)})}function Si({className:e,color:t="bg-blue-500"}){return jsx("div",{className:r("h-1 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",e),children:jsx(motion.div,{className:r("h-full rounded-full",t),initial:{x:"-100%"},animate:{x:"100%"},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"},style:{width:"50%"}})})}var Ii={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"};function Bi({className:e,size:t="md",color:n="bg-blue-500"}){return jsxs("div",{className:r("relative",Ii[t],e),children:[jsx(motion.div,{className:r("absolute inset-0 rounded-full",n),animate:{scale:[1,1.5,1],opacity:[.5,0,.5]},transition:{duration:1.5,repeat:1/0,ease:"easeInOut"}}),jsx("div",{className:r("absolute inset-2 rounded-full",n)})]})}function Hi({className:e,color:t="bg-zinc-900 dark:bg-white"}){return jsx("div",{className:r("flex gap-1",e),children:[0,1,2].map(n=>jsx(motion.div,{className:r("w-3 h-3 rounded-full",t),animate:{y:[0,-10,0]},transition:{duration:.6,repeat:1/0,delay:n*.1,ease:"easeInOut"}},n))})}function Di({className:e=""}){return jsxs("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsx("div",{className:"relative",children:jsxs("div",{className:"flex items-center justify-center",children:[[...Array(8)].map((t,n)=>jsx("div",{className:"absolute w-3 h-3 rounded-full bg-black dark:bg-white",style:{transform:`rotate(${n*45}deg) translateY(-20px)`,animation:"flower-pulse 1.5s ease-in-out infinite",animationDelay:`${n*.1}s`}},n)),jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-400"})]})}),jsx("style",{jsx:true,children:`
|
|
11
|
+
`})]})}function Ka({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=f=>{d||(d=f);let p=Math.min((f-d)/t,1),g=1-Math.pow(1-p,4),b=n+(e-n)*g;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 Za({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 ri({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 ai({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 si({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 ci({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 fi({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,f=60,p=m*Math.PI/180,g=Math.cos(p)*f,b=Math.sin(p)*f;return jsx("span",{className:"absolute text-lg font-bold",style:{transform:`translate(-50%, -50%) translate(${g}px, ${b}px) rotate(${m+90}deg)`,left:"50%",top:"50%"},children:d},c)})})}function hi({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 vi({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 Ni({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[f,p]=useState(e),[g,b]=useState(false),[x,v]=useState(false),[y,h]=useState(new Set),[w,k]=useState(false),T=useRef(null);useEffect(()=>{let R,N=0,z=S=>{let B=e.length;switch(i){case "start":return S.size;case "end":return B-1-S.size;case "center":{let A=Math.floor(B/2),I=Math.floor(S.size/2),H=S.size%2===0?A+I:A-I-1;if(H>=0&&H<B&&!S.has(H))return H;for(let L=0;L<B;L++)if(!S.has(L))return L;return 0}default:return S.size}},M=o?Array.from(new Set(e.split(""))).filter(S=>S!==" "):s.split(""),C=(S,B)=>{if(o){let A=S.split("").map((L,O)=>({char:L,isSpace:L===" ",index:O,isRevealed:B.has(O)})),I=A.filter(L=>!L.isSpace&&!L.isRevealed).map(L=>L.char);for(let L=I.length-1;L>0;L--){let O=Math.floor(Math.random()*(L+1));[I[L],I[O]]=[I[O],I[L]];}let H=0;return A.map(L=>L.isSpace?" ":L.isRevealed?S[L.index]:I[H++]).join("")}else return S.split("").map((A,I)=>A===" "?" ":B.has(I)?S[I]:M[Math.floor(Math.random()*M.length)]).join("")};return g?(v(true),R=setInterval(()=>{h(S=>{if(r)if(S.size<e.length){let B=z(S),A=new Set(S);return A.add(B),p(C(e,A)),A}else return clearInterval(R),v(false),S;else return p(C(e,S)),N++,N>=t&&(clearInterval(R),v(false),p(e)),S});},n)):(p(e),h(new Set),v(false)),()=>{R&&clearInterval(R);}},[g,e,n,t,r,i,s,o]),useEffect(()=>{if(c!=="view"&&c!=="both")return;let R=M=>{M.forEach(C=>{C.isIntersecting&&!w&&(b(true),k(true));});},N=new IntersectionObserver(R,{threshold:.1}),z=T.current;return z&&N.observe(z),()=>{z&&N.unobserve(z);}},[c,w]);let P=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"},...P,...m,children:[jsx("span",{className:"sr-only",children:f}),jsx("span",{"aria-hidden":"true",children:f.split("").map((R,N)=>{let z=y.has(N)||!x||!g;return jsx("span",{className:z?l:d,children:R},N)})})]})}function zi({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,f]=useState(null),p=useRef(null),g=useRef([]),[b,x]=useState({x:0,y:0,width:0,height:0});return useEffect(()=>{if(!n){let v=setInterval(()=>{c(y=>(y+1)%u.length);},(o+s)*1e3);return ()=>clearInterval(v)}},[n,o,s,u.length]),useEffect(()=>{let v=()=>{if(d===null||d===-1||!g.current[d]||!p.current)return;let y=p.current.getBoundingClientRect(),h=g.current[d].getBoundingClientRect();x({x:h.left-y.left,y:h.top-y.top,width:h.width,height:h.height});};return v(),window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)},[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((v,y)=>{let h=y===d;return jsx("span",{ref:w=>{g.current[y]=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&&(f(y),c(y)),onMouseLeave:()=>n&&c(m??0),children:v},y)}),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 Si({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 Mi({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 Ai({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 Ei({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 Hi({children:e,className:n}){return jsx("div",{className:a("mb-4",n),children:e})}function Di({children:e,className:n}){return jsx("h3",{className:a("text-lg font-semibold",n),children:e})}function Fi({children:e,className:n}){return jsx("p",{className:a("text-sm text-zinc-500 dark:text-zinc-400",n),children:e})}function Vi({children:e,className:n}){return jsx("div",{className:a("",n),children:e})}function Oi({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 _i({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 $i({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 Yi({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 qi={sm:"w-8 h-8",md:"w-12 h-12",lg:"w-16 h-16"};function Ui({className:e,size:n="md",color:t="bg-blue-500"}){return jsxs("div",{className:a("relative",qi[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 Qi({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 Zi({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 ji({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 es({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 ts({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 rs({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 as({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 Qi({className:e,children:t,delay:n=1e3}){let[o,a]=useState(0),i=jr.Children.toArray(t);useEffect(()=>{let l=setInterval(()=>{a(m=>(m+1)%i.length);},n);return ()=>clearInterval(l)},[i.length,n]);let s=useMemo(()=>i.slice(0,o+1).reverse(),[o,i]);return jsx("div",{className:r("flex flex-col items-center gap-4",e),children:jsx(AnimatePresence,{children:s.map((l,m)=>jsx(Gt,{children:l},m))})})}function Gt({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 Zi({className:e,variant:t="text",width:n,height:o}){return jsx("div",{className:r("animate-pulse bg-zinc-200 dark:bg-zinc-800",{text:"h-4 rounded",circular:"rounded-full",rectangular:"rounded-lg"}[t],e),style:{width:n,height:o}})}function ra({children:e,content:t,position:n="top",className:o}){let[a,i]=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:()=>i(true),onMouseLeave:()=>i(false),children:[e,jsx(AnimatePresence,{children:a&&jsx(motion.div,{className:r("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[n],o),initial:l[n].initial,animate:l[n].animate,exit:l[n].initial,transition:{duration:.15},children:t})})]})}function ca({content:e,children:t,position:n="top",delay:o=300,className:a}){let[i,s]=useState(false),l=useRef(void 0),m=()=>{l.current=setTimeout(()=>s(true),o);},c=()=>{l.current&&clearTimeout(l.current),s(false);},d=()=>({top:"bottom-full left-1/2 -translate-x-1/2 mb-2",bottom:"top-full left-1/2 -translate-x-1/2 mt-2",left:"right-full top-1/2 -translate-y-1/2 mr-2",right:"left-full top-1/2 -translate-y-1/2 ml-2"})[n];return jsxs("div",{className:r("relative inline-block",a),onMouseEnter:m,onMouseLeave:c,children:[t,jsx(AnimatePresence,{children:i&&jsx(motion.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.15},className:r("absolute z-50 px-3 py-2 text-sm bg-popover border border-border rounded-lg shadow-md whitespace-nowrap",d()),children:e})})]})}function ba({content:e,children:t,position:n="top",delay:o=200,animation:a="slide",className:i}){let[s,l]=useState(false),m=useRef(void 0),c=()=>{m.current=setTimeout(()=>l(true),o);},d=()=>{m.current&&clearTimeout(m.current),l(false);},p=()=>({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"})[n],u=()=>{let g={top:{y:10},bottom:{y:-10},left:{x:10},right:{x:-10}},{x:b=0,y:x=0}=g[n];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:n==="top"?10:-10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.3,y:n==="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}}}[a],transition:{type:"spring",stiffness:300,damping:25}}};return jsxs("div",{className:r("relative inline-block",i),onMouseEnter:c,onMouseLeave:d,children:[t,jsx(AnimatePresence,{children:s&&jsx(motion.div,{...u(),className:r("absolute z-50 px-4 py-2 text-sm bg-popover border border-border rounded-xl shadow-lg whitespace-nowrap backdrop-blur-sm",p()),children:e})})]})}var xa={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"},ha={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 va({children:e,variant:t="default",size:n="md",className:o}){return jsx("span",{className:r("inline-flex items-center font-medium rounded-full",xa[t],ha[n],o),children:e})}var wa={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 ka({src:e,alt:t="",fallback:n,size:o="md",className:a}){let i=n||t.split(" ").map(s=>s[0]).join("").slice(0,2).toUpperCase();return jsx("div",{className:r("relative inline-flex items-center justify-center rounded-full bg-zinc-200 dark:bg-zinc-800 overflow-hidden",wa[o],a),children:e?jsx("img",{src:e,alt:t,className:"w-full h-full object-cover"}):jsx("span",{className:"font-medium text-zinc-600 dark:text-zinc-400",children:i})})}function Ta({value:e,max:t=100,className:n,color:o="bg-blue-500",showLabel:a=false}){let i=Math.min(Math.max(e/t*100,0),100);return jsxs("div",{className:r("w-full",n),children:[jsx("div",{className:"h-2 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",children:jsx(motion.div,{className:r("h-full rounded-full",o),initial:{width:0},animate:{width:`${i}%`},transition:{duration:.5,ease:"easeOut"}})}),a&&jsxs("span",{className:"mt-1 text-sm text-zinc-600 dark:text-zinc-400",children:[Math.round(i),"%"]})]})}var za={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 Ra({checked:e=false,onChange:t,disabled:n=false,size:o="md",className:a}){let i=za[o];return jsx("button",{type:"button",role:"switch","aria-checked":e,disabled:n,onClick:()=>t?.(!e),className:r("relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors",e?"bg-blue-500":"bg-zinc-300 dark:bg-zinc-700",n&&"opacity-50 cursor-not-allowed",i.track,a),children:jsx(motion.span,{className:r("pointer-events-none inline-block rounded-full bg-white shadow-lg",i.thumb),animate:{x:e?i.translate:2},transition:{type:"spring",stiffness:500,damping:30},style:{marginTop:2}})})}function Sa({items:e,className:t,allowMultiple:n=false}){let[o,a]=useState([]),i=s=>{a(n?l=>l.includes(s)?l.filter(m=>m!==s):[...l,s]:l=>l.includes(s)?[]:[s]);};return jsx("div",{className:r("w-full space-y-2",t),children:e.map((s,l)=>jsxs("div",{className:"border border-zinc-200 dark:border-zinc-800 rounded-lg overflow-hidden",children:[jsxs("button",{onClick:()=>i(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:o.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:o.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 Ia({tabs:e,className:t,defaultIndex:n=0}){let[o,a]=useState(n);return jsxs("div",{className:r("w-full",t),children:[jsx("div",{className:"relative flex border-b border-zinc-200 dark:border-zinc-800",children:e.map((i,s)=>jsxs("button",{onClick:()=>a(s),className:r("px-4 py-2 text-sm font-medium transition-colors relative",o===s?"text-zinc-900 dark:text-white":"text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200"),children:[i.label,o===s&&jsx(motion.div,{layoutId:"activeTab",className:"absolute bottom-0 left-0 right-0 h-0.5 bg-zinc-900 dark:bg-white",transition:{type:"spring",stiffness:500,damping:30}})]},s))}),jsx(motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.2},className:"py-4",children:e[o].content},o)]})}function Ea({isOpen:e,onClose:t,children:n,className:o,title:a}){return useEffect(()=>{let i=s=>{s.key==="Escape"&&t();};return e&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow="unset";}},[e,t]),jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},transition:{type:"spring",damping:25,stiffness:300},className:r("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-50","w-full max-w-md p-6 rounded-xl","bg-white dark:bg-zinc-900","shadow-xl",o),children:[a&&jsxs("div",{className:"flex items-center justify-between mb-4",children:[jsx("h2",{className:"text-lg font-semibold",children:a}),jsx("button",{onClick:t,className:"p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),n]})]})})}function Fa({isOpen:e,onClose:t,children:n,className:o,position:a="right"}){useEffect(()=>{let l=m=>{m.key==="Escape"&&t();};return e&&(document.addEventListener("keydown",l),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",l),document.body.style.overflow="unset";}},[e,t]);let i={left:{initial:{x:"-100%"},animate:{x:0},exit:{x:"-100%"}},right:{initial:{x:"100%"},animate:{x:0},exit:{x:"100%"}},bottom:{initial:{y:"100%"},animate:{y:0},exit:{y:"100%"}}},s={left:"left-0 top-0 h-full w-80",right:"right-0 top-0 h-full w-80",bottom:"bottom-0 left-0 right-0 h-auto max-h-[80vh]"};return jsx(AnimatePresence,{children:e&&jsxs(Fragment,{children:[jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxs(motion.div,{initial:i[a].initial,animate:i[a].animate,exit:i[a].exit,transition:{type:"spring",damping:25,stiffness:300},className:r("fixed z-50 p-6","bg-white dark:bg-zinc-900","shadow-xl",s[a],o),children:[jsx("button",{onClick:t,className:"absolute top-4 right-4 p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),n]})]})})}function Ga({className:e="",close:t=false,children:n,onClose:o}){let[a,i]=jr.useState(true);if(!a)return null;let s=()=>{i(false),o?.();};return jsx("div",{className:r("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:[n,t&&jsx("button",{onClick:s,className:"absolute top-2 right-2 text-gray-500 hover:text-gray-700 dark:text-white/60 dark:hover:text-white transition-colors",children:jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})})})}function Va({children:e,className:t}){return jsx("div",{className:r("text-primary flex-shrink-0",t),children:e})}function Xa({children:e,className:t}){return jsx("span",{className:r("text-foreground font-medium text-sm flex-1",t),children:e})}function Wa({children:e,className:t}){return jsx("div",{className:r("flex items-center gap-2",t),children:e})}function qa({children:e,className:t,title:n="Terminal"}){return jsxs("div",{className:r("relative w-full max-w-2xl mx-auto bg-zinc-100 dark:bg-black rounded-lg overflow-hidden shadow-2xl","border border-zinc-300 dark:border-gray-800",t),children:[jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-zinc-200 dark:bg-gray-800 border-b border-zinc-300 dark:border-gray-700",children:[jsxs("div",{className:"flex items-center space-x-2",children:[jsx("div",{className:"w-3 h-3 bg-red-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"})]}),jsx("div",{className:"text-zinc-600 dark:text-gray-400 text-sm font-mono",children:n}),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 Ua({children:e,className:t,delay:n=0,speed:o=50}){let[a,i]=useState(""),[s,l]=useState(false);return useEffect(()=>{let m=setTimeout(()=>{let c=0,d=setInterval(()=>{c<=e.length?(i(e.slice(0,c)),c++):(l(true),clearInterval(d));},o);return ()=>clearInterval(d)},n);return ()=>clearTimeout(m)},[e,n,o]),jsxs("div",{className:r("flex items-center",t),children:[jsx("span",{children:a}),!s&&jsx("span",{className:"ml-1 animate-pulse bg-white w-2 h-4 inline-block"})]})}function Ja({children:e,className:t,delay:n=0}){let[o,a]=useState(false);return useEffect(()=>{let i=setTimeout(()=>{a(true);},n);return ()=>clearTimeout(i)},[n]),jsx("div",{className:r("transition-all duration-500 transform",o?"opacity-100 translate-y-0":"opacity-0 translate-y-2",t),children:e})}function ts({children:e,initialStep:t=1,onStepChange:n=()=>{},onFinalStepCompleted:o=()=>{},backButtonText:a="Back",nextButtonText:i="Continue",disableStepIndicators:s=false,className:l,...m}){let[c,d]=useState(t),[p,u]=useState(0),f=Children.toArray(e),g=f.length,b=c>g,x=c===g,h=T=>{d(T),T>g?o():n(T);},y=()=>{c>1&&(u(-1),h(c-1));},v=()=>{x||(u(1),h(c+1));},N=()=>{u(1),h(g+1);};return jsxs("div",{className:r("w-full max-w-md mx-auto",l),...m,children:[jsx("div",{className:"flex items-center justify-between mb-8",children:f.map((T,S)=>{let F=S+1,L=S<g-1;return jsxs(jr.Fragment,{children:[jsx(is,{step:F,disableStepIndicators:s,currentStep:c,onClickStep:C=>{u(C>c?1:-1),h(C);}}),L&&jsx(as,{isComplete:c>F})]},F)})}),jsx(ns,{isCompleted:b,currentStep:c,direction:p,children:f[c-1]}),!b&&jsxs("div",{className:r("flex mt-8",c!==1?"justify-between":"justify-end"),children:[c!==1&&jsx("button",{onClick:y,className:"px-4 py-2 text-sm font-medium text-zinc-400 hover:text-white transition-colors rounded-lg hover:bg-zinc-800",children:a}),jsx("button",{onClick:x?N:v,className:"px-4 py-2 text-sm font-medium bg-white text-black rounded-lg hover:bg-zinc-200 transition-colors",children:x?"Complete":i})]})]})}function ns({isCompleted:e,currentStep:t,direction:n,children:o}){let[a,i]=useState(0);return jsx(motion.div,{className:"relative overflow-hidden",animate:{height:e?0:a},transition:{type:"spring",duration:.4},children:jsx(AnimatePresence,{initial:false,mode:"sync",custom:n,children:!e&&jsx(rs,{direction:n,onHeightReady:s=>i(s),children:o},t)})})}function rs({children:e,direction:t,onHeightReady:n}){let o=useRef(null);useLayoutEffect(()=>{o.current&&n(o.current.offsetHeight);},[e,n]);let a={enter:i=>({x:i>=0?"-100%":"100%",opacity:0}),center:{x:"0%",opacity:1},exit:i=>({x:i>=0?"50%":"-50%",opacity:0})};return jsx(motion.div,{ref:o,custom:t,variants:a,initial:"enter",animate:"center",exit:"exit",transition:{duration:.4},className:"absolute left-0 right-0 top-0",children:e})}function os({children:e}){return jsx("div",{className:"p-4 rounded-lg bg-zinc-900 border border-zinc-800",children:e})}function is({step:e,currentStep:t,onClickStep:n,disableStepIndicators:o}){let a=t===e?"active":t<e?"inactive":"complete",i=()=>{e!==t&&!o&&n(e);};return jsx(motion.button,{onClick:i,disabled:o,className:r("relative flex items-center justify-center w-10 h-10 rounded-full text-sm font-medium transition-all",a==="inactive"&&"bg-zinc-800 text-zinc-500 border border-zinc-700",a==="active"&&"bg-white text-black border-2 border-white",a==="complete"&&"bg-white text-black border-2 border-white",!o&&"cursor-pointer hover:opacity-80"),animate:a,initial:false,children:a==="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 as({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 an=createContext(null),sn=()=>{let e=useContext(an);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},ln=forwardRef(({data:e,initialSelectedId:t,onSelectChange:n,initialExpandedItems:o=[],elements:a,className:i,...s},l)=>{let[m,c]=useState(t),[d,p]=useState(o),u=useCallback(b=>{p(x=>x.includes(b)?x.filter(h=>h!==b):[...x,b]);},[]),f=useCallback(b=>{let x=e||a||[],h=Array.isArray(x)?x:[x],y=N=>{for(let T of N){if(T.id===b)return T;if(T.children){let S=y(T.children);if(S)return S}}},v=y(h);v?.isSelectable&&(c(b),n?.(v));},[e,a,n]),g={selectedId:m,expandedItems:d,handleExpand:u,handleSelect:f,data:e||a||[]};return jsx(an.Provider,{value:g,children:jsx("div",{className:r("relative overflow-hidden",i),ref:l,...s,children:jr.Children.map(s.children,b=>b)})})});ln.displayName="Tree";var cn=forwardRef(({className:e,element:t,value:n,isSelectable:o=true,children:a,...i},s)=>{let{selectedId:l,expandedItems:m,handleExpand:c,handleSelect:d}=sn();return jsxs("div",{ref:s,className:"relative",...i,children:[jsxs("div",{className:r("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",l===n&&"bg-muted",e),onClick:()=>{c(n),o&&d(n);},children:[jsx("svg",{className:r("h-4 w-4 shrink-0 transition-transform duration-200",m.includes(n)&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),jsx("span",{className:"truncate",children:t})]}),m.includes(n)&&jsx("div",{className:"ml-4 border-l border-muted pl-2",children:a})]})});cn.displayName="Folder";var dn=forwardRef(({className:e,value:t,isSelectable:n=true,children:o,...a},i)=>{let{selectedId:s,handleSelect:l}=sn();return jsxs("div",{ref:i,className:r("flex cursor-pointer items-center gap-1 rounded-md px-2 py-1 text-sm hover:bg-muted",s===t&&"bg-muted",e),onClick:()=>n&&l(t),...a,children:[jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),jsx("div",{className:"truncate",children:o})]})});dn.displayName="File";function fs({mv:e,number:t,height:n}){let o=useTransform(e,a=>{let i=a%10,s=(10+t-i)%10,l=s*n;return s>5&&(l-=10*n),l});return jsx(motion.span,{style:{y:o,position:"absolute",inset:0,display:"flex",justifyContent:"center"},children:t})}function bs({place:e,value:t,height:n,digitStyle:o}){let a=Math.floor(t/e),i=useSpring(a,{stiffness:200,damping:25});return useEffect(()=>{i.set(a);},[i,a]),jsx("div",{style:{height:n,position:"relative",overflow:"hidden",...o},children:Array.from({length:10},(s,l)=>jsx(fs,{mv:i,number:l,height:n},l))})}function gs({value:e,fontSize:t=100,padding:n=0,places:o=[100,10,1],gap:a=8,textColor:i="#000000",fontWeight:s=900,containerStyle:l,digitStyle:m}){let c=t+n;return jsx("div",{style:{display:"flex",gap:a,fontSize:t,color:i,fontWeight:s,...l},children:o.map(d=>jsx(bs,{place:d,value:e,height:c,digitStyle:m},d))})}var vs={initial:{gap:0,paddingLeft:".5rem",paddingRight:".5rem"},animate:e=>({gap:e?".5rem":0,paddingLeft:e?"1rem":".5rem",paddingRight:e?"1rem":".5rem"})},ys={initial:{width:0,opacity:0},animate:{width:"auto",opacity:1},exit:{width:0,opacity:0}},pn={type:"spring",bounce:0,duration:.4};function ws({className:e,items:t,defaultSelected:n,onItemClick:o}){let[a,i]=useState(n||null),s=l=>{i(a===l?null:l),o?.(l);};return jsx("div",{className:r("flex items-center gap-3 p-2 relative","bg-background border rounded-xl transition-all duration-200",e),children:jsx("div",{className:"flex items-center gap-2",children:t.map(l=>jsxs(motion.button,{variants:vs,initial:false,animate:"animate",custom:a===l.id,onClick:()=>s(l.id),transition:pn,className:r("relative flex items-center rounded-none px-3 py-2","text-sm font-medium transition-colors duration-300",a===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:a===l.id&&jsx(motion.span,{variants:ys,initial:"initial",animate:"animate",exit:"exit",transition:pn,className:"overflow-hidden",children:l.title})})]},l.id))})})}function Rs({className:e,children:t,direction:n="middle"}){let o={top:"items-start",middle:"items-center",bottom:"items-end"};return jsx(motion.div,{className:r("mx-auto w-max mt-8 h-[58px] p-2 flex gap-2 rounded-2xl border","supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 backdrop-blur-md","border-gray-200 bg-gray-50/80 dark:border-gray-800 dark:bg-gray-900/80",o[n],e),children:t})}function Cs({size:e=40,magnification:t=60,distance:n=140,children:o,className:a}){let i=useRef(null),s=useMotionValue(1/0),l=useSpring(useTransform(s,[-n,0,n],[e,t,e]),{mass:.1,stiffness:150,damping:12});return jsx(motion.div,{ref:i,style:{width:l},onMouseMove:m=>s.set(m.pageX-i.current.offsetLeft-l.get()/2),onMouseLeave:()=>s.set(1/0),className:r("flex aspect-square cursor-pointer items-center justify-center rounded-full",a),children:o})}var gn=forwardRef(({className:e,label:t,error:n,icon:o,...a},i)=>jsxs("div",{className:"w-full",children:[t&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsxs("div",{className:"relative",children:[o&&jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400",children:o}),jsx("input",{ref:i,className:r("w-full px-4 py-2 rounded-lg","bg-white dark:bg-zinc-900","border border-zinc-300 dark:border-zinc-700","text-zinc-900 dark:text-zinc-100","placeholder:text-zinc-400 dark:placeholder:text-zinc-500","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent","transition-all duration-200",o&&"pl-10",n&&"border-red-500 focus:ring-red-500",e),...a})]}),n&&jsx("p",{className:"mt-1 text-sm text-red-500",children:n})]}));gn.displayName="Input";var xn=forwardRef(({className:e,label:t,error:n,...o},a)=>jsxs("div",{className:"w-full",children:[t&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsx("textarea",{ref:a,className:r("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",n&&"border-red-500 focus:ring-red-500",e),...o}),n&&jsx("p",{className:"mt-1 text-sm text-red-500",children:n})]}));xn.displayName="Textarea";function Bs({checked:e=false,onChange:t,label:n,disabled:o=false,className:a}){return jsxs("label",{className:r("inline-flex items-center gap-2 cursor-pointer",o&&"opacity-50 cursor-not-allowed",a),children:[jsx("button",{type:"button",role:"checkbox","aria-checked":e,disabled:o,onClick:()=>t?.(!e),className:r("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"})})}),n&&jsx("span",{className:"text-sm",children:n})]})}function Hs({options:e,value:t,onChange:n,name:o,className:a,direction:i="vertical"}){return jsx("div",{className:r("flex gap-3",i==="vertical"?"flex-col":"flex-row flex-wrap",a),children:e.map(s=>jsxs("label",{className:"inline-flex items-center gap-2 cursor-pointer",children:[jsx("button",{type:"button",role:"radio","aria-checked":t===s.value,onClick:()=>n?.(s.value),className:r("w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors",t===s.value?"border-blue-500":"border-zinc-300 dark:border-zinc-600"),children:jsx(motion.div,{initial:false,animate:{scale:t===s.value?1:0,opacity:t===s.value?1:0},transition:{duration:.15},className:"w-2.5 h-2.5 rounded-full bg-blue-500"})}),jsx("span",{className:"text-sm",children:s.label})]},s.value))})}function Gs({options:e,value:t,onChange:n,placeholder:o="Select...",className:a,label:i}){let[s,l]=useState(false),m=useRef(null),c=e.find(d=>d.value===t);return useEffect(()=>{let d=p=>{m.current&&!m.current.contains(p.target)&&l(false);};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[]),jsxs("div",{className:"w-full",children:[i&&jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:i}),jsxs("div",{ref:m,className:r("relative",a),children:[jsxs("button",{type:"button",onClick:()=>l(!s),className:r("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:c?"":"text-zinc-400",children:c?.label||o}),jsx(motion.svg,{animate:{rotate:s?180:0},transition:{duration:.2},className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsx(AnimatePresence,{children:s&&jsx(motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.15},className:r("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(d=>jsx("button",{type:"button",onClick:()=>{n?.(d.value),l(false);},className:r("w-full px-4 py-2 text-left","hover:bg-zinc-100 dark:hover:bg-zinc-800","transition-colors",t===d.value&&"bg-blue-50 dark:bg-blue-900/20 text-blue-600"),children:d.label},d.value))})})]})]})}export{Sa as Accordion,Ga as Alert,Va as AlertIcon,Xa as AlertTitle,Wa as AlertToolbar,Qi as AnimatedList,Gt as AnimatedListItem,Ja as AnimatedSpan,Nr as AttractButton,ka as Avatar,va as Badge,Fr as BlurText,En as BounceButton,Br as BounceText,yi as Card,Ti as CardContent,Ni as CardDescription,hi as CardFlip,Pi as CardFooter,wi as CardHeader,ki as CardTitle,Bs as Checkbox,jo as CircularText,Pr as CommandButton,mr as CopyButton,Eo as CountUp,gs as Counter,li as DecryptedText,Rs as Dock,Cs as DockIcon,Fa as Drawer,No as DynamicText,Uo as ElasticText,dn as File,Jr as FlipText,cn as Folder,no as FuzzyText,ui as GlassCard,Sr as GlitchText,_n as GlowButton,ni as GlowingText,er as GradientButton,Rr as GradientText,rr as HoldButton,bi as HoverCard,gn as Input,qn as LiquidButton,so as LiquidText,Si as LoadingBar,Hi as LoadingBounce,zi as LoadingDots,Di as LoadingFlower,_i as LoadingGeometric,Fi as LoadingMorph,Bi as LoadingPulse,$i as LoadingRings,Ri as LoadingSpinner,Gi as LoadingText,Xi as LoadingWords,Bn as MagneticButton,xo as MagneticText,io as MatrixText,Ea as Modal,Xo as MorphText,Xn as NeonButton,xr as ParticleButton,Yo as PerspectiveText,Ta as Progress,$n as PulseButton,Hs as RadioGroup,So as RainbowText,Do as RevealText,Cn as RippleButton,Co as RotatingText,po as ScrambledText,Gs as Select,Mr as ShimmerText,Nn as ShineButton,Kr as ShinyText,Zi as Skeleton,oi as SlicedText,Qn as SlideButton,Go as SplitText,Mo as StaggerText,os as Step,ts as Stepper,Ra as Switch,lo as SwooshText,Ia as Tabs,qa as Terminal,xn as Textarea,lr as ThreeDButton,ws as Toolbar,ra as Tooltip,ba as TooltipAnimated,ca as TooltipMinimal,ln as Tree,mi as TrueFocus,Vr as Typewriter,Ua as TypingAnimation,qr as WaveText,r as cn};//# sourceMappingURL=index.mjs.map
|
|
32
|
+
`})]})}function ms({className:e,children:n,delay:t=1e3}){let[r,i]=useState(0),o=ga.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(Bn,{children:l},u))})})}function Bn({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 ps({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 xs({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 Ts({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 Ms({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],f=()=>{let g={top:{y:10},bottom:{y:-10},left:{x:10},right:{x:-10}},{x:b=0,y:x=0}=g[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,{...f(),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 Ls={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"},As={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 Bs({children:e,variant:n="default",size:t="md",className:r}){return jsx("span",{className:a("inline-flex items-center font-medium rounded-full",Ls[n],As[t],r),children:e})}var Hs={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 Ds({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",Hs[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 Vs({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 _s={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 $s({checked:e=false,onChange:n,disabled:t=false,size:r="md",className:i}){let o=_s[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 Ys({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 qs({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 Ks({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 el({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 rl({className:e="",close:n=false,children:t,onClose:r}){let[i,o]=ga.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 ol({children:e,className:n}){return jsx("div",{className:a("text-primary flex-shrink-0",n),children:e})}function al({children:e,className:n}){return jsx("span",{className:a("text-foreground font-medium text-sm flex-1",n),children:e})}function il({children:e,className:n}){return jsx("div",{className:a("flex items-center gap-2",n),children:e})}function ll({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 cl({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 dl({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 bl({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,f]=useState(0),p=Children.toArray(e),g=p.length,b=d>g,x=d===g,v=k=>{c(k),k>g?r():t(k);},y=()=>{d>1&&(f(-1),v(d-1));},h=()=>{x||(f(1),v(d+1));},w=()=>{f(1),v(g+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 P=T+1,R=T<g-1;return jsxs(ga.Fragment,{children:[jsx(yl,{step:P,disableStepIndicators:s,currentStep:d,onClickStep:N=>{f(N>d?1:-1),v(N);}}),R&&jsx(wl,{isComplete:d>P})]},P)})}),jsx(hl,{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:y,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 hl({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(xl,{direction:t,onHeightReady:s=>o(s),children:r},n)})})}function xl({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 vl({children:e}){return jsx("div",{className:"p-4 rounded-lg bg-zinc-900 border border-zinc-800",children:e})}function yl({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 wl({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 Qn=createContext(null),Zn=()=>{let e=useContext(Qn);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},jn=forwardRef(({data:e,initialSelectedId:n,onSelectChange:t,initialExpandedItems:r=[],elements:i,className:o,...s},l)=>{let[u,d]=useState(n),[c,m]=useState(r),f=useCallback(b=>{m(x=>x.includes(b)?x.filter(v=>v!==b):[...x,b]);},[]),p=useCallback(b=>{let x=e||i||[],v=Array.isArray(x)?x:[x],y=w=>{for(let k of w){if(k.id===b)return k;if(k.children){let T=y(k.children);if(T)return T}}},h=y(v);h?.isSelectable&&(d(b),t?.(h));},[e,i,t]),g={selectedId:u,expandedItems:c,handleExpand:f,handleSelect:p,data:e||i||[]};return jsx(Qn.Provider,{value:g,children:jsx("div",{className:a("relative overflow-hidden",o),ref:l,...s,children:ga.Children.map(s.children,b=>b)})})});jn.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}=Zn();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 tr=forwardRef(({className:e,value:n,isSelectable:t=true,children:r,...i},o)=>{let{selectedId:s,handleSelect:l}=Zn();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})]})});tr.displayName="File";function Cl({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 Ml({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(Cl,{mv:o,number:l,height:t},l))})}function Il({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(Ml,{place:c,value:e,height:d,digitStyle:u},c))})}var Bl={initial:{gap:0,paddingLeft:".5rem",paddingRight:".5rem"},animate:e=>({gap:e?".5rem":0,paddingLeft:e?"1rem":".5rem",paddingRight:e?"1rem":".5rem"})},El={initial:{width:0,opacity:0},animate:{width:"auto",opacity:1},exit:{width:0,opacity:0}},rr={type:"spring",bounce:0,duration:.4};function Hl({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:Bl,initial:false,animate:"animate",custom:i===l.id,onClick:()=>s(l.id),transition:rr,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:El,initial:"initial",animate:"animate",exit:"exit",transition:rr,className:"overflow-hidden",children:l.title})})]},l.id))})})}function $l({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 Xl({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 sr=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})]}));sr.displayName="Input";var lr=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})]}));lr.displayName="Textarea";function Ul({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 Ql({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 rc({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 sc({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 f=m.slice(0,e).split(""),p=[...i];f.forEach((b,x)=>{c+x<e&&(p[c+x]=b);}),o(p);let g=Math.min(c+f.length,e-1);s.current[g]?.focus();return}if(/^\d*$/.test(m)){let f=[...i];f[c]=m,o(f),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 f=[...i];f[c]="",o(f);}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:f=>{s.current[m]=f;},type:"text",inputMode:"numeric",maxLength:1,value:c,onChange:f=>l(m,f.target.value),onKeyDown:f=>u(m,f),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 cc({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 mc({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 fc(...e){return e.filter(Boolean).join(" ")}function gc({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:fc("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 xc(...e){return e.filter(Boolean).join(" ")}function vc({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:xc("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 Ie(...e){return e.filter(Boolean).join(" ")}function kc({className:e,onChange:n}){let[t,r]=useState(false);return jsx("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Ie("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:Ie("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:Ie("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:Ie("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 Ae(...e){return e.filter(Boolean).join(" ")}function Pc({className:e,onChange:n}){let[t,r]=useState(false),i=()=>{let o=!t;r(o),n?.(o);};return jsxs("label",{className:Ae("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:Ae("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:Ae("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:Ae("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 Sc(...e){return e.filter(Boolean).join(" ")}function Cc({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Sc("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 Lc(...e){return e.filter(Boolean).join(" ")}function Ac({className:e,onChange:n}){let[t,r]=useState(false);return jsxs("button",{onClick:()=>{let o=!t;r(o),n?.(o);},className:Lc("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 Hc({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 g=p.parentElement;if(!g)return;let b,x=()=>{let{width:h,height:w}=g.getBoundingClientRect();(p.width!==h||p.height!==w)&&(p.width=h,p.height=w);},v=()=>{clearTimeout(b),b=setTimeout(x,100);},y=new ResizeObserver(v);return y.observe(g),x(),()=>{y.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 g=p.getContext("2d");if(!g)return;let b,x=v=>{c.current||(c.current=v),g.clearRect(0,0,p.width,p.height),d.current=d.current.filter(y=>{let h=v-y.startTime;if(h>=i)return false;let w=h/i,k=m(w),T=k*t*s,P=n*(1-k),R=y.x+T*Math.cos(y.angle),N=y.y+T*Math.sin(y.angle),z=y.x+(T+P)*Math.cos(y.angle),M=y.y+(T+P)*Math.sin(y.angle);return g.strokeStyle=e,g.lineWidth=2,g.beginPath(),g.moveTo(R,N),g.lineTo(z,M),g.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 g=u.current;if(!g)return;let b=g.getBoundingClientRect(),x=p.clientX-b.left,v=p.clientY-b.top,y=performance.now(),h=Array.from({length:r},(w,k)=>({x,y:v,angle:2*Math.PI*k/r,startTime:y}));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 $c({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 Yc({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 Uc({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 Qc({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 zt=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;}},gr={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 ed(e,n){return e<=0||n?0:e>=100?100*.001:e*.001}function td({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),f=useRef(typeof window<"u"?window.matchMedia("(prefers-reduced-motion: reduce)").matches:false).current,p=gr[e]||gr.default,g=n??p.gap,b=t??p.speed,x=r??p.colors,v=i??p.noFocus,y=()=>{if(!l.current||!u.current)return;let N=l.current.getBoundingClientRect(),z=Math.floor(N.width)||300,M=Math.floor(N.height)||400,C=u.current.getContext("2d");if(!C)return;u.current.width=z,u.current.height=M,u.current.style.width=`${z}px`,u.current.style.height=`${M}px`;let S=x.split(",").map(I=>I.trim()),B=[],A=Math.max(parseInt(g.toString(),10),3);for(let I=0;I<z;I+=A)for(let H=0;H<M;H+=A){let L=S[Math.floor(Math.random()*S.length)],O=I-z/2,Z=H-M/2,U=Math.sqrt(O*O+Z*Z),fe=f?0:U;B.push(new zt(u.current,C,I,H,L,ed(b,f),fe));}d.current=B;},h=N=>{c.current=requestAnimationFrame(()=>h(N));let z=performance.now(),M=z-m.current,C=1e3/60;if(M<C)return;m.current=z-M%C;let S=u.current?.getContext("2d");if(!S||!u.current)return;S.clearRect(0,0,u.current.width,u.current.height);let B=true;for(let A=0;A<d.current.length;A++){let I=d.current[A];I[N](),I.isIdle||(B=false);}B&&c.current&&cancelAnimationFrame(c.current);},w=N=>{c.current!==null&&cancelAnimationFrame(c.current),c.current=requestAnimationFrame(()=>h(N));},k=()=>w("appear"),T=()=>w("disappear"),P=N=>{N.currentTarget.contains(N.relatedTarget)||w("appear");},R=N=>{N.currentTarget.contains(N.relatedTarget)||w("disappear");};return useEffect(()=>{y();let N=new ResizeObserver(()=>{y();});return l.current&&N.observe(l.current),()=>{N.disconnect(),c.current!==null&&cancelAnimationFrame(c.current);}},[g,b,x,v]),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:v?void 0:P,onBlur:v?void 0:R,tabIndex:v?-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 Rt={damping:30,stiffness:100,mass:2};function ad({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:f=false,className:p}){let g=useRef(null),b=useMotionValue(0),x=useMotionValue(0),v=useSpring(useMotionValue(0),Rt),y=useSpring(useMotionValue(0),Rt),h=useSpring(1,Rt),w=useSpring(0),k=useSpring(0,{stiffness:350,damping:30,mass:1}),[T,P]=useState(0);function R(M){if(!g.current)return;let C=g.current.getBoundingClientRect(),S=M.clientX-C.left-C.width/2,B=M.clientY-C.top-C.height/2,A=B/(C.height/2)*-u,I=S/(C.width/2)*u;v.set(A),y.set(I),b.set(M.clientX-C.left),x.set(M.clientY-C.top);let H=B-T;k.set(-H*.6),P(B);}function N(){h.set(l),w.set(1);}function z(){w.set(0),h.set(1),v.set(0),y.set(0),k.set(0);}return jsxs("figure",{ref:g,className:a("relative flex items-center justify-center [perspective:800px]",p),style:{height:r,width:i},onMouseMove:R,onMouseEnter:N,onMouseLeave:z,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:v,rotateY:y,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}}),f&&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 sd({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
|
+
@keyframes scroll {
|
|
34
|
+
from {
|
|
35
|
+
transform: translateX(0);
|
|
36
|
+
}
|
|
37
|
+
to {
|
|
38
|
+
transform: translateX(calc(-50% - 0.5rem));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
`})]})}function ud({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 kr=" .:-=+*#%@";function bd({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 f=m.measureText(e),p=Math.ceil(f.width),g=r*1.2;c.width=p,c.height=g,m.fillStyle=i,m.font=`bold ${r}px monospace`,m.textBaseline="middle",m.fillText(e,0,g/2);let x=m.getImageData(0,0,p,g).data,v=Math.floor(p/t),y=Math.floor(g/t),h="";for(let w=0;w<y;w++){for(let k=0;k<v;k++){let T=k*t,R=(w*t*p+T)*4,N=(x[R]+x[R+1]+x[R+2])/3,z=Math.floor(N/255*(kr.length-1));h+=kr[z];}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 kd({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 f=new IntersectionObserver(([p])=>{p.isIntersecting&&u(true);},{threshold:.1});return f.observe(d.current),()=>f.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((f,p)=>{let g=n.includes(f.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(g&&t),children:f},`${f}-${p}`)})})})}function zd(...e){return e.filter(Boolean).join(" ")}function Rd({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,f]=useState(c?n:t),p=(s-l)/2,g=2*Math.PI*p,b=useMotionValue(m),x=useSpring(b,{damping:30,stiffness:100}),v=useTransform(x,[n,e],[0,g]),y=useTransform(x,h=>Math.round(h));return useEffect(()=>{if(c){let h=setInterval(()=>{f(w=>{let k=w+1;return k>e?n:k});},d*10);return ()=>clearInterval(h)}else f(t);},[c,t,e,n,d]),useEffect(()=>{b.set(m);},[m,b]),jsxs("div",{className:zd("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:g,strokeDashoffset:useTransform(v,h=>g-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:g,strokeDashoffset:useTransform(v,h=>g-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:y}),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),P=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:P-2},animate:{opacity:[.3,1,.3],scale:[.8,1.2,.8]},transition:{duration:2,repeat:1/0,delay:w*.2}},w)})})]})}function Sd({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
|
+
@keyframes invert-move { 50% { left: calc(100% - 3rem); } }
|
|
44
|
+
`}})]})})}function ue(...e){return e.filter(Boolean).join(" ")}function Md({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:ue("flex flex-col items-center justify-center gap-8 p-8",r),...i,children:[jsxs(motion.div,{className:ue("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:ue("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:ue(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:ue(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 _e(...e){return e.filter(Boolean).join(" ")}function Bd({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:_e("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:_e("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:_e("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:_e("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 Hd(...e){return e.filter(Boolean).join(" ")}function Dd({children:e,className:n}){return jsxs("div",{className:Hd("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 Gd(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 qd({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),f=e?{container:e}:{},{scrollY:p}=useScroll(f),g=useVelocity(p),b=useSpring(g,{damping:i,stiffness:o}),x=useTransform(b,l.input,l.output,{clamp:false}),v=useRef(null),y=Gd(v);function h(P,R,N){let z=R-P;return ((N-P)%z+z)%z+P}let w=useTransform(m,P=>y===0?"0px":`${h(-y,0,P)}px`),k=useRef(1);useAnimationFrame((P,R)=>{let N=k.current*c*(R/1e3);x.get()<0?k.current=-1:x.get()>0&&(k.current=1),N+=k.current*N*x.get(),m.set(m.get()+N);});let T=[];for(let P=0;P<s;P++)T.push(jsx("span",{className:r,ref:P===0?v:null,children:d},P));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 Zd({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()),f=useRef(0),p=g=>{if(!c.current)return;let b=c.current.getBoundingClientRect(),x=g.clientX-b.left,v=g.clientY-b.top;d(y=>{let h=[...y];if(h.length===0)h.push({id:f.current++,x,y:v,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=v-w.y,P=Math.sqrt(k*k+T*T);if(P>=t){let R=Math.atan2(T,k)*180/Math.PI;R>90?R-=180:R<-90&&(R+=180);let N=r?R:0,z=Math.floor(P/t);for(let M=1;M<=z;M++){let C=t*M/P;h.push({id:f.current++,x:w.x+k*C,y:w.y+T*C,angle:N,...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 g=c.current;if(g)return g.addEventListener("mousemove",p),()=>g.removeEventListener("mousemove",p)},[]),useEffect(()=>{let g=setInterval(()=>{Date.now()-m.current>100&&d(b=>b.length>0?b.slice(1):b);},s);return ()=>clearInterval(g)},[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(g=>jsx(motion.div,{initial:{opacity:0,scale:1,rotate:g.angle},animate:{opacity:1,scale:1,rotate:g.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:o,ease:"easeOut",delay:n}},className:"absolute text-2xl pointer-events-none",style:{left:g.x,top:g.y,transform:"translate(-50%, -50%)"},children:e},g.id))})]})}function tu(...e){return e.filter(Boolean).join(" ")}function nu({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:tu("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 ou(...e){return e.filter(Boolean).join(" ")}function au({children:e,onClick:n,className:t,disabled:r=false}){return jsxs(motion.button,{onClick:n,disabled:r,className:ou("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 Lr(...e){return e.filter(Boolean).join(" ")}function cu({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:Lr("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:Lr("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 Bt(...e){return e.filter(Boolean).join(" ")}function du({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),f=(u-n)/(t-n)*100,p=g=>{let b=Number(g.target.value);d(b),i?.(b);};return jsxs("div",{className:Bt("relative w-full h-12 flex items-center",o),children:[jsx("div",{className:Bt("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:`${f}%`},animate:{scaleY:c?1.5:1},transition:{type:"spring",stiffness:400,damping:25}})}),jsx(motion.div,{className:Bt("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(${f}% - 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})]})}export{bd as ASCIIText,Ys as Accordion,rl as Alert,ol as AlertIcon,al as AlertTitle,il as AlertToolbar,Rd as AnimatedCircularProgressBar,ms as AnimatedList,Bn as AnimatedListItem,dl as AnimatedSpan,Bd as AnimatedThemeToggler,Vo as AttractButton,Ds as Avatar,Bs as Badge,Qc as BlurFade,ta as BlurText,Kr as BounceButton,Jo as BounceText,Ei as Card,Vi as CardContent,Fi as CardDescription,Ai as CardFlip,Oi as CardFooter,Hi as CardHeader,Di as CardTitle,Ul as Checkbox,fi as CircularText,Hc as ClickSpark,_o as CommandButton,cu as ContributionGraph,Ro as CopyButton,Ka as CountUp,Il as Counter,Ni as DecryptedText,$l as Dock,Xl as DockIcon,el as Drawer,Fa as DynamicText,du as ElasticSlider,ci as ElasticText,kd as FallingText,tr as File,ua as FlipText,Yc as FloatEffect,er as Folder,xa as FuzzyText,Si as GlassCard,Go as GlitchText,jr as GlowButton,Uc as GlowEffect,hi as GlowingText,bo as GradientButton,Xo as GradientText,Cc as Hamburger3D,cc as HamburgerBasic,Ac as HamburgerElastic,gc as HamburgerMorph,mc as HamburgerSpin,vc as HamburgerSpring,Pc as HamburgerStagger,kc as HamburgerWave,vo as HoldButton,Mi as HoverCard,sd as InfiniteScroll,sr as Input,sc as InputOTP,lo as LiquidButton,Na as LiquidText,Md as Loader,Yi as LoadingBar,Qi as LoadingBounce,_i as LoadingDots,Zi as LoadingFlower,ji as LoadingGeometric,Sd as LoadingInvert,es as LoadingMorph,Ui as LoadingPulse,ts as LoadingRings,$i as LoadingSpinner,rs as LoadingText,as as LoadingWords,Ur as MagneticButton,La as MagneticText,wa as MatrixText,Ks as Modal,ai as MorphText,ud as MultiStepLoader,ao as NeonButton,Ao as ParticleButton,si as PerspectiveText,td as PixelCard,Vs as Progress,to as PulseButton,Ql as RadioGroup,Ya as RainbowText,Za as RevealText,Xr as RippleButton,Xa as RotatingText,Ra as ScrambledText,qd as ScrollVelocity,rc as Select,Dd as ShimmerEffect,Yo as ShimmerText,Fr as ShineButton,ma as ShinyText,ps as Skeleton,vi as SlicedText,po as SlideButton,$c as SmoothCursor,nu as SocialButton,ri as SplitText,Wa as StaggerText,vl as Step,bl as Stepper,$s as Switch,Ta as SwooshText,qs as Tabs,ll as Terminal,Zd as TextCursor,lr as Textarea,To as ThreeDButton,ad as TiltedCard,Hl as Toolbar,xs as Tooltip,Ms as TooltipAnimated,Ts as TooltipMinimal,jn as Tree,zi as TrueFocus,aa as Typewriter,cl as TypingAnimation,au as V0Button,ca as WaveText,a as cn};//# sourceMappingURL=index.mjs.map
|
|
33
45
|
//# sourceMappingURL=index.mjs.map
|