@codellyson/framely 0.1.0

package/dist/transitions/TransitionSeries.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TransitionSeries Component
+ *
+ * A container for sequences with transitions between them.
+ * Unlike Series, TransitionSeries supports animated transitions
+ * that can overlap between consecutive sequences.
+ *
+ * Usage:
+ *   <TransitionSeries>
+ *     <TransitionSeries.Sequence durationInFrames={60}>
+ *       <SceneA />
+ *     </TransitionSeries.Sequence>
+ *     <TransitionSeries.Transition
+ *       presentation={fade()}
+ *       timing={{ durationInFrames: 30 }}
+ *     />
+ *     <TransitionSeries.Sequence durationInFrames={60}>
+ *       <SceneB />
+ *     </TransitionSeries.Sequence>
+ *   </TransitionSeries>
+ */
+import React, { createContext, useContext, useMemo, Children, } from 'react';
+import { useTimeline, TimelineContext } from '../context';
+import { AbsoluteFill } from '../AbsoluteFill';
+// ─── Context ─────────────────────────────────────────────────────────────────
+const TransitionContext = createContext({
+    entering: false,
+    exiting: false,
+    progress: 0,
+    presentationDirection: 'entering',
+});
+/**
+ * Hook to access transition state from within a sequence.
+ */
+export function useTransition() {
+    return useContext(TransitionContext);
+}
+// ─── TransitionSeries ────────────────────────────────────────────────────────
+/**
+ * TransitionSeries - Container for sequences with transitions.
+ */
+const TransitionSeries = function TransitionSeries({ children, style, name, }) {
+    const parent = useTimeline();
+    const childArray = Children.toArray(children);
+    // Parse children into sequences and transitions
+    const { sequences, transitions } = useMemo(() => {
+        const seqs = [];
+        const trans = [];
+        childArray.forEach((child, index) => {
+            if (React.isValidElement(child) &&
+                child.type?.displayName ===
+                    'TransitionSeries.Sequence') {
+                seqs.push({
+                    element: child,
+                    index,
+                });
+            }
+            else if (React.isValidElement(child) &&
+                child.type?.displayName ===
+                    'TransitionSeries.Transition') {
+                trans.push({
+                    element: child,
+                    afterSequenceIndex: seqs.length - 1,
+                });
+            }
+        });
+        return { sequences: seqs, transitions: trans };
+    }, [childArray]);
+    // Calculate timing for each sequence considering transitions
+    const timings = useMemo(() => {
+        let currentFrame = 0;
+        const result = [];
+        sequences.forEach((seq, seqIndex) => {
+            const duration = seq.element.props.durationInFrames ?? 0;
+            const offset = seq.element.props.offset ?? 0;
+            // Find transition before this sequence
+            const transitionBefore = transitions.find((t) => t.afterSequenceIndex === seqIndex - 1);
+            const transitionAfter = transitions.find((t) => t.afterSequenceIndex === seqIndex);
+            // Transition overlap reduces the start time
+            const overlapBefore = transitionBefore?.element.props.timing?.durationInFrames ?? 0;
+            const overlapAfter = transitionAfter?.element.props.timing?.durationInFrames ?? 0;
+            const startFrame = currentFrame + offset - (seqIndex > 0 ? overlapBefore : 0);
+            result.push({
+                startFrame,
+                duration,
+                overlapBefore,
+                overlapAfter,
+                transitionBefore: transitionBefore?.element.props,
+                transitionAfter: transitionAfter?.element.props,
+            });
+            // Next sequence starts after this one (minus any overlap)
+            currentFrame = startFrame + duration;
+        });
+        return result;
+    }, [sequences, transitions]);
+    // Render sequences with transition effects
+    return (_jsx(AbsoluteFill, { style: style, "data-transition-series": name, children: sequences.map((seq, seqIndex) => {
+            const timing = timings[seqIndex];
+            const { startFrame, duration, overlapBefore, overlapAfter, transitionBefore, transitionAfter, } = timing;
+            // Check if this sequence is currently visible
+            const relativeFrame = parent.frame - startFrame;
+            const isVisible = relativeFrame >= -overlapBefore &&
+                relativeFrame < duration + overlapAfter;
+            if (!isVisible)
+                return null;
+            // Calculate transition states
+            const enteringProgress = transitionBefore
+                ? Math.min(1, Math.max(0, relativeFrame / overlapBefore))
+                : 1;
+            const exitingProgress = transitionAfter
+                ? Math.min(1, Math.max(0, (relativeFrame - (duration - overlapAfter)) / overlapAfter))
+                : 0;
+            const isEntering = enteringProgress < 1;
+            const isExiting = exitingProgress > 0;
+            // Determine presentation
+            let presentationStyle = {};
+            let presentationDirection = 'stable';
+            if (isEntering && transitionBefore?.presentation) {
+                presentationDirection = 'entering';
+                presentationStyle =
+                    transitionBefore.presentation.entering?.(enteringProgress) ?? {};
+            }
+            else if (isExiting && transitionAfter?.presentation) {
+                presentationDirection = 'exiting';
+                presentationStyle =
+                    transitionAfter.presentation.exiting?.(exitingProgress) ?? {};
+            }
+            const transitionState = {
+                entering: isEntering,
+                exiting: isExiting,
+                progress: isEntering
+                    ? enteringProgress
+                    : isExiting
+                        ? exitingProgress
+                        : 1,
+                presentationDirection,
+            };
+            // Create modified timeline context for this sequence
+            const sequenceFrame = Math.max(0, Math.min(duration - 1, relativeFrame));
+            const contextValue = {
+                ...parent,
+                frame: sequenceFrame,
+                durationInFrames: duration,
+            };
+            return (_jsx(TransitionContext.Provider, { value: transitionState, children: _jsx(TimelineContext.Provider, { value: contextValue, children: _jsx(AbsoluteFill, { style: {
+                            ...presentationStyle,
+                            zIndex: seqIndex,
+                        }, children: seq.element.props.children }) }) }, seqIndex));
+        }) }));
+};
+TransitionSeries.displayName = 'TransitionSeries';
+// ─── TransitionSeries.Sequence ───────────────────────────────────────────────
+/**
+ * TransitionSeries.Sequence - A scene within a TransitionSeries.
+ * This component is used for configuration only.
+ * The actual rendering is handled by TransitionSeries.
+ */
+const TransitionSequence = function TransitionSequence(_props) {
+    return null;
+};
+TransitionSequence.displayName = 'TransitionSeries.Sequence';
+TransitionSeries.Sequence = TransitionSequence;
+// ─── TransitionSeries.Transition ─────────────────────────────────────────────
+/**
+ * TransitionSeries.Transition - Defines a transition between sequences.
+ * This component is used for configuration only.
+ * The actual rendering is handled by TransitionSeries.
+ */
+const TransitionTransition = function TransitionTransition(_props) {
+    return null;
+};
+TransitionTransition.displayName = 'TransitionSeries.Transition';
+TransitionSeries.Transition = TransitionTransition;
+// ─── Helper functions ────────────────────────────────────────────────────────
+/**
+ * Helper to create a transition presentation object.
+ */
+export function createPresentation(config) {
+    return { entering: config.entering, exiting: config.exiting };
+}
+/**
+ * Helper to create transition timing.
+ */
+export function createTiming(config) {
+    return { durationInFrames: config.durationInFrames, easing: config.easing };
+}
+export { TransitionSeries };
+export default TransitionSeries;
+//# sourceMappingURL=TransitionSeries.js.map

package/dist/transitions/TransitionSeries.js.map

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

package/dist/transitions/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Transitions Package
+ *
+ * Provides TransitionSeries component and built-in transition presets.
+ */
+export { default as TransitionSeries, useTransition, createPresentation, createTiming, } from './TransitionSeries';
+export { fade, crossfade } from './presets/fade';
+export { slide, slideFromLeft, slideFromRight, slideFromTop, slideFromBottom, push, } from './presets/slide';
+export { wipe, wipeLeft, wipeRight, wipeTop, wipeBottom, iris, diagonalWipe, } from './presets/wipe';
+export { zoom, zoomInOut, zoomOutIn, kenBurns, zoomRotate, } from './presets/zoom';
+export { flip, flipHorizontal, flipVertical, cardFlip, cube, door, } from './presets/flip';
+export type { SlideDirection, SlideOptions, TransitionStyle, TransitionResult } from './presets/slide';
+export type { FadeStyle, FadeOptions, FadeTransitionStyle, FadeTransitionResult } from './presets/fade';
+export type { FlipDirection, CardFlipDirection, CubeDirection, DoorSide, FlipOptions, CardFlipOptions, CubeOptions, DoorOptions, FlipTransitionStyle, FlipTransitionResult, CubeTransitionStyle, CubeTransitionResult, DoorTransitionStyle, DoorTransitionResult, } from './presets/flip';
+export type { WipeDirection, DiagonalCorner, WipeOptions, DiagonalWipeOptions, WipeTransitionStyle, WipeTransitionResult, } from './presets/wipe';
+export type { ZoomDirection, ZoomOptions, KenBurnsOptions, ZoomRotateOptions, ZoomTransitionStyle, ZoomTransitionResult, KenBurnsStyle, } from './presets/zoom';
+export type { TransitionPresentation } from './presets/slide';
+import * as fadePresets from './presets/fade';
+import * as slidePresets from './presets/slide';
+import * as wipePresets from './presets/wipe';
+import * as zoomPresets from './presets/zoom';
+import * as flipPresets from './presets/flip';
+export declare const presets: {
+    flip(options?: flipPresets.FlipOptions): flipPresets.FlipTransitionResult;
+    flipHorizontal(options?: Omit<flipPresets.FlipOptions, "direction">): flipPresets.FlipTransitionResult;
+    flipVertical(options?: Omit<flipPresets.FlipOptions, "direction">): flipPresets.FlipTransitionResult;
+    cardFlip(options?: flipPresets.CardFlipOptions): flipPresets.FlipTransitionResult;
+    cube(options?: flipPresets.CubeOptions): flipPresets.CubeTransitionResult;
+    door(options?: flipPresets.DoorOptions): flipPresets.DoorTransitionResult;
+    default: typeof flipPresets.flip;
+    zoom(options?: zoomPresets.ZoomOptions): zoomPresets.ZoomTransitionResult;
+    zoomInOut(options?: Omit<zoomPresets.ZoomOptions, "enterDirection" | "exitDirection">): zoomPresets.ZoomTransitionResult;
+    zoomOutIn(options?: Omit<zoomPresets.ZoomOptions, "enterDirection" | "exitDirection">): zoomPresets.ZoomTransitionResult;
+    kenBurns(options?: zoomPresets.KenBurnsOptions): (progress: number) => zoomPresets.KenBurnsStyle;
+    zoomRotate(options?: zoomPresets.ZoomRotateOptions): zoomPresets.ZoomTransitionResult;
+    wipe(options?: wipePresets.WipeOptions): wipePresets.WipeTransitionResult;
+    wipeLeft(options?: Omit<wipePresets.WipeOptions, "direction">): wipePresets.WipeTransitionResult;
+    wipeRight(options?: Omit<wipePresets.WipeOptions, "direction">): wipePresets.WipeTransitionResult;
+    wipeTop(options?: Omit<wipePresets.WipeOptions, "direction">): wipePresets.WipeTransitionResult;
+    wipeBottom(options?: Omit<wipePresets.WipeOptions, "direction">): wipePresets.WipeTransitionResult;
+    iris(options?: Omit<wipePresets.WipeOptions, "direction">): wipePresets.WipeTransitionResult;
+    diagonalWipe(options?: wipePresets.DiagonalWipeOptions): wipePresets.WipeTransitionResult;
+    slide(options?: slidePresets.SlideOptions): slidePresets.TransitionResult;
+    slideFromLeft(options?: Omit<slidePresets.SlideOptions, "direction">): slidePresets.TransitionResult;
+    slideFromRight(options?: Omit<slidePresets.SlideOptions, "direction">): slidePresets.TransitionResult;
+    slideFromTop(options?: Omit<slidePresets.SlideOptions, "direction">): slidePresets.TransitionResult;
+    slideFromBottom(options?: Omit<slidePresets.SlideOptions, "direction">): slidePresets.TransitionResult;
+    push(options?: Omit<slidePresets.SlideOptions, "exitOpposite">): slidePresets.TransitionResult;
+    fade(options?: fadePresets.FadeOptions): fadePresets.FadeTransitionResult;
+    crossfade(options?: Omit<fadePresets.FadeOptions, "enterStyle" | "exitStyle">): fadePresets.FadeTransitionResult;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transitions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EACL,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,IAAI,GACL,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,GACX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,IAAI,GACL,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACvG,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,aAAa,EACb,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG9D,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAC"}

package/dist/transitions/index.js

@@ -0,0 +1,31 @@
+/**
+ * Transitions Package
+ *
+ * Provides TransitionSeries component and built-in transition presets.
+ */
+// Main component
+export { default as TransitionSeries, useTransition, createPresentation, createTiming, } from './TransitionSeries';
+// Fade transitions
+export { fade, crossfade } from './presets/fade';
+// Slide transitions
+export { slide, slideFromLeft, slideFromRight, slideFromTop, slideFromBottom, push, } from './presets/slide';
+// Wipe transitions
+export { wipe, wipeLeft, wipeRight, wipeTop, wipeBottom, iris, diagonalWipe, } from './presets/wipe';
+// Zoom transitions
+export { zoom, zoomInOut, zoomOutIn, kenBurns, zoomRotate, } from './presets/zoom';
+// Flip transitions
+export { flip, flipHorizontal, flipVertical, cardFlip, cube, door, } from './presets/flip';
+// Re-export presets as namespace
+import * as fadePresets from './presets/fade';
+import * as slidePresets from './presets/slide';
+import * as wipePresets from './presets/wipe';
+import * as zoomPresets from './presets/zoom';
+import * as flipPresets from './presets/flip';
+export const presets = {
+    ...fadePresets,
+    ...slidePresets,
+    ...wipePresets,
+    ...zoomPresets,
+    ...flipPresets,
+};
+//# sourceMappingURL=index.js.map

package/dist/transitions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transitions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,iBAAiB;AACjB,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,aAAa,EACb,kBAAkB,EAClB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAE5B,mBAAmB;AACnB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjD,oBAAoB;AACpB,OAAO,EACL,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,IAAI,GACL,MAAM,iBAAiB,CAAC;AAEzB,mBAAmB;AACnB,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,gBAAgB,CAAC;AAExB,mBAAmB;AACnB,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,mBAAmB;AACnB,OAAO,EACL,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,IAAI,GACL,MAAM,gBAAgB,CAAC;AAwCxB,iCAAiC;AACjC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,YAAY,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,WAAW;IACd,GAAG,YAAY;IACf,GAAG,WAAW;IACd,GAAG,WAAW;IACd,GAAG,WAAW;CACf,CAAC"}

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

@@ -0,0 +1,45 @@
+/**
+ * Fade Transition
+ *
+ * Simple opacity-based transition between scenes.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={fade()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // With custom options
+ *   <TransitionSeries.Transition
+ *     presentation={fade({ enterStyle: 'in', exitStyle: 'out' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { EasingFunction } from '../../Easing';
+export type FadeStyle = 'in' | 'out' | 'both';
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+export interface FadeOptions {
+    enterStyle?: FadeStyle;
+    exitStyle?: FadeStyle;
+    easing?: EasingFunction;
+}
+export interface FadeTransitionStyle {
+    opacity: number;
+}
+export interface FadeTransitionResult {
+    entering: (progress: number) => FadeTransitionStyle;
+    exiting: (progress: number) => FadeTransitionStyle;
+}
+/**
+ * Create a fade transition presentation.
+ */
+export declare function fade(options?: FadeOptions): FadeTransitionResult;
+/**
+ * Crossfade - both scenes fade simultaneously.
+ */
+export declare function crossfade(options?: Omit<FadeOptions, 'enterStyle' | 'exitStyle'>): FadeTransitionResult;
+export default fade;
+//# sourceMappingURL=fade.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../../src/transitions/presets/fade.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;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,CAkCpE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,WAAW,CAAM,GAAG,oBAAoB,CAE3G;AAED,eAAe,IAAI,CAAC"}

package/dist/transitions/presets/fade.js

@@ -0,0 +1,56 @@
+/**
+ * Fade Transition
+ *
+ * Simple opacity-based transition between scenes.
+ *
+ * Usage:
+ *   <TransitionSeries.Transition
+ *     presentation={fade()}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ *
+ *   // With custom options
+ *   <TransitionSeries.Transition
+ *     presentation={fade({ enterStyle: 'in', exitStyle: 'out' })}
+ *     timing={{ durationInFrames: 30 }}
+ *   />
+ */
+import { Easing } from '../../Easing';
+/**
+ * Create a fade transition presentation.
+ */
+export function fade(options = {}) {
+    const { enterStyle = 'in', exitStyle = 'out', easing = Easing.ease, } = options;
+    return {
+        entering: (progress) => {
+            const easedProgress = easing(progress);
+            if (enterStyle === 'in') {
+                return { opacity: easedProgress };
+            }
+            if (enterStyle === 'out') {
+                return { opacity: 1 - easedProgress };
+            }
+            // both - crossfade
+            return { opacity: easedProgress };
+        },
+        exiting: (progress) => {
+            const easedProgress = easing(progress);
+            if (exitStyle === 'out') {
+                return { opacity: 1 - easedProgress };
+            }
+            if (exitStyle === 'in') {
+                return { opacity: easedProgress };
+            }
+            // both - crossfade
+            return { opacity: 1 - easedProgress };
+        },
+    };
+}
+/**
+ * Crossfade - both scenes fade simultaneously.
+ */
+export function crossfade(options = {}) {
+    return fade({ ...options, enterStyle: 'both', exitStyle: 'both' });
+}
+export default fade;
+//# sourceMappingURL=fade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/transitions/presets/fade.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,MAAM,EAAkB,MAAM,cAAc,CAAC;AAwBtD;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,UAAuB,EAAE;IAC5C,MAAM,EACJ,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,MAAM,CAAC,IAAI,GACrB,GAAG,OAAO,CAAC;IAEZ,OAAO;QACL,QAAQ,EAAE,CAAC,QAAgB,EAAuB,EAAE;YAClD,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEvC,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACxB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YACpC,CAAC;YACD,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;gBACzB,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC;YACxC,CAAC;YACD,mBAAmB;YACnB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QACpC,CAAC;QAED,OAAO,EAAE,CAAC,QAAgB,EAAuB,EAAE;YACjD,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEvC,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;gBACxB,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC;YACxC,CAAC;YACD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;gBACvB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;YACpC,CAAC;YACD,mBAAmB;YACnB,OAAO,EAAE,OAAO,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC;QACxC,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,UAAyD,EAAE;IACnF,OAAO,IAAI,CAAC,EAAE,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;AACrE,CAAC;AAED,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,99 @@
+/**
+ * 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 { EasingFunction } from '../../Easing';
+export type FlipDirection = 'horizontal' | 'vertical';
+export type CardFlipDirection = 'left' | 'right' | 'up' | 'down';
+export type CubeDirection = 'left' | 'right' | 'up' | 'down';
+export type DoorSide = 'left' | 'right';
+export interface TransitionPresentation {
+    style: React.CSSProperties;
+    transform?: string;
+}
+export interface FlipOptions {
+    direction?: FlipDirection;
+    perspective?: number;
+    easing?: EasingFunction;
+}
+export interface CardFlipOptions {
+    flipDirection?: CardFlipDirection;
+    perspective?: number;
+    easing?: EasingFunction;
+}
+export interface CubeOptions {
+    direction?: CubeDirection;
+    perspective?: number;
+    easing?: EasingFunction;
+}
+export interface DoorOptions {
+    side?: DoorSide;
+    perspective?: number;
+    easing?: EasingFunction;
+}
+export interface FlipTransitionStyle {
+    transform: string;
+    backfaceVisibility: string;
+    opacity?: number;
+    transformStyle?: string;
+    transformOrigin?: string;
+}
+export interface FlipTransitionResult {
+    entering: (progress: number) => FlipTransitionStyle;
+    exiting: (progress: number) => FlipTransitionStyle;
+}
+export interface CubeTransitionStyle {
+    transform: string;
+    transformOrigin: string;
+}
+export interface CubeTransitionResult {
+    entering: (progress: number) => CubeTransitionStyle;
+    exiting: (progress: number) => CubeTransitionStyle;
+}
+export interface DoorTransitionStyle {
+    transform: string;
+    transformOrigin: string;
+}
+export interface DoorTransitionResult {
+    entering: (progress: number) => DoorTransitionStyle;
+    exiting: (progress: number) => DoorTransitionStyle;
+}
+/**
+ * Create a flip transition presentation.
+ */
+export declare function flip(options?: FlipOptions): FlipTransitionResult;
+/**
+ * Horizontal flip (around Y axis).
+ */
+export declare function flipHorizontal(options?: Omit<FlipOptions, 'direction'>): FlipTransitionResult;
+/**
+ * Vertical flip (around X axis).
+ */
+export declare function flipVertical(options?: Omit<FlipOptions, 'direction'>): FlipTransitionResult;
+/**
+ * Card flip - like flipping a playing card.
+ */
+export declare function cardFlip(options?: CardFlipOptions): FlipTransitionResult;
+/**
+ * Cube rotation - scenes appear on faces of a rotating cube.
+ */
+export declare function cube(options?: CubeOptions): CubeTransitionResult;
+/**
+ * Door opening effect.
+ */
+export declare function door(options?: DoorOptions): DoorTransitionResult;
+export default flip;
+//# sourceMappingURL=flip.d.ts.map

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

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