@ssgoi/core 3.2.1 → 3.3.0

package/dist/transition/transition.d.ts

@@ -1,6 +1,8 @@
 import { StrategyContext, TRANSITION_STRATEGY, TransitionStrategy } from './transition-strategy';
-import { TransitionCallback, TransitionOptions, TransitionKey } from '../types';
-export declare function generateAutoKey(): TransitionKey;
+import { RefCallback, TransitionCallback, TransitionOptions } from '../types';
+type TransitionOptionsWithStrategy = TransitionOptions<undefined> & {
+    [TRANSITION_STRATEGY]?: (context: StrategyContext) => TransitionStrategy;
+};
 /**
  * Framework-agnostic transition function that can be used as a ref
  *
@@ -22,23 +24,28 @@ export declare function generateAutoKey(): TransitionKey;
  * 4. `tick` - Called on each animation frame with progress value (1 → 0)
  * 5. `onEnd` - Called when animation completes and element is removed
  *
- * @returns {TransitionCallback} A callback function to be used as a ref
+ * @param options - Transition configuration
+ * @param mode - 'manual' (default) returns cleanup, 'auto' handles unmount via MutationObserver
+ * @returns Callback function to be used as a ref
  *
  * @example
  * ```tsx
+ * // Manual mode (default) - you handle cleanup
  * <div ref={transition({
  *   key: 'hero-fade',
- *   in: (element) => ({
- *     prepare: (el) => el.style.opacity = '0',
- *     tick: (progress) => el.style.opacity = progress.toString(),
- *   }),
- *   out: (element) => ({
- *     tick: (progress) => el.style.opacity = progress.toString(),
- *   })
+ *   in: (element) => ({ tick: (p) => element.style.opacity = String(p) }),
+ *   out: (element) => ({ tick: (p) => element.style.opacity = String(p) }),
  * })} />
+ *
+ * // Auto mode - automatic unmount detection via MutationObserver
+ * <div ref={transition({
+ *   key: 'hero-fade',
+ *   in: (element) => ({ tick: (p) => element.style.opacity = String(p) }),
+ *   out: (element) => ({ tick: (p) => element.style.opacity = String(p) }),
+ * }, 'auto')} />
  * ```
  */
-export declare function transition(options: TransitionOptions<undefined> & {
-    [TRANSITION_STRATEGY]?: (context: StrategyContext) => TransitionStrategy;
-}): TransitionCallback;
+export declare function transition(options: TransitionOptionsWithStrategy, mode?: "manual"): TransitionCallback;
+export declare function transition(options: TransitionOptionsWithStrategy, mode: "auto"): RefCallback;
+export {};
 //# sourceMappingURL=transition.d.ts.map

package/dist/transition/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/lib/transition/transition.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAEV,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAyE9C,wBAAgB,eAAe,IAAI,aAAa,CAU/C;AAoBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtC,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;CAC1E,GACA,kBAAkB,CAsBpB"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/lib/transition/transition.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,WAAW,EAEX,kBAAkB,EAElB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AA0ElB,KAAK,6BAA6B,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IAClE,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;CAC1E,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,6BAA6B,EACtC,IAAI,CAAC,EAAE,QAAQ,GACd,kBAAkB,CAAC;AACtB,wBAAgB,UAAU,CACxB,OAAO,EAAE,6BAA6B,EACtC,IAAI,EAAE,MAAM,GACX,WAAW,CAAC"}

package/dist/transitions/blur.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface BlurOptions {
     amount?: number | string;
     opacity?: number;
@@ -10,22 +10,6 @@ interface BlurOptions {
     };
     key?: TransitionKey;
 }
-export declare const blur: (options?: BlurOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const blur: (options?: BlurOptions) => Transition;
 export {};
 //# sourceMappingURL=blur.d.ts.map

package/dist/transitions/blur.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/blur.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;;;;wBAN9B,MAAM;sBACR,MAAM;;wBAeQ,MAAM,KAAG,WAAW;;;;wBAhBhC,MAAM;sBACR,MAAM;;wBAeQ,MAAM,KAAG,WAAW;;CAgC/C,CAAC"}
+{"version":3,"file":"blur.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/blur.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UA+ChD,CAAC"}

package/dist/transitions/bounce.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface BounceOptions {
     height?: number;
     intensity?: number;
@@ -11,22 +11,6 @@ interface BounceOptions {
     };
     key?: TransitionKey;
 }
-export declare const bounce: (options?: BounceOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const bounce: (options?: BounceOptions) => Transition;
 export {};
 //# sourceMappingURL=bounce.d.ts.map

package/dist/transitions/bounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB;;;;wBANlC,MAAM;sBACR,MAAM;;wBAgBQ,MAAM,KAAG,WAAW;;;;wBAjBhC,MAAM;sBACR,MAAM;;wBAgBQ,MAAM,KAAG,WAAW;;CAwC/C,CAAC"}
+{"version":3,"file":"bounce.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/bounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,UAwDpD,CAAC"}

package/dist/transitions/fade.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface FadeOptions {
     from?: number;
     to?: number;
@@ -8,22 +8,6 @@ interface FadeOptions {
     };
     key?: TransitionKey;
 }
-export declare const fade: (options?: FadeOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const fade: (options?: FadeOptions) => Transition;
 export {};
 //# sourceMappingURL=fade.d.ts.map

package/dist/transitions/fade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB;;;;wBAN9B,MAAM;sBACR,MAAM;;wBAgBE,MAAM,KAAG,WAAW;;;;wBAjB1B,MAAM;sBACR,MAAM;;wBAsBE,MAAM,KAAG,WAAW;;CAMzC,CAAC"}
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAuBhD,CAAC"}

package/dist/transitions/fly.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, TransitionKey } from '../types';
+import { Transition, TransitionKey } from '../types';
 interface FlyOptions {
     x?: number | string;
     y?: number | string;
@@ -9,22 +9,6 @@ interface FlyOptions {
     };
     key?: TransitionKey;
 }
-export declare const fly: (options?: FlyOptions) => {
-    key?: TransitionKey | undefined;
-    in: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-    out: () => {
-        spring: {
-            stiffness?: number;
-            damping?: number;
-        };
-        css: (progress: number) => StyleObject;
-    };
-};
+export declare const fly: (options?: FlyOptions) => Transition;
 export {};
 //# sourceMappingURL=fly.d.ts.map

package/dist/transitions/fly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fly.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fly.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,UAAU;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,GAAI,UAAS,UAAe;;;;wBAN5B,MAAM;sBACR,MAAM;;wBAcQ,MAAM,KAAG,WAAW;;;;wBAfhC,MAAM;sBACR,MAAM;;wBAcQ,MAAM,KAAG,WAAW;;CAmC/C,CAAC"}
+{"version":3,"file":"fly.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/fly.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,UAAU;IAClB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,GAAI,UAAS,UAAe,KAAG,UA2C9C,CAAC"}

package/dist/transitions/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=(p={})=>{const{from:t=0,to:e=1,spring:a={stiffness:300,damping:30},key:u}=p;return{in:()=>({spring:a,css:c=>({opacity:t+(e-t)*c})}),out:()=>({spring:a,css:c=>({opacity:t+(e-t)*c})}),...u&&{key:u}}},x=(p={})=>{const{start:t=0,opacity:e=0,axis:a="both",spring:u={stiffness:300,damping:30},key:c}=p,f=s=>{switch(a){case"x":return`scaleX(${s})`;case"y":return`scaleY(${s})`;case"both":default:return`scale(${s})`}},i=s=>{const r=t+(1-t)*s;return{transform:f(r),opacity:e+(1-e)*s}};return{in:()=>({spring:u,css:i}),out:()=>({spring:u,css:i}),...c&&{key:c}}},k=(p={})=>{const{direction:t,distance:e=100,opacity:a=0,fade:u=!0,axis:c,spring:f={stiffness:400,damping:35},key:i}=p,r=t||(c==="x"?"left":c==="y"?"up":"left"),n=d=>{const o=1-d;if(typeof e=="number"){const l=o*e;switch(r){case"left":return`translate3d(${-l}px, 0, 0)`;case"right":return`translate3d(${l}px, 0, 0)`;case"up":return`translate3d(0, ${-l}px, 0)`;case"down":return`translate3d(0, ${l}px, 0)`}}else switch(r){case"left":return`translate3d(calc(-1 * ${e} * ${o}), 0, 0)`;case"right":return`translate3d(calc(${e} * ${o}), 0, 0)`;case"up":return`translate3d(0, calc(-1 * ${e} * ${o}), 0)`;case"down":return`translate3d(0, calc(${e} * ${o}), 0)`}},$=d=>{const o={transform:n(d)};return u&&(o.opacity=a+(1-a)*d),o};return{in:()=>({spring:f,css:$}),out:()=>({spring:f,css:$}),...i&&{key:i}}},w=(p={})=>{const{degrees:t=360,clockwise:e=!0,scale:a=!1,fade:u=!0,origin:c="center",axis:f="2d",perspective:i=800,spring:s={stiffness:500,damping:25},key:r}=p,n=e?t:-t,$=o=>{const l=(1-o)*n;switch(f){case"x":return`perspective(${i}px) rotateX(${l}deg)`;case"y":return`perspective(${i}px) rotateY(${l}deg)`;case"z":return`rotateZ(${l}deg)`;case"2d":default:return`rotate(${l}deg)`}},d=o=>{const l={},g=[$(o)];return a&&g.push(`scale(${o})`),l.transform=g.join(" "),l.transformOrigin=c,u&&(l.opacity=o),l};return{in:()=>({spring:s,css:d}),out:()=>({spring:s,css:d}),...r&&{key:r}}},C=(p={})=>{const{height:t=20,intensity:e=1,scale:a=!0,fade:u=!0,direction:c="up",spring:f={stiffness:800,damping:15},key:i}=p,s=r=>{const n={},$=[],d=Math.sin(r*Math.PI*(1+e)),o=1-r,l=d*t*o;if(c==="up"?$.push(`translateY(${-Math.abs(l)}px)`):$.push(`translateY(${Math.abs(l)}px)`),a){const g=.8+r*.2+d*.05*o;$.push(`scale(${g})`)}return n.transform=$.join(" "),u&&(n.opacity=r),n};return{in:()=>({spring:f,css:s}),out:()=>({spring:f,css:s}),...i&&{key:i}}},M=(p={})=>{const{amount:t=10,opacity:e=0,scale:a=!1,fade:u=!0,spring:c={stiffness:300,damping:30},key:f}=p,i=s=>{const r=1-s,n={};return typeof t=="number"?n.filter=`blur(${r*t}px)`:n.filter=`blur(calc(${t} * ${r}))`,a&&(n.transform=`scale(${.8+s*.2})`),u&&(n.opacity=e+(1-e)*s),n};return{in:()=>({spring:c,css:i}),out:()=>({spring:c,css:i}),...f&&{key:f}}},O=(p={})=>{const{x:t=0,y:e=-100,opacity:a=0,spring:u={stiffness:400,damping:35},key:c}=p,f=i=>{const s=1-i;let r,n;return typeof t=="number"?r=`${s*t}px`:r=`calc(${t} * ${s})`,typeof e=="number"?n=`${s*e}px`:n=`calc(${e} * ${s})`,{transform:`translate3d(${r}, ${n}, 0)`,opacity:a+(1-a)*i}};return{in:()=>({spring:u,css:f}),out:()=>({spring:u,css:f}),...c&&{key:c}}},P=(p={})=>{const{shape:t="circle",origin:e="center",scale:a=1.5,fade:u=!1,spring:c={stiffness:300,damping:30},key:f}=p,i=()=>{switch(e){case"top":return"50% 0%";case"bottom":return"50% 100%";case"left":return"0% 50%";case"right":return"100% 50%";case"top-left":return"0% 0%";case"top-right":return"100% 0%";case"bottom-left":return"0% 100%";case"bottom-right":return"100% 100%";case"center":default:return"50% 50%"}},s=n=>{const $=n*a*100,d=i();switch(t){case"ellipse":return`ellipse(${$}% ${$*.75}% at ${d})`;case"square":{const o=n*a*100,[l,g]=d.split(" "),m=parseFloat(l),h=parseFloat(g),y=o/2;return`polygon(${m-y}% ${h-y}%, ${m+y}% ${h-y}%, ${m+y}% ${h+y}%, ${m-y}% ${h+y}%)`}case"circle":default:return`circle(${$}% at ${d})`}},r=n=>{const $={clipPath:s(n)};return u&&($.opacity=n),$};return{in:()=>({spring:c,css:r}),out:()=>({spring:c,css:r}),...f&&{key:f}}},S=(p={})=>{const{spring:t={stiffness:1e3,damping:100},key:e}=p;return{in:()=>({spring:t,css:()=>({})}),out:()=>({spring:t,css:()=>({})}),...e&&{key:e}}};exports.blur=M;exports.bounce=C;exports.fade=b;exports.fly=O;exports.mask=P;exports.none=S;exports.rotate=w;exports.scale=x;exports.slide=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=($={})=>{const{from:t=0,to:c=1,spring:n,key:a}=$,s={stiffness:(n==null?void 0:n.stiffness)??300,damping:(n==null?void 0:n.damping)??30};return{in:()=>({spring:s,css:e=>({opacity:t+(c-t)*e})}),out:()=>({spring:s,css:e=>({opacity:t+(c-t)*e})}),...a&&{key:a}}},k=($={})=>{const{start:t=0,opacity:c=0,axis:n="both",spring:a,key:s}=$,e={stiffness:(a==null?void 0:a.stiffness)??300,damping:(a==null?void 0:a.damping)??30},l=r=>{switch(n){case"x":return`scaleX(${r})`;case"y":return`scaleY(${r})`;case"both":default:return`scale(${r})`}},o=r=>{const f=t+(1-t)*r;return{transform:l(f),opacity:c+(1-c)*r}};return{in:()=>({spring:e,css:o}),out:()=>({spring:e,css:o}),...s&&{key:s}}},w=($={})=>{const{direction:t,distance:c=100,opacity:n=0,fade:a=!0,axis:s,spring:e,key:l}=$,o={stiffness:(e==null?void 0:e.stiffness)??400,damping:(e==null?void 0:e.damping)??35},f=t||(s==="x"?"left":s==="y"?"up":"left"),i=y=>{const u=1-y;if(typeof c=="number"){const d=u*c;switch(f){case"left":return`translate3d(${-d}px, 0, 0)`;case"right":return`translate3d(${d}px, 0, 0)`;case"up":return`translate3d(0, ${-d}px, 0)`;case"down":return`translate3d(0, ${d}px, 0)`}}else switch(f){case"left":return`translate3d(calc(-1 * ${c} * ${u}), 0, 0)`;case"right":return`translate3d(calc(${c} * ${u}), 0, 0)`;case"up":return`translate3d(0, calc(-1 * ${c} * ${u}), 0)`;case"down":return`translate3d(0, calc(${c} * ${u}), 0)`}},m=y=>{const u={transform:i(y)};return a&&(u.opacity=n+(1-n)*y),u};return{in:()=>({spring:o,css:m}),out:()=>({spring:o,css:m}),...l&&{key:l}}},C=($={})=>{const{degrees:t=360,clockwise:c=!0,scale:n=!1,fade:a=!0,origin:s="center",axis:e="2d",perspective:l=800,spring:o,key:r}=$,f={stiffness:(o==null?void 0:o.stiffness)??500,damping:(o==null?void 0:o.damping)??25},i=c?t:-t,m=u=>{const d=(1-u)*i;switch(e){case"x":return`perspective(${l}px) rotateX(${d}deg)`;case"y":return`perspective(${l}px) rotateY(${d}deg)`;case"z":return`rotateZ(${d}deg)`;case"2d":default:return`rotate(${d}deg)`}},y=u=>{const d={},p=[m(u)];return n&&p.push(`scale(${u})`),d.transform=p.join(" "),d.transformOrigin=s,a&&(d.opacity=u),d};return{in:()=>({spring:f,css:y}),out:()=>({spring:f,css:y}),...r&&{key:r}}},M=($={})=>{const{height:t=20,intensity:c=1,scale:n=!0,fade:a=!0,direction:s="up",spring:e,key:l}=$,o={stiffness:(e==null?void 0:e.stiffness)??800,damping:(e==null?void 0:e.damping)??15},r=f=>{const i={},m=[],y=Math.sin(f*Math.PI*(1+c)),u=1-f,d=y*t*u;if(s==="up"?m.push(`translateY(${-Math.abs(d)}px)`):m.push(`translateY(${Math.abs(d)}px)`),n){const p=.8+f*.2+y*.05*u;m.push(`scale(${p})`)}return i.transform=m.join(" "),a&&(i.opacity=f),i};return{in:()=>({spring:o,css:r}),out:()=>({spring:o,css:r}),...l&&{key:l}}},P=($={})=>{const{amount:t=10,opacity:c=0,scale:n=!1,fade:a=!0,spring:s,key:e}=$,l={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30},o=r=>{const f=1-r,i={};return typeof t=="number"?i.filter=`blur(${f*t}px)`:i.filter=`blur(calc(${t} * ${f}))`,n&&(i.transform=`scale(${.8+r*.2})`),a&&(i.opacity=c+(1-c)*r),i};return{in:()=>({spring:l,css:o}),out:()=>({spring:l,css:o}),...e&&{key:e}}},S=($={})=>{const{x:t=0,y:c=-100,opacity:n=0,spring:a,key:s}=$,e={stiffness:(a==null?void 0:a.stiffness)??400,damping:(a==null?void 0:a.damping)??35},l=o=>{const r=1-o;let f,i;return typeof t=="number"?f=`${r*t}px`:f=`calc(${t} * ${r})`,typeof c=="number"?i=`${r*c}px`:i=`calc(${c} * ${r})`,{transform:`translate3d(${f}, ${i}, 0)`,opacity:n+(1-n)*o}};return{in:()=>({spring:e,css:l}),out:()=>({spring:e,css:l}),...s&&{key:s}}},z=($={})=>{const{shape:t="circle",origin:c="center",scale:n=1.5,fade:a=!1,spring:s,key:e}=$,l={stiffness:(s==null?void 0:s.stiffness)??300,damping:(s==null?void 0:s.damping)??30},o=()=>{switch(c){case"top":return"50% 0%";case"bottom":return"50% 100%";case"left":return"0% 50%";case"right":return"100% 50%";case"top-left":return"0% 0%";case"top-right":return"100% 0%";case"bottom-left":return"0% 100%";case"bottom-right":return"100% 100%";case"center":default:return"50% 50%"}},r=i=>{const m=i*n*100,y=o();switch(t){case"ellipse":return`ellipse(${m}% ${m*.75}% at ${y})`;case"square":{const u=i*n*100,[d,p]=y.split(" "),h=parseFloat(d),b=parseFloat(p),g=u/2;return`polygon(${h-g}% ${b-g}%, ${h+g}% ${b-g}%, ${h+g}% ${b+g}%, ${h-g}% ${b+g}%)`}case"circle":default:return`circle(${m}% at ${y})`}},f=i=>{const m={clipPath:r(i)};return a&&(m.opacity=i),m};return{in:()=>({spring:l,css:f}),out:()=>({spring:l,css:f}),...e&&{key:e}}},T=($={})=>{const{spring:t,key:c}=$,n={stiffness:(t==null?void 0:t.stiffness)??1e3,damping:(t==null?void 0:t.damping)??100};return{in:()=>({spring:n,css:()=>({})}),out:()=>({spring:n,css:()=>({})}),...c&&{key:c}}};exports.blur=P;exports.bounce=M;exports.fade=x;exports.fly=S;exports.mask=z;exports.none=T;exports.rotate=C;exports.scale=k;exports.slide=w;