telecop 0.1.36 → 0.1.39

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './ui';
+export { ScrollReveal, ZoomIn, RotateIn } from './components/Animations';
+export type { ScrollAnimationProps, AnimationDirection, AnimationTrigger, AnimationEasing, BaseAnimationProps, HoverAnimationProps } from './components/Animations';
 export { TeleMotion } from './animations/react';
 export type { TeleMotionProps } from './animations/react';
 export { Animator, createAnimator, animateGroup, sequence, parallel } from './animations/core/animator';

package/dist/index.js

@@ -1,4 +1,4 @@
-"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:`
+"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:`
       radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
       radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
       radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
@@ -172,4 +172,4 @@
       radial-gradient(circle at 25% 75%, rgba(185, 28, 28, 0.6), transparent 35%),
       radial-gradient(circle at 75% 80%, rgba(239, 68, 68, 0.5), transparent 40%),
       linear-gradient(135deg, #0f0000 0%, #1a0505 50%, #0f0000 100%)
-    `,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"}],nt=({name:a,title:e,description:t="Welcome to my portfolio",primaryButtonText:r="Get Started",primaryButtonLink:n,primaryButtonOnClick:s,secondaryButtonText:o="Learn More",secondaryButtonLink:g,secondaryButtonOnClick:d,theme:c,backgroundGradient:f,animationType:w,className:k=""})=>{const u=c?H.find(p=>p.id===c):null,x=(u==null?void 0:u.gradient)||f||"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",y=w||(u==null?void 0:u.animation),O=()=>{n?window.location.href=n:s&&s()},I=()=>{g?window.location.href=g:d&&d()},M=n?m.jsx("a",{href:n,style:{textDecoration:"none"},children:m.jsx(i.GlassButton,{variant:"waves",size:"lg",children:r})}):m.jsx(i.GlassButton,{variant:"waves",size:"lg",onClick:s||O,children:r}),R=g?m.jsx("a",{href:g,style:{textDecoration:"none"},children:m.jsx(i.GlassButton,{variant:"blur",size:"lg",children:o})}):m.jsx(i.GlassButton,{variant:"blur",size:"lg",onClick:d||I,children:o});return m.jsx("div",{className:y?`animate-gradient-${y}`:"",style:{background:x,minHeight:"100vh"},children:m.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${k}`,children:m.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[m.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:a}),m.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:e}),m.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}),m.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[M,R]}),m.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=i.AnimatedBounce;exports.AnimatedGlow=i.AnimatedGlow;exports.AnimatedPulse=i.AnimatedPulse;exports.AnimatedShimmer=i.AnimatedShimmer;exports.Button=i.Button;exports.Button3DBlue=i.Button3DBlue;exports.Button3DGreen=i.Button3DGreen;exports.Button3DPink=i.Button3DPink;exports.Container=i.Container;exports.ContainerButton=i.ContainerButton;exports.ContainerContent=i.ContainerContent;exports.ContainerImage=i.ContainerImage;exports.FeatureCard=i.FeatureCard;exports.GhostBlue=i.GhostBlue;exports.GhostPurple=i.GhostPurple;exports.GhostRed=i.GhostRed;exports.GlassBlue=i.GlassBlue;exports.GlassButton=i.GlassButton;exports.GlassPink=i.GlassPink;exports.GlassPurple=i.GlassPurple;exports.GlassWhite=i.GlassWhite;exports.GradientBlueGreen=i.GradientBlueGreen;exports.GradientCyan=i.GradientCyan;exports.GradientOrangeRed=i.GradientOrangeRed;exports.GradientPurplePink=i.GradientPurplePink;exports.GradientSunset=i.GradientSunset;exports.NeonBlue=i.NeonBlue;exports.NeonGreen=i.NeonGreen;exports.NeonPink=i.NeonPink;exports.OutlinedBlue=i.OutlinedBlue;exports.OutlinedGradient=i.OutlinedGradient;exports.OutlinedPurple=i.OutlinedPurple;exports.ProductCard=i.ProductCard;exports.SolidBlue=i.SolidBlue;exports.SolidGreen=i.SolidGreen;exports.SolidPill=i.SolidPill;exports.SolidPurple=i.SolidPurple;exports.SolidRed=i.SolidRed;exports.StatCard=i.StatCard;exports.Animator=b;exports.Home=nt;exports.ScrollObserver=S;exports.TeleMotion=U;exports.animateGroup=F;exports.animateOnScroll=et;exports.bezier=_e;exports.createAnimator=W;exports.easings=L;exports.getEasing=Je;exports.getPreset=ue;exports.getPresetNames=D;exports.getPresetsByCategory=pe;exports.getScrollProgress=tt;exports.gradients=H;exports.isInViewport=rt;exports.observeElement=q;exports.observeElements=at;exports.parallel=V;exports.presets=h;exports.sequence=Q;exports.spring=Ke;exports.useAnimator=be;exports.useHoverAnimation=we;exports.useInView=ke;exports.usePresetAnimation=ye;exports.useScrollAnimation=he;exports.useStagger=xe;
+    `,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;

package/dist/index.mjs

@@ -1,9 +1,109 @@
 "use client";
 import { z as Y } from "./Container-P3r8bCP7.js";
-import { n as mt, o as pt, m as ut, A as bt, y as yt, B as ht, v as xt, u as wt, D as kt, I as It, H as Ot, E as vt, F as Yt, r as Xt, t as Mt, s as Pt, i as Rt, l as St, j as zt, k as Ct, e as Dt, g as Bt, f as Gt, G as Ut, h as Et, N as Lt, x as Nt, w as qt, O as At, q as Ht, p as Ft, P as Tt, S as Wt, b as Qt, d as jt, c as Vt, a as $t, C as Zt } from "./Container-P3r8bCP7.js";
-import { jsx as f, jsxs as G } from "react/jsx-runtime";
-import { useRef as g, useEffect as y, useState as H } from "react";
-class u {
+import { n as bt, o as yt, m as ht, A as xt, y as wt, B as kt, v as It, u as vt, D as Ot, I as Yt, H as Xt, E as Mt, F as Pt, r as Rt, t as St, s as zt, i as Ct, l as Dt, j as Bt, k as Gt, e as Ut, g as Et, f as Nt, G as Lt, h as $t, N as qt, x as Vt, w as At, O as Ht, q as Ft, p as Tt, P as Wt, S as Qt, b as jt, d as Zt, c as Jt, a as Kt, C as _t } from "./Container-P3r8bCP7.js";
+import { jsx as f, jsxs as U } from "react/jsx-runtime";
+import { useRef as d, useState as P, useEffect as u } from "react";
+const Fe = ({
+  children: a,
+  direction: e = "up",
+  delay: t = 0,
+  duration: r = 800,
+  threshold: n = 0.1,
+  once: s = !0,
+  className: i = ""
+}) => {
+  const l = d(null), [c, o] = P(!1);
+  u(() => {
+    const b = new IntersectionObserver(
+      ([x]) => {
+        x.isIntersecting ? (o(!0), s && l.current && b.unobserve(l.current)) : s || o(!1);
+      },
+      {
+        threshold: n,
+        rootMargin: "0px"
+      }
+    );
+    return l.current && b.observe(l.current), () => {
+      l.current && b.unobserve(l.current);
+    };
+  }, [n, s]);
+  const g = `scroll-fade-${e}`;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: l,
+      className: `scroll-animation ${g} ${c ? "active" : ""} ${i}`,
+      style: {
+        animationDelay: `${t}ms`,
+        animationDuration: `${r}ms`
+      },
+      children: a
+    }
+  );
+}, Te = ({
+  children: a,
+  delay: e = 0,
+  duration: t = 600,
+  threshold: r = 0.1,
+  once: n = !0,
+  className: s = ""
+}) => {
+  const i = d(null), [l, c] = P(!1);
+  return u(() => {
+    const o = new IntersectionObserver(
+      ([g]) => {
+        g.isIntersecting ? (c(!0), n && i.current && o.unobserve(i.current)) : n || c(!1);
+      },
+      { threshold: r }
+    );
+    return i.current && o.observe(i.current), () => {
+      i.current && o.unobserve(i.current);
+    };
+  }, [r, n]), /* @__PURE__ */ f(
+    "div",
+    {
+      ref: i,
+      className: `scroll-animation scroll-zoom-in ${l ? "active" : ""} ${s}`,
+      style: {
+        animationDelay: `${e}ms`,
+        animationDuration: `${t}ms`
+      },
+      children: a
+    }
+  );
+}, We = ({
+  children: a,
+  delay: e = 0,
+  duration: t = 800,
+  threshold: r = 0.1,
+  once: n = !0,
+  className: s = ""
+}) => {
+  const i = d(null), [l, c] = P(!1);
+  return u(() => {
+    const o = new IntersectionObserver(
+      ([g]) => {
+        g.isIntersecting ? (c(!0), n && i.current && o.unobserve(i.current)) : n || c(!1);
+      },
+      { threshold: r }
+    );
+    return i.current && o.observe(i.current), () => {
+      i.current && o.unobserve(i.current);
+    };
+  }, [r, n]), /* @__PURE__ */ f(
+    "div",
+    {
+      ref: i,
+      className: `scroll-animation scroll-rotate-in ${l ? "active" : ""} ${s}`,
+      style: {
+        animationDelay: `${e}ms`,
+        animationDuration: `${t}ms`
+      },
+      children: a
+    }
+  );
+};
+class y {
   constructor(e) {
     this.animation = null, this.element = e;
   }
@@ -14,16 +114,16 @@ class u {
     const {
       duration: r = 600,
       delay: n = 0,
-      easing: i = "ease",
-      iterations: s = 1,
+      easing: s = "ease",
+      iterations: i = 1,
       direction: l = "normal",
       fill: c = "both"
     } = t;
     return this.animation && this.animation.cancel(), this.animation = this.element.animate(e, {
       duration: r,
       delay: n,
-      easing: typeof i == "string" ? i : "linear",
-      iterations: s,
+      easing: typeof s == "string" ? s : "linear",
+      iterations: i,
       direction: l,
       fill: c
     }), this.animation.finished;
@@ -66,10 +166,10 @@ class u {
     return ((e = this.animation) == null ? void 0 : e.playState) === "running";
   }
 }
-function We(a) {
-  return new u(a);
+function Qe(a) {
+  return new y(a);
 }
-async function Qe(a, e, t = {}) {
+async function je(a, e, t = {}) {
   const r = t.stagger ?? 0, n = {
     duration: t.duration,
     delay: t.delay,
@@ -77,25 +177,25 @@ async function Qe(a, e, t = {}) {
     iterations: t.iterations,
     direction: t.direction,
     fill: t.fill
-  }, i = a.map((s, l) => new u(s).animate(e, {
+  }, s = a.map((i, l) => new y(i).animate(e, {
     ...n,
     delay: (n.delay || 0) + r * l
   }));
-  return Promise.all(i);
+  return Promise.all(s);
 }
-async function je(a) {
+async function Ze(a) {
   const e = [];
   for (const { element: t, keyframes: r, config: n } of a) {
-    const s = await new u(t).animate(r, n);
-    e.push(s);
+    const i = await new y(t).animate(r, n);
+    e.push(i);
   }
   return e;
 }
-async function Ve(a) {
-  const e = a.map(({ element: t, keyframes: r, config: n }) => new u(t).animate(r, n));
+async function Je(a) {
+  const e = a.map(({ element: t, keyframes: r, config: n }) => new y(t).animate(r, n));
   return Promise.all(e);
 }
-const F = {
+const A = {
   keyframes: [
     { opacity: 0 },
     { opacity: 1 }
@@ -105,7 +205,7 @@ const F = {
     easing: "ease-out",
     fill: "both"
   }
-}, T = {
+}, H = {
   keyframes: [
     {
       opacity: 0,
@@ -121,7 +221,7 @@ const F = {
     easing: "ease-out",
     fill: "both"
   }
-}, W = {
+}, F = {
   keyframes: [
     {
       opacity: 0,
@@ -137,7 +237,7 @@ const F = {
     easing: "ease-out",
     fill: "both"
   }
-}, Q = {
+}, T = {
   keyframes: [
     {
       opacity: 0,
@@ -153,7 +253,7 @@ const F = {
     easing: "ease-out",
     fill: "both"
   }
-}, j = {
+}, W = {
   keyframes: [
     {
       opacity: 0,
@@ -169,7 +269,7 @@ const F = {
     easing: "ease-out",
     fill: "both"
   }
-}, V = {
+}, Q = {
   keyframes: [
     { opacity: 1 },
     { opacity: 0 }
@@ -179,7 +279,7 @@ const F = {
     easing: "ease-in",
     fill: "both"
   }
-}, $ = {
+}, j = {
   keyframes: [
     {
       opacity: 1,
@@ -641,7 +741,7 @@ const F = {
     easing: "ease-in",
     fill: "both"
   }
-}, Oa = {
+}, va = {
   keyframes: [
     { transform: "rotate(0deg)" },
     { transform: "rotate(360deg)" }
@@ -652,7 +752,7 @@ const F = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, va = {
+}, Oa = {
   keyframes: [
     { transform: "rotate(360deg)" },
     { transform: "rotate(0deg)" }
@@ -881,7 +981,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, La = {
+}, Na = {
   keyframes: [
     { transform: "scale(1)" },
     { transform: "scale(1.05)" },
@@ -893,7 +993,7 @@ const F = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, Na = {
+}, La = {
   keyframes: [
     { transform: "scale(1)" },
     { transform: "scale(1.3)" },
@@ -906,7 +1006,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, qa = {
+}, $a = {
   keyframes: [
     { opacity: 1 },
     { opacity: 0 },
@@ -919,7 +1019,7 @@ const F = {
     easing: "linear",
     fill: "both"
   }
-}, Aa = {
+}, qa = {
   keyframes: [
     { transform: "scaleX(1) scaleY(1)" },
     { transform: "scaleX(1.25) scaleY(0.75)" },
@@ -933,7 +1033,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Ha = {
+}, Va = {
   keyframes: [
     { transform: "skewX(0deg) skewY(0deg)" },
     { transform: "skewX(-12.5deg) skewY(-12.5deg)" },
@@ -947,7 +1047,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Fa = {
+}, Aa = {
   keyframes: [
     { transform: "rotate(0deg)", transformOrigin: "top center" },
     { transform: "rotate(15deg)", transformOrigin: "top center" },
@@ -961,7 +1061,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Ta = {
+}, Ha = {
   keyframes: [
     { transform: "translateX(0%) rotate(0deg)" },
     { transform: "translateX(-25%) rotate(-5deg)" },
@@ -976,7 +1076,7 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Wa = {
+}, Fa = {
   keyframes: [
     { transform: "scale(1) rotate(0deg)" },
     { transform: "scale(0.9) rotate(-3deg)" },
@@ -994,14 +1094,14 @@ const F = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Qa = {
+}, Ta = {
   keyframes: [
     { width: "0", opacity: 0 },
     { width: "0", opacity: 1, offset: 0.01 },
     { width: "100%", opacity: 1 }
   ],
   config: { duration: 2e3, easing: "steps(40, end)" }
-}, ja = {
+}, Wa = {
   keyframes: [
     { transform: "translate(0)", offset: 0 },
     { transform: "translate(-2px, 2px)", offset: 0.2 },
@@ -1011,14 +1111,14 @@ const F = {
     { transform: "translate(0)", offset: 1 }
   ],
   config: { duration: 500, easing: "linear" }
-}, Va = {
+}, Qa = {
   keyframes: [
     { transform: "translateY(0)", offset: 0 },
     { transform: "translateY(-10px)", offset: 0.5 },
     { transform: "translateY(0)", offset: 1 }
   ],
   config: { duration: 600, easing: "ease-in-out" }
-}, $a = {
+}, ja = {
   keyframes: [
     { filter: "blur(12px)", opacity: 0 },
     { filter: "blur(0)", opacity: 1 }
@@ -1131,15 +1231,15 @@ const F = {
     }
   ],
   config: { duration: 5e3, easing: "ease-out" }
-}, x = {
+}, k = {
   // Fade (10)
-  fadeIn: F,
-  fadeInUp: T,
-  fadeInDown: W,
-  fadeInLeft: Q,
-  fadeInRight: j,
-  fadeOut: V,
-  fadeOutUp: $,
+  fadeIn: A,
+  fadeInUp: H,
+  fadeInDown: F,
+  fadeInLeft: T,
+  fadeInRight: W,
+  fadeOut: Q,
+  fadeOutUp: j,
   fadeOutDown: Z,
   fadeOutLeft: J,
   fadeOutRight: K,
@@ -1170,8 +1270,8 @@ const F = {
   rotateInDownLeft: wa,
   rotateInDownRight: ka,
   rotateOut: Ia,
-  spin: Oa,
-  spinReverse: va,
+  spin: va,
+  spinReverse: Oa,
   spinSlow: Ya,
   spinFast: Xa,
   // Bounce (8)
@@ -1187,19 +1287,19 @@ const F = {
   shake: Ga,
   shakeY: Ua,
   pulse: Ea,
-  pulseLoop: La,
-  heartbeat: Na,
-  flash: qa,
-  rubberBand: Aa,
-  jello: Ha,
-  swing: Fa,
-  wobble: Ta,
-  tada: Wa,
+  pulseLoop: Na,
+  heartbeat: La,
+  flash: $a,
+  rubberBand: qa,
+  jello: Va,
+  swing: Aa,
+  wobble: Ha,
+  tada: Fa,
   // ✅ Text (16) - NEW!
-  typing: Qa,
-  glitch: ja,
-  waveText: Va,
-  blurIn: $a,
+  typing: Ta,
+  glitch: Wa,
+  waveText: Qa,
+  blurIn: ja,
   trackingInExpand: Za,
   trackingOutContract: Ja,
   focusIn: Ka,
@@ -1213,13 +1313,13 @@ const F = {
   slideInBlurred: se,
   kenburns: oe
 };
-function $e(a) {
-  return x[a];
+function Ke(a) {
+  return k[a];
 }
 function le() {
-  return Object.keys(x);
+  return Object.keys(k);
 }
-function Ze(a) {
+function _e(a) {
   return a === "text" ? [
     "typing",
     "glitch",
@@ -1245,119 +1345,119 @@ const ce = ({
   duration: t,
   delay: r,
   easing: n,
-  iterations: i,
-  trigger: s = "mount",
+  iterations: s,
+  trigger: i = "mount",
   threshold: l = 0.1,
   triggerOnce: c = !0,
   onAnimationStart: o,
-  onAnimationEnd: d,
-  className: w = "",
-  style: k = {}
+  onAnimationEnd: g,
+  className: b = "",
+  style: x = {}
 }) => {
-  const m = g(null), h = g(null), b = g(null), O = g(!1), I = async () => {
-    var z, C, D, B;
-    if (!m.current || c && O.current) return;
-    const p = x[e];
+  const m = d(null), w = d(null), h = d(null), v = d(!1), I = async () => {
+    var C, D, B, G;
+    if (!m.current || c && v.current) return;
+    const p = k[e];
     if (!p) {
       console.warn(`[TeleMotion] Preset "${e}" not found`);
       return;
     }
-    h.current || (h.current = new u(m.current)), o == null || o();
-    const v = {
+    w.current || (w.current = new y(m.current)), o == null || o();
+    const O = {
       ...p.config,
-      duration: t ?? ((z = p.config) == null ? void 0 : z.duration),
-      delay: r ?? ((C = p.config) == null ? void 0 : C.delay),
-      easing: n ?? ((D = p.config) == null ? void 0 : D.easing),
-      iterations: i ?? ((B = p.config) == null ? void 0 : B.iterations)
+      duration: t ?? ((C = p.config) == null ? void 0 : C.duration),
+      delay: r ?? ((D = p.config) == null ? void 0 : D.delay),
+      easing: n ?? ((B = p.config) == null ? void 0 : B.easing),
+      iterations: s ?? ((G = p.config) == null ? void 0 : G.iterations)
     };
     try {
-      await h.current.animate(p.keyframes, v), O.current = !0, d == null || d();
-    } catch (A) {
-      console.error("[TeleMotion] Animation error:", A);
+      await w.current.animate(p.keyframes, O), v.current = !0, g == null || g();
+    } catch (V) {
+      console.error("[TeleMotion] Animation error:", V);
     }
   };
-  y(() => {
-    s === "mount" && I();
-  }, [e, t, r, n, i]), y(() => {
-    if (!(s !== "scroll" || !m.current))
-      return b.current = new IntersectionObserver(
+  u(() => {
+    i === "mount" && I();
+  }, [e, t, r, n, s]), u(() => {
+    if (!(i !== "scroll" || !m.current))
+      return h.current = new IntersectionObserver(
         (p) => {
-          p.forEach((v) => {
-            v.isIntersecting && (I(), c && b.current && b.current.unobserve(v.target));
+          p.forEach((O) => {
+            O.isIntersecting && (I(), c && h.current && h.current.unobserve(O.target));
           });
         },
         { threshold: l }
-      ), b.current.observe(m.current), () => {
-        b.current && b.current.disconnect();
+      ), h.current.observe(m.current), () => {
+        h.current && h.current.disconnect();
       };
-  }, [s, l, c, e]);
-  const R = () => {
-    s === "hover" && I();
-  }, S = () => {
-    s === "click" && I();
+  }, [i, l, c, e]);
+  const S = () => {
+    i === "hover" && I();
+  }, z = () => {
+    i === "click" && I();
   };
-  return y(() => () => {
-    h.current && h.current.stop();
+  return u(() => () => {
+    w.current && w.current.stop();
   }, []), /* @__PURE__ */ f(
     "div",
     {
       ref: m,
-      className: w,
-      style: k,
-      onMouseEnter: s === "hover" ? R : void 0,
-      onClick: s === "click" ? S : void 0,
+      className: b,
+      style: x,
+      onMouseEnter: i === "hover" ? S : void 0,
+      onClick: i === "click" ? z : void 0,
       children: a
     }
   );
 };
 ce.displayName = "TeleMotion";
-function Je() {
-  const a = g(null), e = g(null), t = async (r, n) => {
-    a.current && (e.current || (e.current = new u(a.current)), await e.current.animate(r, n));
+function at() {
+  const a = d(null), e = d(null), t = async (r, n) => {
+    a.current && (e.current || (e.current = new y(a.current)), await e.current.animate(r, n));
   };
-  return y(() => () => {
+  return u(() => () => {
     e.current && e.current.stop();
   }, []), [a, t];
 }
-function Ke(a, e) {
-  const t = g(null), r = g(null), n = async () => {
+function et(a, e) {
+  const t = d(null), r = d(null), n = async () => {
     if (!t.current) return;
-    const i = x[a];
-    if (!i) {
+    const s = k[a];
+    if (!s) {
       console.warn(`[usePresetAnimation] Preset "${a}" not found`);
       return;
     }
-    r.current || (r.current = new u(t.current));
-    const s = {
-      ...i.config,
+    r.current || (r.current = new y(t.current));
+    const i = {
+      ...s.config,
       ...e
     };
-    await r.current.animate(i.keyframes, s);
+    await r.current.animate(s.keyframes, i);
   };
-  return y(() => {
+  return u(() => {
     (e == null ? void 0 : e.trigger) !== "manual" && n();
-  }, [a]), y(() => () => {
+  }, [a]), u(() => () => {
     r.current && r.current.stop();
   }, []), [t, n];
 }
-function _e(a, e) {
-  const t = g(null), r = g(null), n = g(null), i = g(!1);
-  return y(() => {
+function tt(a, e) {
+  const t = d(null), r = d(null), n = d(null), s = d(!1);
+  return u(() => {
     if (!t.current) return;
-    const s = x[a];
-    if (!s) {
+    const i = k[a];
+    if (!i) {
       console.warn(`[useScrollAnimation] Preset "${a}" not found`);
       return;
     }
-    return r.current = new u(t.current), n.current = new IntersectionObserver(
+    return r.current = new y(t.current), n.current = new IntersectionObserver(
       (l) => {
         l.forEach((c) => {
-          if (c.isIntersecting && !i.current && r.current) {
+          if (c.isIntersecting && !s.current && r.current) {
             const o = {
-              ...s.config,
+              ...i.config,
               ...e == null ? void 0 : e.config
             };
-            r.current.animate(s.keyframes, o), i.current = !0, (e == null ? void 0 : e.triggerOnce) !== !1 && n.current && n.current.unobserve(c.target);
+            r.current.animate(i.keyframes, o), s.current = !0, (e == null ? void 0 : e.triggerOnce) !== !1 && n.current && n.current.unobserve(c.target);
           }
         });
       },
@@ -1367,41 +1467,41 @@ function _e(a, e) {
     };
   }, [a, e == null ? void 0 : e.threshold, e == null ? void 0 : e.triggerOnce]), t;
 }
-function at(a, e = 100, t) {
-  const r = g(null);
+function rt(a, e = 100, t) {
+  const r = d(null);
   return [r, async () => {
     if (!r.current) return;
-    const i = x[a];
-    if (!i) return;
-    const l = Array.from(r.current.children).map((c, o) => new u(c).animate(i.keyframes, {
-      ...i.config,
+    const s = k[a];
+    if (!s) return;
+    const l = Array.from(r.current.children).map((c, o) => new y(c).animate(s.keyframes, {
+      ...s.config,
       ...t,
       delay: ((t == null ? void 0 : t.delay) ?? 0) + e * o
     }));
     await Promise.all(l);
   }];
 }
-function et(a, e) {
-  const t = g(null), r = g(null);
+function nt(a, e) {
+  const t = d(null), r = d(null);
   return [t, { onMouseEnter: async () => {
     if (!t.current) return;
-    const s = x[a];
-    s && (r.current || (r.current = new u(t.current)), await r.current.animate(s.keyframes, {
-      ...s.config,
+    const i = k[a];
+    i && (r.current || (r.current = new y(t.current)), await r.current.animate(i.keyframes, {
+      ...i.config,
       ...e
     }));
   }, onMouseLeave: () => {
     r.current && r.current.stop();
   } }];
 }
-function tt(a = 0.1) {
-  const e = g(null), [t, r] = H(!1);
-  return y(() => {
+function it(a = 0.1) {
+  const e = d(null), [t, r] = P(!1);
+  return u(() => {
     if (!e.current) return;
     const n = new IntersectionObserver(
-      (i) => {
-        i.forEach((s) => {
-          r(s.isIntersecting);
+      (s) => {
+        s.forEach((i) => {
+          r(i.isIntersecting);
         });
       },
       { threshold: a }
@@ -1411,8 +1511,8 @@ function tt(a = 0.1) {
     };
   }, [a]), [e, t];
 }
-const E = (a) => a, ge = (a) => a * a * a, de = (a) => 1 - Math.pow(1 - a, 3), fe = (a) => a < 0.5 ? 4 * a * a * a : 1 - Math.pow(-2 * a + 2, 3) / 2, me = (a) => a * a, pe = (a) => 1 - (1 - a) * (1 - a), ue = (a) => a < 0.5 ? 2 * a * a : 1 - Math.pow(-2 * a + 2, 2) / 2, be = (a) => a * a * a * a, ye = (a) => 1 - Math.pow(1 - a, 4), he = (a) => a < 0.5 ? 8 * a * a * a * a : 1 - Math.pow(-2 * a + 2, 4) / 2, xe = (a) => a * a * a * a * a, we = (a) => 1 - Math.pow(1 - a, 5), ke = (a) => a < 0.5 ? 16 * a * a * a * a * a : 1 - Math.pow(-2 * a + 2, 5) / 2, Ie = (a) => a === 0 ? 0 : Math.pow(2, 10 * a - 10), Oe = (a) => a === 1 ? 1 : 1 - Math.pow(2, -10 * a), ve = (a) => a === 0 ? 0 : a === 1 ? 1 : a < 0.5 ? Math.pow(2, 20 * a - 10) / 2 : (2 - Math.pow(2, -20 * a + 10)) / 2, P = 1.70158, X = P * 1.525, L = P + 1, Ye = (a) => L * a * a * a - P * a * a, Xe = (a) => 1 + L * Math.pow(a - 1, 3) + P * Math.pow(a - 1, 2), Me = (a) => a < 0.5 ? Math.pow(2 * a, 2) * ((X + 1) * 2 * a - X) / 2 : (Math.pow(2 * a - 2, 2) * ((X + 1) * (a * 2 - 2) + X) + 2) / 2, N = 2 * Math.PI / 3, U = 2 * Math.PI / 4.5, Pe = (a) => a === 0 ? 0 : a === 1 ? 1 : -Math.pow(2, 10 * a - 10) * Math.sin((a * 10 - 10.75) * N), Re = (a) => a === 0 ? 0 : a === 1 ? 1 : Math.pow(2, -10 * a) * Math.sin((a * 10 - 0.75) * N) + 1, Se = (a) => a === 0 ? 0 : a === 1 ? 1 : a < 0.5 ? -(Math.pow(2, 20 * a - 10) * Math.sin((20 * a - 11.125) * U)) / 2 : Math.pow(2, -20 * a + 10) * Math.sin((20 * a - 11.125) * U) / 2 + 1, M = (a) => a < 1 / 2.75 ? 7.5625 * a * a : a < 2 / 2.75 ? 7.5625 * (a -= 1.5 / 2.75) * a + 0.75 : a < 2.5 / 2.75 ? 7.5625 * (a -= 2.25 / 2.75) * a + 0.9375 : 7.5625 * (a -= 2.625 / 2.75) * a + 0.984375, ze = (a) => 1 - M(1 - a), Ce = (a) => a < 0.5 ? (1 - M(1 - 2 * a)) / 2 : (1 + M(2 * a - 1)) / 2, De = (a) => 1 - Math.cos(a * Math.PI / 2), Be = (a) => Math.sin(a * Math.PI / 2), Ge = (a) => -(Math.cos(Math.PI * a) - 1) / 2, Ue = (a) => 1 - Math.sqrt(1 - Math.pow(a, 2)), Ee = (a) => Math.sqrt(1 - Math.pow(a - 1, 2)), Le = (a) => a < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * a, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * a + 2, 2)) + 1) / 2, Ne = {
-  linear: E,
+const N = (a) => a, ge = (a) => a * a * a, de = (a) => 1 - Math.pow(1 - a, 3), fe = (a) => a < 0.5 ? 4 * a * a * a : 1 - Math.pow(-2 * a + 2, 3) / 2, me = (a) => a * a, pe = (a) => 1 - (1 - a) * (1 - a), ue = (a) => a < 0.5 ? 2 * a * a : 1 - Math.pow(-2 * a + 2, 2) / 2, be = (a) => a * a * a * a, ye = (a) => 1 - Math.pow(1 - a, 4), he = (a) => a < 0.5 ? 8 * a * a * a * a : 1 - Math.pow(-2 * a + 2, 4) / 2, xe = (a) => a * a * a * a * a, we = (a) => 1 - Math.pow(1 - a, 5), ke = (a) => a < 0.5 ? 16 * a * a * a * a * a : 1 - Math.pow(-2 * a + 2, 5) / 2, Ie = (a) => a === 0 ? 0 : Math.pow(2, 10 * a - 10), ve = (a) => a === 1 ? 1 : 1 - Math.pow(2, -10 * a), Oe = (a) => a === 0 ? 0 : a === 1 ? 1 : a < 0.5 ? Math.pow(2, 20 * a - 10) / 2 : (2 - Math.pow(2, -20 * a + 10)) / 2, R = 1.70158, X = R * 1.525, L = R + 1, Ye = (a) => L * a * a * a - R * a * a, Xe = (a) => 1 + L * Math.pow(a - 1, 3) + R * Math.pow(a - 1, 2), Me = (a) => a < 0.5 ? Math.pow(2 * a, 2) * ((X + 1) * 2 * a - X) / 2 : (Math.pow(2 * a - 2, 2) * ((X + 1) * (a * 2 - 2) + X) + 2) / 2, $ = 2 * Math.PI / 3, E = 2 * Math.PI / 4.5, Pe = (a) => a === 0 ? 0 : a === 1 ? 1 : -Math.pow(2, 10 * a - 10) * Math.sin((a * 10 - 10.75) * $), Re = (a) => a === 0 ? 0 : a === 1 ? 1 : Math.pow(2, -10 * a) * Math.sin((a * 10 - 0.75) * $) + 1, Se = (a) => a === 0 ? 0 : a === 1 ? 1 : a < 0.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, M = (a) => a < 1 / 2.75 ? 7.5625 * a * a : a < 2 / 2.75 ? 7.5625 * (a -= 1.5 / 2.75) * a + 0.75 : a < 2.5 / 2.75 ? 7.5625 * (a -= 2.25 / 2.75) * a + 0.9375 : 7.5625 * (a -= 2.625 / 2.75) * a + 0.984375, ze = (a) => 1 - M(1 - a), Ce = (a) => a < 0.5 ? (1 - M(1 - 2 * a)) / 2 : (1 + M(2 * a - 1)) / 2, De = (a) => 1 - Math.cos(a * Math.PI / 2), Be = (a) => Math.sin(a * Math.PI / 2), Ge = (a) => -(Math.cos(Math.PI * a) - 1) / 2, Ue = (a) => 1 - Math.sqrt(1 - Math.pow(a, 2)), Ee = (a) => Math.sqrt(1 - Math.pow(a - 1, 2)), Ne = (a) => a < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * a, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * a + 2, 2)) + 1) / 2, Le = {
+  linear: N,
   easeInCubic: ge,
   easeOutCubic: de,
   easeInOutCubic: fe,
@@ -1426,8 +1526,8 @@ const E = (a) => a, ge = (a) => a * a * a, de = (a) => 1 - Math.pow(1 - a, 3), f
   easeOutQuint: we,
   easeInOutQuint: ke,
   easeInExpo: Ie,
-  easeOutExpo: Oe,
-  easeInOutExpo: ve,
+  easeOutExpo: ve,
+  easeInOutExpo: Oe,
   easeInBack: Ye,
   easeOutBack: Xe,
   easeInOutBack: Me,
@@ -1442,25 +1542,25 @@ const E = (a) => a, ge = (a) => a * a * a, de = (a) => 1 - Math.pow(1 - a, 3), f
   easeInOutSine: Ge,
   easeInCirc: Ue,
   easeOutCirc: Ee,
-  easeInOutCirc: Le
+  easeInOutCirc: Ne
 };
-function rt(a) {
-  return typeof a == "function" ? a : Ne[a] || E;
+function st(a) {
+  return typeof a == "function" ? a : Le[a] || N;
 }
-function nt(a = 100, e = 10, t = 1) {
+function ot(a = 100, e = 10, t = 1) {
   return (r) => {
-    const n = Math.sqrt(a / t), i = e / (2 * Math.sqrt(a * t));
-    if (i < 1) {
-      const s = n * Math.sqrt(1 - i * i);
-      return 1 - Math.exp(-i * n * r) * Math.cos(s * r);
+    const n = Math.sqrt(a / t), s = e / (2 * Math.sqrt(a * 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 it(a, e, t, r) {
+function lt(a, e, t, r) {
   return (n) => {
-    const i = 3 * e, s = 3 * (r - e) - i, l = 1 - i - s;
-    return ((o) => ((l * o + s) * o + i) * o)(n);
+    const s = 3 * e, i = 3 * (r - e) - s, l = 1 - s - i;
+    return ((o) => ((l * o + i) * o + s) * o)(n);
   };
 }
 class q {
@@ -1477,16 +1577,16 @@ class q {
     const {
       threshold: r = 0.1,
       rootMargin: n = "0px",
-      triggerOnce: i = !1,
-      onEnter: s,
+      triggerOnce: s = !1,
+      onEnter: i,
       onExit: l
     } = t;
     this.elements.set(e, t), this.observer || (this.observer = new IntersectionObserver(
       (c) => {
         c.forEach((o) => {
-          var w, k;
-          const d = this.elements.get(o.target);
-          d && (o.isIntersecting ? ((w = d.onEnter) == null || w.call(d, o), d.triggerOnce && this.unobserve(o.target)) : (k = d.onExit) == null || k.call(d, o));
+          var b, x;
+          const g = this.elements.get(o.target);
+          g && (o.isIntersecting ? ((b = g.onEnter) == null || b.call(g, o), g.triggerOnce && this.unobserve(o.target)) : (x = g.onExit) == null || x.call(g, o));
         });
       },
       { threshold: r, rootMargin: n }
@@ -1505,29 +1605,29 @@ class q {
     this.observer && (this.observer.disconnect(), this.elements.clear(), this.observer = null);
   }
 }
-function qe(a, e) {
+function $e(a, e) {
   const t = new q();
   return t.observe(a, e), () => t.disconnect();
 }
-function st(a, e) {
+function ct(a, e) {
   const t = new q();
   return a.forEach((r) => t.observe(r, e)), () => t.disconnect();
 }
-function ot(a, e, t = {}) {
-  return qe(a, {
+function gt(a, e, t = {}) {
+  return $e(a, {
     ...t,
     onEnter: e
   });
 }
-function lt(a) {
-  const e = a.getBoundingClientRect(), t = window.innerHeight, r = e.top, n = e.height, i = 1 - (r + n) / (t + n);
-  return Math.max(0, Math.min(1, i));
+function dt(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 ct(a, e = 0) {
-  const t = a.getBoundingClientRect(), r = window.innerHeight, n = window.innerWidth, i = t.top + t.height * e <= r && t.bottom - t.height * e >= 0, s = t.left + t.width * e <= n && t.right - t.width * e >= 0;
-  return i && s;
+function ft(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, i = t.left + t.width * e <= n && t.right - t.width * e >= 0;
+  return s && i;
 }
-const Ae = [
+const qe = [
   // ========== PREMIUM THEMES (NEW) ==========
   {
     id: "glass-morphism",
@@ -1992,54 +2092,54 @@ const Ae = [
     category: "animated",
     animation: "zoom"
   }
-], gt = ({
+], mt = ({
   name: a,
   title: e,
   description: t = "Welcome to my portfolio",
   primaryButtonText: r = "Get Started",
   primaryButtonLink: n,
-  primaryButtonOnClick: i,
-  secondaryButtonText: s = "Learn More",
+  primaryButtonOnClick: s,
+  secondaryButtonText: i = "Learn More",
   secondaryButtonLink: l,
   secondaryButtonOnClick: c,
   theme: o,
   // ✅ NEW
-  backgroundGradient: d,
+  backgroundGradient: g,
   // ⚠️ KEEP للناس اللي يبغون custom
-  animationType: w,
-  className: k = ""
+  animationType: b,
+  className: x = ""
 }) => {
-  const m = o ? Ae.find((p) => p.id === o) : null, h = (m == null ? void 0 : m.gradient) || d || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", b = w || (m == null ? void 0 : m.animation), O = () => {
-    n ? window.location.href = n : i && i();
+  const m = o ? qe.find((p) => p.id === o) : null, w = (m == null ? void 0 : m.gradient) || g || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", h = b || (m == null ? void 0 : m.animation), v = () => {
+    n ? window.location.href = n : s && s();
   }, I = () => {
     l ? window.location.href = l : c && c();
-  }, R = n ? /* @__PURE__ */ f("a", { href: n, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(Y, { variant: "waves", size: "lg", children: r }) }) : /* @__PURE__ */ f(
+  }, S = n ? /* @__PURE__ */ f("a", { href: n, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(Y, { variant: "waves", size: "lg", children: r }) }) : /* @__PURE__ */ f(
     Y,
     {
       variant: "waves",
       size: "lg",
-      onClick: i || O,
+      onClick: s || v,
       children: r
     }
-  ), S = l ? /* @__PURE__ */ f("a", { href: l, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(Y, { variant: "blur", size: "lg", children: s }) }) : /* @__PURE__ */ f(
+  ), z = l ? /* @__PURE__ */ f("a", { href: l, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(Y, { variant: "blur", size: "lg", children: i }) }) : /* @__PURE__ */ f(
     Y,
     {
       variant: "blur",
       size: "lg",
       onClick: c || I,
-      children: s
+      children: i
     }
   );
   return /* @__PURE__ */ f(
     "div",
     {
-      className: b ? `animate-gradient-${b}` : "",
+      className: h ? `animate-gradient-${h}` : "",
       style: {
-        background: h,
+        background: w,
         // ✅ استخدام الـ gradient المحدد
         minHeight: "100vh"
       },
-      children: /* @__PURE__ */ f("div", { className: `min-h-screen flex items-center justify-center p-8 ${k}`, children: /* @__PURE__ */ G("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
+      children: /* @__PURE__ */ f("div", { className: `min-h-screen flex items-center justify-center p-8 ${x}`, children: /* @__PURE__ */ U("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
         /* @__PURE__ */ f(
           "h1",
           {
@@ -2073,7 +2173,7 @@ const Ae = [
             children: t
           }
         ),
-        /* @__PURE__ */ G(
+        /* @__PURE__ */ U(
           "div",
           {
             className: "flex flex-wrap gap-6 justify-center mt-12",
@@ -2081,8 +2181,8 @@ const Ae = [
               animation: "fadeInUp 1.4s ease-out 0.6s backwards"
             },
             children: [
-              R,
-              S
+              S,
+              z
             ]
           }
         ),
@@ -2101,71 +2201,74 @@ const Ae = [
   );
 };
 export {
-  mt as AnimatedBounce,
-  pt as AnimatedGlow,
-  ut as AnimatedPulse,
-  bt as AnimatedShimmer,
-  u as Animator,
-  yt as Button,
-  ht as Button3DBlue,
-  xt as Button3DGreen,
-  wt as Button3DPink,
-  kt as Container,
-  It as ContainerButton,
-  Ot as ContainerContent,
-  vt as ContainerImage,
-  Yt as FeatureCard,
-  Xt as GhostBlue,
-  Mt as GhostPurple,
-  Pt as GhostRed,
-  Rt as GlassBlue,
+  bt as AnimatedBounce,
+  yt as AnimatedGlow,
+  ht as AnimatedPulse,
+  xt as AnimatedShimmer,
+  y as Animator,
+  wt as Button,
+  kt as Button3DBlue,
+  It as Button3DGreen,
+  vt as Button3DPink,
+  Ot as Container,
+  Yt as ContainerButton,
+  Xt as ContainerContent,
+  Mt as ContainerImage,
+  Pt as FeatureCard,
+  Rt as GhostBlue,
+  St as GhostPurple,
+  zt as GhostRed,
+  Ct as GlassBlue,
   Y as GlassButton,
-  St as GlassPink,
-  zt as GlassPurple,
-  Ct as GlassWhite,
-  Dt as GradientBlueGreen,
-  Bt as GradientCyan,
-  Gt as GradientOrangeRed,
-  Ut as GradientPurplePink,
-  Et as GradientSunset,
-  gt as Home,
-  Lt as NeonBlue,
-  Nt as NeonGreen,
-  qt as NeonPink,
-  At as OutlinedBlue,
-  Ht as OutlinedGradient,
-  Ft as OutlinedPurple,
-  Tt as ProductCard,
+  Dt as GlassPink,
+  Bt as GlassPurple,
+  Gt as GlassWhite,
+  Ut as GradientBlueGreen,
+  Et as GradientCyan,
+  Nt as GradientOrangeRed,
+  Lt as GradientPurplePink,
+  $t as GradientSunset,
+  mt as Home,
+  qt as NeonBlue,
+  Vt as NeonGreen,
+  At as NeonPink,
+  Ht as OutlinedBlue,
+  Ft as OutlinedGradient,
+  Tt as OutlinedPurple,
+  Wt as ProductCard,
+  We as RotateIn,
   q as ScrollObserver,
-  Wt as SolidBlue,
-  Qt as SolidGreen,
-  jt as SolidPill,
-  Vt as SolidPurple,
-  $t as SolidRed,
-  Zt as StatCard,
+  Fe as ScrollReveal,
+  Qt as SolidBlue,
+  jt as SolidGreen,
+  Zt as SolidPill,
+  Jt as SolidPurple,
+  Kt as SolidRed,
+  _t as StatCard,
   ce as TeleMotion,
-  Qe as animateGroup,
-  ot as animateOnScroll,
-  it as bezier,
-  We as createAnimator,
-  Ne as easings,
-  rt as getEasing,
-  $e as getPreset,
+  Te as ZoomIn,
+  je as animateGroup,
+  gt as animateOnScroll,
+  lt as bezier,
+  Qe as createAnimator,
+  Le as easings,
+  st as getEasing,
+  Ke as getPreset,
   le as getPresetNames,
-  Ze as getPresetsByCategory,
-  lt as getScrollProgress,
-  Ae as gradients,
-  ct as isInViewport,
-  qe as observeElement,
-  st as observeElements,
-  Ve as parallel,
-  x as presets,
-  je as sequence,
-  nt as spring,
-  Je as useAnimator,
-  et as useHoverAnimation,
-  tt as useInView,
-  Ke as usePresetAnimation,
-  _e as useScrollAnimation,
-  at as useStagger
+  _e as getPresetsByCategory,
+  dt as getScrollProgress,
+  qe as gradients,
+  ft as isInViewport,
+  $e as observeElement,
+  ct as observeElements,
+  Je as parallel,
+  k as presets,
+  Ze as sequence,
+  ot as spring,
+  at as useAnimator,
+  nt as useHoverAnimation,
+  it as useInView,
+  et as usePresetAnimation,
+  tt as useScrollAnimation,
+  rt as useStagger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telecop",
-  "version": "0.1.36",
+  "version": "0.1.39",
   "description": "Modern React UI Components Library with optional GSAP animations",
   "type": "module",
   "main": "./dist/index.js",
@@ -13,14 +13,14 @@
       "require": "./dist/index.js"
     },
     "./ui": {
-      "types": "./dist/ui/index.d.ts",
-      "import": "./dist/ui/index.mjs",
-      "require": "./dist/ui/index.js"
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.mjs",
+      "require": "./dist/ui.js"
     },
     "./motion": {
-      "types": "./dist/motion/index.d.ts",
-      "import": "./dist/motion/index.mjs",
-      "require": "./dist/motion/index.js"
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.mjs",
+      "require": "./dist/motion.js"
     },
     "./style.css": "./dist/style.css"
   },