remotion 4.0.208 → 4.0.210

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.208";
+export declare const VERSION = "4.0.210";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.208';
+exports.VERSION = '4.0.210';

package/dist/esm/index.mjs

@@ -57,7 +57,7 @@ var NativeLayersProvider = ({
       };
     }, [clipRegion, setClipRegion]);
   }
-  return jsx(NativeLayersContext.Provider, {
+  return /* @__PURE__ */ jsx(NativeLayersContext.Provider, {
     value: context,
     children
   });
@@ -87,9 +87,9 @@ var Clipper = ({ height, width, x, y }) => {
 import React from "react";
 
 // src/get-remotion-environment.ts
-var getNodeEnvString = function() {
+function getNodeEnvString() {
   return ["NOD", "E_EN", "V"].join("");
-};
+}
 var getEnvString = () => {
   return ["e", "nv"].join("");
 };
@@ -140,7 +140,7 @@ var IsPlayerContext = createContext3(false);
 var IsPlayerContextProvider = ({
   children
 }) => {
-  return jsx2(IsPlayerContext.Provider, {
+  return /* @__PURE__ */ jsx2(IsPlayerContext.Provider, {
     value: true,
     children
   });
@@ -155,7 +155,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.208";
+var VERSION = "4.0.210";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -229,7 +229,7 @@ var AbsoluteFillRefForwarding = (props, ref) => {
       ...style
     };
   }, [style]);
-  return jsx3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     ref,
     style: actualStyle,
     ...other
@@ -285,9 +285,9 @@ var SequenceManagerProvider = ({ children }) => {
       setHidden
     };
   }, [hidden]);
-  return jsx4(SequenceManager.Provider, {
+  return /* @__PURE__ */ jsx4(SequenceManager.Provider, {
     value: sequenceContext,
-    children: jsx4(SequenceVisibilityToggleContext.Provider, {
+    children: /* @__PURE__ */ jsx4(SequenceVisibilityToggleContext.Provider, {
       value: hiddenContext,
       children
     })
@@ -419,7 +419,7 @@ var EditorPropsProvider = ({ children }) => {
   const ctx = useMemo4(() => {
     return { props, updateProps, resetUnsaved };
   }, [props, resetUnsaved, updateProps]);
-  return jsx5(EditorPropsContext.Provider, {
+  return /* @__PURE__ */ jsx5(EditorPropsContext.Provider, {
     value: ctx,
     children
   });
@@ -1048,7 +1048,7 @@ var ResolveCompositionConfig = ({ children }) => {
       }, {})
     };
   }, [compositions, resolvedConfigs]);
-  return jsx6(ResolveCompositionContext.Provider, {
+  return /* @__PURE__ */ jsx6(ResolveCompositionContext.Provider, {
     value: resolvedConfigsIncludingStaticOnes,
     children
   });
@@ -1215,7 +1215,7 @@ jsx as jsx7
 } from "react/jsx-runtime";
 var CanUseRemotionHooks = createContext10(false);
 var CanUseRemotionHooksProvider = ({ children }) => {
-  return jsx7(CanUseRemotionHooks.Provider, {
+  return /* @__PURE__ */ jsx7(CanUseRemotionHooks.Provider, {
     value: true,
     children
   });
@@ -1345,7 +1345,7 @@ var Freeze = ({
       }
     };
   }, [isActive, timelineContext, videoConfig.id, frameToFreeze, relativeFrom]);
-  return jsx8(TimelineContext.Provider, {
+  return /* @__PURE__ */ jsx8(TimelineContext.Provider, {
     value: timelineValue,
     children
   });
@@ -1481,9 +1481,9 @@ var RegularSequenceRefForwardingFunction = ({
   if (isSequenceHidden) {
     return null;
   }
-  return jsx9(SequenceContext.Provider, {
+  return /* @__PURE__ */ jsx9(SequenceContext.Provider, {
     value: contextValue,
-    children: content === null ? null : other.layout === "none" ? content : jsx9(AbsoluteFill, {
+    children: content === null ? null : other.layout === "none" ? content : /* @__PURE__ */ jsx9(AbsoluteFill, {
       ref,
       style: defaultStyle,
       className: other.className,
@@ -1506,10 +1506,10 @@ var PremountedSequenceRefForwardingFunction = (props, ref) => {
       pointerEvents: premountingActive ? "none" : passedStyle?.pointerEvents ?? undefined
     };
   }, [premountingActive, passedStyle]);
-  return jsx9(Freeze, {
+  return /* @__PURE__ */ jsx9(Freeze, {
     frame: from,
     active: premountingActive,
-    children: jsx9(Sequence, {
+    children: /* @__PURE__ */ jsx9(Sequence, {
       ref,
       from,
       style,
@@ -1522,12 +1522,12 @@ var PremountedSequenceRefForwardingFunction = (props, ref) => {
 var PremountedSequence = forwardRef2(PremountedSequenceRefForwardingFunction);
 var SequenceRefForwardingFunction = (props, ref) => {
   if (props.layout !== "none" && props.premountFor && !getRemotionEnvironment().isRendering) {
-    return jsx9(PremountedSequence, {
+    return /* @__PURE__ */ jsx9(PremountedSequence, {
       ...props,
       ref
     });
   }
-  return jsx9(RegularSequence, {
+  return /* @__PURE__ */ jsx9(RegularSequence, {
     ...props,
     ref
   });
@@ -1614,7 +1614,7 @@ var RenderAssetManagerProvider = ({ children }) => {
       renderAssets
     };
   }, [renderAssets, registerRenderAsset, unregisterRenderAsset]);
-  return jsx10(RenderAssetManager.Provider, {
+  return /* @__PURE__ */ jsx10(RenderAssetManager.Provider, {
     value: contextValue,
     children
   });
@@ -1780,9 +1780,9 @@ var Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) =>
       durationInFrames
     };
   }, [currentFrame, durationInFrames]);
-  return jsx11(LoopContext.Provider, {
+  return /* @__PURE__ */ jsx11(LoopContext.Provider, {
     value: loopContext,
-    children: jsx11(Sequence, {
+    children: /* @__PURE__ */ jsx11(Sequence, {
       durationInFrames,
       from,
       name: name ?? "<Loop>",
@@ -1821,7 +1821,7 @@ var PrefetchProvider = ({ children }) => {
       updaters = updaters.filter((u) => u !== updaterFunction);
     };
   }, []);
-  return jsx12(PreloadContext.Provider, {
+  return /* @__PURE__ */ jsx12(PreloadContext.Provider, {
     value: _preloads,
     children
   });
@@ -2053,7 +2053,7 @@ var DurationsContextProvider = ({ children }) => {
       setDurations
     };
   }, [durations]);
-  return jsx13(DurationsContext.Provider, {
+  return /* @__PURE__ */ jsx13(DurationsContext.Provider, {
     value,
     children
   });
@@ -2071,13 +2071,13 @@ useState as useState14
 } from "react";
 
 // src/random.ts
-var mulberry32 = function(a) {
+function mulberry32(a) {
   let t = a + 1831565813;
   t = Math.imul(t ^ t >>> 15, t | 1);
   t ^= t + Math.imul(t ^ t >>> 7, t | 61);
   return ((t ^ t >>> 14) >>> 0) / 4294967296;
-};
-var hashCode = function(str) {
+}
+function hashCode(str) {
   let i = 0;
   let chr = 0;
   let hash = 0;
@@ -2087,7 +2087,7 @@ var hashCode = function(str) {
     hash |= 0;
   }
   return hash;
-};
+}
 var random = (seed, dummy) => {
   if (dummy !== undefined) {
     throw new TypeError("random() takes only one argument");
@@ -2396,7 +2396,7 @@ var useBufferManager = () => {
 var BufferingContextReact = React11.createContext(null);
 var BufferingProvider = ({ children }) => {
   const bufferManager = useBufferManager();
-  return jsx14(BufferingContextReact.Provider, {
+  return /* @__PURE__ */ jsx14(BufferingContextReact.Provider, {
     value: bufferManager,
     children
   });
@@ -2616,7 +2616,7 @@ var useRequestVideoCallbackTime = ({
 };
 
 // src/interpolate.ts
-var interpolateFunction = function(input, inputRange, outputRange, options) {
+function interpolateFunction(input, inputRange, outputRange, options) {
   const { extrapolateLeft, extrapolateRight, easing } = options;
   let result = input;
   const [inputMin, inputMax] = inputRange;
@@ -2652,8 +2652,8 @@ var interpolateFunction = function(input, inputRange, outputRange, options) {
   result = easing(result);
   result = result * (outputMax - outputMin) + outputMin;
   return result;
-};
-var findRange = function(input, inputRange) {
+}
+function findRange(input, inputRange) {
   let i;
   for (i = 1;i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
@@ -2661,15 +2661,15 @@ var findRange = function(input, inputRange) {
     }
   }
   return i - 1;
-};
-var checkValidInputRange = function(arr) {
+}
+function checkValidInputRange(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
       throw new Error(`inputRange must be strictly monotonically increasing but got [${arr.join(",")}]`);
     }
   }
-};
-var checkInfiniteRange = function(name, arr) {
+}
+function checkInfiniteRange(name, arr) {
   if (arr.length < 2) {
     throw new Error(name + " must have at least 2 elements");
   }
@@ -2681,7 +2681,7 @@ var checkInfiniteRange = function(name, arr) {
       throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
     }
   }
-};
+}
 function interpolate(input, inputRange, outputRange, options) {
   if (typeof input === "undefined") {
     throw new Error("input can not be undefined");
@@ -3316,11 +3316,11 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) =>
       resetAudio();
     };
   }, [component, resetAudio]);
-  return jsxs(SharedAudioContext.Provider, {
+  return /* @__PURE__ */ jsxs(SharedAudioContext.Provider, {
     value,
     children: [
       refs.map(({ id, ref }) => {
-        return jsx15("audio", {
+        return /* @__PURE__ */ jsx15("audio", {
           ref,
           preload: "metadata",
           src: EMPTY_AUDIO
@@ -3491,7 +3491,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   if (initialShouldPreMountAudioElements) {
     return null;
   }
-  return jsx16("audio", {
+  return /* @__PURE__ */ jsx16("audio", {
     ref: audioRef,
     preload: "metadata",
     ...propsToPass
@@ -3702,7 +3702,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   if (!needsToRenderAudioTag) {
     return null;
   }
-  return jsx17("audio", {
+  return /* @__PURE__ */ jsx17("audio", {
     ref: audioRef,
     ...nativeProps
   });
@@ -3748,7 +3748,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const durationFetched = durations[getAbsoluteSrc(preloadedSrc)] ?? durations[getAbsoluteSrc(props.src)];
   if (loop3 && durationFetched !== undefined) {
     const duration = durationFetched * fps;
-    return jsx18(Loop, {
+    return /* @__PURE__ */ jsx18(Loop, {
       layout: "none",
       durationInFrames: calculateLoopDuration({
         endAt,
@@ -3756,7 +3756,7 @@ var AudioRefForwardingFunction = (props, ref) => {
         playbackRate: props.playbackRate ?? 1,
         startFrom
       }),
-      children: jsx18(Audio, {
+      children: /* @__PURE__ */ jsx18(Audio, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -3767,13 +3767,13 @@ var AudioRefForwardingFunction = (props, ref) => {
     validateStartFromProps(startFrom, endAt);
     const startFromFrameNo = startFrom ?? 0;
     const endAtFrameNo = endAt ?? Infinity;
-    return jsx18(Sequence, {
+    return /* @__PURE__ */ jsx18(Sequence, {
       layout: "none",
       from: 0 - startFromFrameNo,
       showInTimeline: false,
       durationInFrames: endAtFrameNo,
       name,
-      children: jsx18(Audio, {
+      children: /* @__PURE__ */ jsx18(Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop3),
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
@@ -3783,7 +3783,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   }
   validateMediaProps(props, "Audio");
   if (environment.isRendering) {
-    return jsx18(AudioForRendering, {
+    return /* @__PURE__ */ jsx18(AudioForRendering, {
       onDuration,
       ...props,
       ref,
@@ -3791,7 +3791,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       _remotionInternalNeedsDurationCalculation: Boolean(loop3)
     });
   }
-  return jsx18(AudioForPreview, {
+  return /* @__PURE__ */ jsx18(AudioForPreview, {
     _remotionInternalNativeLoopPassed: props._remotionInternalNativeLoopPassed ?? false,
     _remotionDebugSeeking: _remotionDebugSeeking ?? false,
     _remotionInternalStack: stack ?? null,
@@ -3859,7 +3859,7 @@ var Folder = ({
       unregisterFolder(name, parentName);
     };
   }, [name, parent.folderName, parentName, registerFolder, unregisterFolder]);
-  return jsx19(FolderContext.Provider, {
+  return /* @__PURE__ */ jsx19(FolderContext.Provider, {
     value,
     children
   });
@@ -3884,11 +3884,11 @@ var container = {
   alignItems: "center"
 };
 var Loading = () => {
-  return jsxs2(AbsoluteFill, {
+  return /* @__PURE__ */ jsxs2(AbsoluteFill, {
     style: container,
     id: "remotion-comp-loading",
     children: [
-      jsx20("style", {
+      /* @__PURE__ */ jsx20("style", {
         type: "text/css",
         children: `
 				@keyframes anim {
@@ -3905,12 +3905,12 @@ var Loading = () => {
 				}
 			`
       }),
-      jsx20("svg", {
+      /* @__PURE__ */ jsx20("svg", {
         width: ICON_SIZE,
         height: ICON_SIZE,
         viewBox: "-100 -100 400 400",
         style: rotate,
-        children: jsx20("path", {
+        children: /* @__PURE__ */ jsx20("path", {
           fill: "#555",
           stroke: "#555",
           strokeWidth: "100",
@@ -3918,7 +3918,7 @@ var Loading = () => {
           d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z"
         })
       }),
-      jsxs2("p", {
+      /* @__PURE__ */ jsxs2("p", {
         style: label,
         children: [
           "Resolving ",
@@ -4011,7 +4011,7 @@ var ClipComposition = ({ children }) => {
       clipPath: clipRegion && clipRegion !== "hide" ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)` : undefined
     };
   }, [clipRegion]);
-  return jsx21(AbsoluteFill, {
+  return /* @__PURE__ */ jsx21(AbsoluteFill, {
     style,
     children
   });
@@ -4092,11 +4092,11 @@ var Composition = ({
     if (resolved === null || resolved.type !== "success") {
       return null;
     }
-    return createPortal(jsx21(ClipComposition, {
-      children: jsx21(CanUseRemotionHooksProvider, {
-        children: jsx21(Suspense, {
-          fallback: jsx21(Loading, {}),
-          children: jsx21(Comp, {
+    return createPortal(/* @__PURE__ */ jsx21(ClipComposition, {
+      children: /* @__PURE__ */ jsx21(CanUseRemotionHooksProvider, {
+        children: /* @__PURE__ */ jsx21(Suspense, {
+          fallback: /* @__PURE__ */ jsx21(Loading, {}),
+          children: /* @__PURE__ */ jsx21(Comp, {
             ...resolved.result.props ?? {}
           })
         })
@@ -4108,10 +4108,10 @@ var Composition = ({
     if (resolved === null || resolved.type !== "success") {
       return null;
     }
-    return createPortal(jsx21(CanUseRemotionHooksProvider, {
-      children: jsx21(Suspense, {
-        fallback: jsx21(Fallback, {}),
-        children: jsx21(Comp, {
+    return createPortal(/* @__PURE__ */ jsx21(CanUseRemotionHooksProvider, {
+      children: /* @__PURE__ */ jsx21(Suspense, {
+        fallback: /* @__PURE__ */ jsx21(Fallback, {}),
+        children: /* @__PURE__ */ jsx21(Comp, {
           ...resolved.result.props ?? {}
         })
       })
@@ -4219,12 +4219,12 @@ var CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
     canvasContent,
     updateCompositionDefaultProps
   ]);
-  return jsx22(CompositionManager.Provider, {
+  return /* @__PURE__ */ jsx22(CompositionManager.Provider, {
     value: contextValue,
-    children: jsx22(SequenceManagerProvider, {
-      children: jsx22(RenderAssetManagerProvider, {
-        children: jsx22(ResolveCompositionConfig, {
-          children: jsx22(SharedAudioContextProvider, {
+    children: /* @__PURE__ */ jsx22(SequenceManagerProvider, {
+      children: /* @__PURE__ */ jsx22(RenderAssetManagerProvider, {
+        children: /* @__PURE__ */ jsx22(ResolveCompositionConfig, {
+          children: /* @__PURE__ */ jsx22(SharedAudioContextProvider, {
             numberOfAudioTags,
             component: composition?.component ?? null,
             children
@@ -4235,22 +4235,22 @@ var CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
   });
 };
 // src/bezier.ts
-var a = function(aA1, aA2) {
+function a(aA1, aA2) {
   return 1 - 3 * aA2 + 3 * aA1;
-};
-var b = function(aA1, aA2) {
+}
+function b(aA1, aA2) {
   return 3 * aA2 - 6 * aA1;
-};
-var c = function(aA1) {
+}
+function c(aA1) {
   return 3 * aA1;
-};
-var calcBezier = function(aT, aA1, aA2) {
+}
+function calcBezier(aT, aA1, aA2) {
   return ((a(aA1, aA2) * aT + b(aA1, aA2)) * aT + c(aA1)) * aT;
-};
-var getSlope = function(aT, aA1, aA2) {
+}
+function getSlope(aT, aA1, aA2) {
   return 3 * a(aA1, aA2) * aT * aT + 2 * b(aA1, aA2) * aT + c(aA1);
-};
-var binarySubdivide = function({
+}
+function binarySubdivide({
   aX,
   _aA,
   _aB,
@@ -4272,8 +4272,8 @@ var binarySubdivide = function({
     }
   } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);
   return currentT;
-};
-var newtonRaphsonIterate = function(aX, _aGuessT, mX1, mX2) {
+}
+function newtonRaphsonIterate(aX, _aGuessT, mX1, mX2) {
   let aGuessT = _aGuessT;
   for (let i = 0;i < NEWTON_ITERATIONS; ++i) {
     const currentSlope = getSlope(aGuessT, mX1, mX2);
@@ -4284,7 +4284,7 @@ var newtonRaphsonIterate = function(aX, _aGuessT, mX1, mX2) {
     aGuessT -= currentX / currentSlope;
   }
   return aGuessT;
-};
+}
 function bezier(mX1, mY1, mX2, mY2) {
   if (!(mX1 >= 0 && mX1 <= 1 && mX2 >= 0 && mX2 <= 1)) {
     throw new Error("bezier x values must be in [0, 1] range");
@@ -4475,7 +4475,7 @@ var IFrameRefForwarding = ({
       console.error("Error loading iframe:", e, "Handle the event using the onError() prop to make this message disappear.");
     }
   }, [handle, onError]);
-  return jsx23("iframe", {
+  return /* @__PURE__ */ jsx23("iframe", {
     ...props2,
     ref,
     onError: didGetError,
@@ -4492,9 +4492,9 @@ useImperativeHandle as useImperativeHandle6,
 useLayoutEffect as useLayoutEffect4,
 useRef as useRef11
 } from "react";
-var exponentialBackoff = function(errorCount) {
+function exponentialBackoff(errorCount) {
   return 1000 * 2 ** (errorCount - 1);
-};
+}
 import {
 jsx as jsx24
 } from "react/jsx-runtime";
@@ -4601,7 +4601,7 @@ var ImgRefForwarding = ({
       onImageFrame
     ]);
   }
-  return jsx24("img", {
+  return /* @__PURE__ */ jsx24("img", {
     ...props2,
     ref: imageRef,
     src: actualSrc,
@@ -4777,19 +4777,19 @@ var RemotionRoot = ({ children, numberOfAudioTags }) => {
       }
     }
   }, []);
-  return jsx25(NonceContext.Provider, {
+  return /* @__PURE__ */ jsx25(NonceContext.Provider, {
     value: nonceContext,
-    children: jsx25(TimelineContext.Provider, {
+    children: /* @__PURE__ */ jsx25(TimelineContext.Provider, {
       value: timelineContextValue,
-      children: jsx25(SetTimelineContext.Provider, {
+      children: /* @__PURE__ */ jsx25(SetTimelineContext.Provider, {
         value: setTimelineContextValue,
-        children: jsx25(EditorPropsProvider, {
-          children: jsx25(PrefetchProvider, {
-            children: jsx25(NativeLayersProvider, {
-              children: jsx25(CompositionManagerProvider, {
+        children: /* @__PURE__ */ jsx25(EditorPropsProvider, {
+          children: /* @__PURE__ */ jsx25(PrefetchProvider, {
+            children: /* @__PURE__ */ jsx25(NativeLayersProvider, {
+              children: /* @__PURE__ */ jsx25(CompositionManagerProvider, {
                 numberOfAudioTags,
-                children: jsx25(DurationsContextProvider, {
-                  children: jsx25(BufferingProvider, {
+                children: /* @__PURE__ */ jsx25(DurationsContextProvider, {
+                  children: /* @__PURE__ */ jsx25(BufferingProvider, {
                     children
                   })
                 })
@@ -4964,29 +4964,29 @@ jsx as jsx26
 } from "react/jsx-runtime";
 var RemotionContextProvider = (props2) => {
   const { children, contexts } = props2;
-  return jsx26(CanUseRemotionHooks.Provider, {
+  return /* @__PURE__ */ jsx26(CanUseRemotionHooks.Provider, {
     value: contexts.canUseRemotionHooksContext,
-    children: jsx26(NonceContext.Provider, {
+    children: /* @__PURE__ */ jsx26(NonceContext.Provider, {
       value: contexts.nonceContext,
-      children: jsx26(NativeLayersContext.Provider, {
+      children: /* @__PURE__ */ jsx26(NativeLayersContext.Provider, {
         value: contexts.nativeLayersContext,
-        children: jsx26(PreloadContext.Provider, {
+        children: /* @__PURE__ */ jsx26(PreloadContext.Provider, {
           value: contexts.preloadContext,
-          children: jsx26(CompositionManager.Provider, {
+          children: /* @__PURE__ */ jsx26(CompositionManager.Provider, {
             value: contexts.compositionManagerCtx,
-            children: jsx26(SequenceManager.Provider, {
+            children: /* @__PURE__ */ jsx26(SequenceManager.Provider, {
               value: contexts.sequenceManagerContext,
-              children: jsx26(RenderAssetManager.Provider, {
+              children: /* @__PURE__ */ jsx26(RenderAssetManager.Provider, {
                 value: contexts.renderAssetManagerContext,
-                children: jsx26(ResolveCompositionContext.Provider, {
+                children: /* @__PURE__ */ jsx26(ResolveCompositionContext.Provider, {
                   value: contexts.resolveCompositionContext,
-                  children: jsx26(TimelineContext.Provider, {
+                  children: /* @__PURE__ */ jsx26(TimelineContext.Provider, {
                     value: contexts.timelineContext,
-                    children: jsx26(SetTimelineContext.Provider, {
+                    children: /* @__PURE__ */ jsx26(SetTimelineContext.Provider, {
                       value: contexts.setTimelineContext,
-                      children: jsx26(SequenceContext.Provider, {
+                      children: /* @__PURE__ */ jsx26(SequenceContext.Provider, {
                         value: contexts.sequenceContext,
-                        children: jsx26(BufferingContextReact.Provider, {
+                        children: /* @__PURE__ */ jsx26(BufferingContextReact.Provider, {
                           value: contexts.bufferManagerContext,
                           children
                         })
@@ -5068,10 +5068,10 @@ var Internals = {
   validateRenderAsset
 };
 // src/interpolate-colors.ts
-var call = function(...args) {
+function call(...args) {
   return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
-};
-var getMatchers = function() {
+}
+function getMatchers() {
   const cachedMatchers = {
     rgb: undefined,
     rgba: undefined,
@@ -5094,8 +5094,8 @@ var getMatchers = function() {
     cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
   }
   return cachedMatchers;
-};
-var hue2rgb = function(p, q, t) {
+}
+function hue2rgb(p, q, t) {
   if (t < 0) {
     t += 1;
   }
@@ -5112,16 +5112,16 @@ var hue2rgb = function(p, q, t) {
     return p + (q - p) * (2 / 3 - t) * 6;
   }
   return p;
-};
-var hslToRgb = function(h, s, l) {
+}
+function hslToRgb(h, s, l) {
   const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
   const p = 2 * l - q;
   const r = hue2rgb(p, q, h + 1 / 3);
   const g = hue2rgb(p, q, h);
   const b2 = hue2rgb(p, q, h - 1 / 3);
   return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b2 * 255) << 8;
-};
-var parse255 = function(str) {
+}
+function parse255(str) {
   const int = Number.parseInt(str, 10);
   if (int < 0) {
     return 0;
@@ -5130,12 +5130,12 @@ var parse255 = function(str) {
     return 255;
   }
   return int;
-};
-var parse360 = function(str) {
+}
+function parse360(str) {
   const int = Number.parseFloat(str);
   return (int % 360 + 360) % 360 / 360;
-};
-var parse1 = function(str) {
+}
+function parse1(str) {
   const num = Number.parseFloat(str);
   if (num < 0) {
     return 0;
@@ -5144,8 +5144,8 @@ var parse1 = function(str) {
     return 255;
   }
   return Math.round(num * 255);
-};
-var parsePercentage = function(str) {
+}
+function parsePercentage(str) {
   const int = Number.parseFloat(str);
   if (int < 0) {
     return 0;
@@ -5154,8 +5154,8 @@ var parsePercentage = function(str) {
     return 1;
   }
   return int / 100;
-};
-var normalizeColor = function(color) {
+}
+function normalizeColor(color) {
   const matchers = getMatchers();
   let match;
   if (matchers.hex6) {
@@ -5202,7 +5202,7 @@ var normalizeColor = function(color) {
     }
   }
   throw new Error(`invalid color string ${color} provided`);
-};
+}
 function processColor(color) {
   const normalizedColor = normalizeColor(color);
   return (normalizedColor << 24 | normalizedColor >>> 8) >>> 0;
@@ -5463,13 +5463,13 @@ jsx as jsx27
 } from "react/jsx-runtime";
 var IsInsideSeriesContext = createContext19(false);
 var IsInsideSeriesContainer = ({ children }) => {
-  return jsx27(IsInsideSeriesContext.Provider, {
+  return /* @__PURE__ */ jsx27(IsInsideSeriesContext.Provider, {
     value: true,
     children
   });
 };
 var IsNotInsideSeriesProvider = ({ children }) => {
-  return jsx27(IsInsideSeriesContext.Provider, {
+  return /* @__PURE__ */ jsx27(IsInsideSeriesContext.Provider, {
     value: false,
     children
   });
@@ -5487,7 +5487,7 @@ jsx as jsx28
 } from "react/jsx-runtime";
 var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   useRequireToBeInsideSeries();
-  return jsx28(IsNotInsideSeriesProvider, {
+  return /* @__PURE__ */ jsx28(IsNotInsideSeriesProvider, {
     children
   });
 };
@@ -5537,7 +5537,7 @@ var Series = (props2) => {
       }
       const currentStartFrame = startFrame + offset;
       startFrame += durationInFramesProp + offset;
-      return jsx28(Sequence, {
+      return /* @__PURE__ */ jsx28(Sequence, {
         name: name || "<Series.Sequence>",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
@@ -5548,14 +5548,14 @@ var Series = (props2) => {
     });
   }, [props2.children]);
   if (ENABLE_V5_BREAKING_CHANGES) {
-    return jsx28(IsInsideSeriesContainer, {
-      children: jsx28(Sequence, {
+    return /* @__PURE__ */ jsx28(IsInsideSeriesContainer, {
+      children: /* @__PURE__ */ jsx28(Sequence, {
         ...props2,
         children: childrenValue
       })
     });
   }
-  return jsx28(IsInsideSeriesContainer, {
+  return /* @__PURE__ */ jsx28(IsInsideSeriesContainer, {
     children: childrenValue
   });
 };
@@ -5581,7 +5581,7 @@ var validateSpringDuration = (dur) => {
 };
 
 // src/spring/spring-utils.ts
-var advance = function({
+function advance({
   animation,
   now,
   config
@@ -5631,7 +5631,7 @@ var advance = function({
   };
   advanceCache[cacheKey] = animationNode;
   return animationNode;
-};
+}
 function springCalculation({
   frame,
   fps,
@@ -6007,7 +6007,7 @@ var OffthreadVideoForRendering = ({
     return null;
   }
   continueRender(imageSrc.handle);
-  return jsx29(Img, {
+  return /* @__PURE__ */ jsx29(Img, {
     src: imageSrc.src,
     className,
     delayRenderRetries,
@@ -6210,7 +6210,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     };
   }, [isSequenceHidden, style]);
   const crossOriginValue = crossOrigin ?? (onVideoFrame ? "anonymous" : undefined);
-  return jsx30("video", {
+  return /* @__PURE__ */ jsx30("video", {
     ref: videoRef,
     muted: muted || mediaMuted,
     playsInline: true,
@@ -6252,13 +6252,13 @@ var OffthreadVideo = (props2) => {
     validateStartFromProps(startFrom, endAt);
     const startFromFrameNo = startFrom ?? 0;
     const endAtFrameNo = endAt ?? Infinity;
-    return jsx31(Sequence, {
+    return /* @__PURE__ */ jsx31(Sequence, {
       layout: "none",
       from: 0 - startFromFrameNo,
       showInTimeline: false,
       durationInFrames: endAtFrameNo,
       name,
-      children: jsx31(OffthreadVideo, {
+      children: /* @__PURE__ */ jsx31(OffthreadVideo, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps
       })
@@ -6266,7 +6266,7 @@ var OffthreadVideo = (props2) => {
   }
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
-    return jsx31(OffthreadVideoForRendering, {
+    return /* @__PURE__ */ jsx31(OffthreadVideoForRendering, {
       ...otherProps
     });
   }
@@ -6279,7 +6279,7 @@ var OffthreadVideo = (props2) => {
     crossOrigin,
     ...withoutTransparent
   } = otherProps;
-  return jsx31(VideoForPreview, {
+  return /* @__PURE__ */ jsx31(VideoForPreview, {
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: false,
     _remotionDebugSeeking: _remotionDebugSeeking ?? false,
@@ -6580,7 +6580,7 @@ var VideoForRenderingForwardFunction = ({
       };
     }, [src, onDuration, delayRenderRetries, delayRenderTimeoutInMilliseconds]);
   }
-  return jsx32("video", {
+  return /* @__PURE__ */ jsx32("video", {
     ref: videoRef,
     ...props2
   });
@@ -6623,7 +6623,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const durationFetched = durations[getAbsoluteSrc(preloadedSrc)] ?? durations[getAbsoluteSrc(props2.src)];
   if (loop4 && durationFetched !== undefined) {
     const mediaDuration = durationFetched * fps;
-    return jsx33(Loop, {
+    return /* @__PURE__ */ jsx33(Loop, {
       durationInFrames: calculateLoopDuration({
         endAt,
         mediaDuration,
@@ -6632,7 +6632,7 @@ var VideoForwardingFunction = (props2, ref) => {
       }),
       layout: "none",
       name,
-      children: jsx33(Video, {
+      children: /* @__PURE__ */ jsx33(Video, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -6643,13 +6643,13 @@ var VideoForwardingFunction = (props2, ref) => {
     validateStartFromProps(startFrom, endAt);
     const startFromFrameNo = startFrom ?? 0;
     const endAtFrameNo = endAt ?? Infinity;
-    return jsx33(Sequence, {
+    return /* @__PURE__ */ jsx33(Sequence, {
       layout: "none",
       from: 0 - startFromFrameNo,
       showInTimeline: false,
       durationInFrames: endAtFrameNo,
       name,
-      children: jsx33(Video, {
+      children: /* @__PURE__ */ jsx33(Video, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         ref
@@ -6658,14 +6658,14 @@ var VideoForwardingFunction = (props2, ref) => {
   }
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
-    return jsx33(VideoForRendering, {
+    return /* @__PURE__ */ jsx33(VideoForRendering, {
       onDuration,
       onVideoFrame: onVideoFrame ?? null,
       ...otherProps,
       ref
     });
   }
-  return jsx33(VideoForPreview, {
+  return /* @__PURE__ */ jsx33(VideoForPreview, {
     onlyWarnForMediaSeekingError: false,
     ...otherProps,
     ref,

package/dist/esm/no-react.mjs

@@ -1,5 +1,5 @@
 // src/interpolate.ts
-var interpolateFunction = function(input, inputRange, outputRange, options) {
+function interpolateFunction(input, inputRange, outputRange, options) {
   const { extrapolateLeft, extrapolateRight, easing } = options;
   let result = input;
   const [inputMin, inputMax] = inputRange;
@@ -35,8 +35,8 @@ var interpolateFunction = function(input, inputRange, outputRange, options) {
   result = easing(result);
   result = result * (outputMax - outputMin) + outputMin;
   return result;
-};
-var findRange = function(input, inputRange) {
+}
+function findRange(input, inputRange) {
   let i;
   for (i = 1;i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
@@ -44,15 +44,15 @@ var findRange = function(input, inputRange) {
     }
   }
   return i - 1;
-};
-var checkValidInputRange = function(arr) {
+}
+function checkValidInputRange(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
       throw new Error(`inputRange must be strictly monotonically increasing but got [${arr.join(",")}]`);
     }
   }
-};
-var checkInfiniteRange = function(name, arr) {
+}
+function checkInfiniteRange(name, arr) {
   if (arr.length < 2) {
     throw new Error(name + " must have at least 2 elements");
   }
@@ -64,7 +64,7 @@ var checkInfiniteRange = function(name, arr) {
       throw new Error(`${name} must contain only finite numbers, but got [${arr.join(",")}]`);
     }
   }
-};
+}
 function interpolate(input, inputRange, outputRange, options) {
   if (typeof input === "undefined") {
     throw new Error("input can not be undefined");
@@ -101,13 +101,13 @@ function interpolate(input, inputRange, outputRange, options) {
   });
 }
 // src/random.ts
-var mulberry32 = function(a) {
+function mulberry32(a) {
   let t = a + 1831565813;
   t = Math.imul(t ^ t >>> 15, t | 1);
   t ^= t + Math.imul(t ^ t >>> 7, t | 61);
   return ((t ^ t >>> 14) >>> 0) / 4294967296;
-};
-var hashCode = function(str) {
+}
+function hashCode(str) {
   let i = 0;
   let chr = 0;
   let hash = 0;
@@ -117,7 +117,7 @@ var hashCode = function(str) {
     hash |= 0;
   }
   return hash;
-};
+}
 var random = (seed, dummy) => {
   if (dummy !== undefined) {
     throw new TypeError("random() takes only one argument");
@@ -284,10 +284,10 @@ var deserializeJSONWithCustomFields = (data) => {
 };
 
 // src/interpolate-colors.ts
-var call = function(...args) {
+function call(...args) {
   return "\\(\\s*(" + args.join(")\\s*,\\s*(") + ")\\s*\\)";
-};
-var getMatchers = function() {
+}
+function getMatchers() {
   const cachedMatchers = {
     rgb: undefined,
     rgba: undefined,
@@ -310,8 +310,8 @@ var getMatchers = function() {
     cachedMatchers.hex8 = /^#([0-9a-fA-F]{8})$/;
   }
   return cachedMatchers;
-};
-var hue2rgb = function(p, q, t) {
+}
+function hue2rgb(p, q, t) {
   if (t < 0) {
     t += 1;
   }
@@ -328,16 +328,16 @@ var hue2rgb = function(p, q, t) {
     return p + (q - p) * (2 / 3 - t) * 6;
   }
   return p;
-};
-var hslToRgb = function(h, s, l) {
+}
+function hslToRgb(h, s, l) {
   const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
   const p = 2 * l - q;
   const r = hue2rgb(p, q, h + 1 / 3);
   const g = hue2rgb(p, q, h);
   const b = hue2rgb(p, q, h - 1 / 3);
   return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
-};
-var parse255 = function(str) {
+}
+function parse255(str) {
   const int = Number.parseInt(str, 10);
   if (int < 0) {
     return 0;
@@ -346,12 +346,12 @@ var parse255 = function(str) {
     return 255;
   }
   return int;
-};
-var parse360 = function(str) {
+}
+function parse360(str) {
   const int = Number.parseFloat(str);
   return (int % 360 + 360) % 360 / 360;
-};
-var parse1 = function(str) {
+}
+function parse1(str) {
   const num = Number.parseFloat(str);
   if (num < 0) {
     return 0;
@@ -360,8 +360,8 @@ var parse1 = function(str) {
     return 255;
   }
   return Math.round(num * 255);
-};
-var parsePercentage = function(str) {
+}
+function parsePercentage(str) {
   const int = Number.parseFloat(str);
   if (int < 0) {
     return 0;
@@ -370,8 +370,8 @@ var parsePercentage = function(str) {
     return 1;
   }
   return int / 100;
-};
-var normalizeColor = function(color) {
+}
+function normalizeColor(color) {
   const matchers = getMatchers();
   let match;
   if (matchers.hex6) {
@@ -418,7 +418,7 @@ var normalizeColor = function(color) {
     }
   }
   throw new Error(`invalid color string ${color} provided`);
-};
+}
 function processColor(color) {
   const normalizedColor = normalizeColor(color);
   return (normalizedColor << 24 | normalizedColor >>> 8) >>> 0;

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.208";
+var VERSION = "4.0.210";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.208",
+  "version": "4.0.210",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",