telecop 0.1.30 → 0.1.32
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/animations/presets/index.d.ts +18 -1
- package/dist/animations/presets/text.d.ts +17 -0
- package/dist/index.js +8 -8
- package/dist/index.mjs +670 -495
- package/dist/templates/Home/Home.d.ts +1 -0
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ export { zoomIn, zoomInUp, zoomInDown, zoomInLeft, zoomInRight, zoomOut, zoomOut
|
|
|
5
5
|
export { rotateIn, rotateInUpLeft, rotateInUpRight, rotateInDownLeft, rotateInDownRight, rotateOut, spin, spinReverse, spinSlow, spinFast, } from './rotate';
|
|
6
6
|
export { bounceIn, bounceInUp, bounceInDown, bounceInLeft, bounceInRight, bounceOut, bounce, bounceLoop, } from './bounce';
|
|
7
7
|
export { shake, shakeY, pulse, pulseLoop, heartbeat, flash, rubberBand, jello, swing, wobble, tada, } from './attention';
|
|
8
|
+
export { typing, glitch, waveText, blurIn, trackingInExpand, trackingOutContract, focusIn, textShadowPop, flicker, textPopUp, textRotateIn, textScaleUp, textWobble, swingInTop, slideInBlurred, kenburns, } from './text';
|
|
8
9
|
import * as fade from './fade';
|
|
9
10
|
export declare const presets: {
|
|
10
11
|
readonly fadeIn: fade.PresetAnimation;
|
|
@@ -64,6 +65,22 @@ export declare const presets: {
|
|
|
64
65
|
readonly swing: fade.PresetAnimation;
|
|
65
66
|
readonly wobble: fade.PresetAnimation;
|
|
66
67
|
readonly tada: fade.PresetAnimation;
|
|
68
|
+
readonly typing: fade.PresetAnimation;
|
|
69
|
+
readonly glitch: fade.PresetAnimation;
|
|
70
|
+
readonly waveText: fade.PresetAnimation;
|
|
71
|
+
readonly blurIn: fade.PresetAnimation;
|
|
72
|
+
readonly trackingInExpand: fade.PresetAnimation;
|
|
73
|
+
readonly trackingOutContract: fade.PresetAnimation;
|
|
74
|
+
readonly focusIn: fade.PresetAnimation;
|
|
75
|
+
readonly textShadowPop: fade.PresetAnimation;
|
|
76
|
+
readonly flicker: fade.PresetAnimation;
|
|
77
|
+
readonly textPopUp: fade.PresetAnimation;
|
|
78
|
+
readonly textRotateIn: fade.PresetAnimation;
|
|
79
|
+
readonly textScaleUp: fade.PresetAnimation;
|
|
80
|
+
readonly textWobble: fade.PresetAnimation;
|
|
81
|
+
readonly swingInTop: fade.PresetAnimation;
|
|
82
|
+
readonly slideInBlurred: fade.PresetAnimation;
|
|
83
|
+
readonly kenburns: fade.PresetAnimation;
|
|
67
84
|
};
|
|
68
85
|
export type PresetName = keyof typeof presets;
|
|
69
86
|
/**
|
|
@@ -77,4 +94,4 @@ export declare function getPresetNames(): PresetName[];
|
|
|
77
94
|
/**
|
|
78
95
|
* Get presets by category
|
|
79
96
|
*/
|
|
80
|
-
export declare function getPresetsByCategory(category: 'fade' | 'slide' | 'zoom' | 'rotate' | 'bounce' | 'attention'): PresetName[];
|
|
97
|
+
export declare function getPresetsByCategory(category: 'fade' | 'slide' | 'zoom' | 'rotate' | 'bounce' | 'attention' | 'text'): PresetName[];
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PresetAnimation } from './fade';
|
|
2
|
+
export declare const typing: PresetAnimation;
|
|
3
|
+
export declare const glitch: PresetAnimation;
|
|
4
|
+
export declare const waveText: PresetAnimation;
|
|
5
|
+
export declare const blurIn: PresetAnimation;
|
|
6
|
+
export declare const trackingInExpand: PresetAnimation;
|
|
7
|
+
export declare const trackingOutContract: PresetAnimation;
|
|
8
|
+
export declare const focusIn: PresetAnimation;
|
|
9
|
+
export declare const textShadowPop: PresetAnimation;
|
|
10
|
+
export declare const flicker: PresetAnimation;
|
|
11
|
+
export declare const textPopUp: PresetAnimation;
|
|
12
|
+
export declare const textRotateIn: PresetAnimation;
|
|
13
|
+
export declare const textScaleUp: PresetAnimation;
|
|
14
|
+
export declare const textWobble: PresetAnimation;
|
|
15
|
+
export declare const swingInTop: PresetAnimation;
|
|
16
|
+
export declare const slideInBlurred: PresetAnimation;
|
|
17
|
+
export declare const kenburns: PresetAnimation;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),q=({children:e,variant:a="primary",size:r="md",onClick:n,disabled:o=!1,className:i=""})=>{const s="font-semibold rounded-lg transition-all duration-200 cursor-pointer",d={primary:"bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",secondary:"bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",danger:"bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"},l={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},c=o?"opacity-50 cursor-not-allowed":"";return t.jsx("button",{className:`${s} ${d[a]} ${l[r]} ${c} ${i}`,onClick:n,disabled:o,children:e})},N=({children:e,variant:a="blur",size:r="md",onClick:n,disabled:o=!1,className:i=""})=>{const[s,d]=g.useState([]),l=p=>{if(!o&&n){const y=p.currentTarget.getBoundingClientRect(),m=p.clientX-y.left,k=p.clientY-y.top,w=Date.now();d([...s,{x:m,y:k,id:w}]),setTimeout(()=>{d(I=>I.filter(j=>j.id!==w))},800),n()}},c=`
|
|
2
2
|
relative overflow-hidden
|
|
3
3
|
backdrop-blur-xl
|
|
4
4
|
border border-white/30
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
cursor-pointer
|
|
9
9
|
shadow-xl
|
|
10
10
|
group
|
|
11
|
-
`,u={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},
|
|
11
|
+
`,u={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},x={blur:`
|
|
12
12
|
bg-white/5
|
|
13
13
|
hover:bg-white/15
|
|
14
14
|
hover:border-white/50
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
before:translate-x-[-200%]
|
|
32
32
|
hover:before:translate-x-[200%]
|
|
33
33
|
before:transition-transform before:duration-1000
|
|
34
|
-
`},
|
|
34
|
+
`},f=o?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return t.jsxs("button",{className:`${c} ${u[r]} ${x[a]} ${f} ${i}`,onClick:l,disabled:o,children:[a==="waves"&&!o&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700"}),t.jsx("span",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse"})]}),a==="blur"&&!o&&t.jsx("span",{className:"absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),t.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none",children:t.jsx("span",{className:"absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer"})}),s.map(p=>t.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:p.x,top:p.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},p.id)),t.jsx("span",{className:"relative z-10 drop-shadow-lg",children:e})]})},z=[{id:"glass-morphism",name:"Glass Morphism",gradient:`
|
|
35
35
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
36
36
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
37
37
|
radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
radial-gradient(circle at 25% 75%, rgba(185, 28, 28, 0.6), transparent 35%),
|
|
206
206
|
radial-gradient(circle at 75% 80%, rgba(239, 68, 68, 0.5), transparent 40%),
|
|
207
207
|
linear-gradient(135deg, #0f0000 0%, #1a0505 50%, #0f0000 100%)
|
|
208
|
-
`,category:"premium",animation:"flow"},{id:"purple-dark",name:"Purple Dark",gradient:"linear-gradient(147deg, #000000 0%, #8d45d5 187%)",category:"dark"},{id:"red-fire",name:"Red Fire",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 75%)",category:"dark"},{id:"green-emerald",name:"Green Emerald",gradient:"linear-gradient(308deg, #0ba769 0%, #000000 75%)",category:"dark"},{id:"blue-ocean",name:"Blue Ocean",gradient:"linear-gradient(308deg, #0b32a7 0%, #000000 67%)",category:"dark"},{id:"purple-magic",name:"Purple Magic",gradient:"linear-gradient(308deg, #960ba7 0%, #000000 67%)",category:"dark"},{id:"green-forest",name:"Green Forest",gradient:"linear-gradient(308deg, #3da70b 0%, #000000 67%)",category:"dark"},{id:"pink-rose",name:"Pink Rose",gradient:"linear-gradient(308deg, #a70b7e 0%, #000000 67%)",category:"dark"},{id:"red-crimson",name:"Red Crimson",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 67%)",category:"dark"},{id:"yellow-gold",name:"Yellow Gold",gradient:"linear-gradient(308deg, #a5a70b 0%, #000000 67%)",category:"dark"},{id:"red-center",name:"Red Center",gradient:"linear-gradient(322deg, #000000 23%, #a70b0b 54%, #000000 73%)",category:"mixed"},{id:"blue-center",name:"Blue Center",gradient:"linear-gradient(322deg, #000000 23%, #120ba7 54%, #000000 73%)",category:"mixed"},{id:"gray-steel",name:"Gray Steel",gradient:"linear-gradient(322deg, #000000 23%, #34334d 54%, #000000 73%)",category:"mixed"},{id:"blue-bright",name:"Blue Bright",gradient:"linear-gradient(322deg, #000000 23%, #52a9ff 54%, #000000 73%)",category:"colorful"},{id:"red-fire-flow",name:"Red Fire Flow",gradient:"linear-gradient(308deg, #a70b0b 0%, #ff6b6b 50%, #000000 75%)",category:"animated",animation:"flow"},{id:"blue-wave",name:"Blue Wave",gradient:"linear-gradient(308deg, #0b32a7 0%, #52a9ff 50%, #000000 67%)",category:"animated",animation:"wave"},{id:"purple-shift",name:"Purple Shift",gradient:"linear-gradient(308deg, #960ba7 0%, #e100ff 50%, #000000 67%)",category:"animated",animation:"shift"},{id:"green-pulse",name:"Green Pulse",gradient:"linear-gradient(308deg, #3da70b 0%, #a8e063 50%, #000000 67%)",category:"animated",animation:"pulse"},{id:"pink-rotate",name:"Pink Rotate",gradient:"linear-gradient(308deg, #a70b7e 0%, #ff6ec7 50%, #000000 67%)",category:"animated",animation:"rotate"},{id:"gold-zoom",name:"Gold Zoom",gradient:"linear-gradient(308deg, #a5a70b 0%, #f6d365 50%, #000000 67%)",category:"animated",animation:"zoom"}],Q=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),T=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),V=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),W=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),Z=({children:e="Pill Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),J=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50",children:e}),K=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50",children:e}),ee=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),ae=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50",children:e}),re=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),te=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20",children:e}),ne=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20",children:e}),oe=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20",children:e}),ie=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20",children:e}),se=({children:e="Shimmer Effect",onClick:a})=>r.jsxs("button",{onClick:a,className:"relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105",children:[r.jsx("span",{className:"relative z-10",children:e}),r.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"})]}),le=({children:e="Pulse Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105",children:e}),de=({children:e="Bounce Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce",children:e}),ce=({children:e="Glow Effect",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105",children:e}),ge=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),ue=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),pe=({children:e="Gradient Border",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105",style:{borderImage:"linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1"},children:e}),me=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105",children:e}),fe=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105",children:e}),be=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105",children:e}),he=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150",children:e}),xe=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150",children:e}),ye=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150",children:e}),we=({children:e="Neon Blue",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105",children:e}),ve=({children:e="Neon Pink",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105",children:e}),ke=({children:e="Neon Green",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105",children:e}),Ie={"glass-morphism":`
|
|
208
|
+
`,category:"premium",animation:"flow"},{id:"purple-dark",name:"Purple Dark",gradient:"linear-gradient(147deg, #000000 0%, #8d45d5 187%)",category:"dark"},{id:"red-fire",name:"Red Fire",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 75%)",category:"dark"},{id:"green-emerald",name:"Green Emerald",gradient:"linear-gradient(308deg, #0ba769 0%, #000000 75%)",category:"dark"},{id:"blue-ocean",name:"Blue Ocean",gradient:"linear-gradient(308deg, #0b32a7 0%, #000000 67%)",category:"dark"},{id:"purple-magic",name:"Purple Magic",gradient:"linear-gradient(308deg, #960ba7 0%, #000000 67%)",category:"dark"},{id:"green-forest",name:"Green Forest",gradient:"linear-gradient(308deg, #3da70b 0%, #000000 67%)",category:"dark"},{id:"pink-rose",name:"Pink Rose",gradient:"linear-gradient(308deg, #a70b7e 0%, #000000 67%)",category:"dark"},{id:"red-crimson",name:"Red Crimson",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 67%)",category:"dark"},{id:"yellow-gold",name:"Yellow Gold",gradient:"linear-gradient(308deg, #a5a70b 0%, #000000 67%)",category:"dark"},{id:"red-center",name:"Red Center",gradient:"linear-gradient(322deg, #000000 23%, #a70b0b 54%, #000000 73%)",category:"mixed"},{id:"blue-center",name:"Blue Center",gradient:"linear-gradient(322deg, #000000 23%, #120ba7 54%, #000000 73%)",category:"mixed"},{id:"gray-steel",name:"Gray Steel",gradient:"linear-gradient(322deg, #000000 23%, #34334d 54%, #000000 73%)",category:"mixed"},{id:"blue-bright",name:"Blue Bright",gradient:"linear-gradient(322deg, #000000 23%, #52a9ff 54%, #000000 73%)",category:"colorful"},{id:"red-fire-flow",name:"Red Fire Flow",gradient:"linear-gradient(308deg, #a70b0b 0%, #ff6b6b 50%, #000000 75%)",category:"animated",animation:"flow"},{id:"blue-wave",name:"Blue Wave",gradient:"linear-gradient(308deg, #0b32a7 0%, #52a9ff 50%, #000000 67%)",category:"animated",animation:"wave"},{id:"purple-shift",name:"Purple Shift",gradient:"linear-gradient(308deg, #960ba7 0%, #e100ff 50%, #000000 67%)",category:"animated",animation:"shift"},{id:"green-pulse",name:"Green Pulse",gradient:"linear-gradient(308deg, #3da70b 0%, #a8e063 50%, #000000 67%)",category:"animated",animation:"pulse"},{id:"pink-rotate",name:"Pink Rotate",gradient:"linear-gradient(308deg, #a70b7e 0%, #ff6ec7 50%, #000000 67%)",category:"animated",animation:"rotate"},{id:"gold-zoom",name:"Gold Zoom",gradient:"linear-gradient(308deg, #a5a70b 0%, #f6d365 50%, #000000 67%)",category:"animated",animation:"zoom"}],H=({name:e,title:a,description:r="Welcome to my portfolio",primaryButtonText:n="Get Started",primaryButtonLink:o,primaryButtonOnClick:i,secondaryButtonText:s="Learn More",secondaryButtonLink:d,secondaryButtonOnClick:l,theme:c,backgroundGradient:u,animationType:x,className:f=""})=>{const p=c?z.find(b=>b.id===c):null,y=(p==null?void 0:p.gradient)||u||"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",m=x||(p==null?void 0:p.animation),k=()=>{o?window.location.href=o:i&&i()},w=()=>{d?window.location.href=d:l&&l()},I=o?t.jsx("a",{href:o,style:{textDecoration:"none"},children:t.jsx(N,{variant:"waves",size:"lg",children:n})}):t.jsx(N,{variant:"waves",size:"lg",onClick:i||k,children:n}),j=d?t.jsx("a",{href:d,style:{textDecoration:"none"},children:t.jsx(N,{variant:"blur",size:"lg",children:s})}):t.jsx(N,{variant:"blur",size:"lg",onClick:l||w,children:s});return t.jsx("div",{className:m?`animate-gradient-${m}`:"",style:{background:y,minHeight:"100vh"},children:t.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${f}`,children:t.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[t.jsx("h1",{className:"text-6xl md:text-8xl font-bold text-white mb-4",style:{textShadow:"0 0 40px rgba(0,0,0,0.3)",animation:"fadeInUp 0.8s ease-out"},children:e}),t.jsx("h2",{className:"text-3xl md:text-5xl font-semibold text-white/90",style:{textShadow:"0 0 30px rgba(0,0,0,0.2)",animation:"fadeInUp 1s ease-out 0.2s backwards"},children:a}),t.jsx("p",{className:"text-xl md:text-2xl text-white/80 max-w-2xl mx-auto",style:{textShadow:"0 0 20px rgba(0,0,0,0.2)",animation:"fadeInUp 1.2s ease-out 0.4s backwards"},children:r}),t.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[I,j]}),t.jsx("div",{className:"mt-16 mx-auto w-32 h-1 rounded-full",style:{background:"linear-gradient(90deg, transparent, white, transparent)",animation:"fadeIn 2s ease-out 1s backwards"}})]})})})},F=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),W=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),Q=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),V=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),Z=({children:e="Pill Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),J=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50",children:e}),K=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50",children:e}),ee=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),ae=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50",children:e}),te=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),re=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20",children:e}),ne=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20",children:e}),oe=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20",children:e}),ie=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20",children:e}),se=({children:e="Shimmer Effect",onClick:a})=>t.jsxs("button",{onClick:a,className:"relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105",children:[t.jsx("span",{className:"relative z-10",children:e}),t.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"})]}),le=({children:e="Pulse Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105",children:e}),de=({children:e="Bounce Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce",children:e}),ce=({children:e="Glow Effect",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105",children:e}),ge=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),pe=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),ue=({children:e="Gradient Border",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105",style:{borderImage:"linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1"},children:e}),fe=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105",children:e}),me=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105",children:e}),be=({children:e="Click Me",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105",children:e}),he=({children:e="3D Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150",children:e}),xe=({children:e="3D Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150",children:e}),ye=({children:e="3D Button",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150",children:e}),we=({children:e="Neon Blue",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105",children:e}),ve=({children:e="Neon Pink",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105",children:e}),ke=({children:e="Neon Green",onClick:a})=>t.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105",children:e}),Ie={"glass-morphism":`
|
|
209
209
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
210
210
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
211
211
|
radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
|
|
@@ -225,25 +225,25 @@
|
|
|
225
225
|
radial-gradient(circle at 20% 80%, rgba(0, 191, 255, 0.4), transparent 25%),
|
|
226
226
|
radial-gradient(circle at 80% 85%, rgba(138, 43, 226, 0.3), transparent 25%),
|
|
227
227
|
linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
|
|
228
|
-
`,none:"transparent"},je=({children:e,layout:a="center",size:
|
|
228
|
+
`,none:"transparent"},je=({children:e,layout:a="center",size:r="lg",theme:n="none",padding:o=!0,gap:i="md",className:s=""})=>{const d={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"}[r],l={sm:"gap-4",md:"gap-8",lg:"gap-12"}[i],c={"image-right":`grid md:grid-cols-2 ${l} items-center`,"image-left":`grid md:grid-cols-2 ${l} items-center`,"button-right":`grid md:grid-cols-2 ${l} items-center`,"button-left":`grid md:grid-cols-2 ${l} items-center`,center:"flex flex-col items-center justify-center text-center","two-columns":`grid md:grid-cols-2 ${l}`,"three-columns":`grid md:grid-cols-3 ${l}`}[a],u=o?"px-6 py-8":"",x=n!=="none"?{background:Ie[n],backgroundSize:"200% 200%"}:{},f=g.Children.toArray(e);let p=f;return(a==="image-left"||a==="button-left")&&(p=f.reverse()),t.jsx("div",{className:`${d} mx-auto ${u} ${s}`,style:x,children:t.jsx("div",{className:c,children:p})})},Ne=({src:e,alt:a,className:r="",width:n,height:o})=>t.jsx("div",{className:`w-full ${r}`,children:t.jsx("img",{src:e,alt:a,width:n,height:o,className:"w-full h-auto rounded-2xl shadow-2xl object-cover"})}),Oe=({children:e,className:a=""})=>t.jsx("div",{className:`space-y-4 ${a}`,children:e}),Me=({children:e,className:a=""})=>t.jsx("div",{className:`flex gap-4 ${a}`,children:e}),Ce=({icon:e,title:a,description:r,variant:n="solid",theme:o="blue",hoverable:i=!0,className:s=""})=>{const l=`
|
|
229
229
|
rounded-2xl p-6
|
|
230
230
|
max-w-sm
|
|
231
231
|
transition-all duration-300
|
|
232
232
|
${i?"hover:scale-[1.02] hover:shadow-2xl":""}
|
|
233
233
|
${{blue:{solid:"bg-blue-600 text-white",glass:"bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 text-white",gradient:"bg-gradient-to-br from-blue-600 to-blue-800 text-white",outlined:"bg-transparent border-2 border-blue-500 text-blue-500"},purple:{solid:"bg-purple-600 text-white",glass:"bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 text-white",gradient:"bg-gradient-to-br from-purple-600 to-pink-600 text-white",outlined:"bg-transparent border-2 border-purple-500 text-purple-500"},green:{solid:"bg-green-600 text-white",glass:"bg-green-500/20 backdrop-blur-xl border border-green-400/30 text-white",gradient:"bg-gradient-to-br from-green-600 to-emerald-600 text-white",outlined:"bg-transparent border-2 border-green-500 text-green-500"},red:{solid:"bg-red-600 text-white",glass:"bg-red-500/20 backdrop-blur-xl border border-red-400/30 text-white",gradient:"bg-gradient-to-br from-red-600 to-orange-600 text-white",outlined:"bg-transparent border-2 border-red-500 text-red-500"},pink:{solid:"bg-pink-600 text-white",glass:"bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 text-white",gradient:"bg-gradient-to-br from-pink-600 to-rose-600 text-white",outlined:"bg-transparent border-2 border-pink-500 text-pink-500"},orange:{solid:"bg-orange-600 text-white",glass:"bg-orange-500/20 backdrop-blur-xl border border-orange-400/30 text-white",gradient:"bg-gradient-to-br from-orange-600 to-red-600 text-white",outlined:"bg-transparent border-2 border-orange-500 text-orange-500"}}[o][n]}
|
|
234
234
|
${s}
|
|
235
|
-
`;return
|
|
235
|
+
`;return t.jsxs("div",{className:l,children:[e&&t.jsx("div",{className:"text-4xl mb-4",children:e}),t.jsx("h3",{className:"text-xl font-bold mb-2",children:a}),t.jsx("p",{className:`text-sm ${n==="outlined"?"text-gray-600":"opacity-90"}`,children:r})]})},Ye=({image:e,title:a,description:r,price:n,oldPrice:o,badge:i,variant:s="solid",children:d,className:l=""})=>{const c={solid:"bg-gray-900 border border-gray-800",glass:"bg-white/5 backdrop-blur-xl border border-white/10",gradient:"bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",outlined:"bg-transparent border-2 border-gray-700"};return t.jsxs("div",{className:`
|
|
236
236
|
rounded-2xl overflow-hidden
|
|
237
237
|
max-w-sm
|
|
238
238
|
transition-all duration-300
|
|
239
239
|
hover:scale-[1.02] hover:shadow-2xl
|
|
240
240
|
${c[s]}
|
|
241
241
|
${l}
|
|
242
|
-
`,children:[
|
|
242
|
+
`,children:[t.jsxs("div",{className:"relative",children:[t.jsx("img",{src:e,alt:a,className:"w-full h-48 object-cover"}),i&&t.jsx("span",{className:"absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full",children:i})]}),t.jsxs("div",{className:"p-5 space-y-3",children:[t.jsx("h3",{className:"text-xl font-bold text-white",children:a}),r&&t.jsx("p",{className:"text-gray-400 text-sm",children:r}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("span",{className:"text-2xl font-bold text-white",children:["$",n]}),o&&t.jsxs("span",{className:"text-sm text-gray-500 line-through",children:["$",o]})]}),d]})]})},Pe=({icon:e,label:a,value:r,change:n,trend:o="neutral",variant:i="solid",theme:s="blue",className:d=""})=>{const l={blue:{solid:"bg-blue-600/10 border-blue-500/20",glass:"bg-blue-500/20 backdrop-blur-xl border-blue-400/30",gradient:"bg-gradient-to-br from-blue-600/20 to-blue-800/20 border-blue-500/30",outlined:"bg-transparent border-2 border-blue-500"},purple:{solid:"bg-purple-600/10 border-purple-500/20",glass:"bg-purple-500/20 backdrop-blur-xl border-purple-400/30",gradient:"bg-gradient-to-br from-purple-600/20 to-pink-600/20 border-purple-500/30",outlined:"bg-transparent border-2 border-purple-500"},green:{solid:"bg-green-600/10 border-green-500/20",glass:"bg-green-500/20 backdrop-blur-xl border-green-400/30",gradient:"bg-gradient-to-br from-green-600/20 to-emerald-600/20 border-green-500/30",outlined:"bg-transparent border-2 border-green-500"},red:{solid:"bg-red-600/10 border-red-500/20",glass:"bg-red-500/20 backdrop-blur-xl border-red-400/30",gradient:"bg-gradient-to-br from-red-600/20 to-orange-600/20 border-red-500/30",outlined:"bg-transparent border-2 border-red-500"},pink:{solid:"bg-pink-600/10 border-pink-500/20",glass:"bg-pink-500/20 backdrop-blur-xl border-pink-400/30",gradient:"bg-gradient-to-br from-pink-600/20 to-rose-600/20 border-pink-500/30",outlined:"bg-transparent border-2 border-pink-500"},orange:{solid:"bg-orange-600/10 border-orange-500/20",glass:"bg-orange-500/20 backdrop-blur-xl border-orange-400/30",gradient:"bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",outlined:"bg-transparent border-2 border-orange-500"}},c={up:"text-green-400",down:"text-red-400",neutral:"text-gray-400"},u={up:"↑",down:"↓",neutral:"→"};return t.jsxs("div",{className:`
|
|
243
243
|
rounded-2xl p-6 border
|
|
244
244
|
max-w-sm
|
|
245
245
|
transition-all duration-300
|
|
246
246
|
hover:scale-[1.02] hover:shadow-xl
|
|
247
247
|
${l[s][i]}
|
|
248
248
|
${d}
|
|
249
|
-
`,children:[r.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e&&r.jsx("div",{className:"text-3xl",children:e}),n&&r.jsxs("span",{className:`text-sm font-semibold ${c[o]}`,children:[u[o]," ",n]})]}),r.jsx("p",{className:"text-gray-400 text-sm mb-1",children:a}),r.jsx("p",{className:"text-3xl font-bold text-white",children:t})]})};class f{constructor(a){this.animation=null,this.element=a}animate(a,t={}){const{duration:n=600,delay:o=0,easing:i="ease",iterations:s=1,direction:d="normal",fill:l="both"}=t;return this.animation&&this.animation.cancel(),this.animation=this.element.animate(a,{duration:n,delay:o,easing:typeof i=="string"?i:"linear",iterations:s,direction:d,fill:l}),this.animation.finished}stop(){this.animation&&(this.animation.cancel(),this.animation=null)}pause(){this.animation&&this.animation.pause()}resume(){this.animation&&this.animation.play()}reverse(){this.animation&&this.animation.reverse()}getProgress(){return!this.animation||!this.animation.effect?0:this.animation.effect.getComputedTiming().progress||0}isRunning(){var a;return((a=this.animation)==null?void 0:a.playState)==="running"}}function Ye(e){return new f(e)}async function Ge(e,a,t={}){const n=t.stagger??0,o={duration:t.duration,delay:t.delay,easing:t.easing,iterations:t.iterations,direction:t.direction,fill:t.fill},i=e.map((s,d)=>new f(s).animate(a,{...o,delay:(o.delay||0)+n*d}));return Promise.all(i)}async function Xe(e){const a=[];for(const{element:t,keyframes:n,config:o}of e){const s=await new f(t).animate(n,o);a.push(s)}return a}async function Be(e){const a=e.map(({element:t,keyframes:n,config:o})=>new f(t).animate(n,o));return Promise.all(a)}const z=e=>e,Se=e=>e*e*e,ze=e=>1-Math.pow(1-e,3),De=e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,Ee=e=>e*e,$e=e=>1-(1-e)*(1-e),_e=e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,Ae=e=>e*e*e*e,Ue=e=>1-Math.pow(1-e,4),Le=e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,qe=e=>e*e*e*e*e,He=e=>1-Math.pow(1-e,5),Fe=e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,Qe=e=>e===0?0:Math.pow(2,10*e-10),Te=e=>e===1?1:1-Math.pow(2,-10*e),Ve=e=>e===0?0:e===1?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,O=1.70158,N=O*1.525,D=O+1,We=e=>D*e*e*e-O*e*e,Ze=e=>1+D*Math.pow(e-1,3)+O*Math.pow(e-1,2),Je=e=>e<.5?Math.pow(2*e,2)*((N+1)*2*e-N)/2:(Math.pow(2*e-2,2)*((N+1)*(e*2-2)+N)+2)/2,E=2*Math.PI/3,S=2*Math.PI/4.5,Ke=e=>e===0?0:e===1?1:-Math.pow(2,10*e-10)*Math.sin((e*10-10.75)*E),ea=e=>e===0?0:e===1?1:Math.pow(2,-10*e)*Math.sin((e*10-.75)*E)+1,aa=e=>e===0?0:e===1?1:e<.5?-(Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*S))/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*S)/2+1,M=e=>e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375,ra=e=>1-M(1-e),ta=e=>e<.5?(1-M(1-2*e))/2:(1+M(2*e-1))/2,na=e=>1-Math.cos(e*Math.PI/2),oa=e=>Math.sin(e*Math.PI/2),ia=e=>-(Math.cos(Math.PI*e)-1)/2,sa=e=>1-Math.sqrt(1-Math.pow(e,2)),la=e=>Math.sqrt(1-Math.pow(e-1,2)),da=e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,$={linear:z,easeInCubic:Se,easeOutCubic:ze,easeInOutCubic:De,easeInQuad:Ee,easeOutQuad:$e,easeInOutQuad:_e,easeInQuart:Ae,easeOutQuart:Ue,easeInOutQuart:Le,easeInQuint:qe,easeOutQuint:He,easeInOutQuint:Fe,easeInExpo:Qe,easeOutExpo:Te,easeInOutExpo:Ve,easeInBack:We,easeOutBack:Ze,easeInOutBack:Je,easeInElastic:Ke,easeOutElastic:ea,easeInOutElastic:aa,easeInBounce:ra,easeOutBounce:M,easeInOutBounce:ta,easeInSine:na,easeOutSine:oa,easeInOutSine:ia,easeInCirc:sa,easeOutCirc:la,easeInOutCirc:da};function ca(e){return typeof e=="function"?e:$[e]||z}function ga(e=100,a=10,t=1){return n=>{const o=Math.sqrt(e/t),i=a/(2*Math.sqrt(e*t));if(i<1){const s=o*Math.sqrt(1-i*i);return 1-Math.exp(-i*o*n)*Math.cos(s*n)}else return 1-Math.exp(-o*n)}}function ua(e,a,t,n){return o=>{const i=3*a,s=3*(n-a)-i,d=1-i-s;return(c=>((d*c+s)*c+i)*c)(o)}}class P{constructor(){if(this.observer=null,this.elements=new Map,typeof window>"u"||!("IntersectionObserver"in window)){console.warn("IntersectionObserver not supported");return}}observe(a,t={}){const{threshold:n=.1,rootMargin:o="0px",triggerOnce:i=!1,onEnter:s,onExit:d}=t;this.elements.set(a,t),this.observer||(this.observer=new IntersectionObserver(l=>{l.forEach(c=>{var b,m;const u=this.elements.get(c.target);u&&(c.isIntersecting?((b=u.onEnter)==null||b.call(u,c),u.triggerOnce&&this.unobserve(c.target)):(m=u.onExit)==null||m.call(u,c))})},{threshold:n,rootMargin:o})),this.observer.observe(a)}unobserve(a){this.observer&&(this.observer.unobserve(a),this.elements.delete(a))}disconnect(){this.observer&&(this.observer.disconnect(),this.elements.clear(),this.observer=null)}}function _(e,a){const t=new P;return t.observe(e,a),()=>t.disconnect()}function pa(e,a){const t=new P;return e.forEach(n=>t.observe(n,a)),()=>t.disconnect()}function ma(e,a,t={}){return _(e,{...t,onEnter:a})}function fa(e){const a=e.getBoundingClientRect(),t=window.innerHeight,n=a.top,o=a.height,i=1-(n+o)/(t+o);return Math.max(0,Math.min(1,i))}function ba(e,a=0){const t=e.getBoundingClientRect(),n=window.innerHeight,o=window.innerWidth,i=t.top+t.height*a<=n&&t.bottom-t.height*a>=0,s=t.left+t.width*a<=o&&t.right-t.width*a>=0;return i&&s}const ha={keyframes:[{opacity:0},{opacity:1}],config:{duration:600,easing:"ease-out",fill:"both"}},xa={keyframes:[{opacity:0,transform:"translateY(30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ya={keyframes:[{opacity:0,transform:"translateY(-30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},wa={keyframes:[{opacity:0,transform:"translateX(-30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},va={keyframes:[{opacity:0,transform:"translateX(30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ka={keyframes:[{opacity:1},{opacity:0}],config:{duration:600,easing:"ease-in",fill:"both"}},Ia={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ja={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Na={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ma={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Oa={keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ca={keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ra={keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Pa={keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ya={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ga={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Xa={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ba={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Sa={keyframes:[{opacity:0,transform:"scale(0.5)"},{opacity:1,transform:"scale(1)"}],config:{duration:600,easing:"ease-out",fill:"both"}},za={keyframes:[{opacity:0,transform:"scale(0.5) translateY(50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Da={keyframes:[{opacity:0,transform:"scale(0.5) translateY(-50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ea={keyframes:[{opacity:0,transform:"scale(0.5) translateX(-50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},$a={keyframes:[{opacity:0,transform:"scale(0.5) translateX(50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},_a={keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.5)"}],config:{duration:600,easing:"ease-in",fill:"both"}},Aa={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(-50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ua={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},La={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},qa={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1.1)"},{transform:"scale(0.9)"},{transform:"scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ha={keyframes:[{opacity:0,transform:"rotate(-180deg) scale(0.5)"},{opacity:1,transform:"rotate(0deg) scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Fa={keyframes:[{opacity:0,transform:"rotate(-45deg) translate(-50px, -50px) scale(0.5)",transformOrigin:"left bottom"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"left bottom"}],config:{duration:800,easing:"ease-out",fill:"both"}},Qa={keyframes:[{opacity:0,transform:"rotate(45deg) translate(50px, -50px) scale(0.5)",transformOrigin:"right bottom"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"right bottom"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ta={keyframes:[{opacity:0,transform:"rotate(45deg) translate(-50px, 50px) scale(0.5)",transformOrigin:"left top"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"left top"}],config:{duration:800,easing:"ease-out",fill:"both"}},Va={keyframes:[{opacity:0,transform:"rotate(-45deg) translate(50px, 50px) scale(0.5)",transformOrigin:"right top"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"right top"}],config:{duration:800,easing:"ease-out",fill:"both"}},Wa={keyframes:[{opacity:1,transform:"rotate(0deg) scale(1)"},{opacity:0,transform:"rotate(180deg) scale(0.5)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Za={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ja={keyframes:[{transform:"rotate(360deg)"},{transform:"rotate(0deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ka={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:3e3,easing:"linear",iterations:1/0,fill:"both"}},er={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:500,easing:"linear",iterations:1/0,fill:"both"}},ar={keyframes:[{opacity:0,transform:"scale(0.3)"},{opacity:1,transform:"scale(1.05)"},{transform:"scale(0.9)"},{transform:"scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},rr={keyframes:[{opacity:0,transform:"translateY(100%) scale(0.7)"},{opacity:1,transform:"translateY(-20px) scale(1.05)"},{transform:"translateY(10px) scale(0.95)"},{transform:"translateY(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},tr={keyframes:[{opacity:0,transform:"translateY(-100%) scale(0.7)"},{opacity:1,transform:"translateY(20px) scale(1.05)"},{transform:"translateY(-10px) scale(0.95)"},{transform:"translateY(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},nr={keyframes:[{opacity:0,transform:"translateX(-100%) scale(0.7)"},{opacity:1,transform:"translateX(20px) scale(1.05)"},{transform:"translateX(-10px) scale(0.95)"},{transform:"translateX(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},or={keyframes:[{opacity:0,transform:"translateX(100%) scale(0.7)"},{opacity:1,transform:"translateX(-20px) scale(1.05)"},{transform:"translateX(10px) scale(0.95)"},{transform:"translateX(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},ir={keyframes:[{transform:"scale(1)"},{transform:"scale(1.1)"},{opacity:1,transform:"scale(0.3)"},{opacity:0,transform:"scale(0)"}],config:{duration:800,easing:"ease-in",fill:"both"}},sr={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-30px)"},{transform:"translateY(0)"}],config:{duration:600,easing:"ease-out",fill:"both"}},lr={keyframes:[{transform:"translateY(0)",offset:0},{transform:"translateY(-20px)",offset:.4},{transform:"translateY(0)",offset:.5},{transform:"translateY(-10px)",offset:.7},{transform:"translateY(0)",offset:1}],config:{duration:1e3,easing:"ease-out",iterations:1/0,fill:"both"}},dr={keyframes:[{transform:"translateX(0)"},{transform:"translateX(-10px)"},{transform:"translateX(10px)"},{transform:"translateX(-10px)"},{transform:"translateX(10px)"},{transform:"translateX(0)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},cr={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-10px)"},{transform:"translateY(10px)"},{transform:"translateY(-10px)"},{transform:"translateY(10px)"},{transform:"translateY(0)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},gr={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},ur={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:1e3,easing:"ease-in-out",iterations:1/0,fill:"both"}},pr={keyframes:[{transform:"scale(1)"},{transform:"scale(1.3)"},{transform:"scale(1)"},{transform:"scale(1.3)"},{transform:"scale(1)"}],config:{duration:1300,easing:"ease-in-out",fill:"both"}},mr={keyframes:[{opacity:1},{opacity:0},{opacity:1},{opacity:0},{opacity:1}],config:{duration:750,easing:"linear",fill:"both"}},fr={keyframes:[{transform:"scaleX(1) scaleY(1)"},{transform:"scaleX(1.25) scaleY(0.75)"},{transform:"scaleX(0.75) scaleY(1.25)"},{transform:"scaleX(1.15) scaleY(0.85)"},{transform:"scaleX(0.95) scaleY(1.05)"},{transform:"scaleX(1) scaleY(1)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},br={keyframes:[{transform:"skewX(0deg) skewY(0deg)"},{transform:"skewX(-12.5deg) skewY(-12.5deg)"},{transform:"skewX(6.25deg) skewY(6.25deg)"},{transform:"skewX(-3.125deg) skewY(-3.125deg)"},{transform:"skewX(1.5625deg) skewY(1.5625deg)"},{transform:"skewX(0deg) skewY(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},hr={keyframes:[{transform:"rotate(0deg)",transformOrigin:"top center"},{transform:"rotate(15deg)",transformOrigin:"top center"},{transform:"rotate(-10deg)",transformOrigin:"top center"},{transform:"rotate(5deg)",transformOrigin:"top center"},{transform:"rotate(-5deg)",transformOrigin:"top center"},{transform:"rotate(0deg)",transformOrigin:"top center"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},xr={keyframes:[{transform:"translateX(0%) rotate(0deg)"},{transform:"translateX(-25%) rotate(-5deg)"},{transform:"translateX(20%) rotate(3deg)"},{transform:"translateX(-15%) rotate(-3deg)"},{transform:"translateX(10%) rotate(2deg)"},{transform:"translateX(-5%) rotate(-1deg)"},{transform:"translateX(0%) rotate(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},yr={keyframes:[{transform:"scale(1) rotate(0deg)"},{transform:"scale(0.9) rotate(-3deg)"},{transform:"scale(0.9) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1) rotate(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},w={fadeIn:ha,fadeInUp:xa,fadeInDown:ya,fadeInLeft:wa,fadeInRight:va,fadeOut:ka,fadeOutUp:Ia,fadeOutDown:ja,fadeOutLeft:Na,fadeOutRight:Ma,slideInUp:Oa,slideInDown:Ca,slideInLeft:Ra,slideInRight:Pa,slideOutUp:Ya,slideOutDown:Ga,slideOutLeft:Xa,slideOutRight:Ba,zoomIn:Sa,zoomInUp:za,zoomInDown:Da,zoomInLeft:Ea,zoomInRight:$a,zoomOut:_a,zoomOutUp:Aa,zoomOutDown:Ua,zoomInBig:La,zoomInBounce:qa,rotateIn:Ha,rotateInUpLeft:Fa,rotateInUpRight:Qa,rotateInDownLeft:Ta,rotateInDownRight:Va,rotateOut:Wa,spin:Za,spinReverse:Ja,spinSlow:Ka,spinFast:er,bounceIn:ar,bounceInUp:rr,bounceInDown:tr,bounceInLeft:nr,bounceInRight:or,bounceOut:ir,bounce:sr,bounceLoop:lr,shake:dr,shakeY:cr,pulse:gr,pulseLoop:ur,heartbeat:pr,flash:mr,rubberBand:fr,jello:br,swing:hr,wobble:xr,tada:yr};function wr(e){return w[e]}function A(){return Object.keys(w)}function vr(e){return A().filter(a=>a.startsWith(e))}const U=({children:e,preset:a="fadeIn",duration:t,delay:n,easing:o,iterations:i,trigger:s="mount",threshold:d=.1,triggerOnce:l=!0,onAnimationStart:c,onAnimationEnd:u,className:b="",style:m={}})=>{const p=g.useRef(null),h=g.useRef(null),x=g.useRef(null),I=g.useRef(!1),v=async()=>{var Y,G,X,B;if(!p.current||l&&I.current)return;const y=w[a];if(!y){console.warn(`[TeleMotion] Preset "${a}" not found`);return}h.current||(h.current=new f(p.current)),c==null||c();const j={...y.config,duration:t??((Y=y.config)==null?void 0:Y.duration),delay:n??((G=y.config)==null?void 0:G.delay),easing:o??((X=y.config)==null?void 0:X.easing),iterations:i??((B=y.config)==null?void 0:B.iterations)};try{await h.current.animate(y.keyframes,j),I.current=!0,u==null||u()}catch(L){console.error("[TeleMotion] Animation error:",L)}};g.useEffect(()=>{s==="mount"&&v()},[a,t,n,o,i]),g.useEffect(()=>{if(!(s!=="scroll"||!p.current))return x.current=new IntersectionObserver(y=>{y.forEach(j=>{j.isIntersecting&&(v(),l&&x.current&&x.current.unobserve(j.target))})},{threshold:d}),x.current.observe(p.current),()=>{x.current&&x.current.disconnect()}},[s,d,l,a]);const C=()=>{s==="hover"&&v()},R=()=>{s==="click"&&v()};return g.useEffect(()=>()=>{h.current&&h.current.stop()},[]),r.jsx("div",{ref:p,className:b,style:m,onMouseEnter:s==="hover"?C:void 0,onClick:s==="click"?R:void 0,children:e})};U.displayName="TeleMotion";function kr(){const e=g.useRef(null),a=g.useRef(null),t=async(n,o)=>{e.current&&(a.current||(a.current=new f(e.current)),await a.current.animate(n,o))};return g.useEffect(()=>()=>{a.current&&a.current.stop()},[]),[e,t]}function Ir(e,a){const t=g.useRef(null),n=g.useRef(null),o=async()=>{if(!t.current)return;const i=w[e];if(!i){console.warn(`[usePresetAnimation] Preset "${e}" not found`);return}n.current||(n.current=new f(t.current));const s={...i.config,...a};await n.current.animate(i.keyframes,s)};return g.useEffect(()=>{(a==null?void 0:a.trigger)!=="manual"&&o()},[e]),g.useEffect(()=>()=>{n.current&&n.current.stop()},[]),[t,o]}function jr(e,a){const t=g.useRef(null),n=g.useRef(null),o=g.useRef(null),i=g.useRef(!1);return g.useEffect(()=>{if(!t.current)return;const s=w[e];if(!s){console.warn(`[useScrollAnimation] Preset "${e}" not found`);return}return n.current=new f(t.current),o.current=new IntersectionObserver(d=>{d.forEach(l=>{if(l.isIntersecting&&!i.current&&n.current){const c={...s.config,...a==null?void 0:a.config};n.current.animate(s.keyframes,c),i.current=!0,(a==null?void 0:a.triggerOnce)!==!1&&o.current&&o.current.unobserve(l.target)}})},{threshold:(a==null?void 0:a.threshold)??.1}),o.current.observe(t.current),()=>{o.current&&o.current.disconnect(),n.current&&n.current.stop()}},[e,a==null?void 0:a.threshold,a==null?void 0:a.triggerOnce]),t}function Nr(e,a=100,t){const n=g.useRef(null);return[n,async()=>{if(!n.current)return;const i=w[e];if(!i)return;const d=Array.from(n.current.children).map((l,c)=>new f(l).animate(i.keyframes,{...i.config,...t,delay:((t==null?void 0:t.delay)??0)+a*c}));await Promise.all(d)}]}function Mr(e,a){const t=g.useRef(null),n=g.useRef(null);return[t,{onMouseEnter:async()=>{if(!t.current)return;const s=w[e];s&&(n.current||(n.current=new f(t.current)),await n.current.animate(s.keyframes,{...s.config,...a}))},onMouseLeave:()=>{n.current&&n.current.stop()}}]}function Or(e=.1){const a=g.useRef(null),[t,n]=g.useState(!1);return g.useEffect(()=>{if(!a.current)return;const o=new IntersectionObserver(i=>{i.forEach(s=>{n(s.isIntersecting)})},{threshold:e});return o.observe(a.current),()=>{o.disconnect()}},[e]),[a,t]}exports.AnimatedBounce=de;exports.AnimatedGlow=ce;exports.AnimatedPulse=le;exports.AnimatedShimmer=se;exports.Animator=f;exports.Button=q;exports.Button3DBlue=he;exports.Button3DGreen=ye;exports.Button3DPink=xe;exports.Container=je;exports.ContainerButton=Oe;exports.ContainerContent=Me;exports.ContainerImage=Ne;exports.FeatureCard=Ce;exports.GhostBlue=me;exports.GhostPurple=be;exports.GhostRed=fe;exports.GlassBlue=te;exports.GlassButton=k;exports.GlassPink=ie;exports.GlassPurple=ne;exports.GlassWhite=oe;exports.GradientBlueGreen=K;exports.GradientCyan=ae;exports.GradientOrangeRed=ee;exports.GradientPurplePink=J;exports.GradientSunset=re;exports.Home=H;exports.NeonBlue=we;exports.NeonGreen=ke;exports.NeonPink=ve;exports.OutlinedBlue=ge;exports.OutlinedGradient=pe;exports.OutlinedPurple=ue;exports.ProductCard=Re;exports.ScrollObserver=P;exports.SolidBlue=Q;exports.SolidGreen=V;exports.SolidPill=Z;exports.SolidPurple=W;exports.SolidRed=T;exports.StatCard=Pe;exports.TeleMotion=U;exports.animateGroup=Ge;exports.animateOnScroll=ma;exports.bezier=ua;exports.createAnimator=Ye;exports.easings=$;exports.getEasing=ca;exports.getPreset=wr;exports.getPresetNames=A;exports.getPresetsByCategory=vr;exports.getScrollProgress=fa;exports.gradients=F;exports.isInViewport=ba;exports.observeElement=_;exports.observeElements=pa;exports.parallel=Be;exports.presets=w;exports.sequence=Xe;exports.spring=ga;exports.useAnimator=kr;exports.useHoverAnimation=Mr;exports.useInView=Or;exports.usePresetAnimation=Ir;exports.useScrollAnimation=jr;exports.useStagger=Nr;
|
|
249
|
+
`,children:[t.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e&&t.jsx("div",{className:"text-3xl",children:e}),n&&t.jsxs("span",{className:`text-sm font-semibold ${c[o]}`,children:[u[o]," ",n]})]}),t.jsx("p",{className:"text-gray-400 text-sm mb-1",children:a}),t.jsx("p",{className:"text-3xl font-bold text-white",children:r})]})};class h{constructor(a){this.animation=null,this.element=a}animate(a,r={}){const{duration:n=600,delay:o=0,easing:i="ease",iterations:s=1,direction:d="normal",fill:l="both"}=r;return this.animation&&this.animation.cancel(),this.animation=this.element.animate(a,{duration:n,delay:o,easing:typeof i=="string"?i:"linear",iterations:s,direction:d,fill:l}),this.animation.finished}stop(){this.animation&&(this.animation.cancel(),this.animation=null)}pause(){this.animation&&this.animation.pause()}resume(){this.animation&&this.animation.play()}reverse(){this.animation&&this.animation.reverse()}getProgress(){return!this.animation||!this.animation.effect?0:this.animation.effect.getComputedTiming().progress||0}isRunning(){var a;return((a=this.animation)==null?void 0:a.playState)==="running"}}function Re(e){return new h(e)}async function Xe(e,a,r={}){const n=r.stagger??0,o={duration:r.duration,delay:r.delay,easing:r.easing,iterations:r.iterations,direction:r.direction,fill:r.fill},i=e.map((s,d)=>new h(s).animate(a,{...o,delay:(o.delay||0)+n*d}));return Promise.all(i)}async function Se(e){const a=[];for(const{element:r,keyframes:n,config:o}of e){const s=await new h(r).animate(n,o);a.push(s)}return a}async function Be(e){const a=e.map(({element:r,keyframes:n,config:o})=>new h(r).animate(n,o));return Promise.all(a)}const E=e=>e,Ge=e=>e*e*e,ze=e=>1-Math.pow(1-e,3),Ee=e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,De=e=>e*e,$e=e=>1-(1-e)*(1-e),_e=e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,Ue=e=>e*e*e*e,Ae=e=>1-Math.pow(1-e,4),Le=e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,Te=e=>e*e*e*e*e,qe=e=>1-Math.pow(1-e,5),He=e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,Fe=e=>e===0?0:Math.pow(2,10*e-10),We=e=>e===1?1:1-Math.pow(2,-10*e),Qe=e=>e===0?0:e===1?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,Y=1.70158,M=Y*1.525,D=Y+1,Ve=e=>D*e*e*e-Y*e*e,Ze=e=>1+D*Math.pow(e-1,3)+Y*Math.pow(e-1,2),Je=e=>e<.5?Math.pow(2*e,2)*((M+1)*2*e-M)/2:(Math.pow(2*e-2,2)*((M+1)*(e*2-2)+M)+2)/2,$=2*Math.PI/3,G=2*Math.PI/4.5,Ke=e=>e===0?0:e===1?1:-Math.pow(2,10*e-10)*Math.sin((e*10-10.75)*$),ea=e=>e===0?0:e===1?1:Math.pow(2,-10*e)*Math.sin((e*10-.75)*$)+1,aa=e=>e===0?0:e===1?1:e<.5?-(Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*G))/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*G)/2+1,C=e=>e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375,ta=e=>1-C(1-e),ra=e=>e<.5?(1-C(1-2*e))/2:(1+C(2*e-1))/2,na=e=>1-Math.cos(e*Math.PI/2),oa=e=>Math.sin(e*Math.PI/2),ia=e=>-(Math.cos(Math.PI*e)-1)/2,sa=e=>1-Math.sqrt(1-Math.pow(e,2)),la=e=>Math.sqrt(1-Math.pow(e-1,2)),da=e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,_={linear:E,easeInCubic:Ge,easeOutCubic:ze,easeInOutCubic:Ee,easeInQuad:De,easeOutQuad:$e,easeInOutQuad:_e,easeInQuart:Ue,easeOutQuart:Ae,easeInOutQuart:Le,easeInQuint:Te,easeOutQuint:qe,easeInOutQuint:He,easeInExpo:Fe,easeOutExpo:We,easeInOutExpo:Qe,easeInBack:Ve,easeOutBack:Ze,easeInOutBack:Je,easeInElastic:Ke,easeOutElastic:ea,easeInOutElastic:aa,easeInBounce:ta,easeOutBounce:C,easeInOutBounce:ra,easeInSine:na,easeOutSine:oa,easeInOutSine:ia,easeInCirc:sa,easeOutCirc:la,easeInOutCirc:da};function ca(e){return typeof e=="function"?e:_[e]||E}function ga(e=100,a=10,r=1){return n=>{const o=Math.sqrt(e/r),i=a/(2*Math.sqrt(e*r));if(i<1){const s=o*Math.sqrt(1-i*i);return 1-Math.exp(-i*o*n)*Math.cos(s*n)}else return 1-Math.exp(-o*n)}}function pa(e,a,r,n){return o=>{const i=3*a,s=3*(n-a)-i,d=1-i-s;return(c=>((d*c+s)*c+i)*c)(o)}}class P{constructor(){if(this.observer=null,this.elements=new Map,typeof window>"u"||!("IntersectionObserver"in window)){console.warn("IntersectionObserver not supported");return}}observe(a,r={}){const{threshold:n=.1,rootMargin:o="0px",triggerOnce:i=!1,onEnter:s,onExit:d}=r;this.elements.set(a,r),this.observer||(this.observer=new IntersectionObserver(l=>{l.forEach(c=>{var x,f;const u=this.elements.get(c.target);u&&(c.isIntersecting?((x=u.onEnter)==null||x.call(u,c),u.triggerOnce&&this.unobserve(c.target)):(f=u.onExit)==null||f.call(u,c))})},{threshold:n,rootMargin:o})),this.observer.observe(a)}unobserve(a){this.observer&&(this.observer.unobserve(a),this.elements.delete(a))}disconnect(){this.observer&&(this.observer.disconnect(),this.elements.clear(),this.observer=null)}}function U(e,a){const r=new P;return r.observe(e,a),()=>r.disconnect()}function ua(e,a){const r=new P;return e.forEach(n=>r.observe(n,a)),()=>r.disconnect()}function fa(e,a,r={}){return U(e,{...r,onEnter:a})}function ma(e){const a=e.getBoundingClientRect(),r=window.innerHeight,n=a.top,o=a.height,i=1-(n+o)/(r+o);return Math.max(0,Math.min(1,i))}function ba(e,a=0){const r=e.getBoundingClientRect(),n=window.innerHeight,o=window.innerWidth,i=r.top+r.height*a<=n&&r.bottom-r.height*a>=0,s=r.left+r.width*a<=o&&r.right-r.width*a>=0;return i&&s}const ha={keyframes:[{opacity:0},{opacity:1}],config:{duration:600,easing:"ease-out",fill:"both"}},xa={keyframes:[{opacity:0,transform:"translateY(30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ya={keyframes:[{opacity:0,transform:"translateY(-30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},wa={keyframes:[{opacity:0,transform:"translateX(-30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},va={keyframes:[{opacity:0,transform:"translateX(30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ka={keyframes:[{opacity:1},{opacity:0}],config:{duration:600,easing:"ease-in",fill:"both"}},Ia={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ja={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Na={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Oa={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ma={keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ca={keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ya={keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Pa={keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ra={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Xa={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Sa={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ba={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ga={keyframes:[{opacity:0,transform:"scale(0.5)"},{opacity:1,transform:"scale(1)"}],config:{duration:600,easing:"ease-out",fill:"both"}},za={keyframes:[{opacity:0,transform:"scale(0.5) translateY(50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ea={keyframes:[{opacity:0,transform:"scale(0.5) translateY(-50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Da={keyframes:[{opacity:0,transform:"scale(0.5) translateX(-50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},$a={keyframes:[{opacity:0,transform:"scale(0.5) translateX(50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},_a={keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.5)"}],config:{duration:600,easing:"ease-in",fill:"both"}},Ua={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(-50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Aa={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},La={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},Ta={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1.1)"},{transform:"scale(0.9)"},{transform:"scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},qa={keyframes:[{opacity:0,transform:"rotate(-180deg) scale(0.5)"},{opacity:1,transform:"rotate(0deg) scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ha={keyframes:[{opacity:0,transform:"rotate(-45deg) translate(-50px, -50px) scale(0.5)",transformOrigin:"left bottom"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"left bottom"}],config:{duration:800,easing:"ease-out",fill:"both"}},Fa={keyframes:[{opacity:0,transform:"rotate(45deg) translate(50px, -50px) scale(0.5)",transformOrigin:"right bottom"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"right bottom"}],config:{duration:800,easing:"ease-out",fill:"both"}},Wa={keyframes:[{opacity:0,transform:"rotate(45deg) translate(-50px, 50px) scale(0.5)",transformOrigin:"left top"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"left top"}],config:{duration:800,easing:"ease-out",fill:"both"}},Qa={keyframes:[{opacity:0,transform:"rotate(-45deg) translate(50px, 50px) scale(0.5)",transformOrigin:"right top"},{opacity:1,transform:"rotate(0deg) translate(0, 0) scale(1)",transformOrigin:"right top"}],config:{duration:800,easing:"ease-out",fill:"both"}},Va={keyframes:[{opacity:1,transform:"rotate(0deg) scale(1)"},{opacity:0,transform:"rotate(180deg) scale(0.5)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Za={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ja={keyframes:[{transform:"rotate(360deg)"},{transform:"rotate(0deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ka={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:3e3,easing:"linear",iterations:1/0,fill:"both"}},et={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:500,easing:"linear",iterations:1/0,fill:"both"}},at={keyframes:[{opacity:0,transform:"scale(0.3)"},{opacity:1,transform:"scale(1.05)"},{transform:"scale(0.9)"},{transform:"scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},tt={keyframes:[{opacity:0,transform:"translateY(100%) scale(0.7)"},{opacity:1,transform:"translateY(-20px) scale(1.05)"},{transform:"translateY(10px) scale(0.95)"},{transform:"translateY(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},rt={keyframes:[{opacity:0,transform:"translateY(-100%) scale(0.7)"},{opacity:1,transform:"translateY(20px) scale(1.05)"},{transform:"translateY(-10px) scale(0.95)"},{transform:"translateY(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},nt={keyframes:[{opacity:0,transform:"translateX(-100%) scale(0.7)"},{opacity:1,transform:"translateX(20px) scale(1.05)"},{transform:"translateX(-10px) scale(0.95)"},{transform:"translateX(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},ot={keyframes:[{opacity:0,transform:"translateX(100%) scale(0.7)"},{opacity:1,transform:"translateX(-20px) scale(1.05)"},{transform:"translateX(10px) scale(0.95)"},{transform:"translateX(0) scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},it={keyframes:[{transform:"scale(1)"},{transform:"scale(1.1)"},{opacity:1,transform:"scale(0.3)"},{opacity:0,transform:"scale(0)"}],config:{duration:800,easing:"ease-in",fill:"both"}},st={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-30px)"},{transform:"translateY(0)"}],config:{duration:600,easing:"ease-out",fill:"both"}},lt={keyframes:[{transform:"translateY(0)",offset:0},{transform:"translateY(-20px)",offset:.4},{transform:"translateY(0)",offset:.5},{transform:"translateY(-10px)",offset:.7},{transform:"translateY(0)",offset:1}],config:{duration:1e3,easing:"ease-out",iterations:1/0,fill:"both"}},dt={keyframes:[{transform:"translateX(0)"},{transform:"translateX(-10px)"},{transform:"translateX(10px)"},{transform:"translateX(-10px)"},{transform:"translateX(10px)"},{transform:"translateX(0)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},ct={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-10px)"},{transform:"translateY(10px)"},{transform:"translateY(-10px)"},{transform:"translateY(10px)"},{transform:"translateY(0)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},gt={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},pt={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:1e3,easing:"ease-in-out",iterations:1/0,fill:"both"}},ut={keyframes:[{transform:"scale(1)"},{transform:"scale(1.3)"},{transform:"scale(1)"},{transform:"scale(1.3)"},{transform:"scale(1)"}],config:{duration:1300,easing:"ease-in-out",fill:"both"}},ft={keyframes:[{opacity:1},{opacity:0},{opacity:1},{opacity:0},{opacity:1}],config:{duration:750,easing:"linear",fill:"both"}},mt={keyframes:[{transform:"scaleX(1) scaleY(1)"},{transform:"scaleX(1.25) scaleY(0.75)"},{transform:"scaleX(0.75) scaleY(1.25)"},{transform:"scaleX(1.15) scaleY(0.85)"},{transform:"scaleX(0.95) scaleY(1.05)"},{transform:"scaleX(1) scaleY(1)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},bt={keyframes:[{transform:"skewX(0deg) skewY(0deg)"},{transform:"skewX(-12.5deg) skewY(-12.5deg)"},{transform:"skewX(6.25deg) skewY(6.25deg)"},{transform:"skewX(-3.125deg) skewY(-3.125deg)"},{transform:"skewX(1.5625deg) skewY(1.5625deg)"},{transform:"skewX(0deg) skewY(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},ht={keyframes:[{transform:"rotate(0deg)",transformOrigin:"top center"},{transform:"rotate(15deg)",transformOrigin:"top center"},{transform:"rotate(-10deg)",transformOrigin:"top center"},{transform:"rotate(5deg)",transformOrigin:"top center"},{transform:"rotate(-5deg)",transformOrigin:"top center"},{transform:"rotate(0deg)",transformOrigin:"top center"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},xt={keyframes:[{transform:"translateX(0%) rotate(0deg)"},{transform:"translateX(-25%) rotate(-5deg)"},{transform:"translateX(20%) rotate(3deg)"},{transform:"translateX(-15%) rotate(-3deg)"},{transform:"translateX(10%) rotate(2deg)"},{transform:"translateX(-5%) rotate(-1deg)"},{transform:"translateX(0%) rotate(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},yt={keyframes:[{transform:"scale(1) rotate(0deg)"},{transform:"scale(0.9) rotate(-3deg)"},{transform:"scale(0.9) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1.1) rotate(3deg)"},{transform:"scale(1.1) rotate(-3deg)"},{transform:"scale(1) rotate(0deg)"}],config:{duration:1e3,easing:"ease-in-out",fill:"both"}},wt={keyframes:[{width:"0",opacity:0},{width:"0",opacity:1,offset:.01},{width:"100%",opacity:1}],config:{duration:2e3,easing:"steps(40, end)"}},vt={keyframes:[{transform:"translate(0)",offset:0},{transform:"translate(-2px, 2px)",offset:.2},{transform:"translate(-2px, -2px)",offset:.4},{transform:"translate(2px, 2px)",offset:.6},{transform:"translate(2px, -2px)",offset:.8},{transform:"translate(0)",offset:1}],config:{duration:500,easing:"linear"}},kt={keyframes:[{transform:"translateY(0)",offset:0},{transform:"translateY(-10px)",offset:.5},{transform:"translateY(0)",offset:1}],config:{duration:600,easing:"ease-in-out"}},It={keyframes:[{filter:"blur(12px)",opacity:0},{filter:"blur(0)",opacity:1}],config:{duration:800,easing:"ease-out"}},jt={keyframes:[{letterSpacing:"-0.5em",opacity:0},{letterSpacing:"-0.5em",opacity:.6,offset:.4},{letterSpacing:"normal",opacity:1}],config:{duration:700,easing:"cubic-bezier(0.215, 0.610, 0.355, 1.000)"}},Nt={keyframes:[{letterSpacing:"normal",opacity:1},{letterSpacing:"0em",opacity:.6,offset:.5},{letterSpacing:"-0.5em",opacity:0}],config:{duration:700,easing:"cubic-bezier(0.550, 0.085, 0.680, 0.530)"}},Ot={keyframes:[{filter:"blur(12px)",opacity:0},{filter:"blur(0)",opacity:1}],config:{duration:800,easing:"cubic-bezier(0.550, 0.085, 0.680, 0.530)"}},Mt={keyframes:[{textShadow:"0 0 #555, 0 0 #555, 0 0 #555, 0 0 #555"},{textShadow:"1px 1px #555, 2px 2px #555, 3px 3px #555, 4px 4px #555"}],config:{duration:600,easing:"ease-out"}},Ct={keyframes:[{opacity:1,offset:0},{opacity:1,offset:.4199},{opacity:0,offset:.42},{opacity:0,offset:.43},{opacity:1,offset:.4301},{opacity:1,offset:.4799},{opacity:0,offset:.48},{opacity:0,offset:.49},{opacity:1,offset:.4901},{opacity:1,offset:1}],config:{duration:1e3,easing:"linear"}},Yt={keyframes:[{transform:"scale(0)",transformOrigin:"50% 50%",opacity:0},{transform:"scale(1)",transformOrigin:"50% 50%",opacity:1}],config:{duration:500,easing:"cubic-bezier(0.250, 0.460, 0.450, 0.940)"}},Pt={keyframes:[{transform:"rotate(-360deg)",opacity:0},{transform:"rotate(0)",opacity:1}],config:{duration:600,easing:"ease-out"}},Rt={keyframes:[{transform:"scale(0.5)",opacity:0},{transform:"scale(1)",opacity:1}],config:{duration:400,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"}},Xt={keyframes:[{transform:"translateX(0) rotate(0)",offset:0},{transform:"translateX(-25px) rotate(-5deg)",offset:.15},{transform:"translateX(20px) rotate(3deg)",offset:.3},{transform:"translateX(-15px) rotate(-3deg)",offset:.45},{transform:"translateX(10px) rotate(2deg)",offset:.6},{transform:"translateX(-5px) rotate(-1deg)",offset:.75},{transform:"translateX(0) rotate(0)",offset:1}],config:{duration:1e3,easing:"ease-in-out"}},St={keyframes:[{transform:"rotateX(-100deg)",transformOrigin:"top",opacity:0},{transform:"rotateX(0deg)",transformOrigin:"top",opacity:1}],config:{duration:600,easing:"cubic-bezier(0.175, 0.885, 0.320, 1.275)"}},Bt={keyframes:[{transform:"translateX(-1000px) scaleX(2.5) scaleY(0.2)",filter:"blur(40px)",opacity:0},{transform:"translateX(0) scaleY(1) scaleX(1)",filter:"blur(0)",opacity:1}],config:{duration:800,easing:"cubic-bezier(0.230, 1.000, 0.320, 1.000)"}},Gt={keyframes:[{transform:"scale(1) translateX(0) translateY(0)"},{transform:"scale(1.2) translateX(15px) translateY(15px)"}],config:{duration:5e3,easing:"ease-out"}},v={fadeIn:ha,fadeInUp:xa,fadeInDown:ya,fadeInLeft:wa,fadeInRight:va,fadeOut:ka,fadeOutUp:Ia,fadeOutDown:ja,fadeOutLeft:Na,fadeOutRight:Oa,slideInUp:Ma,slideInDown:Ca,slideInLeft:Ya,slideInRight:Pa,slideOutUp:Ra,slideOutDown:Xa,slideOutLeft:Sa,slideOutRight:Ba,zoomIn:Ga,zoomInUp:za,zoomInDown:Ea,zoomInLeft:Da,zoomInRight:$a,zoomOut:_a,zoomOutUp:Ua,zoomOutDown:Aa,zoomInBig:La,zoomInBounce:Ta,rotateIn:qa,rotateInUpLeft:Ha,rotateInUpRight:Fa,rotateInDownLeft:Wa,rotateInDownRight:Qa,rotateOut:Va,spin:Za,spinReverse:Ja,spinSlow:Ka,spinFast:et,bounceIn:at,bounceInUp:tt,bounceInDown:rt,bounceInLeft:nt,bounceInRight:ot,bounceOut:it,bounce:st,bounceLoop:lt,shake:dt,shakeY:ct,pulse:gt,pulseLoop:pt,heartbeat:ut,flash:ft,rubberBand:mt,jello:bt,swing:ht,wobble:xt,tada:yt,typing:wt,glitch:vt,waveText:kt,blurIn:It,trackingInExpand:jt,trackingOutContract:Nt,focusIn:Ot,textShadowPop:Mt,flicker:Ct,textPopUp:Yt,textRotateIn:Pt,textScaleUp:Rt,textWobble:Xt,swingInTop:St,slideInBlurred:Bt,kenburns:Gt};function zt(e){return v[e]}function A(){return Object.keys(v)}function Et(e){return e==="text"?["typing","glitch","waveText","blurIn","trackingInExpand","trackingOutContract","focusIn","textShadowPop","flicker","textPopUp","textRotateIn","textScaleUp","textWobble","swingInTop","slideInBlurred","kenburns"]:A().filter(a=>a.startsWith(e))}const L=({children:e,preset:a="fadeIn",duration:r,delay:n,easing:o,iterations:i,trigger:s="mount",threshold:d=.1,triggerOnce:l=!0,onAnimationStart:c,onAnimationEnd:u,className:x="",style:f={}})=>{const p=g.useRef(null),y=g.useRef(null),m=g.useRef(null),k=g.useRef(!1),w=async()=>{var R,X,S,B;if(!p.current||l&&k.current)return;const b=v[a];if(!b){console.warn(`[TeleMotion] Preset "${a}" not found`);return}y.current||(y.current=new h(p.current)),c==null||c();const O={...b.config,duration:r??((R=b.config)==null?void 0:R.duration),delay:n??((X=b.config)==null?void 0:X.delay),easing:o??((S=b.config)==null?void 0:S.easing),iterations:i??((B=b.config)==null?void 0:B.iterations)};try{await y.current.animate(b.keyframes,O),k.current=!0,u==null||u()}catch(T){console.error("[TeleMotion] Animation error:",T)}};g.useEffect(()=>{s==="mount"&&w()},[a,r,n,o,i]),g.useEffect(()=>{if(!(s!=="scroll"||!p.current))return m.current=new IntersectionObserver(b=>{b.forEach(O=>{O.isIntersecting&&(w(),l&&m.current&&m.current.unobserve(O.target))})},{threshold:d}),m.current.observe(p.current),()=>{m.current&&m.current.disconnect()}},[s,d,l,a]);const I=()=>{s==="hover"&&w()},j=()=>{s==="click"&&w()};return g.useEffect(()=>()=>{y.current&&y.current.stop()},[]),t.jsx("div",{ref:p,className:x,style:f,onMouseEnter:s==="hover"?I:void 0,onClick:s==="click"?j:void 0,children:e})};L.displayName="TeleMotion";function Dt(){const e=g.useRef(null),a=g.useRef(null),r=async(n,o)=>{e.current&&(a.current||(a.current=new h(e.current)),await a.current.animate(n,o))};return g.useEffect(()=>()=>{a.current&&a.current.stop()},[]),[e,r]}function $t(e,a){const r=g.useRef(null),n=g.useRef(null),o=async()=>{if(!r.current)return;const i=v[e];if(!i){console.warn(`[usePresetAnimation] Preset "${e}" not found`);return}n.current||(n.current=new h(r.current));const s={...i.config,...a};await n.current.animate(i.keyframes,s)};return g.useEffect(()=>{(a==null?void 0:a.trigger)!=="manual"&&o()},[e]),g.useEffect(()=>()=>{n.current&&n.current.stop()},[]),[r,o]}function _t(e,a){const r=g.useRef(null),n=g.useRef(null),o=g.useRef(null),i=g.useRef(!1);return g.useEffect(()=>{if(!r.current)return;const s=v[e];if(!s){console.warn(`[useScrollAnimation] Preset "${e}" not found`);return}return n.current=new h(r.current),o.current=new IntersectionObserver(d=>{d.forEach(l=>{if(l.isIntersecting&&!i.current&&n.current){const c={...s.config,...a==null?void 0:a.config};n.current.animate(s.keyframes,c),i.current=!0,(a==null?void 0:a.triggerOnce)!==!1&&o.current&&o.current.unobserve(l.target)}})},{threshold:(a==null?void 0:a.threshold)??.1}),o.current.observe(r.current),()=>{o.current&&o.current.disconnect(),n.current&&n.current.stop()}},[e,a==null?void 0:a.threshold,a==null?void 0:a.triggerOnce]),r}function Ut(e,a=100,r){const n=g.useRef(null);return[n,async()=>{if(!n.current)return;const i=v[e];if(!i)return;const d=Array.from(n.current.children).map((l,c)=>new h(l).animate(i.keyframes,{...i.config,...r,delay:((r==null?void 0:r.delay)??0)+a*c}));await Promise.all(d)}]}function At(e,a){const r=g.useRef(null),n=g.useRef(null);return[r,{onMouseEnter:async()=>{if(!r.current)return;const s=v[e];s&&(n.current||(n.current=new h(r.current)),await n.current.animate(s.keyframes,{...s.config,...a}))},onMouseLeave:()=>{n.current&&n.current.stop()}}]}function Lt(e=.1){const a=g.useRef(null),[r,n]=g.useState(!1);return g.useEffect(()=>{if(!a.current)return;const o=new IntersectionObserver(i=>{i.forEach(s=>{n(s.isIntersecting)})},{threshold:e});return o.observe(a.current),()=>{o.disconnect()}},[e]),[a,r]}exports.AnimatedBounce=de;exports.AnimatedGlow=ce;exports.AnimatedPulse=le;exports.AnimatedShimmer=se;exports.Animator=h;exports.Button=q;exports.Button3DBlue=he;exports.Button3DGreen=ye;exports.Button3DPink=xe;exports.Container=je;exports.ContainerButton=Me;exports.ContainerContent=Oe;exports.ContainerImage=Ne;exports.FeatureCard=Ce;exports.GhostBlue=fe;exports.GhostPurple=be;exports.GhostRed=me;exports.GlassBlue=re;exports.GlassButton=N;exports.GlassPink=ie;exports.GlassPurple=ne;exports.GlassWhite=oe;exports.GradientBlueGreen=K;exports.GradientCyan=ae;exports.GradientOrangeRed=ee;exports.GradientPurplePink=J;exports.GradientSunset=te;exports.Home=H;exports.NeonBlue=we;exports.NeonGreen=ke;exports.NeonPink=ve;exports.OutlinedBlue=ge;exports.OutlinedGradient=ue;exports.OutlinedPurple=pe;exports.ProductCard=Ye;exports.ScrollObserver=P;exports.SolidBlue=F;exports.SolidGreen=Q;exports.SolidPill=Z;exports.SolidPurple=V;exports.SolidRed=W;exports.StatCard=Pe;exports.TeleMotion=L;exports.animateGroup=Xe;exports.animateOnScroll=fa;exports.bezier=pa;exports.createAnimator=Re;exports.easings=_;exports.getEasing=ca;exports.getPreset=zt;exports.getPresetNames=A;exports.getPresetsByCategory=Et;exports.getScrollProgress=ma;exports.gradients=z;exports.isInViewport=ba;exports.observeElement=U;exports.observeElements=ua;exports.parallel=Be;exports.presets=v;exports.sequence=Se;exports.spring=ga;exports.useAnimator=Dt;exports.useHoverAnimation=At;exports.useInView=Lt;exports.usePresetAnimation=$t;exports.useScrollAnimation=_t;exports.useStagger=Ut;
|