@ssgoi/core 2.5.5 → 3.0.0

package/dist/transitions/slide.d.ts

@@ -1,4 +1,4 @@
-import { TransitionKey } from '../types';
+import { StyleObject, TransitionKey } from '../types';
 interface SlideOptions {
     direction?: "left" | "right" | "up" | "down";
     distance?: number | string;
@@ -13,19 +13,19 @@ interface SlideOptions {
 }
 export declare const slide: (options?: SlideOptions) => {
     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/slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,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,KAAK,GAAI,UAAS,YAAiB;;kBAqD9B,WAAW;;wBA3Db,MAAM;sBACR,MAAM;;yBA4DG,MAAM;;mBAUV,WAAW;;wBAvEd,MAAM;sBACR,MAAM;;yBAwEG,MAAM;;CAY5B,CAAC"}
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,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,KAAK,GAAI,UAAS,YAAiB;;;;wBANhC,MAAM;sBACR,MAAM;;wBAuDQ,MAAM,KAAG,WAAW;;;;wBAxDhC,MAAM;sBACR,MAAM;;wBAuDQ,MAAM,KAAG,WAAW;;CAqB/C,CAAC"}

package/dist/types.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(i){return"tick"in i&&!("springs"in i)}function r(i){return"springs"in i}exports.isMultiSpring=r;exports.isSingleSpring=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(n){return("tick"in n||"css"in n)&&!("springs"in n)}function t(n){return"springs"in n}function r(n){return"css"in n&&typeof n.css=="function"}function s(n){return"tick"in n&&typeof n.tick=="function"}function a(n){if(r(n)&&s(n))throw new Error("SingleSpringConfig cannot have both 'tick' and 'css' defined. Use one or the other.")}function l(n){if(n.tick&&n.css)throw new Error("SpringItem cannot have both 'tick' and 'css' defined. Use one or the other.")}function d(n){return t(n)?(n.springs.forEach(l),n):(a(n),{prepare:n.prepare,wait:n.wait,onStart:n.onStart,onEnd:n.onEnd,springs:[{spring:n.spring,tick:n.tick,css:n.css}],schedule:"parallel"})}function S(n){const o=n.schedule??"parallel",u=n.springs.map(i=>{let e;switch(o){case"parallel":e=0;break;case"sequential":e=1;break;case"stagger":e=Math.max(0,Math.min(1,i.offset??0));break;default:e=0}return{...i,normalizedOffset:e}}),{schedule:h,...p}=n;return{...p,springs:u}}exports.isCssAnimation=r;exports.isMultiSpring=t;exports.isSingleSpring=c;exports.isTickAnimation=s;exports.normalizeMultiSpringSchedule=S;exports.normalizeToMultiSpring=d;exports.validateAnimationMode=a;exports.validateSpringItem=l;

package/dist/types.d.ts

@@ -1,15 +1,19 @@
 export type TransitionKey = string | symbol;
 export type SpringConfig = {
-    stiffness?: number;
-    damping?: number;
+    stiffness: number;
+    damping: number;
 };
 /**
- * Schedule strategy for multi-spring animations
- * - overlap: All springs start immediately (parallel execution)
- * - wait: Each spring waits for previous to complete (sequential)
- * - chain: Springs start with offset delays
+ * CSS style object type
  */
-export type ScheduleType = "overlap" | "wait" | "chain";
+export type StyleObject = Record<string, number | string>;
+/**
+ * Schedule strategy for multi-spring animations (user-facing)
+ * - parallel: All springs start immediately (offset = 0)
+ * - sequential: Each spring waits for previous to complete (offset = 1)
+ * - stagger: Springs start at custom progress offsets (0-1)
+ */
+export type ScheduleType = "parallel" | "sequential" | "stagger";
 /**
  * Base configuration shared by both single and multi-spring transitions
  */
@@ -20,68 +24,92 @@ export type BaseTransitionConfig = {
     onEnd?: () => void;
 };
 /**
- * Single spring configuration (existing - backward compatible)
+ * Single spring configuration
  * Used for simple transitions with a single animation value
+ *
+ * Supports two animation modes:
+ * - tick: RAF-based animation with callback on each frame
+ * - css: Web Animation API with CSS string generation
  */
-export type SingleSpringConfig<TAnimationValue = number> = BaseTransitionConfig & {
+export type SingleSpringConfig = BaseTransitionConfig & {
     spring?: SpringConfig;
-    from?: TAnimationValue;
-    to?: TAnimationValue;
-    tick?: (progress: TAnimationValue) => void;
+    tick?: (progress: number) => void;
+    /**
+     * Style generator for Web Animation API mode
+     *
+     * When provided, the animation uses Web Animation API instead of RAF.
+     * Spring physics are pre-computed and converted to keyframes.
+     *
+     * @param progress - Current progress value (0 to 1)
+     * @returns Style object for Web Animation API
+     *
+     * @example
+     * ```ts
+     * css: (progress) => ({
+     *   opacity: progress,
+     *   transform: `translateY(${(1 - progress) * 20}px)`,
+     * })
+     * ```
+     */
+    css?: (progress: number) => StyleObject;
 };
 /**
  * Individual spring item in a multi-spring animation
+ *
+ * Supports two animation modes (mutually exclusive):
+ * - tick: RAF-based animation with callback on each frame
+ * - css: Web Animation API with CSS string generation
  */
-export type SpringItem<TAnimationValue = number> = {
-    from?: TAnimationValue;
-    to?: TAnimationValue;
+export type SpringItem = {
     spring?: SpringConfig;
     /**
-     * Frame callback - called on each animation frame with progress value
+     * Frame callback - called on each animation frame with progress value (RAF-based)
      *
      * **Performance Warning:** Use WRITE-ONLY operations for best performance.
      * Avoid reading layout properties inside tick to prevent layout thrashing.
      *
-     * Layout-triggering properties (causes forced synchronous layout):
-     * - element.offsetWidth, offsetHeight, offsetTop, offsetLeft
-     * - element.clientWidth, clientHeight
-     * - element.getBoundingClientRect()
-     * - element.scrollWidth, scrollHeight, scrollTop, scrollLeft
-     * - window.getComputedStyle(element)
-     *
      * @example
-     * // ❌ Bad: Layout read in tick (causes thrashing)
      * tick: (progress) => {
-     *   const height = element.offsetHeight  // READ - forces layout!
-     *   element.style.height = height * progress
+     *   element.style.opacity = String(progress)
      * }
+     */
+    tick?: (progress: number) => void;
+    /**
+     * Style generator for Web Animation API mode
+     *
+     * When provided, the animation uses Web Animation API instead of RAF.
+     * Spring physics are pre-computed and converted to keyframes.
+     *
+     * @param progress - Current progress value (0 to 1)
+     * @returns Style object for Web Animation API
      *
      * @example
-     * // ✅ Good: Read in prepare, write in tick
-     * prepare: (element) => {
-     *   const height = element.offsetHeight  // READ once before animation
-     *   element.dataset.height = height.toString()
-     * },
-     * tick: (progress) => {
-     *   const height = parseFloat(element.dataset.height)
-     *   element.style.height = height * progress  // WRITE only
-     * }
+     * css: (progress) => ({
+     *   opacity: progress,
+     *   transform: `translateY(${(1 - progress) * 20}px)`,
+     * })
      */
-    tick: (progress: TAnimationValue) => void;
+    css?: (progress: number) => StyleObject;
     onStart?: () => void;
     onComplete?: () => void;
     /**
-     * Delay offset in milliseconds before this spring starts
-     * Only applies to 'chain' schedule mode
+     * Progress offset (0-1) before this spring starts
+     * - 0: Start immediately (parallel behavior)
+     * - 1: Start after previous spring completes (sequential behavior)
+     * - 0.5: Start when previous spring is 50% complete
+     *
+     * Only applies to 'stagger' schedule mode.
+     * For 'parallel' mode, all springs start at 0.
+     * For 'sequential' mode, all springs use offset 1.
      */
     offset?: number;
 };
 /**
- * Multi-spring configuration (new feature)
+ * Multi-spring configuration
  * Used for complex transitions with multiple coordinated animations
  */
-export type MultiSpringConfig<TAnimationValue = number> = BaseTransitionConfig & {
-    springs: SpringItem<TAnimationValue>[];
+export type MultiSpringConfig = BaseTransitionConfig & {
+    springs: SpringItem[];
     schedule?: ScheduleType;
     onProgress?: (completed: number, total: number) => void;
 };
@@ -89,22 +117,50 @@ export type MultiSpringConfig<TAnimationValue = number> = BaseTransitionConfig &
  * Transition configuration - supports both single and multi-spring animations
  * Uses Union Type for type safety and backward compatibility
  */
-export type TransitionConfig<TAnimationValue = number> = SingleSpringConfig<TAnimationValue> | MultiSpringConfig<TAnimationValue>;
+export type TransitionConfig = SingleSpringConfig | MultiSpringConfig;
 /**
  * Type guard to check if config is single spring
  */
-export declare function isSingleSpring<T>(config: TransitionConfig<T>): config is SingleSpringConfig<T>;
+export declare function isSingleSpring(config: TransitionConfig): config is SingleSpringConfig;
 /**
  * Type guard to check if config is multi-spring
  */
-export declare function isMultiSpring<T>(config: TransitionConfig<T>): config is MultiSpringConfig<T>;
-export type GetTransitionConfig<TContext = undefined, TAnimationValue = number> = TContext extends undefined ? (node: HTMLElement) => TransitionConfig<TAnimationValue> | Promise<TransitionConfig<TAnimationValue>> : (node: HTMLElement, context: TContext) => TransitionConfig<TAnimationValue> | Promise<TransitionConfig<TAnimationValue>>;
-export type Transition<TContext = undefined, TAnimationValue = number> = {
-    in?: GetTransitionConfig<TContext, TAnimationValue>;
-    out?: GetTransitionConfig<TContext, TAnimationValue>;
+export declare function isMultiSpring(config: TransitionConfig): config is MultiSpringConfig;
+/**
+ * Type guard to check if config uses CSS mode (Web Animation API)
+ */
+export declare function isCssAnimation(config: SingleSpringConfig): config is SingleSpringConfig & {
+    css: (progress: number) => string;
+};
+/**
+ * Type guard to check if config uses tick mode (RAF-based)
+ */
+export declare function isTickAnimation(config: SingleSpringConfig): config is SingleSpringConfig & {
+    tick: (progress: number) => void;
+};
+/**
+ * Validate that config doesn't have both tick and css defined
+ * @throws Error if both tick and css are defined
+ */
+export declare function validateAnimationMode(config: SingleSpringConfig): void;
+/**
+ * Validate SpringItem doesn't have both tick and css defined
+ * @throws Error if both tick and css are defined
+ */
+export declare function validateSpringItem(item: SpringItem): void;
+/**
+ * Normalize TransitionConfig to MultiSpringConfig
+ * Converts SingleSpringConfig to MultiSpringConfig with single spring item
+ * @internal
+ */
+export declare function normalizeToMultiSpring(config: TransitionConfig): MultiSpringConfig;
+export type GetTransitionConfig<TContext = undefined> = TContext extends undefined ? (node: HTMLElement) => TransitionConfig | Promise<TransitionConfig> : (node: HTMLElement, context: TContext) => TransitionConfig | Promise<TransitionConfig>;
+export type Transition<TContext = undefined> = {
+    in?: GetTransitionConfig<TContext>;
+    out?: GetTransitionConfig<TContext>;
     key?: TransitionKey;
 };
-export type TransitionOptions<TContext = undefined, TAnimationValue = number> = Transition<TContext, TAnimationValue> & {
+export type TransitionOptions<TContext = undefined> = Transition<TContext> & {
     key?: TransitionKey;
     ref?: object;
 };
@@ -170,72 +226,56 @@ export type SsgoiContext = (path: string) => Transition & {
     key: TransitionKey;
 };
 /**
- * Normalized schedule entry for internal processing (discriminated union)
- * Used by AnimationScheduler to unify different schedule strategies
- * @internal
- */
-export type NormalizedScheduleEntry = OffsetScheduleEntry | WaitScheduleEntry;
-/**
- * Offset-based schedule entry (overlap/chain modes)
- * - delay=0: immediate start (overlap)
- * - delay>0: delayed start with fixed timing (chain)
+ * Normalized schedule entry for internal processing
+ * All schedule types are normalized to progress-based offsets (0-1)
+ *
+ * Progress offset determines when each spring starts relative to previous spring:
+ * - 0: Start immediately (parallel)
+ * - 1: Start after previous completes (sequential)
+ * - 0.5: Start when previous is 50% complete
+ *
  * @internal
  */
-export type OffsetScheduleEntry = {
-    type: "offset";
+export type NormalizedScheduleEntry = {
     id: string;
-    delay: number;
+    /**
+     * Progress offset (0-1) relative to previous spring
+     * - 0: Start immediately with previous spring
+     * - 1: Start after previous spring completes
+     * - 0-1: Start when previous spring reaches this progress
+     */
+    offset: number;
 };
 /**
- * Wait-based schedule entry (wait mode)
- * Dynamic dependency - starts after previous spring completes
+ * Normalized multi-spring config for internal use
+ * Schedule is always normalized to progress-based offsets
  * @internal
  */
-export type WaitScheduleEntry = {
-    type: "wait";
-    id: string;
+export type NormalizedMultiSpringConfig = Omit<MultiSpringConfig, "springs" | "schedule"> & {
+    springs: Array<SpringItem & {
+        normalizedOffset: number;
+    }>;
 };
 /**
- * Animation state (discriminated union)
- * Different return types for single vs multi-spring animations
- * @internal
- */
-export type AnimationState<T = number> = SingleAnimationState<T> | MultiAnimationState;
-/**
- * Single spring animation state
- * Supports both number and object animations
+ * Normalize MultiSpringConfig schedule to progress-based offsets
+ *
+ * Converts user-facing schedule types to unified offset values:
+ * - parallel: All springs get offset 0 (start together)
+ * - sequential: All springs get offset 1 (wait for previous)
+ * - stagger: Use each spring's custom offset (0-1)
+ *
  * @internal
  */
-export type SingleAnimationState<T = number> = {
-    type: "single";
-    position: T;
-    velocity: T extends number ? number : Record<string, number>;
-    from: T;
-    to: T;
-};
+export declare function normalizeMultiSpringSchedule(config: MultiSpringConfig): NormalizedMultiSpringConfig;
 /**
- * Multi-spring animation state
- * Always uses number for progress tracking
+ * Animation state
+ * For MultiAnimator: returns first animator's state
  * @internal
  */
-export type MultiAnimationState = {
-    type: "multi";
-    completed: number;
-    total: number;
-    direction: "forward" | "backward";
+export type AnimationState = {
+    position: number;
+    velocity: number;
+    from: number;
+    to: number;
 };
-/**
- * Common interface for animation controllers
- * Implemented by both Animator (single spring) and AnimationScheduler (multi-spring)
- * @internal
- */
-export interface AnimationController<T = number> {
-    forward(): void;
-    backward(): void;
-    stop(): void;
-    reverse(options?: {
-        offsetMode?: "immediate" | "mirror" | "reverse";
-    }): void;
-    getCurrentState(): AnimationState<T>;
-}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAEjC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAGzC,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAG3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,eAAe,GAAG,MAAM,IACrD,oBAAoB,GAAG;IAErB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,eAAe,CAAC;IAGrB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,eAAe,GAAG,MAAM,IAAI;IACjD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAE1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,eAAe,GAAG,MAAM,IACpD,oBAAoB,GAAG;IAErB,OAAO,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IAGvC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAGxB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,eAAe,GAAG,MAAM,IACjD,kBAAkB,CAAC,eAAe,CAAC,GACnC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAEvC;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC9B,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAEjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,MAAM,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAEhC;AAED,MAAM,MAAM,mBAAmB,CAC7B,QAAQ,GAAG,SAAS,EACpB,eAAe,GAAG,MAAM,IACtB,QAAQ,SAAS,SAAS,GAC1B,CACE,IAAI,EAAE,WAAW,KAEf,gBAAgB,CAAC,eAAe,CAAC,GACjC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,GAC9C,CACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,QAAQ,KAEf,gBAAgB,CAAC,eAAe,CAAC,GACjC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;AAEnD,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,SAAS,EAAE,eAAe,GAAG,MAAM,IAAI;IACvE,EAAE,CAAC,EAAE,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACpD,GAAG,CAAC,EAAE,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACrD,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,QAAQ,GAAG,SAAS,EACpB,eAAe,GAAG,MAAM,IACtB,UAAU,CAAC,QAAQ,EAAE,eAAe,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEzB;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEvC;;;;OAIG;IACH,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEjC;;;;OAIG;IACH,gBAAgB,EAAE,WAAW,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,EAAE,WAAW,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,eAAe,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACxE;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,KACT,UAAU,GAAG;IAAE,GAAG,EAAE,aAAa,CAAA;CAAE,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE9E;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,IACjC,oBAAoB,CAAC,CAAC,CAAC,GACvB,mBAAmB,CAAC;AAExB;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,MAAM,IAAI;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,CAAC;IACZ,QAAQ,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7D,IAAI,EAAE,CAAC,CAAC;IACR,EAAE,EAAE,CAAC,CAAC;CACP,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,MAAM;IAC7C,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,IAAI,IAAI,CAAC;IACjB,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,CAAC,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7E,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -1,10 +1,73 @@
-function n(i) {
-  return "tick" in i && !("springs" in i);
+function d(e) {
+  return ("tick" in e || "css" in e) && !("springs" in e);
 }
-function r(i) {
-  return "springs" in i;
+function a(e) {
+  return "springs" in e;
+}
+function o(e) {
+  return "css" in e && typeof e.css == "function";
+}
+function l(e) {
+  return "tick" in e && typeof e.tick == "function";
+}
+function u(e) {
+  if (o(e) && l(e))
+    throw new Error(
+      "SingleSpringConfig cannot have both 'tick' and 'css' defined. Use one or the other."
+    );
+}
+function p(e) {
+  if (e.tick && e.css)
+    throw new Error(
+      "SpringItem cannot have both 'tick' and 'css' defined. Use one or the other."
+    );
+}
+function h(e) {
+  return a(e) ? (e.springs.forEach(p), e) : (u(e), {
+    prepare: e.prepare,
+    wait: e.wait,
+    onStart: e.onStart,
+    onEnd: e.onEnd,
+    springs: [
+      {
+        spring: e.spring,
+        tick: e.tick,
+        css: e.css
+      }
+    ],
+    schedule: "parallel"
+  });
+}
+function S(e) {
+  const r = e.schedule ?? "parallel", i = e.springs.map((t) => {
+    let n;
+    switch (r) {
+      case "parallel":
+        n = 0;
+        break;
+      case "sequential":
+        n = 1;
+        break;
+      case "stagger":
+        n = Math.max(0, Math.min(1, t.offset ?? 0));
+        break;
+      default:
+        n = 0;
+    }
+    return { ...t, normalizedOffset: n };
+  }), { schedule: c, ...s } = e;
+  return {
+    ...s,
+    springs: i
+  };
 }
 export {
-  r as isMultiSpring,
-  n as isSingleSpring
+  o as isCssAnimation,
+  a as isMultiSpring,
+  d as isSingleSpring,
+  l as isTickAnimation,
+  S as normalizeMultiSpringSchedule,
+  h as normalizeToMultiSpring,
+  u as validateAnimationMode,
+  p as validateSpringItem
 };

package/dist/view-transitions/blind.d.ts

@@ -5,7 +5,6 @@ interface BlindOptions {
     transitionDelay?: number;
     blindCount?: number;
     direction?: "horizontal" | "vertical";
-    staggerDelay?: number;
     blindColor?: string;
 }
 export declare const blind: (options?: BlindOptions) => SggoiTransition;

package/dist/view-transitions/blind.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blind.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/blind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEhB,MAAM,UAAU,CAAC;AAWlB,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eA8LlD,CAAC"}
+{"version":3,"file":"blind.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/blind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAEhB,MAAM,UAAU,CAAC;AAWlB,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eA2LlD,CAAC"}

package/dist/view-transitions/drill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drill.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/drill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAa9D,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAuHlD,CAAC"}
+{"version":3,"file":"drill.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/drill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAa3E,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAkHlD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQ9D,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA6DhD,CAAC"}
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAQ3E,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA0DhD,CAAC"}

package/dist/view-transitions/hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA2KhD,CAAC"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI9D,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eA4KhD,CAAC"}