@codellyson/framely 0.1.0

package/dist/transitions/presets/flip.js

@@ -0,0 +1,153 @@
+/**
+ * Flip Transition
+ *
+ * 3D flip/rotation transition between scenes.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={flip()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Flip vertically
+ *   <TransitionSeries.Transition
+ *     presentation={flip({ direction: 'vertical' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { Easing } from '../../Easing';
+/**
+ * Create a flip transition presentation.
+ */
+export function flip(options = {}) {
+    const { direction = 'horizontal', perspective = 1000, easing = Easing.easeInOutCubic, } = options;
+    const axis = direction === 'horizontal' ? 'Y' : 'X';
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            // Start at -90 degrees (hidden), rotate to 0
+            const rotation = -90 + 90 * easedProgress;
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg)`,
+                backfaceVisibility: 'hidden',
+                // Only visible when rotation is past -90
+                opacity: progress > 0.5 ? 1 : 0,
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            // Start at 0, rotate to 90 degrees (hidden)
+            const rotation = 90 * easedProgress;
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg)`,
+                backfaceVisibility: 'hidden',
+                // Only visible when rotation is before 90
+                opacity: progress < 0.5 ? 1 : 0,
+            };
+        },
+    };
+}
+/**
+ * Horizontal flip (around Y axis).
+ */
+export function flipHorizontal(options = {}) {
+    return flip({ ...options, direction: 'horizontal' });
+}
+/**
+ * Vertical flip (around X axis).
+ */
+export function flipVertical(options = {}) {
+    return flip({ ...options, direction: 'vertical' });
+}
+/**
+ * Card flip - like flipping a playing card.
+ */
+export function cardFlip(options = {}) {
+    const { flipDirection = 'left', perspective = 1000, easing = Easing.easeInOut, } = options;
+    const isHorizontal = flipDirection === 'left' || flipDirection === 'right';
+    const isNegative = flipDirection === 'left' || flipDirection === 'up';
+    const axis = isHorizontal ? 'Y' : 'X';
+    const sign = isNegative ? 1 : -1;
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * (180 - 180 * easedProgress);
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg)`,
+                backfaceVisibility: 'hidden',
+                transformStyle: 'preserve-3d',
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * 180 * easedProgress;
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg)`,
+                backfaceVisibility: 'hidden',
+                transformStyle: 'preserve-3d',
+            };
+        },
+    };
+}
+/**
+ * Cube rotation - scenes appear on faces of a rotating cube.
+ */
+export function cube(options = {}) {
+    const { direction = 'left', perspective = 1000, easing = Easing.easeInOutCubic, } = options;
+    const isHorizontal = direction === 'left' || direction === 'right';
+    const isNegative = direction === 'left' || direction === 'up';
+    const axis = isHorizontal ? 'Y' : 'X';
+    const sign = isNegative ? 1 : -1;
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * (-90 + 90 * easedProgress);
+            const translate = isHorizontal ? 'translateZ' : 'translateZ';
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg) ${translate}(${50 * (1 - easedProgress)}%)`,
+                transformOrigin: isHorizontal
+                    ? (isNegative ? 'left center' : 'right center')
+                    : (isNegative ? 'center top' : 'center bottom'),
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * 90 * easedProgress;
+            const translate = isHorizontal ? 'translateZ' : 'translateZ';
+            return {
+                transform: `perspective(${perspective}px) rotate${axis}(${rotation}deg) ${translate}(${50 * easedProgress}%)`,
+                transformOrigin: isHorizontal
+                    ? (isNegative ? 'right center' : 'left center')
+                    : (isNegative ? 'center bottom' : 'center top'),
+            };
+        },
+    };
+}
+/**
+ * Door opening effect.
+ */
+export function door(options = {}) {
+    const { side = 'left', perspective = 1000, easing = Easing.easeOut, } = options;
+    const sign = side === 'left' ? 1 : -1;
+    const origin = side === 'left' ? 'left center' : 'right center';
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * (-90 + 90 * easedProgress);
+            return {
+                transform: `perspective(${perspective}px) rotateY(${rotation}deg)`,
+                transformOrigin: origin,
+            };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            const rotation = sign * 90 * easedProgress;
+            return {
+                transform: `perspective(${perspective}px) rotateY(${rotation}deg)`,
+                transformOrigin: origin,
+            };
+        },
+    };
+}
+export default flip;
+//# sourceMappingURL=flip.js.map

package/dist/transitions/presets/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.js","sourceRoot":"","sources":["../../../src/transitions/presets/flip.ts"],"names":[],"mappings":"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"}

package/dist/transitions/presets/slide.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Slide Transition
+ *
+ * Slide scenes in and out from different directions.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={slide()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Slide from bottom
+ *   <TransitionSeries.Transition
+ *     presentation={slide({ direction: 'from-bottom' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { EasingFunction } from '../../Easing';
+export type SlideDirection = 'from-left' | 'from-right' | 'from-top' | 'from-bottom';
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+export interface SlideOptions {
+    direction?: SlideDirection;
+    exitOpposite?: boolean;
+    easing?: EasingFunction;
+}
+export interface TransitionStyle {
+    transform: string;
+}
+export interface TransitionResult {
+    entering: (progress: number) => TransitionStyle;
+    exiting: (progress: number) => TransitionStyle;
+}
+/**
+ * Create a slide transition presentation.
+ */
+export declare function slide(options?: SlideOptions): TransitionResult;
+/**
+ * Slide from left.
+ */
+export declare function slideFromLeft(options?: Omit<SlideOptions, 'direction'>): TransitionResult;
+/**
+ * Slide from right.
+ */
+export declare function slideFromRight(options?: Omit<SlideOptions, 'direction'>): TransitionResult;
+/**
+ * Slide from top.
+ */
+export declare function slideFromTop(options?: Omit<SlideOptions, 'direction'>): TransitionResult;
+/**
+ * Slide from bottom.
+ */
+export declare function slideFromBottom(options?: Omit<SlideOptions, 'direction'>): TransitionResult;
+/**
+ * Push transition - both scenes move in the same direction.
+ */
+export declare function push(options?: Omit<SlideOptions, 'exitOpposite'>): TransitionResult;
+export default slide;
+//# sourceMappingURL=slide.d.ts.map

package/dist/transitions/presets/slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../../src/transitions/presets/slide.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAErF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC;IAChD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,eAAe,CAAC;CAChD;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,GAAE,YAAiB,GAAG,gBAAgB,CAuElE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAM,GAAG,gBAAgB,CAE7F;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAM,GAAG,gBAAgB,CAE9F;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAM,GAAG,gBAAgB,CAE5F;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAM,GAAG,gBAAgB,CAE/F;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,IAAI,CAAC,YAAY,EAAE,cAAc,CAAM,GAAG,gBAAgB,CAEvF;AAED,eAAe,KAAK,CAAC"}

package/dist/transitions/presets/slide.js

@@ -0,0 +1,116 @@
+/**
+ * Slide Transition
+ *
+ * Slide scenes in and out from different directions.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={slide()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Slide from bottom
+ *   <TransitionSeries.Transition
+ *     presentation={slide({ direction: 'from-bottom' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { Easing } from '../../Easing';
+/**
+ * Create a slide transition presentation.
+ */
+export function slide(options = {}) {
+    const { direction = 'from-right', exitOpposite = true, easing = Easing.easeInOutCubic, } = options;
+    // Calculate enter transform based on direction
+    const getEnterTransform = (progress) => {
+        const easedProgress = easing(progress);
+        const offset = (1 - easedProgress) * 100;
+        switch (direction) {
+            case 'from-left':
+                return `translateX(${-offset}%)`;
+            case 'from-right':
+                return `translateX(${offset}%)`;
+            case 'from-top':
+                return `translateY(${-offset}%)`;
+            case 'from-bottom':
+                return `translateY(${offset}%)`;
+            default:
+                return `translateX(${offset}%)`;
+        }
+    };
+    // Calculate exit transform (opposite or same direction)
+    const getExitTransform = (progress) => {
+        const easedProgress = easing(progress);
+        const offset = easedProgress * 100;
+        if (exitOpposite) {
+            // Exit in opposite direction
+            switch (direction) {
+                case 'from-left':
+                    return `translateX(${offset}%)`;
+                case 'from-right':
+                    return `translateX(${-offset}%)`;
+                case 'from-top':
+                    return `translateY(${offset}%)`;
+                case 'from-bottom':
+                    return `translateY(${-offset}%)`;
+                default:
+                    return `translateX(${-offset}%)`;
+            }
+        }
+        else {
+            // Exit in same direction (push effect)
+            switch (direction) {
+                case 'from-left':
+                    return `translateX(${-offset}%)`;
+                case 'from-right':
+                    return `translateX(${offset}%)`;
+                case 'from-top':
+                    return `translateY(${-offset}%)`;
+                case 'from-bottom':
+                    return `translateY(${offset}%)`;
+                default:
+                    return `translateX(${offset}%)`;
+            }
+        }
+    };
+    return {
+        entering: (progress) => ({
+            transform: getEnterTransform(progress),
+        }),
+        exiting: (progress) => ({
+            transform: getExitTransform(progress),
+        }),
+    };
+}
+/**
+ * Slide from left.
+ */
+export function slideFromLeft(options = {}) {
+    return slide({ ...options, direction: 'from-left' });
+}
+/**
+ * Slide from right.
+ */
+export function slideFromRight(options = {}) {
+    return slide({ ...options, direction: 'from-right' });
+}
+/**
+ * Slide from top.
+ */
+export function slideFromTop(options = {}) {
+    return slide({ ...options, direction: 'from-top' });
+}
+/**
+ * Slide from bottom.
+ */
+export function slideFromBottom(options = {}) {
+    return slide({ ...options, direction: 'from-bottom' });
+}
+/**
+ * Push transition - both scenes move in the same direction.
+ */
+export function push(options = {}) {
+    return slide({ ...options, exitOpposite: false });
+}
+export default slide;
+//# sourceMappingURL=slide.js.map

package/dist/transitions/presets/slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/transitions/presets/slide.ts"],"names":[],"mappings":"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"}

package/dist/transitions/presets/wipe.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Wipe Transition
+ *
+ * Reveals the new scene by "wiping" away the old one using clip-path.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={wipe()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Wipe from top
+ *   <TransitionSeries.Transition
+ *     presentation={wipe({ direction: 'from-top' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { EasingFunction } from '../../Easing';
+export type WipeDirection = 'from-left' | 'from-right' | 'from-top' | 'from-bottom' | 'clock' | 'counterclock';
+export type DiagonalCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+export interface WipeOptions {
+    direction?: WipeDirection;
+    easing?: EasingFunction;
+}
+export interface DiagonalWipeOptions {
+    corner?: DiagonalCorner;
+    easing?: EasingFunction;
+}
+export interface WipeTransitionStyle {
+    clipPath: string;
+}
+export interface WipeTransitionResult {
+    entering: (progress: number) => WipeTransitionStyle;
+    exiting: (progress: number) => WipeTransitionStyle;
+}
+/**
+ * Create a wipe transition presentation.
+ */
+export declare function wipe(options?: WipeOptions): WipeTransitionResult;
+/**
+ * Wipe from left to right.
+ */
+export declare function wipeLeft(options?: Omit<WipeOptions, 'direction'>): WipeTransitionResult;
+/**
+ * Wipe from right to left.
+ */
+export declare function wipeRight(options?: Omit<WipeOptions, 'direction'>): WipeTransitionResult;
+/**
+ * Wipe from top to bottom.
+ */
+export declare function wipeTop(options?: Omit<WipeOptions, 'direction'>): WipeTransitionResult;
+/**
+ * Wipe from bottom to top.
+ */
+export declare function wipeBottom(options?: Omit<WipeOptions, 'direction'>): WipeTransitionResult;
+/**
+ * Circular wipe (iris) from center.
+ */
+export declare function iris(options?: Omit<WipeOptions, 'direction'>): WipeTransitionResult;
+/**
+ * Diagonal wipe using polygon clip-path.
+ */
+export declare function diagonalWipe(options?: DiagonalWipeOptions): WipeTransitionResult;
+export default wipe;
+//# sourceMappingURL=wipe.d.ts.map

package/dist/transitions/presets/wipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wipe.d.ts","sourceRoot":"","sources":["../../../src/transitions/presets/wipe.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,cAAc,CAAC;AAC/G,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEvF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,CAAC;IACpD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,WAAgB,GAAG,oBAAoB,CA0DpE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAM,GAAG,oBAAoB,CAE3F;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAM,GAAG,oBAAoB,CAE5F;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAM,GAAG,oBAAoB,CAE1F;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAM,GAAG,oBAAoB,CAE7F;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAM,GAAG,oBAAoB,CAEvF;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,oBAAoB,CA4CpF;AAED,eAAe,IAAI,CAAC"}

package/dist/transitions/presets/wipe.js

@@ -0,0 +1,136 @@
+/**
+ * Wipe Transition
+ *
+ * Reveals the new scene by "wiping" away the old one using clip-path.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={wipe()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Wipe from top
+ *   <TransitionSeries.Transition
+ *     presentation={wipe({ direction: 'from-top' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { Easing } from '../../Easing';
+/**
+ * Create a wipe transition presentation.
+ */
+export function wipe(options = {}) {
+    const { direction = 'from-left', easing = Easing.easeInOut, } = options;
+    const getClipPath = (progress, isEntering) => {
+        const p = easing(progress) * 100;
+        switch (direction) {
+            case 'from-left':
+                return isEntering
+                    ? `inset(0 ${100 - p}% 0 0)`
+                    : `inset(0 0 0 ${p}%)`;
+            case 'from-right':
+                return isEntering
+                    ? `inset(0 0 0 ${100 - p}%)`
+                    : `inset(0 ${p}% 0 0)`;
+            case 'from-top':
+                return isEntering
+                    ? `inset(0 0 ${100 - p}% 0)`
+                    : `inset(${p}% 0 0 0)`;
+            case 'from-bottom':
+                return isEntering
+                    ? `inset(${100 - p}% 0 0 0)`
+                    : `inset(0 0 ${p}% 0)`;
+            case 'clock':
+                // Circular wipe clockwise
+                return isEntering
+                    ? `circle(${p}% at 50% 50%)`
+                    : `circle(${100 - p}% at 50% 50%)`;
+            case 'counterclock':
+                // Circular wipe counter-clockwise (same as clock visually)
+                return isEntering
+                    ? `circle(${p}% at 50% 50%)`
+                    : `circle(${100 - p}% at 50% 50%)`;
+            default:
+                return isEntering
+                    ? `inset(0 ${100 - p}% 0 0)`
+                    : `inset(0 0 0 ${p}%)`;
+        }
+    };
+    return {
+        entering: (progress) => ({
+            clipPath: getClipPath(progress, true),
+        }),
+        exiting: (progress) => ({
+            clipPath: getClipPath(progress, false),
+        }),
+    };
+}
+/**
+ * Wipe from left to right.
+ */
+export function wipeLeft(options = {}) {
+    return wipe({ ...options, direction: 'from-left' });
+}
+/**
+ * Wipe from right to left.
+ */
+export function wipeRight(options = {}) {
+    return wipe({ ...options, direction: 'from-right' });
+}
+/**
+ * Wipe from top to bottom.
+ */
+export function wipeTop(options = {}) {
+    return wipe({ ...options, direction: 'from-top' });
+}
+/**
+ * Wipe from bottom to top.
+ */
+export function wipeBottom(options = {}) {
+    return wipe({ ...options, direction: 'from-bottom' });
+}
+/**
+ * Circular wipe (iris) from center.
+ */
+export function iris(options = {}) {
+    return wipe({ ...options, direction: 'clock' });
+}
+/**
+ * Diagonal wipe using polygon clip-path.
+ */
+export function diagonalWipe(options = {}) {
+    const { corner = 'top-left', easing = Easing.easeInOut, } = options;
+    const getPolygon = (progress, isEntering) => {
+        const p = easing(progress) * 200; // 200% to ensure full coverage
+        switch (corner) {
+            case 'top-left':
+                return isEntering
+                    ? `polygon(0 0, ${p}% 0, 0 ${p}%)`
+                    : `polygon(${100 - p}% 100%, 100% 100%, 100% ${100 - p}%)`;
+            case 'top-right':
+                return isEntering
+                    ? `polygon(100% 0, ${100 - p}% 0, 100% ${p}%)`
+                    : `polygon(0 100%, ${p}% 100%, 0 ${100 - p}%)`;
+            case 'bottom-left':
+                return isEntering
+                    ? `polygon(0 100%, ${p}% 100%, 0 ${100 - p}%)`
+                    : `polygon(${100 - p}% 0, 100% 0, 100% ${p}%)`;
+            case 'bottom-right':
+                return isEntering
+                    ? `polygon(100% 100%, ${100 - p}% 100%, 100% ${100 - p}%)`
+                    : `polygon(0 0, ${p}% 0, 0 ${p}%)`;
+            default:
+                return 'polygon(0 0, 100% 0, 100% 100%, 0 100%)';
+        }
+    };
+    return {
+        entering: (progress) => ({
+            clipPath: getPolygon(progress, true),
+        }),
+        exiting: (progress) => ({
+            clipPath: getPolygon(progress, false),
+        }),
+    };
+}
+export default wipe;
+//# sourceMappingURL=wipe.js.map

package/dist/transitions/presets/wipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wipe.js","sourceRoot":"","sources":["../../../src/transitions/presets/wipe.ts"],"names":[],"mappings":"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"}

package/dist/transitions/presets/zoom.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Zoom Transition
+ *
+ * Scale-based transition that zooms scenes in and out.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={zoom()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // Zoom out on exit
+ *   <TransitionSeries.Transition
+ *     presentation={zoom({ exitDirection: 'out' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { EasingFunction } from '../../Easing';
+export type ZoomDirection = 'in' | 'out';
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+export interface ZoomOptions {
+    enterDirection?: ZoomDirection;
+    exitDirection?: ZoomDirection;
+    scale?: number;
+    withFade?: boolean;
+    easing?: EasingFunction;
+}
+export interface KenBurnsOptions {
+    startScale?: number;
+    endScale?: number;
+    origin?: string;
+}
+export interface ZoomRotateOptions {
+    scale?: number;
+    rotation?: number;
+    withFade?: boolean;
+    easing?: EasingFunction;
+}
+export interface ZoomTransitionStyle {
+    transform: string;
+    opacity?: number;
+}
+export interface ZoomTransitionResult {
+    entering: (progress: number) => ZoomTransitionStyle;
+    exiting: (progress: number) => ZoomTransitionStyle;
+}
+export interface KenBurnsStyle {
+    transform: string;
+    transformOrigin: string;
+}
+/**
+ * Create a zoom transition presentation.
+ */
+export declare function zoom(options?: ZoomOptions): ZoomTransitionResult;
+/**
+ * Zoom in on enter, zoom out on exit.
+ */
+export declare function zoomInOut(options?: Omit<ZoomOptions, 'enterDirection' | 'exitDirection'>): ZoomTransitionResult;
+/**
+ * Zoom out on enter, zoom in on exit.
+ */
+export declare function zoomOutIn(options?: Omit<ZoomOptions, 'enterDirection' | 'exitDirection'>): ZoomTransitionResult;
+/**
+ * Ken Burns style zoom - subtle zoom during the entire sequence.
+ * Note: This is different from a transition, it's an effect.
+ */
+export declare function kenBurns(options?: KenBurnsOptions): (progress: number) => KenBurnsStyle;
+/**
+ * Zoom with rotation.
+ */
+export declare function zoomRotate(options?: ZoomRotateOptions): ZoomTransitionResult;
+export default zoom;
+//# sourceMappingURL=zoom.d.ts.map

package/dist/transitions/presets/zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../../src/transitions/presets/zoom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,KAAK,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,CAAC;IACpD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,mBAAmB,CAAC;CACpD;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAE,WAAgB,GAAG,oBAAoB,CA8CpE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,gBAAgB,GAAG,eAAe,CAAM,GAAG,oBAAoB,CAEnH;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,gBAAgB,GAAG,eAAe,CAAM,GAAG,oBAAoB,CAEnH;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,GAAE,eAAoB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,aAAa,CAY3F;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,oBAAoB,CA+BhF;AAED,eAAe,IAAI,CAAC"}