telecop 0.1.38 → 0.1.40
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/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/index.mjs +358 -255
- package/dist/motion/ParallaxScroll/ParallaxScroll.d.ts +15 -0
- package/dist/motion/ParallaxScroll/index.d.ts +2 -0
- package/dist/motion/index.d.ts +2 -0
- package/dist/motion.js +1 -1
- package/dist/motion.mjs +69 -17
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export * from './ui';
|
|
2
|
+
export { ScrollReveal, ZoomIn, RotateIn } from './components/Animations';
|
|
3
|
+
export type { ScrollAnimationProps, AnimationDirection, AnimationTrigger, AnimationEasing, BaseAnimationProps, HoverAnimationProps } from './components/Animations';
|
|
2
4
|
export { TeleMotion } from './animations/react';
|
|
3
5
|
export type { TeleMotionProps } from './animations/react';
|
|
4
6
|
export { Animator, createAnimator, animateGroup, sequence, parallel } from './animations/core/animator';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./Container-QgggZFO5.cjs"),m=require("react/jsx-runtime"),l=require("react");class b{constructor(e){this.animation=null,this.element=e}animate(e,t={}){const{duration:r=600,delay:n=0,easing:s="ease",iterations:o=1,direction:g="normal",fill:d="both"}=t;return this.animation&&this.animation.cancel(),this.animation=this.element.animate(e,{duration:r,delay:n,easing:typeof s=="string"?s:"linear",iterations:o,direction:g,fill:d}),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 e;return((e=this.animation)==null?void 0:e.playState)==="running"}}function W(a){return new b(a)}async function F(a,e,t={}){const r=t.stagger??0,n={duration:t.duration,delay:t.delay,easing:t.easing,iterations:t.iterations,direction:t.direction,fill:t.fill},s=a.map((o,g)=>new b(o).animate(e,{...n,delay:(n.delay||0)+r*g}));return Promise.all(s)}async function Q(a){const e=[];for(const{element:t,keyframes:r,config:n}of a){const o=await new b(t).animate(r,n);e.push(o)}return e}async function V(a){const e=a.map(({element:t,keyframes:r,config:n})=>new b(t).animate(r,n));return Promise.all(e)}const $={keyframes:[{opacity:0},{opacity:1}],config:{duration:600,easing:"ease-out",fill:"both"}},Z={keyframes:[{opacity:0,transform:"translateY(30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},J={keyframes:[{opacity:0,transform:"translateY(-30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},K={keyframes:[{opacity:0,transform:"translateX(-30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},_={keyframes:[{opacity:0,transform:"translateX(30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},aa={keyframes:[{opacity:1},{opacity:0}],config:{duration:600,easing:"ease-in",fill:"both"}},ea={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ta={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ra={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-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"}},ia={keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},sa={keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},oa={keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},la={keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ca={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"}},da={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},fa={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ma={keyframes:[{opacity:0,transform:"scale(0.5)"},{opacity:1,transform:"scale(1)"}],config:{duration:600,easing:"ease-out",fill:"both"}},ua={keyframes:[{opacity:0,transform:"scale(0.5) translateY(50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},pa={keyframes:[{opacity:0,transform:"scale(0.5) translateY(-50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ba={keyframes:[{opacity:0,transform:"scale(0.5) translateX(-50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ya={keyframes:[{opacity:0,transform:"scale(0.5) translateX(50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ha={keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.5)"}],config:{duration:600,easing:"ease-in",fill:"both"}},xa={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(-50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},wa={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ka={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},Ia={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"}},Oa={keyframes:[{opacity:0,transform:"rotate(-180deg) scale(0.5)"},{opacity:1,transform:"rotate(0deg) scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},va={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"}},Ya={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"}},Pa={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"}},Xa={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"}},Ma={keyframes:[{opacity:1,transform:"rotate(0deg) scale(1)"},{opacity:0,transform:"rotate(180deg) scale(0.5)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Ra={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Sa={keyframes:[{transform:"rotate(360deg)"},{transform:"rotate(0deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ga={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:3e3,easing:"linear",iterations:1/0,fill:"both"}},Ba={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:500,easing:"linear",iterations:1/0,fill:"both"}},Ca={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"}},za={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"}},Ea={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"}},Da={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"}},Ua={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"}},ja={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"}},Aa={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-30px)"},{transform:"translateY(0)"}],config:{duration:600,easing:"ease-out",fill:"both"}},Na={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"}},La={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"}},qa={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"}},Ha={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},Ta={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:1e3,easing:"ease-in-out",iterations:1/0,fill:"both"}},Wa={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"}},Fa={keyframes:[{opacity:1},{opacity:0},{opacity:1},{opacity:0},{opacity:1}],config:{duration:750,easing:"linear",fill:"both"}},Qa={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"}},Va={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"}},$a={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"}},Za={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"}},Ja={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"}},Ka={keyframes:[{width:"0",opacity:0},{width:"0",opacity:1,offset:.01},{width:"100%",opacity:1}],config:{duration:2e3,easing:"steps(40, end)"}},_a={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"}},ae={keyframes:[{transform:"translateY(0)",offset:0},{transform:"translateY(-10px)",offset:.5},{transform:"translateY(0)",offset:1}],config:{duration:600,easing:"ease-in-out"}},ee={keyframes:[{filter:"blur(12px)",opacity:0},{filter:"blur(0)",opacity:1}],config:{duration:800,easing:"ease-out"}},te={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)"}},re={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)"}},ne={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)"}},ie={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"}},se={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"}},oe={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)"}},le={keyframes:[{transform:"rotate(-360deg)",opacity:0},{transform:"rotate(0)",opacity:1}],config:{duration:600,easing:"ease-out"}},ce={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)"}},ge={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"}},de={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)"}},fe={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)"}},me={keyframes:[{transform:"scale(1) translateX(0) translateY(0)"},{transform:"scale(1.2) translateX(15px) translateY(15px)"}],config:{duration:5e3,easing:"ease-out"}},h={fadeIn:$,fadeInUp:Z,fadeInDown:J,fadeInLeft:K,fadeInRight:_,fadeOut:aa,fadeOutUp:ea,fadeOutDown:ta,fadeOutLeft:ra,fadeOutRight:na,slideInUp:ia,slideInDown:sa,slideInLeft:oa,slideInRight:la,slideOutUp:ca,slideOutDown:ga,slideOutLeft:da,slideOutRight:fa,zoomIn:ma,zoomInUp:ua,zoomInDown:pa,zoomInLeft:ba,zoomInRight:ya,zoomOut:ha,zoomOutUp:xa,zoomOutDown:wa,zoomInBig:ka,zoomInBounce:Ia,rotateIn:Oa,rotateInUpLeft:va,rotateInUpRight:Ya,rotateInDownLeft:Pa,rotateInDownRight:Xa,rotateOut:Ma,spin:Ra,spinReverse:Sa,spinSlow:Ga,spinFast:Ba,bounceIn:Ca,bounceInUp:za,bounceInDown:Ea,bounceInLeft:Da,bounceInRight:Ua,bounceOut:ja,bounce:Aa,bounceLoop:Na,shake:La,shakeY:qa,pulse:Ha,pulseLoop:Ta,heartbeat:Wa,flash:Fa,rubberBand:Qa,jello:Va,swing:$a,wobble:Za,tada:Ja,typing:Ka,glitch:_a,waveText:ae,blurIn:ee,trackingInExpand:te,trackingOutContract:re,focusIn:ne,textShadowPop:ie,flicker:se,textPopUp:oe,textRotateIn:le,textScaleUp:ce,textWobble:ge,swingInTop:de,slideInBlurred:fe,kenburns:me};function ue(a){return h[a]}function D(){return Object.keys(h)}function pe(a){return a==="text"?["typing","glitch","waveText","blurIn","trackingInExpand","trackingOutContract","focusIn","textShadowPop","flicker","textPopUp","textRotateIn","textScaleUp","textWobble","swingInTop","slideInBlurred","kenburns"]:D().filter(e=>e.startsWith(a))}const U=({children:a,preset:e="fadeIn",duration:t,delay:r,easing:n,iterations:s,trigger:o="mount",threshold:g=.1,triggerOnce:d=!0,onAnimationStart:c,onAnimationEnd:f,className:w="",style:k={}})=>{const u=l.useRef(null),x=l.useRef(null),y=l.useRef(null),O=l.useRef(!1),I=async()=>{var G,B,C,z;if(!u.current||d&&O.current)return;const p=h[e];if(!p){console.warn(`[TeleMotion] Preset "${e}" not found`);return}x.current||(x.current=new b(u.current)),c==null||c();const v={...p.config,duration:t??((G=p.config)==null?void 0:G.duration),delay:r??((B=p.config)==null?void 0:B.delay),easing:n??((C=p.config)==null?void 0:C.easing),iterations:s??((z=p.config)==null?void 0:z.iterations)};try{await x.current.animate(p.keyframes,v),O.current=!0,f==null||f()}catch(T){console.error("[TeleMotion] Animation error:",T)}};l.useEffect(()=>{o==="mount"&&I()},[e,t,r,n,s]),l.useEffect(()=>{if(!(o!=="scroll"||!u.current))return y.current=new IntersectionObserver(p=>{p.forEach(v=>{v.isIntersecting&&(I(),d&&y.current&&y.current.unobserve(v.target))})},{threshold:g}),y.current.observe(u.current),()=>{y.current&&y.current.disconnect()}},[o,g,d,e]);const M=()=>{o==="hover"&&I()},R=()=>{o==="click"&&I()};return l.useEffect(()=>()=>{x.current&&x.current.stop()},[]),m.jsx("div",{ref:u,className:w,style:k,onMouseEnter:o==="hover"?M:void 0,onClick:o==="click"?R:void 0,children:a})};U.displayName="TeleMotion";function be(){const a=l.useRef(null),e=l.useRef(null),t=async(r,n)=>{a.current&&(e.current||(e.current=new b(a.current)),await e.current.animate(r,n))};return l.useEffect(()=>()=>{e.current&&e.current.stop()},[]),[a,t]}function ye(a,e){const t=l.useRef(null),r=l.useRef(null),n=async()=>{if(!t.current)return;const s=h[a];if(!s){console.warn(`[usePresetAnimation] Preset "${a}" not found`);return}r.current||(r.current=new b(t.current));const o={...s.config,...e};await r.current.animate(s.keyframes,o)};return l.useEffect(()=>{(e==null?void 0:e.trigger)!=="manual"&&n()},[a]),l.useEffect(()=>()=>{r.current&&r.current.stop()},[]),[t,n]}function he(a,e){const t=l.useRef(null),r=l.useRef(null),n=l.useRef(null),s=l.useRef(!1);return l.useEffect(()=>{if(!t.current)return;const o=h[a];if(!o){console.warn(`[useScrollAnimation] Preset "${a}" not found`);return}return r.current=new b(t.current),n.current=new IntersectionObserver(g=>{g.forEach(d=>{if(d.isIntersecting&&!s.current&&r.current){const c={...o.config,...e==null?void 0:e.config};r.current.animate(o.keyframes,c),s.current=!0,(e==null?void 0:e.triggerOnce)!==!1&&n.current&&n.current.unobserve(d.target)}})},{threshold:(e==null?void 0:e.threshold)??.1}),n.current.observe(t.current),()=>{n.current&&n.current.disconnect(),r.current&&r.current.stop()}},[a,e==null?void 0:e.threshold,e==null?void 0:e.triggerOnce]),t}function xe(a,e=100,t){const r=l.useRef(null);return[r,async()=>{if(!r.current)return;const s=h[a];if(!s)return;const g=Array.from(r.current.children).map((d,c)=>new b(d).animate(s.keyframes,{...s.config,...t,delay:((t==null?void 0:t.delay)??0)+e*c}));await Promise.all(g)}]}function we(a,e){const t=l.useRef(null),r=l.useRef(null);return[t,{onMouseEnter:async()=>{if(!t.current)return;const o=h[a];o&&(r.current||(r.current=new b(t.current)),await r.current.animate(o.keyframes,{...o.config,...e}))},onMouseLeave:()=>{r.current&&r.current.stop()}}]}function ke(a=.1){const e=l.useRef(null),[t,r]=l.useState(!1);return l.useEffect(()=>{if(!e.current)return;const n=new IntersectionObserver(s=>{s.forEach(o=>{r(o.isIntersecting)})},{threshold:a});return n.observe(e.current),()=>{n.disconnect()}},[a]),[e,t]}const j=a=>a,Ie=a=>a*a*a,Oe=a=>1-Math.pow(1-a,3),ve=a=>a<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2,Ye=a=>a*a,Pe=a=>1-(1-a)*(1-a),Xe=a=>a<.5?2*a*a:1-Math.pow(-2*a+2,2)/2,Me=a=>a*a*a*a,Re=a=>1-Math.pow(1-a,4),Se=a=>a<.5?8*a*a*a*a:1-Math.pow(-2*a+2,4)/2,Ge=a=>a*a*a*a*a,Be=a=>1-Math.pow(1-a,5),Ce=a=>a<.5?16*a*a*a*a*a:1-Math.pow(-2*a+2,5)/2,ze=a=>a===0?0:Math.pow(2,10*a-10),Ee=a=>a===1?1:1-Math.pow(2,-10*a),De=a=>a===0?0:a===1?1:a<.5?Math.pow(2,20*a-10)/2:(2-Math.pow(2,-20*a+10))/2,X=1.70158,Y=X*1.525,A=X+1,Ue=a=>A*a*a*a-X*a*a,je=a=>1+A*Math.pow(a-1,3)+X*Math.pow(a-1,2),Ae=a=>a<.5?Math.pow(2*a,2)*((Y+1)*2*a-Y)/2:(Math.pow(2*a-2,2)*((Y+1)*(a*2-2)+Y)+2)/2,N=2*Math.PI/3,E=2*Math.PI/4.5,Ne=a=>a===0?0:a===1?1:-Math.pow(2,10*a-10)*Math.sin((a*10-10.75)*N),Le=a=>a===0?0:a===1?1:Math.pow(2,-10*a)*Math.sin((a*10-.75)*N)+1,qe=a=>a===0?0:a===1?1:a<.5?-(Math.pow(2,20*a-10)*Math.sin((20*a-11.125)*E))/2:Math.pow(2,-20*a+10)*Math.sin((20*a-11.125)*E)/2+1,P=a=>a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+.9375:7.5625*(a-=2.625/2.75)*a+.984375,He=a=>1-P(1-a),Te=a=>a<.5?(1-P(1-2*a))/2:(1+P(2*a-1))/2,We=a=>1-Math.cos(a*Math.PI/2),Fe=a=>Math.sin(a*Math.PI/2),Qe=a=>-(Math.cos(Math.PI*a)-1)/2,Ve=a=>1-Math.sqrt(1-Math.pow(a,2)),$e=a=>Math.sqrt(1-Math.pow(a-1,2)),Ze=a=>a<.5?(1-Math.sqrt(1-Math.pow(2*a,2)))/2:(Math.sqrt(1-Math.pow(-2*a+2,2))+1)/2,L={linear:j,easeInCubic:Ie,easeOutCubic:Oe,easeInOutCubic:ve,easeInQuad:Ye,easeOutQuad:Pe,easeInOutQuad:Xe,easeInQuart:Me,easeOutQuart:Re,easeInOutQuart:Se,easeInQuint:Ge,easeOutQuint:Be,easeInOutQuint:Ce,easeInExpo:ze,easeOutExpo:Ee,easeInOutExpo:De,easeInBack:Ue,easeOutBack:je,easeInOutBack:Ae,easeInElastic:Ne,easeOutElastic:Le,easeInOutElastic:qe,easeInBounce:He,easeOutBounce:P,easeInOutBounce:Te,easeInSine:We,easeOutSine:Fe,easeInOutSine:Qe,easeInCirc:Ve,easeOutCirc:$e,easeInOutCirc:Ze};function Je(a){return typeof a=="function"?a:L[a]||j}function Ke(a=100,e=10,t=1){return r=>{const n=Math.sqrt(a/t),s=e/(2*Math.sqrt(a*t));if(s<1){const o=n*Math.sqrt(1-s*s);return 1-Math.exp(-s*n*r)*Math.cos(o*r)}else return 1-Math.exp(-n*r)}}function _e(a,e,t,r){return n=>{const s=3*e,o=3*(r-e)-s,g=1-s-o;return(c=>((g*c+o)*c+s)*c)(n)}}class S{constructor(){if(this.observer=null,this.elements=new Map,typeof window>"u"||!("IntersectionObserver"in window)){console.warn("IntersectionObserver not supported");return}}observe(e,t={}){const{threshold:r=.1,rootMargin:n="0px",triggerOnce:s=!1,onEnter:o,onExit:g}=t;this.elements.set(e,t),this.observer||(this.observer=new IntersectionObserver(d=>{d.forEach(c=>{var w,k;const f=this.elements.get(c.target);f&&(c.isIntersecting?((w=f.onEnter)==null||w.call(f,c),f.triggerOnce&&this.unobserve(c.target)):(k=f.onExit)==null||k.call(f,c))})},{threshold:r,rootMargin:n})),this.observer.observe(e)}unobserve(e){this.observer&&(this.observer.unobserve(e),this.elements.delete(e))}disconnect(){this.observer&&(this.observer.disconnect(),this.elements.clear(),this.observer=null)}}function q(a,e){const t=new S;return t.observe(a,e),()=>t.disconnect()}function at(a,e){const t=new S;return a.forEach(r=>t.observe(r,e)),()=>t.disconnect()}function et(a,e,t={}){return q(a,{...t,onEnter:e})}function tt(a){const e=a.getBoundingClientRect(),t=window.innerHeight,r=e.top,n=e.height,s=1-(r+n)/(t+n);return Math.max(0,Math.min(1,s))}function rt(a,e=0){const t=a.getBoundingClientRect(),r=window.innerHeight,n=window.innerWidth,s=t.top+t.height*e<=r&&t.bottom-t.height*e>=0,o=t.left+t.width*e<=n&&t.right-t.width*e>=0;return s&&o}const H=[{id:"glass-morphism",name:"Glass Morphism",gradient:`
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Container-QgggZFO5.cjs"),u=require("react/jsx-runtime"),l=require("react"),H=({children:e,direction:a="up",delay:t=0,duration:r=800,threshold:n=.1,once:s=!0,className:i=""})=>{const g=l.useRef(null),[d,c]=l.useState(!1);l.useEffect(()=>{const y=new IntersectionObserver(([x])=>{x.isIntersecting?(c(!0),s&&g.current&&y.unobserve(g.current)):s||c(!1)},{threshold:n,rootMargin:"0px"});return g.current&&y.observe(g.current),()=>{g.current&&y.unobserve(g.current)}},[n,s]);const f=`scroll-fade-${a}`;return u.jsx("div",{ref:g,className:`scroll-animation ${f} ${d?"active":""} ${i}`,style:{animationDelay:`${t}ms`,animationDuration:`${r}ms`},children:e})},T=({children:e,delay:a=0,duration:t=600,threshold:r=.1,once:n=!0,className:s=""})=>{const i=l.useRef(null),[g,d]=l.useState(!1);return l.useEffect(()=>{const c=new IntersectionObserver(([f])=>{f.isIntersecting?(d(!0),n&&i.current&&c.unobserve(i.current)):n||d(!1)},{threshold:r});return i.current&&c.observe(i.current),()=>{i.current&&c.unobserve(i.current)}},[r,n]),u.jsx("div",{ref:i,className:`scroll-animation scroll-zoom-in ${g?"active":""} ${s}`,style:{animationDelay:`${a}ms`,animationDuration:`${t}ms`},children:e})},W=({children:e,delay:a=0,duration:t=800,threshold:r=.1,once:n=!0,className:s=""})=>{const i=l.useRef(null),[g,d]=l.useState(!1);return l.useEffect(()=>{const c=new IntersectionObserver(([f])=>{f.isIntersecting?(d(!0),n&&i.current&&c.unobserve(i.current)):n||d(!1)},{threshold:r});return i.current&&c.observe(i.current),()=>{i.current&&c.unobserve(i.current)}},[r,n]),u.jsx("div",{ref:i,className:`scroll-animation scroll-rotate-in ${g?"active":""} ${s}`,style:{animationDelay:`${a}ms`,animationDuration:`${t}ms`},children:e})};class b{constructor(a){this.animation=null,this.element=a}animate(a,t={}){const{duration:r=600,delay:n=0,easing:s="ease",iterations:i=1,direction:g="normal",fill:d="both"}=t;return this.animation&&this.animation.cancel(),this.animation=this.element.animate(a,{duration:r,delay:n,easing:typeof s=="string"?s:"linear",iterations:i,direction:g,fill:d}),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 F(e){return new b(e)}async function Q(e,a,t={}){const r=t.stagger??0,n={duration:t.duration,delay:t.delay,easing:t.easing,iterations:t.iterations,direction:t.direction,fill:t.fill},s=e.map((i,g)=>new b(i).animate(a,{...n,delay:(n.delay||0)+r*g}));return Promise.all(s)}async function Z(e){const a=[];for(const{element:t,keyframes:r,config:n}of e){const i=await new b(t).animate(r,n);a.push(i)}return a}async function J(e){const a=e.map(({element:t,keyframes:r,config:n})=>new b(t).animate(r,n));return Promise.all(a)}const K={keyframes:[{opacity:0},{opacity:1}],config:{duration:600,easing:"ease-out",fill:"both"}},_={keyframes:[{opacity:0,transform:"translateY(30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ee={keyframes:[{opacity:0,transform:"translateY(-30px)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ae={keyframes:[{opacity:0,transform:"translateX(-30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},te={keyframes:[{opacity:0,transform:"translateX(30px)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},re={keyframes:[{opacity:1},{opacity:0}],config:{duration:600,easing:"ease-in",fill:"both"}},ne={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ie={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},se={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},oe={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(30px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},le={keyframes:[{opacity:0,transform:"translateY(100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ce={keyframes:[{opacity:0,transform:"translateY(-100%)"},{opacity:1,transform:"translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},ge={keyframes:[{opacity:0,transform:"translateX(-100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},de={keyframes:[{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},fe={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ue={keyframes:[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},me={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(-100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},pe={keyframes:[{opacity:1,transform:"translateX(0)"},{opacity:0,transform:"translateX(100%)"}],config:{duration:800,easing:"ease-in",fill:"both"}},be={keyframes:[{opacity:0,transform:"scale(0.5)"},{opacity:1,transform:"scale(1)"}],config:{duration:600,easing:"ease-out",fill:"both"}},ye={keyframes:[{opacity:0,transform:"scale(0.5) translateY(50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},he={keyframes:[{opacity:0,transform:"scale(0.5) translateY(-50px)"},{opacity:1,transform:"scale(1) translateY(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},xe={keyframes:[{opacity:0,transform:"scale(0.5) translateX(-50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},we={keyframes:[{opacity:0,transform:"scale(0.5) translateX(50px)"},{opacity:1,transform:"scale(1) translateX(0)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Ie={keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.5)"}],config:{duration:600,easing:"ease-in",fill:"both"}},ke={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(-50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},ve={keyframes:[{opacity:1,transform:"scale(1) translateY(0)"},{opacity:0,transform:"scale(0.5) translateY(50px)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Oe={keyframes:[{opacity:0,transform:"scale(0)"},{opacity:1,transform:"scale(1)"}],config:{duration:1e3,easing:"ease-out",fill:"both"}},Re={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"}},Ye={keyframes:[{opacity:0,transform:"rotate(-180deg) scale(0.5)"},{opacity:1,transform:"rotate(0deg) scale(1)"}],config:{duration:800,easing:"ease-out",fill:"both"}},Me={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"}},Pe={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"}},Xe={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"}},Se={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"}},Ge={keyframes:[{opacity:1,transform:"rotate(0deg) scale(1)"},{opacity:0,transform:"rotate(180deg) scale(0.5)"}],config:{duration:800,easing:"ease-in",fill:"both"}},Be={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},Ce={keyframes:[{transform:"rotate(360deg)"},{transform:"rotate(0deg)"}],config:{duration:1e3,easing:"linear",iterations:1/0,fill:"both"}},ze={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:3e3,easing:"linear",iterations:1/0,fill:"both"}},De={keyframes:[{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],config:{duration:500,easing:"linear",iterations:1/0,fill:"both"}},Ee={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"}},Ue={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"}},je={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"}},Ne={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"}},Ae={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"}},Le={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"}},$e={keyframes:[{transform:"translateY(0)"},{transform:"translateY(-30px)"},{transform:"translateY(0)"}],config:{duration:600,easing:"ease-out",fill:"both"}},qe={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"}},Ve={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"}},He={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"}},Te={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:500,easing:"ease-in-out",fill:"both"}},We={keyframes:[{transform:"scale(1)"},{transform:"scale(1.05)"},{transform:"scale(1)"}],config:{duration:1e3,easing:"ease-in-out",iterations:1/0,fill:"both"}},Fe={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"}},Qe={keyframes:[{opacity:1},{opacity:0},{opacity:1},{opacity:0},{opacity:1}],config:{duration:750,easing:"linear",fill:"both"}},Ze={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"}},Je={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"}},Ke={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"}},_e={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"}},ea={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"}},aa={keyframes:[{width:"0",opacity:0},{width:"0",opacity:1,offset:.01},{width:"100%",opacity:1}],config:{duration:2e3,easing:"steps(40, end)"}},ta={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"}},ra={keyframes:[{transform:"translateY(0)",offset:0},{transform:"translateY(-10px)",offset:.5},{transform:"translateY(0)",offset:1}],config:{duration:600,easing:"ease-in-out"}},na={keyframes:[{filter:"blur(12px)",opacity:0},{filter:"blur(0)",opacity:1}],config:{duration:800,easing:"ease-out"}},ia={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)"}},sa={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)"}},oa={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)"}},la={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"}},ca={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"}},ga={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)"}},da={keyframes:[{transform:"rotate(-360deg)",opacity:0},{transform:"rotate(0)",opacity:1}],config:{duration:600,easing:"ease-out"}},fa={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)"}},ua={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"}},ma={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)"}},pa={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)"}},ba={keyframes:[{transform:"scale(1) translateX(0) translateY(0)"},{transform:"scale(1.2) translateX(15px) translateY(15px)"}],config:{duration:5e3,easing:"ease-out"}},w={fadeIn:K,fadeInUp:_,fadeInDown:ee,fadeInLeft:ae,fadeInRight:te,fadeOut:re,fadeOutUp:ne,fadeOutDown:ie,fadeOutLeft:se,fadeOutRight:oe,slideInUp:le,slideInDown:ce,slideInLeft:ge,slideInRight:de,slideOutUp:fe,slideOutDown:ue,slideOutLeft:me,slideOutRight:pe,zoomIn:be,zoomInUp:ye,zoomInDown:he,zoomInLeft:xe,zoomInRight:we,zoomOut:Ie,zoomOutUp:ke,zoomOutDown:ve,zoomInBig:Oe,zoomInBounce:Re,rotateIn:Ye,rotateInUpLeft:Me,rotateInUpRight:Pe,rotateInDownLeft:Xe,rotateInDownRight:Se,rotateOut:Ge,spin:Be,spinReverse:Ce,spinSlow:ze,spinFast:De,bounceIn:Ee,bounceInUp:Ue,bounceInDown:je,bounceInLeft:Ne,bounceInRight:Ae,bounceOut:Le,bounce:$e,bounceLoop:qe,shake:Ve,shakeY:He,pulse:Te,pulseLoop:We,heartbeat:Fe,flash:Qe,rubberBand:Ze,jello:Je,swing:Ke,wobble:_e,tada:ea,typing:aa,glitch:ta,waveText:ra,blurIn:na,trackingInExpand:ia,trackingOutContract:sa,focusIn:oa,textShadowPop:la,flicker:ca,textPopUp:ga,textRotateIn:da,textScaleUp:fa,textWobble:ua,swingInTop:ma,slideInBlurred:pa,kenburns:ba};function ya(e){return w[e]}function E(){return Object.keys(w)}function ha(e){return e==="text"?["typing","glitch","waveText","blurIn","trackingInExpand","trackingOutContract","focusIn","textShadowPop","flicker","textPopUp","textRotateIn","textScaleUp","textWobble","swingInTop","slideInBlurred","kenburns"]:E().filter(a=>a.startsWith(e))}const U=({children:e,preset:a="fadeIn",duration:t,delay:r,easing:n,iterations:s,trigger:i="mount",threshold:g=.1,triggerOnce:d=!0,onAnimationStart:c,onAnimationEnd:f,className:y="",style:x={}})=>{const m=l.useRef(null),I=l.useRef(null),h=l.useRef(null),v=l.useRef(!1),k=async()=>{var G,B,C,z;if(!m.current||d&&v.current)return;const p=w[a];if(!p){console.warn(`[TeleMotion] Preset "${a}" not found`);return}I.current||(I.current=new b(m.current)),c==null||c();const O={...p.config,duration:t??((G=p.config)==null?void 0:G.duration),delay:r??((B=p.config)==null?void 0:B.delay),easing:n??((C=p.config)==null?void 0:C.easing),iterations:s??((z=p.config)==null?void 0:z.iterations)};try{await I.current.animate(p.keyframes,O),v.current=!0,f==null||f()}catch(V){console.error("[TeleMotion] Animation error:",V)}};l.useEffect(()=>{i==="mount"&&k()},[a,t,r,n,s]),l.useEffect(()=>{if(!(i!=="scroll"||!m.current))return h.current=new IntersectionObserver(p=>{p.forEach(O=>{O.isIntersecting&&(k(),d&&h.current&&h.current.unobserve(O.target))})},{threshold:g}),h.current.observe(m.current),()=>{h.current&&h.current.disconnect()}},[i,g,d,a]);const P=()=>{i==="hover"&&k()},X=()=>{i==="click"&&k()};return l.useEffect(()=>()=>{I.current&&I.current.stop()},[]),u.jsx("div",{ref:m,className:y,style:x,onMouseEnter:i==="hover"?P:void 0,onClick:i==="click"?X:void 0,children:e})};U.displayName="TeleMotion";function xa(){const e=l.useRef(null),a=l.useRef(null),t=async(r,n)=>{e.current&&(a.current||(a.current=new b(e.current)),await a.current.animate(r,n))};return l.useEffect(()=>()=>{a.current&&a.current.stop()},[]),[e,t]}function wa(e,a){const t=l.useRef(null),r=l.useRef(null),n=async()=>{if(!t.current)return;const s=w[e];if(!s){console.warn(`[usePresetAnimation] Preset "${e}" not found`);return}r.current||(r.current=new b(t.current));const i={...s.config,...a};await r.current.animate(s.keyframes,i)};return l.useEffect(()=>{(a==null?void 0:a.trigger)!=="manual"&&n()},[e]),l.useEffect(()=>()=>{r.current&&r.current.stop()},[]),[t,n]}function Ia(e,a){const t=l.useRef(null),r=l.useRef(null),n=l.useRef(null),s=l.useRef(!1);return l.useEffect(()=>{if(!t.current)return;const i=w[e];if(!i){console.warn(`[useScrollAnimation] Preset "${e}" not found`);return}return r.current=new b(t.current),n.current=new IntersectionObserver(g=>{g.forEach(d=>{if(d.isIntersecting&&!s.current&&r.current){const c={...i.config,...a==null?void 0:a.config};r.current.animate(i.keyframes,c),s.current=!0,(a==null?void 0:a.triggerOnce)!==!1&&n.current&&n.current.unobserve(d.target)}})},{threshold:(a==null?void 0:a.threshold)??.1}),n.current.observe(t.current),()=>{n.current&&n.current.disconnect(),r.current&&r.current.stop()}},[e,a==null?void 0:a.threshold,a==null?void 0:a.triggerOnce]),t}function ka(e,a=100,t){const r=l.useRef(null);return[r,async()=>{if(!r.current)return;const s=w[e];if(!s)return;const g=Array.from(r.current.children).map((d,c)=>new b(d).animate(s.keyframes,{...s.config,...t,delay:((t==null?void 0:t.delay)??0)+a*c}));await Promise.all(g)}]}function va(e,a){const t=l.useRef(null),r=l.useRef(null);return[t,{onMouseEnter:async()=>{if(!t.current)return;const i=w[e];i&&(r.current||(r.current=new b(t.current)),await r.current.animate(i.keyframes,{...i.config,...a}))},onMouseLeave:()=>{r.current&&r.current.stop()}}]}function Oa(e=.1){const a=l.useRef(null),[t,r]=l.useState(!1);return l.useEffect(()=>{if(!a.current)return;const n=new IntersectionObserver(s=>{s.forEach(i=>{r(i.isIntersecting)})},{threshold:e});return n.observe(a.current),()=>{n.disconnect()}},[e]),[a,t]}const j=e=>e,Ra=e=>e*e*e,Ya=e=>1-Math.pow(1-e,3),Ma=e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,Pa=e=>e*e,Xa=e=>1-(1-e)*(1-e),Sa=e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,Ga=e=>e*e*e*e,Ba=e=>1-Math.pow(1-e,4),Ca=e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,za=e=>e*e*e*e*e,Da=e=>1-Math.pow(1-e,5),Ea=e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,Ua=e=>e===0?0:Math.pow(2,10*e-10),ja=e=>e===1?1:1-Math.pow(2,-10*e),Na=e=>e===0?0:e===1?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,M=1.70158,R=M*1.525,N=M+1,Aa=e=>N*e*e*e-M*e*e,La=e=>1+N*Math.pow(e-1,3)+M*Math.pow(e-1,2),$a=e=>e<.5?Math.pow(2*e,2)*((R+1)*2*e-R)/2:(Math.pow(2*e-2,2)*((R+1)*(e*2-2)+R)+2)/2,A=2*Math.PI/3,D=2*Math.PI/4.5,qa=e=>e===0?0:e===1?1:-Math.pow(2,10*e-10)*Math.sin((e*10-10.75)*A),Va=e=>e===0?0:e===1?1:Math.pow(2,-10*e)*Math.sin((e*10-.75)*A)+1,Ha=e=>e===0?0:e===1?1:e<.5?-(Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*D))/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*D)/2+1,Y=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-Y(1-e),Wa=e=>e<.5?(1-Y(1-2*e))/2:(1+Y(2*e-1))/2,Fa=e=>1-Math.cos(e*Math.PI/2),Qa=e=>Math.sin(e*Math.PI/2),Za=e=>-(Math.cos(Math.PI*e)-1)/2,Ja=e=>1-Math.sqrt(1-Math.pow(e,2)),Ka=e=>Math.sqrt(1-Math.pow(e-1,2)),_a=e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,L={linear:j,easeInCubic:Ra,easeOutCubic:Ya,easeInOutCubic:Ma,easeInQuad:Pa,easeOutQuad:Xa,easeInOutQuad:Sa,easeInQuart:Ga,easeOutQuart:Ba,easeInOutQuart:Ca,easeInQuint:za,easeOutQuint:Da,easeInOutQuint:Ea,easeInExpo:Ua,easeOutExpo:ja,easeInOutExpo:Na,easeInBack:Aa,easeOutBack:La,easeInOutBack:$a,easeInElastic:qa,easeOutElastic:Va,easeInOutElastic:Ha,easeInBounce:Ta,easeOutBounce:Y,easeInOutBounce:Wa,easeInSine:Fa,easeOutSine:Qa,easeInOutSine:Za,easeInCirc:Ja,easeOutCirc:Ka,easeInOutCirc:_a};function et(e){return typeof e=="function"?e:L[e]||j}function at(e=100,a=10,t=1){return r=>{const n=Math.sqrt(e/t),s=a/(2*Math.sqrt(e*t));if(s<1){const i=n*Math.sqrt(1-s*s);return 1-Math.exp(-s*n*r)*Math.cos(i*r)}else return 1-Math.exp(-n*r)}}function tt(e,a,t,r){return n=>{const s=3*a,i=3*(r-a)-s,g=1-s-i;return(c=>((g*c+i)*c+s)*c)(n)}}class S{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:r=.1,rootMargin:n="0px",triggerOnce:s=!1,onEnter:i,onExit:g}=t;this.elements.set(a,t),this.observer||(this.observer=new IntersectionObserver(d=>{d.forEach(c=>{var y,x;const f=this.elements.get(c.target);f&&(c.isIntersecting?((y=f.onEnter)==null||y.call(f,c),f.triggerOnce&&this.unobserve(c.target)):(x=f.onExit)==null||x.call(f,c))})},{threshold:r,rootMargin:n})),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 S;return t.observe(e,a),()=>t.disconnect()}function rt(e,a){const t=new S;return e.forEach(r=>t.observe(r,a)),()=>t.disconnect()}function nt(e,a,t={}){return $(e,{...t,onEnter:a})}function it(e){const a=e.getBoundingClientRect(),t=window.innerHeight,r=a.top,n=a.height,s=1-(r+n)/(t+n);return Math.max(0,Math.min(1,s))}function st(e,a=0){const t=e.getBoundingClientRect(),r=window.innerHeight,n=window.innerWidth,s=t.top+t.height*a<=r&&t.bottom-t.height*a>=0,i=t.left+t.width*a<=n&&t.right-t.width*a>=0;return s&&i}const q=[{id:"glass-morphism",name:"Glass Morphism",gradient:`
|
|
2
2
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
3
3
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
4
4
|
radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
|
|
@@ -172,4 +172,4 @@
|
|
|
172
172
|
radial-gradient(circle at 25% 75%, rgba(185, 28, 28, 0.6), transparent 35%),
|
|
173
173
|
radial-gradient(circle at 75% 80%, rgba(239, 68, 68, 0.5), transparent 40%),
|
|
174
174
|
linear-gradient(135deg, #0f0000 0%, #1a0505 50%, #0f0000 100%)
|
|
175
|
-
`,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"}],
|
|
175
|
+
`,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"}],ot=({name:e,title:a,description:t="Welcome to my portfolio",primaryButtonText:r="Get Started",primaryButtonLink:n,primaryButtonOnClick:s,secondaryButtonText:i="Learn More",secondaryButtonLink:g,secondaryButtonOnClick:d,theme:c,backgroundGradient:f,animationType:y,className:x=""})=>{const m=c?q.find(p=>p.id===c):null,I=(m==null?void 0:m.gradient)||f||"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",h=y||(m==null?void 0:m.animation),v=()=>{n?window.location.href=n:s&&s()},k=()=>{g?window.location.href=g:d&&d()},P=n?u.jsx("a",{href:n,style:{textDecoration:"none"},children:u.jsx(o.GlassButton,{variant:"waves",size:"lg",children:r})}):u.jsx(o.GlassButton,{variant:"waves",size:"lg",onClick:s||v,children:r}),X=g?u.jsx("a",{href:g,style:{textDecoration:"none"},children:u.jsx(o.GlassButton,{variant:"blur",size:"lg",children:i})}):u.jsx(o.GlassButton,{variant:"blur",size:"lg",onClick:d||k,children:i});return u.jsx("div",{className:h?`animate-gradient-${h}`:"",style:{background:I,minHeight:"100vh"},children:u.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${x}`,children:u.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[u.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}),u.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}),u.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:t}),u.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[P,X]}),u.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"}})]})})})};exports.AnimatedBounce=o.AnimatedBounce;exports.AnimatedGlow=o.AnimatedGlow;exports.AnimatedPulse=o.AnimatedPulse;exports.AnimatedShimmer=o.AnimatedShimmer;exports.Button=o.Button;exports.Button3DBlue=o.Button3DBlue;exports.Button3DGreen=o.Button3DGreen;exports.Button3DPink=o.Button3DPink;exports.Container=o.Container;exports.ContainerButton=o.ContainerButton;exports.ContainerContent=o.ContainerContent;exports.ContainerImage=o.ContainerImage;exports.FeatureCard=o.FeatureCard;exports.GhostBlue=o.GhostBlue;exports.GhostPurple=o.GhostPurple;exports.GhostRed=o.GhostRed;exports.GlassBlue=o.GlassBlue;exports.GlassButton=o.GlassButton;exports.GlassPink=o.GlassPink;exports.GlassPurple=o.GlassPurple;exports.GlassWhite=o.GlassWhite;exports.GradientBlueGreen=o.GradientBlueGreen;exports.GradientCyan=o.GradientCyan;exports.GradientOrangeRed=o.GradientOrangeRed;exports.GradientPurplePink=o.GradientPurplePink;exports.GradientSunset=o.GradientSunset;exports.NeonBlue=o.NeonBlue;exports.NeonGreen=o.NeonGreen;exports.NeonPink=o.NeonPink;exports.OutlinedBlue=o.OutlinedBlue;exports.OutlinedGradient=o.OutlinedGradient;exports.OutlinedPurple=o.OutlinedPurple;exports.ProductCard=o.ProductCard;exports.SolidBlue=o.SolidBlue;exports.SolidGreen=o.SolidGreen;exports.SolidPill=o.SolidPill;exports.SolidPurple=o.SolidPurple;exports.SolidRed=o.SolidRed;exports.StatCard=o.StatCard;exports.Animator=b;exports.Home=ot;exports.RotateIn=W;exports.ScrollObserver=S;exports.ScrollReveal=H;exports.TeleMotion=U;exports.ZoomIn=T;exports.animateGroup=Q;exports.animateOnScroll=nt;exports.bezier=tt;exports.createAnimator=F;exports.easings=L;exports.getEasing=et;exports.getPreset=ya;exports.getPresetNames=E;exports.getPresetsByCategory=ha;exports.getScrollProgress=it;exports.gradients=q;exports.isInViewport=st;exports.observeElement=$;exports.observeElements=rt;exports.parallel=J;exports.presets=w;exports.sequence=Z;exports.spring=at;exports.useAnimator=xa;exports.useHoverAnimation=va;exports.useInView=Oa;exports.usePresetAnimation=wa;exports.useScrollAnimation=Ia;exports.useStagger=ka;
|