bynana-ui 1.0.0 → 1.3.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/accordion/index.js +2 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/accordion/index.mjs +2 -0
- package/dist/accordion/index.mjs.map +1 -0
- package/dist/alert/index.js +2 -0
- package/dist/alert/index.js.map +1 -0
- package/dist/alert/index.mjs +2 -0
- package/dist/alert/index.mjs.map +1 -0
- package/dist/attract-button/index.js +2 -0
- package/dist/attract-button/index.js.map +1 -0
- package/dist/attract-button/index.mjs +2 -0
- package/dist/attract-button/index.mjs.map +1 -0
- package/dist/avatar/index.js +2 -0
- package/dist/avatar/index.js.map +1 -0
- package/dist/avatar/index.mjs +2 -0
- package/dist/avatar/index.mjs.map +1 -0
- package/dist/badge/index.js +2 -0
- package/dist/badge/index.js.map +1 -0
- package/dist/badge/index.mjs +2 -0
- package/dist/badge/index.mjs.map +1 -0
- package/dist/card/index.js +2 -0
- package/dist/card/index.js.map +1 -0
- package/dist/card/index.mjs +2 -0
- package/dist/card/index.mjs.map +1 -0
- package/dist/checkbox/index.js +2 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/checkbox/index.mjs +2 -0
- package/dist/checkbox/index.mjs.map +1 -0
- package/dist/circular-text/index.js +2 -0
- package/dist/circular-text/index.js.map +1 -0
- package/dist/circular-text/index.mjs +2 -0
- package/dist/circular-text/index.mjs.map +1 -0
- package/dist/command-button/index.js +2 -0
- package/dist/command-button/index.js.map +1 -0
- package/dist/command-button/index.mjs +2 -0
- package/dist/command-button/index.mjs.map +1 -0
- package/dist/copy-button/index.js +2 -0
- package/dist/copy-button/index.js.map +1 -0
- package/dist/copy-button/index.mjs +2 -0
- package/dist/copy-button/index.mjs.map +1 -0
- package/dist/count-up/index.js +2 -0
- package/dist/count-up/index.js.map +1 -0
- package/dist/count-up/index.mjs +2 -0
- package/dist/count-up/index.mjs.map +1 -0
- package/dist/counter/index.js +2 -0
- package/dist/counter/index.js.map +1 -0
- package/dist/counter/index.mjs +2 -0
- package/dist/counter/index.mjs.map +1 -0
- package/dist/decrypted-text/index.js +2 -0
- package/dist/decrypted-text/index.js.map +1 -0
- package/dist/decrypted-text/index.mjs +2 -0
- package/dist/decrypted-text/index.mjs.map +1 -0
- package/dist/dock/index.js +2 -0
- package/dist/dock/index.js.map +1 -0
- package/dist/dock/index.mjs +2 -0
- package/dist/dock/index.mjs.map +1 -0
- package/dist/drawer/index.js +2 -0
- package/dist/drawer/index.js.map +1 -0
- package/dist/drawer/index.mjs +2 -0
- package/dist/drawer/index.mjs.map +1 -0
- package/dist/dynamic-text/index.js +2 -0
- package/dist/dynamic-text/index.js.map +1 -0
- package/dist/dynamic-text/index.mjs +2 -0
- package/dist/dynamic-text/index.mjs.map +1 -0
- package/dist/elastic-text/index.js +2 -0
- package/dist/elastic-text/index.js.map +1 -0
- package/dist/elastic-text/index.mjs +2 -0
- package/dist/elastic-text/index.mjs.map +1 -0
- package/dist/file-tree/index.js +2 -0
- package/dist/file-tree/index.js.map +1 -0
- package/dist/file-tree/index.mjs +2 -0
- package/dist/file-tree/index.mjs.map +1 -0
- package/dist/fuzzy-text/index.js +2 -0
- package/dist/fuzzy-text/index.js.map +1 -0
- package/dist/fuzzy-text/index.mjs +2 -0
- package/dist/fuzzy-text/index.mjs.map +1 -0
- package/dist/glowing-text/index.js +2 -0
- package/dist/glowing-text/index.js.map +1 -0
- package/dist/glowing-text/index.mjs +2 -0
- package/dist/glowing-text/index.mjs.map +1 -0
- package/dist/gradient-button/index.js +2 -0
- package/dist/gradient-button/index.js.map +1 -0
- package/dist/gradient-button/index.mjs +2 -0
- package/dist/gradient-button/index.mjs.map +1 -0
- package/dist/hold-button/index.js +2 -0
- package/dist/hold-button/index.js.map +1 -0
- package/dist/hold-button/index.mjs +2 -0
- package/dist/hold-button/index.mjs.map +1 -0
- package/dist/index.js +32 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +32 -1
- package/dist/index.mjs.map +1 -1
- package/dist/input/index.js +2 -0
- package/dist/input/index.js.map +1 -0
- package/dist/input/index.mjs +2 -0
- package/dist/input/index.mjs.map +1 -0
- package/dist/liquid-button/index.js +2 -0
- package/dist/liquid-button/index.js.map +1 -0
- package/dist/liquid-button/index.mjs +2 -0
- package/dist/liquid-button/index.mjs.map +1 -0
- package/dist/liquid-text/index.js +2 -0
- package/dist/liquid-text/index.js.map +1 -0
- package/dist/liquid-text/index.mjs +2 -0
- package/dist/liquid-text/index.mjs.map +1 -0
- package/dist/loading-bar/index.js +2 -0
- package/dist/loading-bar/index.js.map +1 -0
- package/dist/loading-bar/index.mjs +2 -0
- package/dist/loading-bar/index.mjs.map +1 -0
- package/dist/loading-bounce/index.js +2 -0
- package/dist/loading-bounce/index.js.map +1 -0
- package/dist/loading-bounce/index.mjs +2 -0
- package/dist/loading-bounce/index.mjs.map +1 -0
- package/dist/loading-flower/index.js +7 -0
- package/dist/loading-flower/index.js.map +1 -0
- package/dist/loading-flower/index.mjs +7 -0
- package/dist/loading-flower/index.mjs.map +1 -0
- package/dist/loading-geometric/index.js +7 -0
- package/dist/loading-geometric/index.js.map +1 -0
- package/dist/loading-geometric/index.mjs +7 -0
- package/dist/loading-geometric/index.mjs.map +1 -0
- package/dist/loading-morph/index.js +5 -0
- package/dist/loading-morph/index.js.map +1 -0
- package/dist/loading-morph/index.mjs +5 -0
- package/dist/loading-morph/index.mjs.map +1 -0
- package/dist/loading-pulse/index.js +2 -0
- package/dist/loading-pulse/index.js.map +1 -0
- package/dist/loading-pulse/index.mjs +2 -0
- package/dist/loading-pulse/index.mjs.map +1 -0
- package/dist/loading-rings/index.js +4 -0
- package/dist/loading-rings/index.js.map +1 -0
- package/dist/loading-rings/index.mjs +4 -0
- package/dist/loading-rings/index.mjs.map +1 -0
- package/dist/loading-text/index.js +6 -0
- package/dist/loading-text/index.js.map +1 -0
- package/dist/loading-text/index.mjs +6 -0
- package/dist/loading-text/index.mjs.map +1 -0
- package/dist/loading-words/index.js +4 -0
- package/dist/loading-words/index.js.map +1 -0
- package/dist/loading-words/index.mjs +4 -0
- package/dist/loading-words/index.mjs.map +1 -0
- package/dist/magnetic-text/index.js +2 -0
- package/dist/magnetic-text/index.js.map +1 -0
- package/dist/magnetic-text/index.mjs +2 -0
- package/dist/magnetic-text/index.mjs.map +1 -0
- package/dist/matrix-text/index.js +2 -0
- package/dist/matrix-text/index.js.map +1 -0
- package/dist/matrix-text/index.mjs +2 -0
- package/dist/matrix-text/index.mjs.map +1 -0
- package/dist/modal/index.js +2 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/index.mjs +2 -0
- package/dist/modal/index.mjs.map +1 -0
- package/dist/morph-text/index.js +2 -0
- package/dist/morph-text/index.js.map +1 -0
- package/dist/morph-text/index.mjs +2 -0
- package/dist/morph-text/index.mjs.map +1 -0
- package/dist/neon-button/index.js +2 -0
- package/dist/neon-button/index.js.map +1 -0
- package/dist/neon-button/index.mjs +2 -0
- package/dist/neon-button/index.mjs.map +1 -0
- package/dist/particle-button/index.js +2 -0
- package/dist/particle-button/index.js.map +1 -0
- package/dist/particle-button/index.mjs +2 -0
- package/dist/particle-button/index.mjs.map +1 -0
- package/dist/perspective-text/index.js +2 -0
- package/dist/perspective-text/index.js.map +1 -0
- package/dist/perspective-text/index.mjs +2 -0
- package/dist/perspective-text/index.mjs.map +1 -0
- package/dist/progress/index.js +2 -0
- package/dist/progress/index.js.map +1 -0
- package/dist/progress/index.mjs +2 -0
- package/dist/progress/index.mjs.map +1 -0
- package/dist/radio/index.js +2 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/radio/index.mjs +2 -0
- package/dist/radio/index.mjs.map +1 -0
- package/dist/rainbow-text/index.js +7 -0
- package/dist/rainbow-text/index.js.map +1 -0
- package/dist/rainbow-text/index.mjs +7 -0
- package/dist/rainbow-text/index.mjs.map +1 -0
- package/dist/reveal-text/index.js +2 -0
- package/dist/reveal-text/index.js.map +1 -0
- package/dist/reveal-text/index.mjs +2 -0
- package/dist/reveal-text/index.mjs.map +1 -0
- package/dist/rotating-text/index.js +2 -0
- package/dist/rotating-text/index.js.map +1 -0
- package/dist/rotating-text/index.mjs +2 -0
- package/dist/rotating-text/index.mjs.map +1 -0
- package/dist/scrambled-text/index.js +2 -0
- package/dist/scrambled-text/index.js.map +1 -0
- package/dist/scrambled-text/index.mjs +2 -0
- package/dist/scrambled-text/index.mjs.map +1 -0
- package/dist/select/index.js +2 -0
- package/dist/select/index.js.map +1 -0
- package/dist/select/index.mjs +2 -0
- package/dist/select/index.mjs.map +1 -0
- package/dist/shiny-text/index.js +7 -0
- package/dist/shiny-text/index.js.map +1 -0
- package/dist/shiny-text/index.mjs +7 -0
- package/dist/shiny-text/index.mjs.map +1 -0
- package/dist/skeleton/index.js +2 -0
- package/dist/skeleton/index.js.map +1 -0
- package/dist/skeleton/index.mjs +2 -0
- package/dist/skeleton/index.mjs.map +1 -0
- package/dist/sliced-text/index.js +2 -0
- package/dist/sliced-text/index.js.map +1 -0
- package/dist/sliced-text/index.mjs +2 -0
- package/dist/sliced-text/index.mjs.map +1 -0
- package/dist/slide-button/index.js +2 -0
- package/dist/slide-button/index.js.map +1 -0
- package/dist/slide-button/index.mjs +2 -0
- package/dist/slide-button/index.mjs.map +1 -0
- package/dist/split-text/index.js +2 -0
- package/dist/split-text/index.js.map +1 -0
- package/dist/split-text/index.mjs +2 -0
- package/dist/split-text/index.mjs.map +1 -0
- package/dist/stagger-text/index.js +2 -0
- package/dist/stagger-text/index.js.map +1 -0
- package/dist/stagger-text/index.mjs +2 -0
- package/dist/stagger-text/index.mjs.map +1 -0
- package/dist/stepper/index.js +2 -0
- package/dist/stepper/index.js.map +1 -0
- package/dist/stepper/index.mjs +2 -0
- package/dist/stepper/index.mjs.map +1 -0
- package/dist/switch/index.js +2 -0
- package/dist/switch/index.js.map +1 -0
- package/dist/switch/index.mjs +2 -0
- package/dist/switch/index.mjs.map +1 -0
- package/dist/swoosh-text/index.js +2 -0
- package/dist/swoosh-text/index.js.map +1 -0
- package/dist/swoosh-text/index.mjs +2 -0
- package/dist/swoosh-text/index.mjs.map +1 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/index.mjs +2 -0
- package/dist/tabs/index.mjs.map +1 -0
- package/dist/terminal/index.js +2 -0
- package/dist/terminal/index.js.map +1 -0
- package/dist/terminal/index.mjs +2 -0
- package/dist/terminal/index.mjs.map +1 -0
- package/dist/textarea/index.js +2 -0
- package/dist/textarea/index.js.map +1 -0
- package/dist/textarea/index.mjs +2 -0
- package/dist/textarea/index.mjs.map +1 -0
- package/dist/threed-button/index.js +2 -0
- package/dist/threed-button/index.js.map +1 -0
- package/dist/threed-button/index.mjs +2 -0
- package/dist/threed-button/index.mjs.map +1 -0
- package/dist/toolbar/index.js +2 -0
- package/dist/toolbar/index.js.map +1 -0
- package/dist/toolbar/index.mjs +2 -0
- package/dist/toolbar/index.mjs.map +1 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/index.mjs +2 -0
- package/dist/tooltip/index.mjs.map +1 -0
- package/dist/tooltip-animated/index.js +2 -0
- package/dist/tooltip-animated/index.js.map +1 -0
- package/dist/tooltip-animated/index.mjs +2 -0
- package/dist/tooltip-animated/index.mjs.map +1 -0
- package/dist/tooltip-minimal/index.js +2 -0
- package/dist/tooltip-minimal/index.js.map +1 -0
- package/dist/tooltip-minimal/index.mjs +2 -0
- package/dist/tooltip-minimal/index.mjs.map +1 -0
- package/dist/true-focus/index.js +2 -0
- package/dist/true-focus/index.js.map +1 -0
- package/dist/true-focus/index.mjs +2 -0
- package/dist/true-focus/index.mjs.map +1 -0
- package/package.json +94 -140
package/dist/index.js
CHANGED
|
@@ -1,2 +1,33 @@
|
|
|
1
|
-
'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),_e=require('react'),framerMotion=require('framer-motion');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var _e__default=/*#__PURE__*/_interopDefault(_e);function t(...e){return tailwindMerge.twMerge(clsx.clsx(e))}function K({children:e,className:r,...n}){return jsxRuntime.jsxs("button",{className:t("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",r),...n,children:[jsxRuntime.jsx("span",{className:t("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]")}),jsxRuntime.jsx("span",{className:"relative z-10",children:e})]})}function ee({children:e,className:r,onClick:n,...a}){let[o,i]=_e.useState([]);function m(l){let s=l.currentTarget.getBoundingClientRect(),p=l.clientX-s.left,c=l.clientY-s.top,u={x:p,y:c,id:Date.now()};i(f=>[...f,u]),setTimeout(()=>{i(f=>f.filter(M=>M.id!==u.id));},1e3),n?.(l);}return jsxRuntime.jsxs("button",{className:t("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",r),onClick:m,...a,children:[jsxRuntime.jsx(framerMotion.AnimatePresence,{children:o.map(l=>jsxRuntime.jsx(framerMotion.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))}),jsxRuntime.jsx("span",{className:"relative z-10",children:e})]})}function ae({children:e,className:r,strength:n=.5,radius:a=200,...o}){let i=_e.useRef(null),[m,l]=_e.useState(false),d=framerMotion.useMotionValue(0),s=framerMotion.useMotionValue(0),p={damping:20,stiffness:300,mass:.5},c=framerMotion.useSpring(d,p),u=framerMotion.useSpring(s,p);return jsxRuntime.jsx("div",{ref:i,className:"relative inline-flex items-center justify-center",onMouseMove:L=>{if(!i.current)return;let b=i.current.getBoundingClientRect(),W=b.left+b.width/2,q=b.top+b.height/2,h=L.clientX-W,v=L.clientY-q,I=Math.sqrt(h*h+v*v);if(I<a){let S=1-I/a;d.set(h*n*S),s.set(v*n*S);}},onMouseLeave:()=>{l(false),d.set(0),s.set(0);},onMouseEnter:()=>l(true),style:{padding:a/2,margin:-a/2},children:jsxRuntime.jsx(framerMotion.motion.div,{style:{x:c,y:u},children:jsxRuntime.jsx("button",{className:t("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",m&&"shadow-lg",r),...o,children:e})})})}function se({children:e,className:r,onClick:n,...a}){let[o,i]=_e.useState(false);function m(l){i(true),setTimeout(()=>i(false),1500),n?.(l);}return jsxRuntime.jsxs("div",{className:"relative inline-block",children:[jsxRuntime.jsx(framerMotion.motion.div,{className:"absolute -bottom-2 left-1/2 w-16 h-2 bg-black/20 rounded-full blur-sm",animate:o?{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"}}),jsxRuntime.jsx(framerMotion.motion.div,{animate:o?{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:o?{}:{y:[0,-8,0]},children:jsxRuntime.jsx("button",{className:t("px-6 py-3 rounded-xl font-medium","bg-orange-500 hover:bg-orange-600 text-white","transition-colors duration-200",r),onClick:m,disabled:o,...a,children:e})})]})}function me({children:e,className:r,glowColor:n="rgba(59, 130, 246, 0.8)",...a}){let[o,i]=_e.useState(false);return jsxRuntime.jsxs(framerMotion.motion.div,{className:"relative inline-block",onMouseEnter:()=>i(true),onMouseLeave:()=>i(false),animate:{filter:o?[`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:o?1.5:.3,repeat:o?1/0:0},children:[jsxRuntime.jsx(framerMotion.motion.div,{className:"absolute inset-0 rounded-xl",animate:o?{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:o?1/0:0,ease:"easeInOut"}}),jsxRuntime.jsx("button",{className:t("relative px-6 py-3 rounded-xl font-medium","bg-blue-600 hover:bg-blue-700 text-white","transition-all duration-300",o&&"bg-blue-500",r),...a,children:e})]})}function pe({children:e,className:r,pulseColor:n="rgba(239, 68, 68, 0.5)",...a}){return jsxRuntime.jsxs("div",{className:"relative inline-block",children:[jsxRuntime.jsx(framerMotion.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]}}),jsxRuntime.jsx(framerMotion.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]}}),jsxRuntime.jsx(framerMotion.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:jsxRuntime.jsx("button",{className:t("relative px-6 py-3 rounded-xl font-medium","bg-red-500 hover:bg-red-600 text-white","transition-colors duration-200",r),...a,children:e})})]})}function fe({children:e,className:r="",colors:n=["#40ffaa","#4079ff","#40ffaa","#4079ff","#40ffaa"],animationSpeed:a=8}){return jsxRuntime.jsx("span",{className:t("bg-clip-text text-transparent bg-[length:200%_auto] animate-gradient",r),style:{backgroundImage:`linear-gradient(to right, ${n.join(", ")})`,animationDuration:`${a}s`},children:e})}function xe({text:e="Text Shimmer",className:r}){return jsxRuntime.jsx("div",{className:"flex items-center justify-center p-8",children:jsxRuntime.jsx(framerMotion.motion.div,{className:"relative px-4 py-2 overflow-hidden",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:jsxRuntime.jsx(framerMotion.motion.h1,{className:t("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",r),animate:{backgroundPosition:["200% center","-200% center"]},transition:{duration:2.5,ease:"linear",repeat:1/0},children:e})})})}function ge({text:e="Glitch Text",className:r,glitchIntensity:n="medium",color:a="orange",isStatic:o=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"}}[a],s={light:{translateRange:2,skewRange:.5},medium:{translateRange:3,skewRange:1},heavy:{translateRange:5,skewRange:2},extreme:{translateRange:8,skewRange:3}}[n],p={sm:"text-2xl",md:"text-4xl",lg:"text-5xl",xl:"text-6xl","2xl":"text-7xl","3xl":"text-8xl"},c={animate:{x:[0,s.translateRange,-s.translateRange,0],y:[0,-s.translateRange,s.translateRange,0],skewX:[0,s.skewRange,-s.skewRange,0]},transition:{duration:.5,repeat:1/0,ease:"easeInOut"}};return jsxRuntime.jsx("div",{className:t("relative flex items-center justify-center p-8",r),children:jsxRuntime.jsxs(framerMotion.motion.div,{className:t("relative font-bold tracking-wider",p[i]),style:{color:l.primary},animate:o?void 0:c.animate,transition:c.transition,children:[e,jsxRuntime.jsx(framerMotion.motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:l.before,opacity:.8},animate:o?void 0:{x:[-s.translateRange,s.translateRange,0],y:[s.translateRange,-s.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e}),jsxRuntime.jsx(framerMotion.motion.span,{className:"absolute inset-0 pointer-events-none",style:{color:l.after,opacity:.8},animate:o?void 0:{x:[s.translateRange,-s.translateRange,0],y:[-s.translateRange,s.translateRange,0]},transition:{duration:.5,repeat:1/0},children:e})]})})}function ye({text:e,className:r,delay:n=0,duration:a=.4}){let o=Array.from(e);return jsxRuntime.jsx("div",{className:t("flex",r),children:o.map((i,m)=>jsxRuntime.jsx(framerMotion.motion.span,{className:"inline-block",style:{whiteSpace:i===" "?"pre":"normal"},animate:{y:[0,-20,0]},transition:{delay:n+m*.03,duration:a,ease:"easeInOut",repeat:1/0,repeatDelay:.5},children:i},`${i}-${m}`))})}function Be({text:e="",delay:r=200,className:n="",animateBy:a="words",direction:o="top"}){let i=a==="words"?e.split(" "):e.split(""),[m,l]=_e.useState(false),d=_e.useRef(null);_e.useEffect(()=>{if(!d.current)return;let c=new IntersectionObserver(([u])=>{u.isIntersecting&&(l(true),c.unobserve(d.current));},{threshold:.1});return c.observe(d.current),()=>c.disconnect()},[]);let s=_e.useMemo(()=>o==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[o]),p={filter:"blur(0px)",opacity:1,y:0};return jsxRuntime.jsx("p",{ref:d,className:t("flex flex-wrap",n),children:i.map((c,u)=>jsxRuntime.jsxs(framerMotion.motion.span,{initial:s,animate:m?p:s,transition:{duration:.5,delay:u*r/1e3,ease:"easeOut"},className:"inline-block",style:{willChange:"transform, filter, opacity"},children:[c===" "?"\xA0":c,a==="words"&&u<i.length-1&&"\xA0"]},u))})}function Ie({text:e="Hello World",className:r,speed:n=50,delay:a=0,cursor:o=true,loop:i=false}){let[m,l]=_e.useState(""),[d,s]=_e.useState(false);return _e.useEffect(()=>{let p,c=0,u=false,f=()=>{s(true),u?c>0?(l(e.slice(0,c-1)),c--,p=setTimeout(f,n/2)):(u=false,p=setTimeout(f,500)):c<e.length?(l(e.slice(0,c+1)),c++,p=setTimeout(f,n)):(s(false),i&&(p=setTimeout(()=>{u=true,f();},2e3)));};return p=setTimeout(f,a),()=>clearTimeout(p)},[e,n,a,i]),jsxRuntime.jsxs("span",{className:t("inline-block font-mono",r),children:[m,o&&jsxRuntime.jsx("span",{className:t("ml-0.5 inline-block w-[2px] h-[1em] bg-current",d?"animate-blink":"")})]})}function He({text:e,className:r,amplitude:n=10,frequency:a=1.5}){let o=Array.from(e);return jsxRuntime.jsx("div",{className:t("flex",r),children:o.map((i,m)=>jsxRuntime.jsx(framerMotion.motion.span,{className:"inline-block",style:{whiteSpace:i===" "?"pre":"normal"},animate:{y:[0,-n,0,n,0]},transition:{duration:a,repeat:1/0,delay:m*.08,ease:"easeInOut"},children:i},`${i}-${m}`))})}function Ee({text:e,className:r,delay:n=0}){let a=Array.from(e);return jsxRuntime.jsx("div",{className:t("flex",r),style:{perspective:"1000px"},children:a.map((o,i)=>jsxRuntime.jsx(framerMotion.motion.span,{className:"inline-block origin-center",style:{whiteSpace:o===" "?"pre":"normal"},animate:{rotateX:[0,360]},transition:{duration:1.5,repeat:1/0,delay:n+i*.08,ease:"easeInOut",repeatDelay:.8},children:o},`${o}-${i}`))})}function Ge({children:e,className:r,...n}){return jsxRuntime.jsx("div",{className:t("rounded-2xl p-6","bg-white/10 dark:bg-black/10","backdrop-blur-xl","border border-white/20 dark:border-white/10","shadow-xl",r),...n,children:e})}function De({children:e,className:r,...n}){return jsxRuntime.jsx("div",{className:t("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",r),...n,children:e})}function Xe({frontContent:e,backContent:r,className:n}){let[a,o]=_e.useState(false);return jsxRuntime.jsx("div",{className:t("relative w-full h-full [perspective:1000px]",n),onMouseEnter:()=>o(true),onMouseLeave:()=>o(false),children:jsxRuntime.jsxs("div",{className:t("relative w-full h-full [transform-style:preserve-3d] transition-transform duration-700",a?"[transform:rotateY(180deg)]":""),children:[jsxRuntime.jsx("div",{className:t("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}),jsxRuntime.jsx("div",{className:t("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:r})]})})}function Ve({className:e,size:r="md"}){let n={sm:"w-1.5 h-1.5",md:"w-2.5 h-2.5",lg:"w-4 h-4"};return jsxRuntime.jsx("div",{className:t("flex items-center justify-center gap-1",e),children:[0,1,2].map(a=>jsxRuntime.jsx("div",{className:t(n[r],"rounded-full bg-current animate-bounce"),style:{animationDelay:`${a*.15}s`}},a))})}function We({className:e,size:r="md"}){return jsxRuntime.jsx("div",{className:t({sm:"w-4 h-4 border-2",md:"w-8 h-8 border-3",lg:"w-12 h-12 border-4"}[r],"rounded-full border-current border-t-transparent animate-spin",e)})}function je({className:e,children:r,delay:n=1e3}){let[a,o]=_e.useState(0),i=_e__default.default.Children.toArray(r);_e.useEffect(()=>{let l=setInterval(()=>{o(d=>(d+1)%i.length);},n);return ()=>clearInterval(l)},[i.length,n]);let m=_e.useMemo(()=>i.slice(0,a+1).reverse(),[a,i]);return jsxRuntime.jsx("div",{className:t("flex flex-col items-center gap-4",e),children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:m.map((l,d)=>jsxRuntime.jsx(V,{children:l},d))})})}function V({children:e}){return jsxRuntime.jsx(framerMotion.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})}exports.AnimatedList=je;exports.AnimatedListItem=V;exports.BlurText=Be;exports.BounceButton=se;exports.BounceText=ye;exports.CardFlip=Xe;exports.FlipText=Ee;exports.GlassCard=Ge;exports.GlitchText=ge;exports.GlowButton=me;exports.GradientText=fe;exports.HoverCard=De;exports.LoadingDots=Ve;exports.LoadingSpinner=We;exports.MagneticButton=ae;exports.PulseButton=pe;exports.RippleButton=ee;exports.ShimmerText=xe;exports.ShineButton=K;exports.Typewriter=Ie;exports.WaveText=He;exports.cn=t;//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),jr=require('react'),framerMotion=require('framer-motion');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var jr__default=/*#__PURE__*/_interopDefault(jr);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}function Nn({children:e,className:t,...n}){return jsxRuntime.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:[jsxRuntime.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]")}),jsxRuntime.jsx("span",{className:"relative z-10",children:e})]})}function Cn({children:e,className:t,onClick:n,...o}){let[a,i]=jr.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 jsxRuntime.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:[jsxRuntime.jsx(framerMotion.AnimatePresence,{children:a.map(l=>jsxRuntime.jsx(framerMotion.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))}),jsxRuntime.jsx("span",{className:"relative z-10",children:e})]})}function Bn({children:e,className:t,strength:n=.5,radius:o=200,...a}){let i=jr.useRef(null),[s,l]=jr.useState(false),m=framerMotion.useMotionValue(0),c=framerMotion.useMotionValue(0),d={damping:20,stiffness:300,mass:.5},p=framerMotion.useSpring(m,d),u=framerMotion.useSpring(c,d);return jsxRuntime.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:jsxRuntime.jsx(framerMotion.motion.div,{style:{x:p,y:u},children:jsxRuntime.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]=jr.useState(false);function s(l){i(true),setTimeout(()=>i(false),1500),n?.(l);}return jsxRuntime.jsxs("div",{className:"relative inline-block",children:[jsxRuntime.jsx(framerMotion.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"}}),jsxRuntime.jsx(framerMotion.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:jsxRuntime.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]=jr.useState(false);return jsxRuntime.jsxs(framerMotion.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:[jsxRuntime.jsx(framerMotion.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"}}),jsxRuntime.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 jsxRuntime.jsxs("div",{className:"relative inline-block",children:[jsxRuntime.jsx(framerMotion.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]}}),jsxRuntime.jsx(framerMotion.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]}}),jsxRuntime.jsx(framerMotion.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:jsxRuntime.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 jsxRuntime.jsxs(framerMotion.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:[jsxRuntime.jsx(framerMotion.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}`}}),jsxRuntime.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]=jr.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 jsxRuntime.jsxs("button",{className:r("relative overflow-hidden rounded-lg font-medium border-2 transition-colors",c[o],d[n],t),onClick:m,...i,children:[jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s&&jsxRuntime.jsx(framerMotion.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")}),jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:[...Array(5)].map((p,u)=>jsxRuntime.jsx(framerMotion.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))})}),jsxRuntime.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]=jr.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 jsxRuntime.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:[jsxRuntime.jsx(framerMotion.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"}}),jsxRuntime.jsx(framerMotion.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}),jsxRuntime.jsxs(framerMotion.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,jsxRuntime.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.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 jsxRuntime.jsxs(framerMotion.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:[jsxRuntime.jsx(framerMotion.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}}),jsxRuntime.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]=jr.useState(0),[m,c]=jr.useState(false),d=jr.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 jsxRuntime.jsxs(framerMotion.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:[jsxRuntime.jsx(framerMotion.motion.div,{className:r("absolute inset-0 origin-left",u[a]),style:{scaleX:s/100},transition:{duration:0}}),jsxRuntime.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 jsxRuntime.jsx(framerMotion.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]=jr.useState(false);return jsxRuntime.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?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("svg",{className:"w-4 h-4 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),"Copied!"]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.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 jsxRuntime.jsx(framerMotion.AnimatePresence,{children:[...Array(6)].map((a,i)=>jsxRuntime.jsx(framerMotion.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]=jr.useState(false),m=jr.useRef(null);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[s&&jsxRuntime.jsx(gr,{buttonRef:m}),jsxRuntime.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]=jr.useState(false),[s,l]=jr.useState([]),m=framerMotion.useAnimation();jr.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=jr.useCallback(async()=>{i(true),await m.start({x:0,y:0,transition:{type:"spring",stiffness:50,damping:10}});},[m]),d=jr.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 jsxRuntime.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)=>jsxRuntime.jsx(framerMotion.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)),jsxRuntime.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 jsxRuntime.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:[jsxRuntime.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:jsxRuntime.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"})}),jsxRuntime.jsx("span",{className:"text-sm text-zinc-600 dark:text-zinc-400",children:t||n}),jsxRuntime.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 jsxRuntime.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 jsxRuntime.jsx("div",{className:"flex items-center justify-center p-8",children:jsxRuntime.jsx(framerMotion.motion.div,{className:"relative px-4 py-2 overflow-hidden",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("relative flex items-center justify-center p-8",t),children:jsxRuntime.jsxs(framerMotion.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,jsxRuntime.jsx(framerMotion.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}),jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("flex",t),children:a.map((i,s)=>jsxRuntime.jsx(framerMotion.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]=jr.useState(false),m=jr.useRef(null);jr.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=jr.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 jsxRuntime.jsx("p",{ref:m,className:r("flex flex-wrap",n),children:i.map((p,u)=>jsxRuntime.jsxs(framerMotion.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]=jr.useState(""),[m,c]=jr.useState(false);return jr.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]),jsxRuntime.jsxs("span",{className:r("inline-block font-mono",t),children:[s,a&&jsxRuntime.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 jsxRuntime.jsx("div",{className:r("flex",t),children:a.map((i,s)=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("flex",t),style:{perspective:"1000px"},children:o.map((a,i)=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.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,jsxRuntime.jsx("style",{children:`
|
|
2
|
+
@keyframes shine {
|
|
3
|
+
0% { background-position: -200% 0; }
|
|
4
|
+
100% { background-position: 200% 0; }
|
|
5
|
+
}
|
|
6
|
+
`})]})}function no({children:e,fontSize:t="clamp(2rem, 8vw, 8rem)",fontWeight:n=900,fontFamily:o="inherit",color:a="#fff",enableHover:i=true,baseIntensity:s=.18,hoverIntensity:l=.5}){let m=jr.useRef(null);return jr.useEffect(()=>{let c,d=false,p=m.current;return p?((async()=>{if(document.fonts?.ready&&await document.fonts.ready,d)return;let f=p.getContext("2d");if(!f)return;let g=o==="inherit"?window.getComputedStyle(p).fontFamily||"sans-serif":o,b=typeof t=="number"?`${t}px`:t,x;if(typeof t=="number")x=t;else {let B=document.createElement("span");B.style.fontSize=t,document.body.appendChild(B),x=parseFloat(window.getComputedStyle(B).fontSize),document.body.removeChild(B);}let h=jr__default.default.Children.toArray(e).join(""),y=document.createElement("canvas"),v=y.getContext("2d");if(!v)return;v.font=`${n} ${b} ${g}`,v.textBaseline="alphabetic";let N=v.measureText(h),T=N.actualBoundingBoxLeft??0,S=N.actualBoundingBoxRight??N.width,F=N.actualBoundingBoxAscent??x,L=N.actualBoundingBoxDescent??x*.2,C=Math.ceil(T+S),M=Math.ceil(F+L),O=10,E=C+O;y.width=E,y.height=M;let w=O/2;v.font=`${n} ${b} ${g}`,v.textBaseline="alphabetic",v.fillStyle=a,v.fillText(h,w-T,F);let I=50,z=0;p.width=E+I*2,p.height=M+z*2,f.translate(I,z);let R=I+w,D=z,k=R+C,G=D+M,be=false,J=30,Ve=()=>{if(d)return;f.clearRect(-J,-J,E+2*J,M+2*J);let B=be?l:s;for(let H=0;H<M;H++){let yn=Math.floor(B*(Math.random()-.5)*J);f.drawImage(y,0,H,E,1,yn,H,E,1);}c=window.requestAnimationFrame(Ve);};Ve();let vn=(B,H)=>B>=R&&B<=k&&H>=D&&H<=G,Xe=B=>{if(!i)return;let H=p.getBoundingClientRect();be=vn(B.clientX-H.left,B.clientY-H.top);},We=()=>{be=false;};i&&(p.addEventListener("mousemove",Xe),p.addEventListener("mouseleave",We)),p.cleanupFuzzyText=()=>{window.cancelAnimationFrame(c),i&&(p.removeEventListener("mousemove",Xe),p.removeEventListener("mouseleave",We));};})(),()=>{d=true,window.cancelAnimationFrame(c),p?.cleanupFuzzyText&&p.cleanupFuzzyText();}):void 0},[e,t,n,o,a,i,s,l]),jsxRuntime.jsx("canvas",{ref:m,className:"max-w-full"})}function io({text:e,className:t,speed:n=50,color:o="#22c55e"}){let a=jr.useRef(null),i=jr.useRef(null);return jr.useEffect(()=>{let s=a.current;if(!s)return;let l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*",m=e,c=0,d=()=>{if(s.innerText=m.split("").map((p,u)=>u<c?m[u]:l[Math.floor(Math.random()*l.length)]).join(""),c>=m.length){i.current&&clearInterval(i.current);return}c+=1/3;};return i.current=setInterval(d,n),()=>{i.current&&clearInterval(i.current);}},[e,n]),jsxRuntime.jsx("div",{ref:a,className:r("font-mono",t),style:{color:o},children:e})}function so({text:e,className:t,delay:n=0}){let o=e.split(" "),a={hidden:{opacity:0},visible:(s=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:n*s}})},i={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 jsxRuntime.jsx(framerMotion.motion.div,{className:r("flex flex-wrap",t),variants:a,initial:"hidden",animate:"visible",children:o.map((s,l)=>jsxRuntime.jsx(framerMotion.motion.span,{variants:i,className:"mr-2",children:s},l))})}function lo({text:e,className:t,delay:n=0}){let o=e.split(""),a={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.03,delayChildren:n}}},i={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 jsxRuntime.jsx(framerMotion.motion.span,{className:r("inline-flex",t),variants:a,initial:"hidden",animate:"visible",children:o.map((s,l)=>jsxRuntime.jsx(framerMotion.motion.span,{variants:i,className:"inline-block",style:{whiteSpace:s===" "?"pre":"normal"},children:s===" "?"\xA0":s},l))})}function po({text:e,className:t,speed:n=50,scrambleChars:o="!<>-_\\/[]{}\u2014=+*^?#________"}){let[a,i]=jr.useState(e);return jr.useEffect(()=>{let s=0,l=setInterval(()=>{i(e.split("").map((m,c)=>c<s?e[c]:o[Math.floor(Math.random()*o.length)]).join("")),s>=e.length&&clearInterval(l),s+=1/3;},n);return ()=>clearInterval(l)},[e,n,o]),jsxRuntime.jsx("span",{className:r("font-mono",t),children:a})}function xo({children:e,className:t,strength:n=.5}){let o=jr.useRef(null),[a,i]=jr.useState({x:0,y:0}),s=d=>{let{clientX:p,clientY:u}=d,{height:f,width:g,left:b,top:x}=o.current.getBoundingClientRect(),h=p-(b+g/2),y=u-(x+f/2);i({x:h*n,y:y*n});},l=()=>{i({x:0,y:0});},{x:m,y:c}=a;return jsxRuntime.jsx(framerMotion.motion.div,{ref:o,onMouseMove:s,onMouseLeave:l,animate:{x:m,y:c},transition:{type:"spring",stiffness:150,damping:15,mass:.1},className:r("inline-block cursor-pointer",t),children:e})}function No({words:e,className:t,interval:n=3e3}){let[o,a]=jr.useState(0);return jr.useEffect(()=>{let i=setInterval(()=>{a(s=>(s+1)%e.length);},n);return ()=>clearInterval(i)},[e.length,n]),jsxRuntime.jsx("div",{className:r("relative inline-block overflow-hidden",t),children:jsxRuntime.jsx(framerMotion.AnimatePresence,{mode:"wait",children:jsxRuntime.jsx(framerMotion.motion.span,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.3},className:"inline-block",children:e[o]},e[o])})})}function Co({words:e,className:t,interval:n=2e3}){let[o,a]=jr.useState(0);return jr.useEffect(()=>{let i=setInterval(()=>{a(s=>(s+1)%e.length);},n);return ()=>clearInterval(i)},[e.length,n]),jsxRuntime.jsx("span",{className:r("inline-block relative",t),children:jsxRuntime.jsx(framerMotion.AnimatePresence,{mode:"wait",children:jsxRuntime.jsx(framerMotion.motion.span,{initial:{rotateX:-90,opacity:0},animate:{rotateX:0,opacity:1},exit:{rotateX:90,opacity:0},transition:{duration:.4},className:"inline-block",style:{transformStyle:"preserve-3d"},children:e[o]},e[o])})})}function Mo({text:e,className:t,delay:n=0,staggerDelay:o=.05}){let a=e.split(""),i={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:o,delayChildren:n}}},s={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:200}}};return jsxRuntime.jsx(framerMotion.motion.span,{className:r("inline-flex",t),variants:i,initial:"hidden",animate:"visible",children:a.map((l,m)=>jsxRuntime.jsx(framerMotion.motion.span,{variants:s,className:"inline-block",style:{whiteSpace:l===" "?"pre":"normal"},children:l===" "?"\xA0":l},m))})}function So({children:e,className:t,speed:n=3}){return jsxRuntime.jsxs("span",{className:r("inline-block bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-500 bg-clip-text text-transparent bg-[length:200%_auto] animate-[rainbow_var(--rainbow-speed)_linear_infinite]",t),style:{"--rainbow-speed":`${n}s`},children:[e,jsxRuntime.jsx("style",{children:`
|
|
7
|
+
@keyframes rainbow {
|
|
8
|
+
0% { background-position: 0% center; }
|
|
9
|
+
100% { background-position: 200% center; }
|
|
10
|
+
}
|
|
11
|
+
`})]})}function Eo({end:e,start:t=0,duration:n=2e3,className:o,prefix:a="",suffix:i="",decimals:s=0}){let[l,m]=jr.useState(t);return jr.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]),jsxRuntime.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 jsxRuntime.jsx(framerMotion.motion.div,{className:r("flex overflow-hidden",t),variants:a,initial:"hidden",animate:"visible",children:o.map((s,l)=>jsxRuntime.jsx(framerMotion.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]=jr.useState(false),m=jr.useRef(null);jr.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 jsxRuntime.jsx("div",{ref:m,className:r("overflow-hidden",t),style:{textAlign:i},children:c.map((d,p)=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("flex",t),children:n.map((o,a)=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("flex",t),style:{perspective:"500px"},children:n.map((o,a)=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx("div",{className:r("flex",t),children:n.map((o,a)=>jsxRuntime.jsx(framerMotion.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=framerMotion.useAnimation(),s=framerMotion.useMotionValue(0);jr.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 jsxRuntime.jsx(framerMotion.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 jsxRuntime.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]=jr.useState(false),s=a?o:n;return jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsxs(framerMotion.motion.div,{className:r("w-full text-center relative inline-block",n),whileHover:"hover",initial:"default",children:[jsxRuntime.jsx(framerMotion.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}),jsxRuntime.jsx(framerMotion.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}),jsxRuntime.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]=jr.useState(e),[g,b]=jr.useState(false),[x,h]=jr.useState(false),[y,v]=jr.useState(new Set),[N,T]=jr.useState(false),S=jr.useRef(null);jr.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]),jr.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 jsxRuntime.jsxs(framerMotion.motion.span,{className:m,ref:S,style:{display:"inline-block",whiteSpace:"pre-wrap"},...F,...p,children:[jsxRuntime.jsx("span",{className:"sr-only",children:u}),jsxRuntime.jsx("span",{"aria-hidden":"true",children:u.split("").map((L,C)=>{let M=y.has(C)||!x||!g;return jsxRuntime.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]=jr.useState(0),[p,u]=jr.useState(null),f=jr.useRef(null),g=jr.useRef([]),[b,x]=jr.useState({x:0,y:0,width:0,height:0});return jr.useEffect(()=>{if(!t){let h=setInterval(()=>{d(y=>(y+1)%m.length);},(i+s)*1e3);return ()=>clearInterval(h)}},[t,i,s,m.length]),jr.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]),jsxRuntime.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 jsxRuntime.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)}),jsxRuntime.jsx(framerMotion.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 jsxRuntime.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 jsxRuntime.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]=jr.useState(false);return jsxRuntime.jsx("div",{className:r("relative w-full h-full [perspective:1000px]",n),onMouseEnter:()=>a(true),onMouseLeave:()=>a(false),children:jsxRuntime.jsxs("div",{className:r("relative w-full h-full [transform-style:preserve-3d] transition-transform duration-700",o?"[transform:rotateY(180deg)]":""),children:[jsxRuntime.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}),jsxRuntime.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 jsxRuntime.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 jsxRuntime.jsx("div",{className:r("mb-4",t),children:e})}function ki({children:e,className:t}){return jsxRuntime.jsx("h3",{className:r("text-lg font-semibold",t),children:e})}function Ni({children:e,className:t}){return jsxRuntime.jsx("p",{className:r("text-sm text-zinc-500 dark:text-zinc-400",t),children:e})}function Ti({children:e,className:t}){return jsxRuntime.jsx("div",{className:r("",t),children:e})}function Pi({children:e,className:t}){return jsxRuntime.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 jsxRuntime.jsx("div",{className:r("flex items-center justify-center gap-1",e),children:[0,1,2].map(o=>jsxRuntime.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 jsxRuntime.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 jsxRuntime.jsx("div",{className:r("h-1 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",e),children:jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsxs("div",{className:r("relative",Ii[t],e),children:[jsxRuntime.jsx(framerMotion.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"}}),jsxRuntime.jsx("div",{className:r("absolute inset-2 rounded-full",n)})]})}function Hi({className:e,color:t="bg-zinc-900 dark:bg-white"}){return jsxRuntime.jsx("div",{className:r("flex gap-1",e),children:[0,1,2].map(n=>jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsxs("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsxRuntime.jsx("div",{className:"relative",children:jsxRuntime.jsxs("div",{className:"flex items-center justify-center",children:[[...Array(8)].map((t,n)=>jsxRuntime.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)),jsxRuntime.jsx("div",{className:"w-4 h-4 rounded-full bg-zinc-400"})]})}),jsxRuntime.jsx("style",{jsx:true,children:`
|
|
12
|
+
@keyframes flower-pulse {
|
|
13
|
+
0%, 100% { opacity: 0.3; scale: 0.8; }
|
|
14
|
+
50% { opacity: 1; scale: 1.2; }
|
|
15
|
+
}
|
|
16
|
+
`})]})}function _i({className:e=""}){return jsxRuntime.jsxs("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",e),children:[jsxRuntime.jsx("div",{className:"flex justify-center items-center",children:jsxRuntime.jsxs("div",{className:"w-36 h-36 flex justify-center items-center relative",children:[jsxRuntime.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)]"}),jsxRuntime.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)]"}),jsxRuntime.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"}),jsxRuntime.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:"*"})]})}),jsxRuntime.jsx("style",{jsx:true,children:`
|
|
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
|
+
@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
|
+
@keyframes rot { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
|
|
20
|
+
@keyframes scale { 0% { scale: 1; } 50% { scale: 1.9; } 100% { scale: 1; } }
|
|
21
|
+
`})]})}function Fi({className:e=""}){return jsxRuntime.jsx("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsxRuntime.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:jsxRuntime.jsx("style",{jsx:true,children:`
|
|
22
|
+
@keyframes rotate-color { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
|
|
23
|
+
@keyframes morph { 0%, 100% { border-radius: 50%; width: 80px; height: 80px; } 50% { border-radius: 10%; width: 100px; height: 100px; } }
|
|
24
|
+
`})})})}function $i({className:e=""}){return jsxRuntime.jsx("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",e),children:jsxRuntime.jsxs("div",{className:"w-16 h-16",children:[jsxRuntime.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:jsxRuntime.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]"})}),jsxRuntime.jsx("style",{jsx:true,children:`
|
|
25
|
+
@keyframes rotate { 0% { transform: scale(1) rotate(360deg); } 50% { transform: scale(0.8) rotate(-360deg); } 100% { transform: scale(1) rotate(360deg); } }
|
|
26
|
+
`})]})})}function Gi({text:e="loading",className:t=""}){return jsxRuntime.jsx("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",t),children:jsxRuntime.jsxs("div",{className:"relative w-20 h-12",children:[jsxRuntime.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}),jsxRuntime.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:jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-full bg-zinc-400 dark:bg-zinc-500 animate-[loading-bar-before_3.5s_ease_both_infinite]"})}),jsxRuntime.jsx("style",{jsx:true,children:`
|
|
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
|
+
@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
|
+
@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 Xi({words:e=["buttons","forms","switches","cards","loaders"],className:t=""}){return jsxRuntime.jsxs("div",{className:r("w-full h-full min-h-[400px] flex items-center justify-center",t),children:[jsxRuntime.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:[jsxRuntime.jsx("span",{className:"mr-2",children:"loading"}),jsxRuntime.jsxs("div",{className:"overflow-hidden relative h-full",children:[jsxRuntime.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((n,o)=>jsxRuntime.jsx("span",{className:"block h-full pl-1.5 text-black dark:text-white animate-[spin-words_4s_infinite]",style:{animationDelay:`${o*.8}s`},children:n},o))]})]}),jsxRuntime.jsx("style",{jsx:true,children:`
|
|
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]=jr.useState(0),i=jr__default.default.Children.toArray(t);jr.useEffect(()=>{let l=setInterval(()=>{a(m=>(m+1)%i.length);},n);return ()=>clearInterval(l)},[i.length,n]);let s=jr.useMemo(()=>i.slice(0,o+1).reverse(),[o,i]);return jsxRuntime.jsx("div",{className:r("flex flex-col items-center gap-4",e),children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s.map((l,m)=>jsxRuntime.jsx(Gt,{children:l},m))})})}function Gt({children:e}){return jsxRuntime.jsx(framerMotion.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 jsxRuntime.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]=jr.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 jsxRuntime.jsxs("div",{className:"relative inline-block",onMouseEnter:()=>i(true),onMouseLeave:()=>i(false),children:[e,jsxRuntime.jsx(framerMotion.AnimatePresence,{children:a&&jsxRuntime.jsx(framerMotion.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]=jr.useState(false),l=jr.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 jsxRuntime.jsxs("div",{className:r("relative inline-block",a),onMouseEnter:m,onMouseLeave:c,children:[t,jsxRuntime.jsx(framerMotion.AnimatePresence,{children:i&&jsxRuntime.jsx(framerMotion.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]=jr.useState(false),m=jr.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 jsxRuntime.jsxs("div",{className:r("relative inline-block",i),onMouseEnter:c,onMouseLeave:d,children:[t,jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s&&jsxRuntime.jsx(framerMotion.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 jsxRuntime.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 jsxRuntime.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?jsxRuntime.jsx("img",{src:e,alt:t,className:"w-full h-full object-cover"}):jsxRuntime.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 jsxRuntime.jsxs("div",{className:r("w-full",n),children:[jsxRuntime.jsx("div",{className:"h-2 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800",children:jsxRuntime.jsx(framerMotion.motion.div,{className:r("h-full rounded-full",o),initial:{width:0},animate:{width:`${i}%`},transition:{duration:.5,ease:"easeOut"}})}),a&&jsxRuntime.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 jsxRuntime.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:jsxRuntime.jsx(framerMotion.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]=jr.useState([]),i=s=>{a(n?l=>l.includes(s)?l.filter(m=>m!==s):[...l,s]:l=>l.includes(s)?[]:[s]);};return jsxRuntime.jsx("div",{className:r("w-full space-y-2",t),children:e.map((s,l)=>jsxRuntime.jsxs("div",{className:"border border-zinc-200 dark:border-zinc-800 rounded-lg overflow-hidden",children:[jsxRuntime.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:[jsxRuntime.jsx("span",{className:"font-medium",children:s.title}),jsxRuntime.jsx(framerMotion.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:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsxRuntime.jsx(framerMotion.AnimatePresence,{children:o.includes(l)&&jsxRuntime.jsx(framerMotion.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:jsxRuntime.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]=jr.useState(n);return jsxRuntime.jsxs("div",{className:r("w-full",t),children:[jsxRuntime.jsx("div",{className:"relative flex border-b border-zinc-200 dark:border-zinc-800",children:e.map((i,s)=>jsxRuntime.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&&jsxRuntime.jsx(framerMotion.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))}),jsxRuntime.jsx(framerMotion.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 jr.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]),jsxRuntime.jsx(framerMotion.AnimatePresence,{children:e&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxRuntime.jsxs(framerMotion.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&&jsxRuntime.jsxs("div",{className:"flex items-center justify-between mb-4",children:[jsxRuntime.jsx("h2",{className:"text-lg font-semibold",children:a}),jsxRuntime.jsx("button",{onClick:t,className:"p-1 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",children:jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.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"}){jr.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 jsxRuntime.jsx(framerMotion.AnimatePresence,{children:e&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,className:"fixed inset-0 bg-black/50 z-50"}),jsxRuntime.jsxs(framerMotion.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:[jsxRuntime.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:jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsxRuntime.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__default.default.useState(true);if(!a)return null;let s=()=>{i(false),o?.();};return jsxRuntime.jsx("div",{className:r("min-h-[400px] w-full flex items-center justify-center p-4",e),children:jsxRuntime.jsx("div",{className:"flex flex-col items-center w-full lg:max-w-[75%] gap-6",children:jsxRuntime.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&&jsxRuntime.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:jsxRuntime.jsx("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})})})}function Va({children:e,className:t}){return jsxRuntime.jsx("div",{className:r("text-primary flex-shrink-0",t),children:e})}function Xa({children:e,className:t}){return jsxRuntime.jsx("span",{className:r("text-foreground font-medium text-sm flex-1",t),children:e})}function Wa({children:e,className:t}){return jsxRuntime.jsx("div",{className:r("flex items-center gap-2",t),children:e})}function qa({children:e,className:t,title:n="Terminal"}){return jsxRuntime.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:[jsxRuntime.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:[jsxRuntime.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntime.jsx("div",{className:"w-3 h-3 bg-red-500 rounded-full"}),jsxRuntime.jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full"}),jsxRuntime.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full"})]}),jsxRuntime.jsx("div",{className:"text-zinc-600 dark:text-gray-400 text-sm font-mono",children:n}),jsxRuntime.jsx("div",{className:"w-16"})]}),jsxRuntime.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]=jr.useState(""),[s,l]=jr.useState(false);return jr.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]),jsxRuntime.jsxs("div",{className:r("flex items-center",t),children:[jsxRuntime.jsx("span",{children:a}),!s&&jsxRuntime.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]=jr.useState(false);return jr.useEffect(()=>{let i=setTimeout(()=>{a(true);},n);return ()=>clearTimeout(i)},[n]),jsxRuntime.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]=jr.useState(t),[p,u]=jr.useState(0),f=jr.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 jsxRuntime.jsxs("div",{className:r("w-full max-w-md mx-auto",l),...m,children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between mb-8",children:f.map((T,S)=>{let F=S+1,L=S<g-1;return jsxRuntime.jsxs(jr__default.default.Fragment,{children:[jsxRuntime.jsx(is,{step:F,disableStepIndicators:s,currentStep:c,onClickStep:C=>{u(C>c?1:-1),h(C);}}),L&&jsxRuntime.jsx(as,{isComplete:c>F})]},F)})}),jsxRuntime.jsx(ns,{isCompleted:b,currentStep:c,direction:p,children:f[c-1]}),!b&&jsxRuntime.jsxs("div",{className:r("flex mt-8",c!==1?"justify-between":"justify-end"),children:[c!==1&&jsxRuntime.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}),jsxRuntime.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]=jr.useState(0);return jsxRuntime.jsx(framerMotion.motion.div,{className:"relative overflow-hidden",animate:{height:e?0:a},transition:{type:"spring",duration:.4},children:jsxRuntime.jsx(framerMotion.AnimatePresence,{initial:false,mode:"sync",custom:n,children:!e&&jsxRuntime.jsx(rs,{direction:n,onHeightReady:s=>i(s),children:o},t)})})}function rs({children:e,direction:t,onHeightReady:n}){let o=jr.useRef(null);jr.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 jsxRuntime.jsx(framerMotion.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 jsxRuntime.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 jsxRuntime.jsx(framerMotion.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"?jsxRuntime.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}):jsxRuntime.jsx("span",{children:e})})}function as({isComplete:e}){return jsxRuntime.jsx("div",{className:"flex-1 h-[2px] mx-2 bg-zinc-800 rounded-full overflow-hidden",children:jsxRuntime.jsx(framerMotion.motion.div,{className:"h-full bg-white rounded-full",initial:{width:0},animate:{width:e?"100%":"0%"},transition:{duration:.4}})})}var an=jr.createContext(null),sn=()=>{let e=jr.useContext(an);if(!e)throw new Error("useTree must be used within a TreeProvider");return e},ln=jr.forwardRef(({data:e,initialSelectedId:t,onSelectChange:n,initialExpandedItems:o=[],elements:a,className:i,...s},l)=>{let[m,c]=jr.useState(t),[d,p]=jr.useState(o),u=jr.useCallback(b=>{p(x=>x.includes(b)?x.filter(h=>h!==b):[...x,b]);},[]),f=jr.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 jsxRuntime.jsx(an.Provider,{value:g,children:jsxRuntime.jsx("div",{className:r("relative overflow-hidden",i),ref:l,...s,children:jr__default.default.Children.map(s.children,b=>b)})})});ln.displayName="Tree";var cn=jr.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 jsxRuntime.jsxs("div",{ref:s,className:"relative",...i,children:[jsxRuntime.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:[jsxRuntime.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:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),jsxRuntime.jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsxRuntime.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"})}),jsxRuntime.jsx("span",{className:"truncate",children:t})]}),m.includes(n)&&jsxRuntime.jsx("div",{className:"ml-4 border-l border-muted pl-2",children:a})]})});cn.displayName="Folder";var dn=jr.forwardRef(({className:e,value:t,isSelectable:n=true,children:o,...a},i)=>{let{selectedId:s,handleSelect:l}=sn();return jsxRuntime.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:[jsxRuntime.jsx("svg",{className:"h-4 w-4 shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:jsxRuntime.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"})}),jsxRuntime.jsx("div",{className:"truncate",children:o})]})});dn.displayName="File";function fs({mv:e,number:t,height:n}){let o=framerMotion.useTransform(e,a=>{let i=a%10,s=(10+t-i)%10,l=s*n;return s>5&&(l-=10*n),l});return jsxRuntime.jsx(framerMotion.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=framerMotion.useSpring(a,{stiffness:200,damping:25});return jr.useEffect(()=>{i.set(a);},[i,a]),jsxRuntime.jsx("div",{style:{height:n,position:"relative",overflow:"hidden",...o},children:Array.from({length:10},(s,l)=>jsxRuntime.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 jsxRuntime.jsx("div",{style:{display:"flex",gap:a,fontSize:t,color:i,fontWeight:s,...l},children:o.map(d=>jsxRuntime.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]=jr.useState(n||null),s=l=>{i(a===l?null:l),o?.(l);};return jsxRuntime.jsx("div",{className:r("flex items-center gap-3 p-2 relative","bg-background border rounded-xl transition-all duration-200",e),children:jsxRuntime.jsx("div",{className:"flex items-center gap-2",children:t.map(l=>jsxRuntime.jsxs(framerMotion.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,jsxRuntime.jsx(framerMotion.AnimatePresence,{initial:false,children:a===l.id&&jsxRuntime.jsx(framerMotion.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 jsxRuntime.jsx(framerMotion.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=jr.useRef(null),s=framerMotion.useMotionValue(1/0),l=framerMotion.useSpring(framerMotion.useTransform(s,[-n,0,n],[e,t,e]),{mass:.1,stiffness:150,damping:12});return jsxRuntime.jsx(framerMotion.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=jr.forwardRef(({className:e,label:t,error:n,icon:o,...a},i)=>jsxRuntime.jsxs("div",{className:"w-full",children:[t&&jsxRuntime.jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsxRuntime.jsxs("div",{className:"relative",children:[o&&jsxRuntime.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400",children:o}),jsxRuntime.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&&jsxRuntime.jsx("p",{className:"mt-1 text-sm text-red-500",children:n})]}));gn.displayName="Input";var xn=jr.forwardRef(({className:e,label:t,error:n,...o},a)=>jsxRuntime.jsxs("div",{className:"w-full",children:[t&&jsxRuntime.jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:t}),jsxRuntime.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&&jsxRuntime.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 jsxRuntime.jsxs("label",{className:r("inline-flex items-center gap-2 cursor-pointer",o&&"opacity-50 cursor-not-allowed",a),children:[jsxRuntime.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:jsxRuntime.jsx(framerMotion.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:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})})}),n&&jsxRuntime.jsx("span",{className:"text-sm",children:n})]})}function Hs({options:e,value:t,onChange:n,name:o,className:a,direction:i="vertical"}){return jsxRuntime.jsx("div",{className:r("flex gap-3",i==="vertical"?"flex-col":"flex-row flex-wrap",a),children:e.map(s=>jsxRuntime.jsxs("label",{className:"inline-flex items-center gap-2 cursor-pointer",children:[jsxRuntime.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:jsxRuntime.jsx(framerMotion.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"})}),jsxRuntime.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]=jr.useState(false),m=jr.useRef(null),c=e.find(d=>d.value===t);return jr.useEffect(()=>{let d=p=>{m.current&&!m.current.contains(p.target)&&l(false);};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[]),jsxRuntime.jsxs("div",{className:"w-full",children:[i&&jsxRuntime.jsx("label",{className:"block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1",children:i}),jsxRuntime.jsxs("div",{ref:m,className:r("relative",a),children:[jsxRuntime.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:[jsxRuntime.jsx("span",{className:c?"":"text-zinc-400",children:c?.label||o}),jsxRuntime.jsx(framerMotion.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:jsxRuntime.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),jsxRuntime.jsx(framerMotion.AnimatePresence,{children:s&&jsxRuntime.jsx(framerMotion.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=>jsxRuntime.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))})})]})]})}exports.Accordion=Sa;exports.Alert=Ga;exports.AlertIcon=Va;exports.AlertTitle=Xa;exports.AlertToolbar=Wa;exports.AnimatedList=Qi;exports.AnimatedListItem=Gt;exports.AnimatedSpan=Ja;exports.AttractButton=Nr;exports.Avatar=ka;exports.Badge=va;exports.BlurText=Fr;exports.BounceButton=En;exports.BounceText=Br;exports.Card=yi;exports.CardContent=Ti;exports.CardDescription=Ni;exports.CardFlip=hi;exports.CardFooter=Pi;exports.CardHeader=wi;exports.CardTitle=ki;exports.Checkbox=Bs;exports.CircularText=jo;exports.CommandButton=Pr;exports.CopyButton=mr;exports.CountUp=Eo;exports.Counter=gs;exports.DecryptedText=li;exports.Dock=Rs;exports.DockIcon=Cs;exports.Drawer=Fa;exports.DynamicText=No;exports.ElasticText=Uo;exports.File=dn;exports.FlipText=Jr;exports.Folder=cn;exports.FuzzyText=no;exports.GlassCard=ui;exports.GlitchText=Sr;exports.GlowButton=_n;exports.GlowingText=ni;exports.GradientButton=er;exports.GradientText=Rr;exports.HoldButton=rr;exports.HoverCard=bi;exports.Input=gn;exports.LiquidButton=qn;exports.LiquidText=so;exports.LoadingBar=Si;exports.LoadingBounce=Hi;exports.LoadingDots=zi;exports.LoadingFlower=Di;exports.LoadingGeometric=_i;exports.LoadingMorph=Fi;exports.LoadingPulse=Bi;exports.LoadingRings=$i;exports.LoadingSpinner=Ri;exports.LoadingText=Gi;exports.LoadingWords=Xi;exports.MagneticButton=Bn;exports.MagneticText=xo;exports.MatrixText=io;exports.Modal=Ea;exports.MorphText=Xo;exports.NeonButton=Xn;exports.ParticleButton=xr;exports.PerspectiveText=Yo;exports.Progress=Ta;exports.PulseButton=$n;exports.RadioGroup=Hs;exports.RainbowText=So;exports.RevealText=Do;exports.RippleButton=Cn;exports.RotatingText=Co;exports.ScrambledText=po;exports.Select=Gs;exports.ShimmerText=Mr;exports.ShineButton=Nn;exports.ShinyText=Kr;exports.Skeleton=Zi;exports.SlicedText=oi;exports.SlideButton=Qn;exports.SplitText=Go;exports.StaggerText=Mo;exports.Step=os;exports.Stepper=ts;exports.Switch=Ra;exports.SwooshText=lo;exports.Tabs=Ia;exports.Terminal=qa;exports.Textarea=xn;exports.ThreeDButton=lr;exports.Toolbar=ws;exports.Tooltip=ra;exports.TooltipAnimated=ba;exports.TooltipMinimal=ca;exports.Tree=ln;exports.TrueFocus=mi;exports.Typewriter=Vr;exports.TypingAnimation=Ua;exports.WaveText=qr;exports.cn=r;//# sourceMappingURL=index.js.map
|
|
2
33
|
//# sourceMappingURL=index.js.map
|