@wix/motion 1.661.0 → 1.663.0

package/dist/types/library/scroll/ShuttersScroll.d.ts

@@ -1,20 +1,47 @@
-import { ScrubAnimationOptions, AnimationFillMode } from '../../types';
-export default function create(options: ScrubAnimationOptions): {
+import type { AnimationFillMode, ScrubAnimationOptions, DomApi } from '../../types';
+export declare function getNames(options: ScrubAnimationOptions): string[];
+export declare function web(options: ScrubAnimationOptions, _dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
-    keyframes: ({
-        clipPath: string;
-        easing: string;
-        offset?: undefined;
-    } | {
-        clipPath: string;
-        offset: number;
-        easing: string;
-    } | {
-        clipPath: string;
-        easing?: undefined;
-        offset?: undefined;
-    })[];
+    custom: {
+        '--motion-shutters-clip-start': string;
+        '--motion-shutters-clip-end': string;
+    };
+    keyframes: {
+        clipPath: string | number;
+        easing?: string | undefined;
+        offset?: number | undefined;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-shutters-clip-start': string;
+        '--motion-shutters-clip-end': string;
+    };
+    keyframes: {
+        clipPath: string | number;
+        easing?: string | undefined;
+        offset?: number | undefined;
+    }[];
     id?: string | undefined;
     keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
     namedEffect?: import("../../types").NamedEffect | undefined;

package/dist/types/library/scroll/ShuttersScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShuttersScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/ShuttersScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAarB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsE5D"}
+{"version":3,"file":"ShuttersScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/ShuttersScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAErB,MAAM,EACP,MAAM,aAAa,CAAC;AASrB,wBAAgB,QAAQ,CAAC,OAAO,EAAE,qBAAqB,YAKtD;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEhE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;kBA6BrD,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;IA4D5B"}

package/dist/types/library/scroll/SkewPanScroll.d.ts

@@ -1,7 +1,45 @@
 import type { AnimationFillMode, DomApi, ScrubAnimationOptions } from '../../types';
-export default function create(options: ScrubAnimationOptions, dom?: DomApi): {
+export declare function getNames(_: ScrubAnimationOptions): string[];
+export declare function prepare(_: ScrubAnimationOptions, dom?: DomApi): void;
+export declare function web(options: ScrubAnimationOptions, dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
+    custom: {
+        '--motion-skewpan-start-x': string | number;
+        '--motion-skewpan-end-x': string | number;
+        '--motion-skewpan-from-skew': string;
+        '--motion-skewpan-to-skew': string;
+    };
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-skewpan-start-x': string | number;
+        '--motion-skewpan-end-x': string | number;
+        '--motion-skewpan-from-skew': string;
+        '--motion-skewpan-to-skew': string;
+    };
     keyframes: {
         transform: string;
     }[];

package/dist/types/library/scroll/SkewPanScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkewPanScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SkewPanScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,MAAM,EACN,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AAuCrB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;IAwD1E"}
+{"version":3,"file":"SkewPanScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SkewPanScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,MAAM,EACN,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AASrB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,qBAAqB,YAEhD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM,QAa7D;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAI/D;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiFlE"}

package/dist/types/library/scroll/SlideScroll.d.ts

@@ -1,9 +1,36 @@
 import type { ScrubAnimationOptions, DomApi, AnimationFillMode } from '../../types';
-export default function create(options: ScrubAnimationOptions, dom?: DomApi): {
+export declare function getNames(options: ScrubAnimationOptions): string[];
+export declare function prepare(options: ScrubAnimationOptions, dom?: DomApi): void;
+export declare function web(options: ScrubAnimationOptions, dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
     keyframes: {
-        clipPath: string;
+        clipPath: string | number;
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    keyframes: {
+        clipPath: string | number;
         transform: string;
     }[];
     id?: string | undefined;

package/dist/types/library/scroll/SlideScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SlideScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EAIrB,MAAM,EACN,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAoErB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;IA6E1E"}
+{"version":3,"file":"SlideScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SlideScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EAGrB,MAAM,EACN,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAoBrB,wBAAgB,QAAQ,CAAC,OAAO,EAAE,qBAAqB,YAGtD;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM,QAMnE;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;IAI/D;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;IAyFlE"}

package/dist/types/library/scroll/Spin3dScroll.d.ts

@@ -1,7 +1,54 @@
-import type { AnimationFillMode, ScrubAnimationOptions } from '../../types';
-export default function create(options: ScrubAnimationOptions): {
+import type { AnimationFillMode, ScrubAnimationOptions, DomApi } from '../../types';
+export declare function getNames(_: ScrubAnimationOptions): string[];
+export declare function web(options: ScrubAnimationOptions, _dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
+    custom: {
+        '--motion-travel-from': string;
+        '--motion-travel-to': string;
+        '--motion-rot-x-from': string;
+        '--motion-rot-x-to': string;
+        '--motion-rot-y-from': string;
+        '--motion-rot-y-to': string;
+        '--motion-rot-z-from': string;
+        '--motion-rot-z-to': string;
+    };
+    startOffsetAdd: string;
+    endOffsetAdd: string;
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-travel-from': string;
+        '--motion-travel-to': string;
+        '--motion-rot-x-from': string;
+        '--motion-rot-x-to': string;
+        '--motion-rot-y-from': string;
+        '--motion-rot-y-to': string;
+        '--motion-rot-z-from': string;
+        '--motion-rot-z-to': string;
+    };
     startOffsetAdd: string;
     endOffsetAdd: string;
     keyframes: {

package/dist/types/library/scroll/Spin3dScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spin3dScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/Spin3dScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AAkErB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;IAqD5D"}
+{"version":3,"file":"Spin3dScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/Spin3dScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAErB,MAAM,EACP,MAAM,aAAa,CAAC;AAWrB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,qBAAqB,YAEhD;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEhE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyGlE"}

package/dist/types/library/scroll/SpinScroll.d.ts

@@ -1,7 +1,44 @@
-import type { AnimationFillMode, ScrubAnimationOptions } from '../../types';
-export default function create(options: ScrubAnimationOptions): {
+import type { AnimationFillMode, ScrubAnimationOptions, DomApi } from '../../types';
+export declare function getNames(_: ScrubAnimationOptions): string[];
+export declare function web(options: ScrubAnimationOptions, _dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
+    custom: {
+        '--motion-spin-from': string;
+        '--motion-spin-to': string;
+        '--motion-spin-scale-from': number;
+        '--motion-spin-scale-to': number;
+    };
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-spin-from': string;
+        '--motion-spin-to': string;
+        '--motion-spin-scale-from': number;
+        '--motion-spin-scale-to': number;
+    };
     keyframes: {
         transform: string;
     }[];

package/dist/types/library/scroll/SpinScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpinScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SpinScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AAarB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;IAsD5D"}
+{"version":3,"file":"SpinScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/SpinScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAErB,MAAM,EACP,MAAM,aAAa,CAAC;AASrB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,qBAAqB,YAEhD;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEhE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiElE"}

package/dist/types/library/scroll/StretchScroll.d.ts

@@ -1,7 +1,17 @@
-import type { AnimationFillMode, ScrubAnimationOptions } from '../../types';
-export default function create(options: ScrubAnimationOptions): ({
+import type { AnimationFillMode, ScrubAnimationOptions, DomApi } from '../../types';
+export declare function getNames(options: ScrubAnimationOptions): string[];
+export declare function web(options: ScrubAnimationOptions, _dom?: DomApi): ({
+    name: string;
     fill: AnimationFillMode;
     easing: string;
+    custom: {
+        '--motion-stretch-scale-x-from': number;
+        '--motion-stretch-scale-y-from': number;
+        '--motion-stretch-scale-x-to': number;
+        '--motion-stretch-scale-y-to': number;
+        '--motion-stretch-trans-from': string | number;
+        '--motion-stretch-trans-to': string | number;
+    };
     keyframes: {
         scale: string;
         translate: string;
@@ -22,6 +32,68 @@ export default function create(options: ScrubAnimationOptions): ({
     centeredToTarget?: boolean | undefined;
     duration?: import("../../types").LengthPercentage | undefined;
 } | {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    keyframes: {
+        opacity: number;
+        offset: number;
+    }[] | {
+        opacity: number;
+        offset: number;
+    }[] | {
+        opacity: number;
+        offset: number;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+})[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): ({
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-stretch-scale-x-from': number;
+        '--motion-stretch-scale-y-from': number;
+        '--motion-stretch-scale-x-to': number;
+        '--motion-stretch-scale-y-to': number;
+        '--motion-stretch-trans-from': string | number;
+        '--motion-stretch-trans-to': string | number;
+    };
+    keyframes: {
+        scale: string;
+        translate: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+} | {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
     keyframes: {

package/dist/types/library/scroll/StretchScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StretchScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/StretchScroll.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AA+DrB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgC5D"}
+{"version":3,"file":"StretchScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/StretchScroll.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAErB,MAAM,EACP,MAAM,aAAa,CAAC;AA0BrB,wBAAgB,QAAQ,CAAC,OAAO,EAAE,qBAAqB,YAMtD;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEhE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkGlE"}

package/dist/types/library/scroll/TiltScroll.d.ts

@@ -1,9 +1,21 @@
-import type { AnimationFillMode, ScrubAnimationOptions } from '../../types';
-export default function create(options: ScrubAnimationOptions): ({
+import type { AnimationFillMode, ScrubAnimationOptions, DomApi } from '../../types';
+export declare function getNames(_: ScrubAnimationOptions): string[];
+export declare function web(options: ScrubAnimationOptions, _dom?: DomApi): ({
+    name: string;
     fill: AnimationFillMode;
     easing: string;
     startOffsetAdd: string;
     endOffsetAdd: string;
+    custom: {
+        '--motion-tilt-y-from': string;
+        '--motion-tilt-y-to': string;
+        '--motion-tilt-x-from': string;
+        '--motion-tilt-x-to': string;
+        '--motion-tilt-y-rot-from': string;
+        '--motion-tilt-y-rot-to': string;
+        '--motion-tilt-z-from': string;
+        '--motion-tilt-z-to': string;
+    };
     keyframes: {
         transform: string;
     }[];
@@ -23,11 +35,92 @@ export default function create(options: ScrubAnimationOptions): ({
     centeredToTarget?: boolean | undefined;
     duration?: import("../../types").LengthPercentage | undefined;
 } | {
+    name: string;
     fill: AnimationFillMode;
     easing: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
     startOffsetAdd: string;
     endOffsetAdd: string;
     composite: "add";
+    custom: {
+        '--motion-tilt-y-from': string;
+        '--motion-tilt-y-to': string;
+        '--motion-tilt-x-from': string;
+        '--motion-tilt-x-to': string;
+        '--motion-tilt-y-rot-from': string;
+        '--motion-tilt-y-rot-to': string;
+        '--motion-tilt-z-from': string;
+        '--motion-tilt-z-to': string;
+    };
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+})[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): ({
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    startOffsetAdd: string;
+    endOffsetAdd: string;
+    custom: {
+        '--motion-tilt-y-from': string;
+        '--motion-tilt-y-to': string;
+        '--motion-tilt-x-from': string;
+        '--motion-tilt-x-to': string;
+        '--motion-tilt-y-rot-from': string;
+        '--motion-tilt-y-rot-to': string;
+        '--motion-tilt-z-from': string;
+        '--motion-tilt-z-to': string;
+    };
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+} | {
+    name: string;
+    fill: AnimationFillMode;
+    easing: "cubic-bezier(0.445, 0.05, 0.55, 0.95)";
+    startOffsetAdd: string;
+    endOffsetAdd: string;
+    composite: "add";
+    custom: {
+        '--motion-tilt-y-from': string;
+        '--motion-tilt-y-to': string;
+        '--motion-tilt-x-from': string;
+        '--motion-tilt-x-to': string;
+        '--motion-tilt-y-rot-from': string;
+        '--motion-tilt-y-rot-to': string;
+        '--motion-tilt-z-from': string;
+        '--motion-tilt-z-to': string;
+    };
     keyframes: {
         transform: string;
     }[];

package/dist/types/library/scroll/TiltScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiltScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/TiltScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,aAAa,CAAC;AAoFrB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgE5D"}
+{"version":3,"file":"TiltScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/TiltScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EAErB,MAAM,EACP,MAAM,aAAa,CAAC;AAcrB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,qBAAqB,YAEhD;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEhE;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwHlE"}

package/dist/types/library/scroll/TurnScroll.d.ts

@@ -1,7 +1,49 @@
-import type { ScrubAnimationOptions, AnimationExtraOptions, DomApi, AnimationFillMode } from '../../types';
-export default function create(options: ScrubAnimationOptions & AnimationExtraOptions, dom?: DomApi): {
+import type { ScrubAnimationOptions, DomApi, AnimationFillMode } from '../../types';
+export declare function getNames(_: ScrubAnimationOptions): string[];
+export declare function prepare(_: ScrubAnimationOptions, dom?: DomApi): void;
+export declare function web(options: ScrubAnimationOptions, dom?: DomApi): {
+    name: string;
     fill: AnimationFillMode;
     easing: string;
+    custom: {
+        '--motion-turn-translate-from': string;
+        '--motion-turn-translate-to': string;
+        '--motion-turn-scale-from': number;
+        '--motion-turn-scale-to': number;
+        '--motion-turn-rotation-from': string;
+        '--motion-turn-rotation-to': string;
+    };
+    keyframes: {
+        transform: string;
+    }[];
+    id?: string | undefined;
+    keyframeEffect?: import("../../types").MotionKeyframeEffect | undefined;
+    namedEffect?: import("../../types").NamedEffect | undefined;
+    customEffect?: import("../../types").CustomEffect | undefined;
+    startOffset?: import("../../types").RangeOffset | undefined;
+    endOffset?: import("../../types").RangeOffset | undefined;
+    playbackRate?: number | undefined;
+    iterations?: number | undefined;
+    alternate?: boolean | undefined;
+    reversed?: boolean | undefined;
+    transitionDuration?: number | undefined;
+    transitionDelay?: number | undefined;
+    transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
+    centeredToTarget?: boolean | undefined;
+    duration?: import("../../types").LengthPercentage | undefined;
+}[];
+export declare function style(options: ScrubAnimationOptions, asWeb?: boolean): {
+    name: string;
+    fill: AnimationFillMode;
+    easing: string;
+    custom: {
+        '--motion-turn-translate-from': string;
+        '--motion-turn-translate-to': string;
+        '--motion-turn-scale-from': number;
+        '--motion-turn-scale-to': number;
+        '--motion-turn-rotation-from': string;
+        '--motion-turn-rotation-to': string;
+    };
     keyframes: {
         transform: string;
     }[];
@@ -20,10 +62,5 @@ export default function create(options: ScrubAnimationOptions & AnimationExtraOp
     transitionEasing?: import("../../types").ScrubTransitionEasing | undefined;
     centeredToTarget?: boolean | undefined;
     duration?: import("../../types").LengthPercentage | undefined;
-    effectId?: string | undefined;
-    effect?: ((progress: () => number | {
-        x: number | undefined;
-        y: number | undefined;
-    }) => void) | undefined;
 }[];
 //# sourceMappingURL=TurnScroll.d.ts.map

package/dist/types/library/scroll/TurnScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TurnScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/TurnScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,qBAAqB,EACrB,qBAAqB,EACrB,MAAM,EACN,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAqErB,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,OAAO,EAAE,qBAAqB,GAAG,qBAAqB,EACtD,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;IAiEb"}
+{"version":3,"file":"TurnScroll.d.ts","sourceRoot":"","sources":["../../../../src/library/scroll/TurnScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,qBAAqB,EACrB,MAAM,EACN,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAWrB,wBAAgB,QAAQ,CAAC,CAAC,EAAE,qBAAqB,YAEhD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM,QAa7D;AAED,wBAAgB,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,GAAG,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAI/D;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6GlE"}

package/dist/types/types.d.ts

@@ -312,7 +312,7 @@ export type TurnScroll = BaseDataItemLike<'TurnScroll'> & {
     scale?: number;
 };
 export type ScrollAnimation = ArcScroll | BlurScroll | FadeScroll | FlipScroll | GrowScroll | MoveScroll | PanScroll | ParallaxScroll | RevealScroll | ShapeScroll | ShuttersScroll | ShrinkScroll | SkewPanScroll | SlideScroll | Spin3dScroll | SpinScroll | StretchScroll | TiltScroll | TurnScroll;
-export type ScrollAnimations = Record<ScrollAnimation['type'], WebAnimationEffectFactory<'scrub'>>;
+export type ScrollAnimations = Record<ScrollAnimation['type'], AnimationEffectAPI<'scrub'>>;
 export type BgCloseUp = BaseDataItemLike<'BgCloseUp'> & {
     scale?: number;
 };
@@ -338,11 +338,11 @@ export type BgPullBack = BaseDataItemLike<'BgPullBack'> & {
 };
 export type BgReveal = BaseDataItemLike<'BgReveal'>;
 export type BgRotate = BaseDataItemLike<'BgRotate'> & {
-    direction?: 'ccw' | 'cw';
+    direction?: 'clockwise' | 'counter-clockwise';
     angle?: number;
 };
 export type BgSkew = BaseDataItemLike<'BgSkew'> & {
-    direction?: 'ccw' | 'cw';
+    direction?: 'clockwise' | 'counter-clockwise';
     angle?: number;
 };
 export type BgZoom = BaseDataItemLike<'BgZoom'> & {
@@ -355,7 +355,7 @@ export type ImageParallax = BaseDataItemLike<'ImageParallax'> & {
     isPage?: boolean;
 };
 export type BackgroundScrollAnimation = BgCloseUp | BgFade | BgFadeBack | BgFake3D | BgPan | BgParallax | BgPullBack | BgReveal | BgRotate | BgSkew | BgZoom | ImageParallax;
-export type BackgroundScrollAnimations = Record<BackgroundScrollAnimation['type'], WebAnimationEffectFactory<'scrub'>>;
+export type BackgroundScrollAnimations = Record<BackgroundScrollAnimation['type'], AnimationEffectAPI<'scrub'>>;
 type MouseEffectBase = {
     inverted?: boolean;
 };
@@ -463,6 +463,7 @@ export type AnimationExtraOptions = {
         x: number | undefined;
         y: number | undefined;
     }) => void;
+    measures?: Record<string, string | number>;
 };
 export type AnimationOptions = (TimeAnimationOptions | ScrubAnimationOptions) & AnimationExtraOptions;
 export type MotionAnimationOptions<T extends keyof AnimationOptionsTypes> = AnimationOptionsTypes[T];