@ssgoi/core 2.5.6 → 3.1.0

package/dist/transition/create-transition-callback.d.ts

@@ -1,7 +1,8 @@
-import { Transition, TransitionCallback } from '../types';
+import { Transition, TransitionCallback, TransitionScope } from '../types';
 import { StrategyContext, TransitionStrategy } from './transition-strategy';
 export declare function createTransitionCallback(getTransition: () => Transition<undefined>, options?: {
     onCleanupEnd?: () => void;
     strategy?: (context: StrategyContext) => TransitionStrategy;
+    scope?: TransitionScope;
 }): TransitionCallback;
 //# sourceMappingURL=create-transition-callback.d.ts.map

package/dist/transition/create-transition-callback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-transition-callback.d.ts","sourceRoot":"","sources":["../../src/lib/transition/create-transition-callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAIlB,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,EAC1C,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;CAC7D,GACA,kBAAkB,CAqOpB"}
+{"version":3,"file":"create-transition-callback.d.ts","sourceRoot":"","sources":["../../src/lib/transition/create-transition-callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhF,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAG/B,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,EAC1C,OAAO,CAAC,EAAE;IACR,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,kBAAkB,CAAC;IAC5D,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,GACA,kBAAkB,CA6MpB"}

package/dist/transition/transition-scope.d.ts

@@ -0,0 +1,36 @@
+import { TransitionCallback } from '../types';
+declare const SCOPE_ATTR = "data-ssgoi-scope";
+declare const SCOPE_READY_ATTR = "data-ssgoi-scope-ready";
+/**
+ * Creates a transition scope that controls child transition behavior.
+ *
+ * When a child transition has `scope: 'local'`:
+ * - If child mounts simultaneously with scope → skip IN animation
+ * - If child unmounts simultaneously with scope → skip OUT animation
+ * - If child mounts/unmounts while scope is stable → run animation
+ *
+ * @returns A ref callback to attach to the scope container element
+ *
+ * @example
+ * ```tsx
+ * // React
+ * <div ref={createTransitionScope()} style={{ display: 'contents' }}>
+ *   <div ref={transition(fadeIn(), { scope: 'local' })}>
+ *     Content
+ *   </div>
+ * </div>
+ * ```
+ */
+export declare function createTransitionScope(): TransitionCallback;
+/**
+ * Check if scope element is ready (mounted and initial render complete)
+ * @internal
+ */
+export declare function isScopeReady(scope: Element): boolean;
+/**
+ * Find the closest transition scope element
+ * @internal
+ */
+export declare function findScope(element: Element): Element | null;
+export { SCOPE_ATTR, SCOPE_READY_ATTR };
+//# sourceMappingURL=transition-scope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transition-scope.d.ts","sourceRoot":"","sources":["../../src/lib/transition/transition-scope.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,QAAA,MAAM,UAAU,qBAAqB,CAAC;AACtC,QAAA,MAAM,gBAAgB,2BAA2B,CAAC;AAElD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,qBAAqB,IAAI,kBAAkB,CAkB1D;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAEpD;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAE1D;AAED,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/transition/transition-strategy.d.ts

@@ -1,13 +1,19 @@
-import { TransitionConfig, AnimationController } from '../types';
+import { MultiSpringConfig } from '../types';
+import { Animation } from '../animator/animation';
 export declare const TRANSITION_STRATEGY: unique symbol;
 export interface StrategyContext {
     currentAnimation: {
-        controller: AnimationController;
+        controller: Animation;
         direction: "in" | "out";
     } | null;
 }
-export interface AnimationSetup {
-    config?: TransitionConfig;
+/**
+ * Internal animation setup returned by strategy
+ * Always uses MultiSpringConfig (normalized from user's Single/Multi config)
+ * @internal
+ */
+export interface InternalAnimationSetup {
+    config?: MultiSpringConfig;
     state: {
         position: number;
         velocity: number;
@@ -16,13 +22,18 @@ export interface AnimationSetup {
     to: number;
     direction: "forward" | "backward";
 }
-export interface TransitionConfigs {
-    in?: Promise<TransitionConfig>;
-    out?: Promise<TransitionConfig>;
+/**
+ * Internal transition configs passed to strategy
+ * Uses Promise<MultiSpringConfig> to allow lazy evaluation
+ * @internal
+ */
+export interface InternalTransitionConfigs {
+    in?: Promise<MultiSpringConfig>;
+    out?: Promise<MultiSpringConfig>;
 }
 export interface TransitionStrategy {
-    runIn: (configs: TransitionConfigs) => Promise<AnimationSetup>;
-    runOut: (configs: TransitionConfigs) => Promise<AnimationSetup>;
+    runIn: (configs: InternalTransitionConfigs) => Promise<InternalAnimationSetup>;
+    runOut: (configs: InternalTransitionConfigs) => Promise<InternalAnimationSetup>;
 }
 /**
  * Creates a transition callback that can be used with framework-specific implementations

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

@@ -1 +1 @@
-{"version":3,"file":"transition-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/transition/transition-strategy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EAEpB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,mBAAmB,eAAoC,CAAC;AAErE,MAAM,WAAW,eAAe;IAG9B,gBAAgB,EAAE;QAChB,UAAU,EAAE,mBAAmB,CAAC;QAChC,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;KACzB,GAAG,IAAI,CAAC;CACV;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,eAAO,MAAM,qBAAqB,GAChC,SAAS,eAAe,KACvB,kBA8KF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,QAAO,kBAwF/C,CAAC"}
+{"version":3,"file":"transition-strategy.d.ts","sourceRoot":"","sources":["../../src/lib/transition/transition-strategy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,eAAO,MAAM,mBAAmB,eAAoC,CAAC;AAErE,MAAM,WAAW,eAAe;IAE9B,gBAAgB,EAAE;QAChB,UAAU,EAAE,SAAS,CAAC;QACtB,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;KACzB,GAAG,IAAI,CAAC;CACV;AAED;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAChC,GAAG,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,CACL,OAAO,EAAE,yBAAyB,KAC/B,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACrC,MAAM,EAAE,CACN,OAAO,EAAE,yBAAyB,KAC/B,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,eAAO,MAAM,qBAAqB,GAChC,SAAS,eAAe,KACvB,kBA4GF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,QAAO,kBA4D/C,CAAC"}

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,EAClB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA2D9C,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,CAmBpB"}
+{"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;AA+D9C,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"}

package/dist/transitions/blur.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface BlurOptions {
     amount?: number | string;
     opacity?: number;
@@ -12,19 +12,19 @@ interface BlurOptions {
 }
 export declare const blur: (options?: BlurOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAe5B,WAAW;;wBArBb,MAAM;sBACR,MAAM;;yBAsBG,MAAM;;mBAwBV,WAAW;;wBA/Cd,MAAM;sBACR,MAAM;;yBAgDG,MAAM;;CA0B5B,CAAC"}
+{"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"}

package/dist/transitions/bounce.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface BounceOptions {
     height?: number;
     intensity?: number;
@@ -13,19 +13,19 @@ interface BounceOptions {
 }
 export declare const bounce: (options?: BounceOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAYhC,WAAW;;wBAlBb,MAAM;sBACR,MAAM;;yBAmBG,MAAM;;mBA2BV,WAAW;;wBA/Cd,MAAM;sBACR,MAAM;;yBAgDG,MAAM;;CA6B5B,CAAC"}
+{"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"}

package/dist/transitions/fade.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface FadeOptions {
     from?: number;
     to?: number;
@@ -10,19 +10,19 @@ interface FadeOptions {
 }
 export declare const fade: (options?: FadeOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAS5B,WAAW;;wBAfb,MAAM;sBACR,MAAM;;yBAgBG,MAAM;;mBAKV,WAAW;;wBAtBd,MAAM;sBACR,MAAM;;yBAuBG,MAAM;;CAO5B,CAAC"}
+{"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"}

package/dist/transitions/fly.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface FlyOptions {
     x?: number | string;
     y?: number | string;
@@ -11,19 +11,19 @@ interface FlyOptions {
 }
 export declare const fly: (options?: FlyOptions) => {
     key?: TransitionKey | undefined;
-    in: (element: HTMLElement) => {
+    in: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
-    out: (element: HTMLElement) => {
+    out: () => {
         spring: {
             stiffness?: number;
             damping?: number;
         };
-        tick: (progress: number) => void;
+        css: (progress: number) => StyleObject;
     };
 };
 export {};

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,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,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;;kBAkB1B,WAAW;;wBAxBb,MAAM;sBACR,MAAM;;yBAyBG,MAAM;;mBAcV,WAAW;;wBAxCd,MAAM;sBACR,MAAM;;yBAyCG,MAAM;;CAgB5B,CAAC"}
+{"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"}

package/dist/transitions/index.cjs

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