@remotion/transitions 4.0.207 → 4.0.209

package/dist/esm/clock-wipe.mjs

@@ -35,19 +35,19 @@ var ClockWipePresentation = ({ children, presentationDirection, presentationProg
     passedProps.outerExitStyle,
     presentationDirection
   ]);
-  return jsxs(AbsoluteFill, {
+  return /* @__PURE__ */ jsxs(AbsoluteFill, {
     style: outerStyle,
     children: [
-      jsx(AbsoluteFill, {
+      /* @__PURE__ */ jsx(AbsoluteFill, {
         style,
         children
       }),
-      presentationDirection === "exiting" ? null : jsx(AbsoluteFill, {
-        children: jsx("svg", {
-          children: jsx("defs", {
-            children: jsx("clipPath", {
+      presentationDirection === "exiting" ? null : /* @__PURE__ */ jsx(AbsoluteFill, {
+        children: /* @__PURE__ */ jsx("svg", {
+          children: /* @__PURE__ */ jsx("defs", {
+            children: /* @__PURE__ */ jsx("clipPath", {
               id: clipId,
-              children: jsx("path", {
+              children: /* @__PURE__ */ jsx("path", {
                 d: translatedPath,
                 fill: "black"
               })

package/dist/esm/fade.mjs

@@ -19,7 +19,7 @@ var FadePresentation = ({ children, presentationDirection, presentationProgress,
     presentationDirection,
     presentationProgress
   ]);
-  return jsx(AbsoluteFill, {
+  return /* @__PURE__ */ jsx(AbsoluteFill, {
     style,
     children
   });

package/dist/esm/flip.mjs

@@ -44,9 +44,9 @@ var Flip = ({
       ...presentationDirection === "entering" ? outerEnterStyle : outerExitStyle
     };
   }, [outerEnterStyle, outerExitStyle, perspective, presentationDirection]);
-  return jsx(AbsoluteFill, {
+  return /* @__PURE__ */ jsx(AbsoluteFill, {
     style: outer,
-    children: jsx(AbsoluteFill, {
+    children: /* @__PURE__ */ jsx(AbsoluteFill, {
       style,
       children
     })

package/dist/esm/index.mjs

@@ -66,7 +66,7 @@ var SlidePresentation = ({
       ...presentationDirection === "entering" ? enterStyle : exitStyle
     };
   }, [directionStyle, enterStyle, exitStyle, presentationDirection]);
-  return jsx(AbsoluteFill, {
+  return /* @__PURE__ */ jsx(AbsoluteFill, {
     style,
     children
   });
@@ -94,7 +94,6 @@ var linearTiming = (options) => {
     }
   };
 };
-
 // src/timings/spring-timing.ts
 import {measureSpring, spring} from "remotion";
 var springTiming = (options = {}) => {
@@ -125,7 +124,6 @@ var springTiming = (options = {}) => {
     }
   };
 };
-
 // src/TransitionSeries.tsx
 import {Children, useMemo as useMemo3} from "react";
 import {Internals, Sequence, useCurrentFrame, useVideoConfig} from "remotion";
@@ -144,7 +142,7 @@ var WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
       enteringProgress: presentationProgress
     };
   }, [presentationProgress]);
-  return jsx2(EnteringContext.Provider, {
+  return /* @__PURE__ */ jsx2(EnteringContext.Provider, {
     value,
     children
   });
@@ -155,7 +153,7 @@ var WrapInExitingProgressContext = ({ presentationProgress, children }) => {
       exitingProgress: presentationProgress
     };
   }, [presentationProgress]);
-  return jsx2(ExitingContext.Provider, {
+  return /* @__PURE__ */ jsx2(ExitingContext.Provider, {
     value,
     children
   });
@@ -187,7 +185,7 @@ var TransitionSeriesTransition = function(_props) {
   return null;
 };
 var SeriesSequence = ({ children }) => {
-  return jsx3(Fragment, {
+  return /* @__PURE__ */ jsx3(Fragment, {
     children
   });
 };
@@ -280,24 +278,24 @@ var TransitionSeriesChildren = ({
         const prevPresentation = prev.props.presentation ?? slide();
         const UppercaseNextPresentation = nextPresentation.component;
         const UppercasePrevPresentation = prevPresentation.component;
-        return jsx3(Sequence, {
+        return /* @__PURE__ */ jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx3(UppercaseNextPresentation, {
+          children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
             passedProps: nextPresentation.props ?? {},
             presentationDirection: "exiting",
             presentationProgress: nextProgress,
             presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
-            children: jsx3(WrapInExitingProgressContext, {
+            children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
               presentationProgress: nextProgress,
-              children: jsx3(UppercasePrevPresentation, {
+              children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
                 passedProps: prevPresentation.props ?? {},
                 presentationDirection: "entering",
                 presentationProgress: prevProgress,
                 presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
-                children: jsx3(WrapInEnteringProgressContext, {
+                children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
                   presentationProgress: prevProgress,
                   children: child
                 })
@@ -309,17 +307,17 @@ var TransitionSeriesChildren = ({
       if (prevProgress !== null && prev) {
         const prevPresentation = prev.props.presentation ?? slide();
         const UppercasePrevPresentation = prevPresentation.component;
-        return jsx3(Sequence, {
+        return /* @__PURE__ */ jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx3(UppercasePrevPresentation, {
+          children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
             passedProps: prevPresentation.props ?? {},
             presentationDirection: "entering",
             presentationProgress: prevProgress,
             presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
-            children: jsx3(WrapInEnteringProgressContext, {
+            children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
               presentationProgress: prevProgress,
               children: child
             })
@@ -329,24 +327,24 @@ var TransitionSeriesChildren = ({
       if (nextProgress !== null && next) {
         const nextPresentation = next.props.presentation ?? slide();
         const UppercaseNextPresentation = nextPresentation.component;
-        return jsx3(Sequence, {
+        return /* @__PURE__ */ jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx3(UppercaseNextPresentation, {
+          children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
             passedProps: nextPresentation.props ?? {},
             presentationDirection: "exiting",
             presentationProgress: nextProgress,
             presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
-            children: jsx3(WrapInExitingProgressContext, {
+            children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
               presentationProgress: nextProgress,
               children: child
             })
           })
         }, i);
       }
-      return jsx3(Sequence, {
+      return /* @__PURE__ */ jsx3(Sequence, {
         from: Math.floor(actualStartFrame),
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -355,7 +353,7 @@ var TransitionSeriesChildren = ({
       }, i);
     });
   }, [children, fps, frame]);
-  return jsx3(Fragment, {
+  return /* @__PURE__ */ jsx3(Fragment, {
     children: childrenValue
   });
 };
@@ -365,11 +363,11 @@ var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps })
   if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
     throw new TypeError(`The "layout" prop of <TransitionSeries /> is not supported anymore in v5. TransitionSeries' must be absolutely positioned.`);
   }
-  return jsx3(Sequence, {
+  return /* @__PURE__ */ jsx3(Sequence, {
     name: displayName,
     layout,
     ...otherProps,
-    children: jsx3(TransitionSeriesChildren, {
+    children: /* @__PURE__ */ jsx3(TransitionSeriesChildren, {
       children
     })
   });
@@ -378,7 +376,6 @@ TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;
 Internals.addSequenceStackTraces(TransitionSeries);
 Internals.addSequenceStackTraces(SeriesSequence);
-
 // src/use-transition-progress.ts
 import React4 from "react";
 var useTransitionProgress = () => {

package/dist/esm/none.mjs

@@ -10,7 +10,7 @@ var NonePresentation = ({ children, presentationDirection, passedProps }) => {
       ...presentationDirection === "entering" ? passedProps.enterStyle : passedProps.exitStyle
     };
   }, [passedProps.enterStyle, passedProps.exitStyle, presentationDirection]);
-  return jsx(AbsoluteFill, {
+  return /* @__PURE__ */ jsx(AbsoluteFill, {
     style,
     children
   });

package/dist/esm/slide.mjs

@@ -66,7 +66,7 @@ var SlidePresentation = ({
       ...presentationDirection === "entering" ? enterStyle : exitStyle
     };
   }, [directionStyle, enterStyle, exitStyle, presentationDirection]);
-  return jsx(AbsoluteFill, {
+  return /* @__PURE__ */ jsx(AbsoluteFill, {
     style,
     children
   });

package/dist/esm/wipe.mjs

@@ -156,22 +156,22 @@ var WipePresentation = ({
       pointerEvents: "none"
     };
   }, []);
-  return jsxs(AbsoluteFill, {
+  return /* @__PURE__ */ jsxs(AbsoluteFill, {
     style: outerStyle,
     children: [
-      jsx(AbsoluteFill, {
+      /* @__PURE__ */ jsx(AbsoluteFill, {
         style,
         children
       }),
-      jsx(AbsoluteFill, {
-        children: jsx("svg", {
+      /* @__PURE__ */ jsx(AbsoluteFill, {
+        children: /* @__PURE__ */ jsx("svg", {
           viewBox: "0 0 1 1",
           style: svgStyle,
-          children: jsx("defs", {
-            children: jsx("clipPath", {
+          children: /* @__PURE__ */ jsx("defs", {
+            children: /* @__PURE__ */ jsx("clipPath", {
               id: clipId,
               clipPathUnits: "objectBoundingBox",
-              children: jsx("path", {
+              children: /* @__PURE__ */ jsx("path", {
                 d: path,
                 fill: "black"
               })

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
   },
   "name": "@remotion/transitions",
-  "version": "4.0.207",
+  "version": "4.0.209",
   "description": "Library for creating transitions in Remotion",
   "sideEffects": false,
   "main": "dist/esm/index.mjs",
@@ -16,17 +16,17 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.207",
-    "@remotion/shapes": "4.0.207",
-    "@remotion/paths": "4.0.207"
+    "remotion": "4.0.209",
+    "@remotion/paths": "4.0.209",
+    "@remotion/shapes": "4.0.209"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "14.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "@vitejs/plugin-react": "^2.0.0",
-    "remotion": "4.0.207",
-    "@remotion/test-utils": "4.0.207"
+    "@remotion/test-utils": "4.0.209",
+    "remotion": "4.0.209"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/TransitionSeries.js

@@ -1,148 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { Children, useMemo } from 'react';
-import { Internals, Sequence, useCurrentFrame, useVideoConfig } from 'remotion';
-import { flattenChildren } from './flatten-children.js';
-import { slide } from './presentations/slide.js';
-import { validateDurationInFrames } from './validate.js';
-// eslint-disable-next-line react/function-component-definition
-const TransitionSeriesTransition = function (
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-_props) {
-    return null;
-};
-const SeriesSequence = ({ children }) => {
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    return _jsx(_Fragment, { children: children });
-};
-const TransitionSeriesChildren = ({ children, }) => {
-    const { fps } = useVideoConfig();
-    const frame = useCurrentFrame();
-    const childrenValue = useMemo(() => {
-        let transitionOffsets = 0;
-        let startFrame = 0;
-        const flattedChildren = flattenChildren(children);
-        return Children.map(flattedChildren, (child, i) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            const current = child;
-            if (typeof current === 'string') {
-                // Don't throw if it's just some accidential whitespace
-                if (current.trim() === '') {
-                    return null;
-                }
-                throw new TypeError(`The <TransitionSeries /> component only accepts a list of <TransitionSeries.Sequence /> components as its children, but you passed a string "${current}"`);
-            }
-            const hasPrev = flattedChildren[i - 1];
-            const nextPrev = flattedChildren[i + 1];
-            const prev = typeof hasPrev === 'string' || typeof hasPrev === 'undefined'
-                ? null
-                : hasPrev.type === TransitionSeriesTransition
-                    ? hasPrev
-                    : null;
-            const next = typeof nextPrev === 'string' || typeof nextPrev === 'undefined'
-                ? null
-                : nextPrev.type === TransitionSeriesTransition
-                    ? nextPrev
-                    : null;
-            const prevIsTransition = typeof hasPrev === 'string' || typeof hasPrev === 'undefined'
-                ? false
-                : hasPrev.type === TransitionSeriesTransition;
-            if (current.type === TransitionSeriesTransition) {
-                if (prevIsTransition) {
-                    throw new TypeError(`A <TransitionSeries.Transition /> component must not be followed by another <TransitionSeries.Transition /> component (nth children = ${i - 1} and ${i})`);
-                }
-                return null;
-            }
-            if (current.type !== SeriesSequence) {
-                throw new TypeError(`The <TransitionSeries /> component only accepts a list of <TransitionSeries.Sequence /> and <TransitionSeries.Transition /> components as its children, but got ${current} instead`);
-            }
-            const castedChildAgain = current;
-            const debugInfo = `index = ${i}, duration = ${castedChildAgain.props.durationInFrames}`;
-            if (!(castedChildAgain === null || castedChildAgain === void 0 ? void 0 : castedChildAgain.props.children)) {
-                throw new TypeError(`A <TransitionSeries.Sequence /> component (${debugInfo}) was detected to not have any children. Delete it to fix this error.`);
-            }
-            const durationInFramesProp = castedChildAgain.props.durationInFrames;
-            const { durationInFrames, children: _children, ...passedProps } = castedChildAgain.props;
-            validateDurationInFrames(durationInFramesProp, {
-                component: `of a <TransitionSeries.Sequence /> component`,
-                allowFloats: true,
-            });
-            const offset = (_a = castedChildAgain.props.offset) !== null && _a !== void 0 ? _a : 0;
-            if (Number.isNaN(offset)) {
-                throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
-            }
-            if (!Number.isFinite(offset)) {
-                throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
-            }
-            if (offset % 1 !== 0) {
-                throw new TypeError(`The "offset" property of a <TransitionSeries.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
-            }
-            const currentStartFrame = startFrame + offset;
-            let duration = 0;
-            if (prev) {
-                duration = prev.props.timing.getDurationInFrames({
-                    fps,
-                });
-                transitionOffsets -= duration;
-            }
-            let actualStartFrame = currentStartFrame + transitionOffsets;
-            startFrame += durationInFramesProp + offset;
-            // Handle the case where the first item is a transition
-            if (actualStartFrame < 0) {
-                startFrame -= actualStartFrame;
-                actualStartFrame = 0;
-            }
-            const nextProgress = next
-                ? next.props.timing.getProgress({
-                    frame: frame -
-                        actualStartFrame -
-                        durationInFrames +
-                        next.props.timing.getDurationInFrames({ fps }),
-                    fps,
-                })
-                : null;
-            const prevProgress = prev
-                ? prev.props.timing.getProgress({
-                    frame: frame - actualStartFrame,
-                    fps,
-                })
-                : null;
-            if (next &&
-                durationInFramesProp < next.props.timing.getDurationInFrames({ fps })) {
-                throw new Error(`The duration of a <TransitionSeries.Sequence /> must not be shorter than the duration of the next <TransitionSeries.Transition />. The transition is ${next.props.timing.getDurationInFrames({ fps })} frames long, but the sequence is only ${durationInFramesProp} frames long (${debugInfo})`);
-            }
-            if (prev &&
-                durationInFramesProp < prev.props.timing.getDurationInFrames({ fps })) {
-                throw new Error(`The duration of a <TransitionSeries.Sequence /> must not be shorter than the duration of the previous <TransitionSeries.Transition />. The transition is ${prev.props.timing.getDurationInFrames({ fps })} frames long, but the sequence is only ${durationInFramesProp} frames long (${debugInfo})`);
-            }
-            if (next && prev && nextProgress !== null && prevProgress !== null) {
-                const nextPresentation = (_b = next.props.presentation) !== null && _b !== void 0 ? _b : slide();
-                const prevPresentation = (_c = prev.props.presentation) !== null && _c !== void 0 ? _c : slide();
-                const UppercaseNextPresentation = nextPresentation.component;
-                const UppercasePrevPresentation = prevPresentation.component;
-                return (_jsx(Sequence, { name: passedProps.name || '<TS.Sequence>', from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: _jsx(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }) }));
-            }
-            if (prevProgress !== null && prev) {
-                const prevPresentation = (_f = prev.props.presentation) !== null && _f !== void 0 ? _f : slide();
-                const UppercasePrevPresentation = prevPresentation.component;
-                return (_jsx(Sequence, { name: passedProps.name || '<TS.Sequence>', from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
-            }
-            if (nextProgress !== null && next) {
-                const nextPresentation = (_h = next.props.presentation) !== null && _h !== void 0 ? _h : slide();
-                const UppercaseNextPresentation = nextPresentation.component;
-                return (_jsx(Sequence, { name: passedProps.name || '<TS.Sequence>', from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, layout: "none", stack: passedProps.stack, children: _jsx(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: _jsx(Sequence, { showInTimeline: false, ...passedProps, children: child }) }) }));
-            }
-            return (_jsx(Sequence, { name: passedProps.name || '<TS.Sequence>', from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, children: child }));
-        });
-    }, [children, fps, frame]);
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    return _jsx(_Fragment, { children: childrenValue });
-};
-const TransitionSeries = ({ children, name, ...otherProps }) => {
-    const displayName = name !== null && name !== void 0 ? name : '<TransitionSeries>';
-    return (_jsx(Sequence, { name: displayName, ...otherProps, children: _jsx(TransitionSeriesChildren, { children: children }) }));
-};
-TransitionSeries.Sequence = SeriesSequence;
-TransitionSeries.Transition = TransitionSeriesTransition;
-export { TransitionSeries };
-Internals.addSequenceStackTraces(TransitionSeries);
-Internals.addSequenceStackTraces(SeriesSequence);

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/flatten-children.js

@@ -1,12 +0,0 @@
-import React from 'react';
-export const flattenChildren = (children) => {
-    const childrenArray = React.Children.toArray(children);
-    return childrenArray.reduce((flatChildren, child) => {
-        if (child.type === React.Fragment) {
-            return flatChildren.concat(flattenChildren(child.props
-                .children));
-        }
-        flatChildren.push(child);
-        return flatChildren;
-    }, []);
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/index.js

@@ -1,5 +0,0 @@
-// Timings
-export { linearTiming } from './timings/linear-timing.js';
-export { springTiming } from './timings/spring-timing.js';
-// Component
-export { TransitionSeries } from './TransitionSeries.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/presentations/clock-wipe.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { translatePath } from '@remotion/paths';
-import { makePie } from '@remotion/shapes';
-import { useMemo, useState } from 'react';
-import { AbsoluteFill, random } from 'remotion';
-const ClockWipePresentation = ({ children, presentationDirection, presentationProgress, passedProps }) => {
-    const finishedRadius = Math.sqrt(passedProps.width ** 2 + passedProps.height ** 2) / 2;
-    const { path } = makePie({
-        radius: finishedRadius,
-        progress: presentationProgress,
-    });
-    const translatedPath = translatePath(path, -(finishedRadius * 2 - passedProps.width) / 2, -(finishedRadius * 2 - passedProps.height) / 2);
-    const [clipId] = useState(() => String(random(null)));
-    const style = useMemo(() => {
-        return {
-            width: '100%',
-            height: '100%',
-            clipPath: presentationDirection === 'exiting' ? undefined : `url(#${clipId})`,
-            ...(presentationDirection === 'entering'
-                ? passedProps.innerEnterStyle
-                : passedProps.innerExitStyle),
-        };
-    }, [
-        clipId,
-        passedProps.innerEnterStyle,
-        passedProps.innerExitStyle,
-        presentationDirection,
-    ]);
-    const outerStyle = useMemo(() => {
-        return presentationDirection === 'entering'
-            ? passedProps.outerEnterStyle
-            : passedProps.outerExitStyle;
-    }, [
-        passedProps.outerEnterStyle,
-        passedProps.outerExitStyle,
-        presentationDirection,
-    ]);
-    return (_jsxs(AbsoluteFill, { style: outerStyle, children: [_jsx(AbsoluteFill, { style: style, children: children }), presentationDirection === 'exiting' ? null : (_jsx(AbsoluteFill, { children: _jsx("svg", { children: _jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx("path", { d: translatedPath, fill: "black" }) }) }) }) }))] }));
-};
-export const clockWipe = (props) => {
-    return { component: ClockWipePresentation, props: props !== null && props !== void 0 ? props : {} };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/presentations/fade.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { AbsoluteFill } from 'remotion';
-const FadePresentation = ({ children, presentationDirection, presentationProgress, passedProps }) => {
-    const isEntering = presentationDirection === 'entering';
-    const style = useMemo(() => {
-        return {
-            opacity: isEntering ? presentationProgress : 1,
-            ...(presentationDirection === 'entering'
-                ? passedProps.enterStyle
-                : passedProps.exitStyle),
-        };
-    }, [
-        isEntering,
-        passedProps.enterStyle,
-        passedProps.exitStyle,
-        presentationDirection,
-        presentationProgress,
-    ]);
-    return _jsx(AbsoluteFill, { style: style, children: children });
-};
-export const fade = (props) => {
-    return {
-        component: FadePresentation,
-        props: props !== null && props !== void 0 ? props : {},
-    };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/presentations/flip.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { AbsoluteFill, interpolate } from 'remotion';
-const Flip = ({ children, presentationDirection, presentationProgress, passedProps: { direction = 'from-left', perspective = 1000, innerEnterStyle, innerExitStyle, outerEnterStyle, outerExitStyle, }, }) => {
-    const style = useMemo(() => {
-        const startRotationEntering = direction === 'from-right' || direction === 'from-top' ? 180 : -180;
-        const endRotationEntering = direction === 'from-right' || direction === 'from-top' ? -180 : 180;
-        const rotation = presentationDirection === 'entering'
-            ? interpolate(presentationProgress, [0, 1], [startRotationEntering, 0])
-            : interpolate(presentationProgress, [0, 1], [0, endRotationEntering]);
-        const rotateProperty = direction === 'from-top' || direction === 'from-bottom'
-            ? 'rotateX'
-            : 'rotateY';
-        return {
-            width: '100%',
-            height: '100%',
-            transform: `${rotateProperty}(${rotation}deg)`,
-            backfaceVisibility: 'hidden',
-            WebkitBackfaceVisibility: 'hidden',
-            ...(presentationDirection === 'entering'
-                ? innerEnterStyle
-                : innerExitStyle),
-        };
-    }, [
-        direction,
-        innerEnterStyle,
-        innerExitStyle,
-        presentationDirection,
-        presentationProgress,
-    ]);
-    const outer = useMemo(() => {
-        return {
-            perspective,
-            // Make children also their backface hidden
-            transformStyle: 'preserve-3d',
-            ...(presentationDirection === 'entering'
-                ? outerEnterStyle
-                : outerExitStyle),
-        };
-    }, [outerEnterStyle, outerExitStyle, perspective, presentationDirection]);
-    return (_jsx(AbsoluteFill, { style: outer, children: _jsx(AbsoluteFill, { style: style, children: children }) }));
-};
-export const flip = (props) => {
-    return { component: Flip, props: props !== null && props !== void 0 ? props : {} };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/presentations/slide.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { AbsoluteFill } from 'remotion';
-const epsilon = 0.01;
-const SlidePresentation = ({ children, presentationProgress, presentationDirection, passedProps: { direction = 'from-left', enterStyle, exitStyle }, }) => {
-    const directionStyle = useMemo(() => {
-        // Overlay the two slides barely to avoid a white line between them
-        // Remove the correction once the presentation progress is 1
-        const presentationProgressWithEpsilonCorrection = presentationProgress === 1
-            ? presentationProgress * 100
-            : presentationProgress * 100 - epsilon;
-        if (presentationDirection === 'exiting') {
-            switch (direction) {
-                case 'from-left':
-                    return {
-                        transform: `translateX(${presentationProgressWithEpsilonCorrection}%)`,
-                    };
-                case 'from-right':
-                    return {
-                        transform: `translateX(-${presentationProgress * 100}%)`,
-                    };
-                case 'from-top':
-                    return {
-                        transform: `translateY(${presentationProgressWithEpsilonCorrection}%)`,
-                    };
-                case 'from-bottom':
-                    return {
-                        transform: `translateY(-${presentationProgress * 100}%)`,
-                    };
-                default:
-                    throw new Error(`Invalid direction: ${direction}`);
-            }
-        }
-        switch (direction) {
-            case 'from-left':
-                return {
-                    transform: `translateX(${-100 + presentationProgress * 100}%)`,
-                };
-            case 'from-right':
-                return {
-                    transform: `translateX(${100 - presentationProgressWithEpsilonCorrection}%)`,
-                };
-            case 'from-top':
-                return {
-                    transform: `translateY(${-100 + presentationProgress * 100}%)`,
-                };
-            case 'from-bottom':
-                return {
-                    transform: `translateY(${100 - presentationProgressWithEpsilonCorrection}%)`,
-                };
-            default:
-                throw new Error(`Invalid direction: ${direction}`);
-        }
-    }, [presentationDirection, presentationProgress, direction]);
-    const style = useMemo(() => {
-        return {
-            width: '100%',
-            height: '100%',
-            justifyContent: 'center',
-            alignItems: 'center',
-            ...directionStyle,
-            ...(presentationDirection === 'entering' ? enterStyle : exitStyle),
-        };
-    }, [directionStyle, enterStyle, exitStyle, presentationDirection]);
-    return _jsx(AbsoluteFill, { style: style, children: children });
-};
-export const slide = (props) => {
-    return {
-        component: SlidePresentation,
-        props: props !== null && props !== void 0 ? props : {},
-    };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/presentations/wipe.js

@@ -1,159 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { AbsoluteFill, random } from 'remotion';
-const makePathIn = (progress, direction) => {
-    switch (direction) {
-        case 'from-left':
-            return `
-M 0 0
-L ${progress} 0
-L ${progress} 1
-L 0 1
-Z`;
-        case 'from-top-left':
-            return `
-M 0 0
-L ${progress * 2} 0
-L 0 ${progress * 2}
-Z`;
-        case 'from-top':
-            return `
-M 0 0
-L 1 0
-L 1 ${progress}
-L 0 ${progress}
-Z`;
-        case 'from-top-right':
-            return `
-M 1 0
-L ${1 - progress * 2} 0
-L 1 ${progress * 2}
-Z`;
-        case 'from-right':
-            return `
-M 1 0
-L 1 1
-L ${1 - progress} 1
-L ${1 - progress} 0
-Z`;
-        case 'from-bottom-right':
-            return `
-M 1 1
-L ${1 - progress * 2} 1
-L 1 ${1 - progress * 2}
-Z`;
-        case 'from-bottom':
-            return `
-M 0 1
-L 1 1
-L 1 ${1 - progress}
-L 0 ${1 - progress}
-Z`;
-        case 'from-bottom-left':
-            return `
-M 0 1
-L 0 ${1 - progress * 2}
-L ${progress * 2} 1
-Z`;
-        default:
-            throw new Error(`Unknown direction ${JSON.stringify(direction)}`);
-    }
-};
-const makePathOut = (progress, direction) => {
-    switch (direction) {
-        case 'from-left':
-            return `
-M 1 1
-L ${1 - progress} 1
-L ${1 - progress} 0
-L 1 0
-Z`;
-        case 'from-top-left':
-            return `
-M 1 1
-L ${1 - 2 * progress} 1
-L 1 ${1 - 2 * progress}
-Z`;
-        case 'from-top':
-            return `
-M 1 1
-L 0 1
-L 0 ${1 - progress}
-L 1 ${1 - progress}
-Z`;
-        case 'from-top-right':
-            return `
-M 0 1
-L ${progress * 2} 1
-L 0 ${1 - progress * 2}
-Z`;
-        case 'from-right':
-            return `
-M 0 0
-L ${progress} 0
-L ${progress} 1
-L 0 1
-Z`;
-        case 'from-bottom-right':
-            return `
-M 0 0
-L ${progress * 2} 0
-L 0 ${progress * 2}
-Z`;
-        case 'from-bottom':
-            return `
-M 1 0
-L 0 0
-L 0 ${progress}
-L 1 ${progress}
-Z`;
-        case 'from-bottom-left':
-            return `
-M 1 0
-L ${1 - progress * 2} 0
-L 1 ${progress * 2}
-Z`;
-        default:
-            throw new Error(`Unknown direction ${JSON.stringify(direction)}`);
-    }
-};
-const WipePresentation = ({ children, presentationProgress, presentationDirection, passedProps: { direction = 'from-left', innerEnterStyle, innerExitStyle, outerEnterStyle, outerExitStyle, }, }) => {
-    const [clipId] = useState(() => String(random(null)));
-    const progressInDirection = presentationDirection === 'entering'
-        ? presentationProgress
-        : 1 - presentationProgress;
-    const path = presentationDirection === 'entering'
-        ? makePathIn(progressInDirection, direction)
-        : makePathOut(progressInDirection, direction);
-    const style = useMemo(() => {
-        return {
-            width: '100%',
-            height: '100%',
-            justifyContent: 'center',
-            alignItems: 'center',
-            clipPath: `url(#${clipId})`,
-            ...(presentationDirection === 'entering'
-                ? innerEnterStyle
-                : innerExitStyle),
-        };
-    }, [clipId, innerEnterStyle, innerExitStyle, presentationDirection]);
-    const outerStyle = useMemo(() => {
-        return presentationDirection === 'entering'
-            ? outerEnterStyle
-            : outerExitStyle;
-    }, [outerEnterStyle, outerExitStyle, presentationDirection]);
-    const svgStyle = useMemo(() => {
-        return {
-            width: '100%',
-            height: '100%',
-            pointerEvents: 'none',
-        };
-    }, []);
-    return (_jsxs(AbsoluteFill, { style: outerStyle, children: [_jsx(AbsoluteFill, { style: style, children: children }), _jsx(AbsoluteFill, { children: _jsx("svg", { viewBox: "0 0 1 1", style: svgStyle, children: _jsx("defs", { children: _jsx("clipPath", { id: clipId, clipPathUnits: "objectBoundingBox", children: _jsx("path", { d: path, fill: "black" }) }) }) }) })] }));
-};
-export const wipe = (props) => {
-    return {
-        component: WipePresentation,
-        props: props !== null && props !== void 0 ? props : {},
-    };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/test/transitions.test.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { makeMockCompositionManagerContext, makeTimelineContext, } from '@remotion/test-utils';
-import { renderToString } from 'react-dom/server';
-import { AbsoluteFill, Internals } from 'remotion';
-import { expect, test } from 'vitest';
-import { fade } from '../presentations/fade.js';
-import { linearTiming } from '../timings/linear-timing.js';
-import { TransitionSeries } from '../TransitionSeries.js';
-const renderForFrame = (frame, markup) => {
-    return renderToString(_jsx(Internals.CanUseRemotionHooksProvider, { children: _jsx(Internals.CompositionManager.Provider, { value: makeMockCompositionManagerContext(), children: _jsx(Internals.Timeline.TimelineContext.Provider, { value: makeTimelineContext(frame), children: markup }) }) }));
-};
-const Letter = ({ children, color }) => {
-    return (_jsx(AbsoluteFill, { style: {
-            backgroundColor: color,
-            opacity: 0.9,
-            justifyContent: 'center',
-            alignItems: 'center',
-            fontSize: 200,
-            color: 'white',
-        }, children: children }));
-};
-test('Should throw if two transitions in a row', () => {
-    expect(() => {
-        return renderForFrame(10, _jsxs(TransitionSeries, { children: [_jsx(TransitionSeries.Sequence, { durationInFrames: 60, children: _jsx(Letter, { color: "green", children: "C" }) }), _jsx(TransitionSeries.Transition, { presentation: fade({}), timing: linearTiming({
-                        durationInFrames: 40,
-                    }) }), _jsx(TransitionSeries.Transition, { presentation: fade({}), timing: linearTiming({
-                        durationInFrames: 40,
-                    }) })] }));
-    }).toThrow('A <TransitionSeries.Transition /> component must not be followed by another <TransitionSeries.Transition /> component (nth children = 1 and 2)');
-});

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/timings/linear-timing.js

@@ -1,15 +0,0 @@
-import { interpolate } from 'remotion';
-export const linearTiming = (options) => {
-    return {
-        getDurationInFrames: () => {
-            return options.durationInFrames;
-        },
-        getProgress: ({ frame }) => {
-            return interpolate(frame, [0, options.durationInFrames], [0, 1], {
-                easing: options.easing,
-                extrapolateLeft: 'clamp',
-                extrapolateRight: 'clamp',
-            });
-        },
-    };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/timings/spring-timing.js

@@ -1,30 +0,0 @@
-import { measureSpring, spring } from 'remotion';
-const springWithInvalidArgumentRejection = (args) => {
-    if (args.to || args.from) {
-        throw new Error('to / from values are not supported by springWithRoundUpIfThreshold');
-    }
-    return spring(args);
-};
-export const springTiming = (options = {}) => {
-    return {
-        getDurationInFrames: ({ fps }) => {
-            if (options.durationInFrames) {
-                return options.durationInFrames;
-            }
-            return measureSpring({
-                config: options.config,
-                threshold: options.durationRestThreshold,
-                fps,
-            });
-        },
-        getProgress: ({ fps, frame }) => {
-            return springWithInvalidArgumentRejection({
-                fps,
-                frame,
-                config: options.config,
-                durationInFrames: options.durationInFrames,
-                durationRestThreshold: options.durationRestThreshold,
-            });
-        },
-    };
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/types.js

@@ -1 +0,0 @@
-export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/transitions/dist/validate.js

@@ -1,3 +0,0 @@
-/* eslint-disable prefer-destructuring */
-import { NoReactInternals } from 'remotion/no-react';
-export const validateDurationInFrames = NoReactInternals.validateDurationInFrames;