@remotion/promo-pages 4.0.472 → 4.0.473

package/dist/Homepage.js

@@ -2332,7 +2332,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.472";
+var VERSION = "4.0.473";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -2371,7 +2371,8 @@ __export2(exports_timeline_position_state, {
   useAbsoluteTimelinePosition: () => useAbsoluteTimelinePosition,
   persistCurrentFrame: () => persistCurrentFrame,
   getInitialFrameState: () => getInitialFrameState,
-  getFrameForComposition: () => getFrameForComposition
+  getFrameForComposition: () => getFrameForComposition,
+  clampFrameToCompositionRange: () => clampFrameToCompositionRange
 });
 function mulberry32(a) {
   let t = a + 1831565813;
@@ -2508,6 +2509,9 @@ var getFrameForComposition = (composition) => {
   }
   return window.remotion_initialFrame ?? 0;
 };
+var clampFrameToCompositionRange = (frame, durationInFrames) => {
+  return Math.max(0, Math.min(Math.max(0, durationInFrames - 1), frame));
+};
 var useTimelinePositionFromContext = (state) => {
   const videoConfig = useVideo();
   const env = useRemotionEnvironment();
@@ -2515,7 +2519,7 @@ var useTimelinePositionFromContext = (state) => {
     return typeof window === "undefined" ? 0 : window.remotion_initialFrame ?? 0;
   }
   const unclamped = state.frame[videoConfig.id] ?? (env.isPlayer ? 0 : getFrameForComposition(videoConfig.id));
-  return Math.min(videoConfig.durationInFrames - 1, unclamped);
+  return clampFrameToCompositionRange(unclamped, videoConfig.durationInFrames);
 };
 var useTimelineContext = () => {
   const state = useContext10(TimelineContext);
@@ -2703,7 +2707,6 @@ var sequenceVisualStyleSchema = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -2784,6 +2787,11 @@ var sequenceSchema = {
     }
   }
 };
+var sequenceSchemaWithoutFrom = {
+  hidden: hiddenField,
+  durationInFrames: durationInFramesField,
+  layout: sequenceSchema.layout
+};
 var sequenceSchemaDefaultLayoutNone = {
   ...sequenceSchema,
   layout: {
@@ -3437,6 +3445,40 @@ var interpolateString = ({
     dimensions
   });
 };
+var validateTupleOutputRange = (outputRange) => {
+  const dimensions = outputRange[0]?.length;
+  if (dimensions === undefined) {
+    throw new Error("outputRange must have at least 1 element");
+  }
+  if (dimensions === 0) {
+    throw new TypeError("outputRange tuples must contain at least 1 number");
+  }
+  for (const output of outputRange) {
+    if (output.length !== dimensions) {
+      throw new TypeError(`outputRange tuples must all have the same length, but got ${dimensions} and ${output.length}`);
+    }
+    for (const value of output) {
+      if (typeof value !== "number" || !Number.isFinite(value)) {
+        throw new TypeError(`outputRange tuples must contain only finite numbers, but got [${output.join(",")}]`);
+      }
+    }
+  }
+  return dimensions;
+};
+var interpolateTuple = ({
+  input,
+  inputRange,
+  outputRange,
+  options
+}) => {
+  const dimensions = validateTupleOutputRange(outputRange);
+  return new Array(dimensions).fill(true).map((_, axis) => interpolateNumber({
+    input,
+    inputRange,
+    outputRange: outputRange.map((output) => output[axis]),
+    options
+  }));
+};
 function checkValidInputRange(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
@@ -3512,8 +3554,11 @@ function interpolate(input, inputRange, outputRange, options) {
     }
     return interpolateString({ input, inputRange, outputRange, options });
   }
+  if (outputRange.every((output) => Array.isArray(output))) {
+    return interpolateTuple({ input, inputRange, outputRange, options });
+  }
   if (!outputRange.every((output) => typeof output === "number")) {
-    throw new TypeError("outputRange must contain only numbers, or supported scale, translate, and rotate strings");
+    throw new TypeError("outputRange must contain only numbers, numeric tuples, or supported scale, translate, and rotate strings");
   }
   checkInfiniteRange("outputRange", outputRange);
   return interpolateNumber({ input, inputRange, outputRange, options });
@@ -4026,8 +4071,9 @@ var interpolateKeyframedStatus = ({
   if (keyframes.length === 0) {
     return null;
   }
-  const inputRange = keyframes.map((k) => k.frame);
-  const outputs = keyframes.map((k) => k.value);
+  const sortedKeyframes = [...keyframes].sort((a2, b2) => a2.frame - b2.frame);
+  const inputRange = sortedKeyframes.map((k) => k.frame);
+  const outputs = sortedKeyframes.map((k) => k.value);
   if (interpolationFunction === "interpolateColors") {
     if (!outputs.every((v) => typeof v === "string")) {
       return null;
@@ -4877,11 +4923,17 @@ var SequenceRefForwardingFunction = (props, ref) => {
   });
 };
 var SequenceInner = forwardRef3(SequenceRefForwardingFunction);
+var SequenceWithoutSchema = SequenceInner;
 var Sequence = wrapInSchema({
   Component: SequenceInner,
   schema: sequenceSchema,
   supportsEffects: false
 });
+var SequenceWithoutFrom = wrapInSchema({
+  Component: SequenceInner,
+  schema: sequenceSchemaWithoutFrom,
+  supportsEffects: false
+});
 var calculateImageFit = (fit, imageSize, canvasSize) => {
   switch (fit) {
     case "fill": {
@@ -11002,6 +11054,7 @@ var Internals = {
   SequenceStackTracesUpdateContext,
   wrapInSchema,
   sequenceSchema,
+  SequenceWithoutSchema,
   sequenceStyleSchema,
   sequenceVisualStyleSchema,
   sequencePremountSchema,
@@ -11163,6 +11216,7 @@ var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   });
 };
 var SeriesSequence = forwardRef13(SeriesSequenceRefForwardingFunction);
+var SequenceWithoutSchemaWithRef = SequenceWithoutSchema;
 var SeriesInner = (props2) => {
   const childrenValue = useMemo38(() => {
     let startFrame = 0;
@@ -11205,13 +11259,13 @@ var SeriesInner = (props2) => {
       }
       const currentStartFrame = startFrame + offset;
       startFrame += durationInFramesProp + offset;
-      return /* @__PURE__ */ jsx36(Sequence, {
+      return /* @__PURE__ */ jsx36(SequenceWithoutSchemaWithRef, {
+        ref: castedChild.ref,
         name: name || "<Series.Sequence>",
         _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
-        ref: castedChild.ref,
         children: child
       });
     });
@@ -11234,7 +11288,6 @@ var Series = Object.assign(wrapInSchema({
   Sequence: SeriesSequence
 });
 addSequenceStackTraces(Series);
-addSequenceStackTraces(SeriesSequence);
 var validateSpringDuration = (dur) => {
   if (typeof dur === "undefined") {
     return;
@@ -27870,6 +27923,40 @@ var interpolateString2 = ({
     dimensions
   });
 };
+var validateTupleOutputRange2 = (outputRange) => {
+  const dimensions = outputRange[0]?.length;
+  if (dimensions === undefined) {
+    throw new Error("outputRange must have at least 1 element");
+  }
+  if (dimensions === 0) {
+    throw new TypeError("outputRange tuples must contain at least 1 number");
+  }
+  for (const output of outputRange) {
+    if (output.length !== dimensions) {
+      throw new TypeError(`outputRange tuples must all have the same length, but got ${dimensions} and ${output.length}`);
+    }
+    for (const value of output) {
+      if (typeof value !== "number" || !Number.isFinite(value)) {
+        throw new TypeError(`outputRange tuples must contain only finite numbers, but got [${output.join(",")}]`);
+      }
+    }
+  }
+  return dimensions;
+};
+var interpolateTuple2 = ({
+  input,
+  inputRange,
+  outputRange,
+  options: options2
+}) => {
+  const dimensions = validateTupleOutputRange2(outputRange);
+  return new Array(dimensions).fill(true).map((_, axis) => interpolateNumber2({
+    input,
+    inputRange,
+    outputRange: outputRange.map((output) => output[axis]),
+    options: options2
+  }));
+};
 function checkValidInputRange2(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
@@ -27945,8 +28032,11 @@ function interpolate3(input, inputRange, outputRange, options2) {
     }
     return interpolateString2({ input, inputRange, outputRange, options: options2 });
   }
+  if (outputRange.every((output) => Array.isArray(output))) {
+    return interpolateTuple2({ input, inputRange, outputRange, options: options2 });
+  }
   if (!outputRange.every((output) => typeof output === "number")) {
-    throw new TypeError("outputRange must contain only numbers, or supported scale, translate, and rotate strings");
+    throw new TypeError("outputRange must contain only numbers, numeric tuples, or supported scale, translate, and rotate strings");
   }
   checkInfiniteRange2("outputRange", outputRange);
   return interpolateNumber2({ input, inputRange, outputRange, options: options2 });
@@ -28548,7 +28638,6 @@ var sequenceVisualStyleSchema2 = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -28629,6 +28718,11 @@ var sequenceSchema2 = {
     }
   }
 };
+var sequenceSchemaWithoutFrom2 = {
+  hidden: hiddenField2,
+  durationInFrames: durationInFramesField2,
+  layout: sequenceSchema2.layout
+};
 var sequenceSchemaDefaultLayoutNone2 = {
   ...sequenceSchema2,
   layout: {
@@ -29377,12 +29471,13 @@ var usePlayer = () => {
   }
   const { buffering } = bufferingContext;
   const seek2 = useCallback36((newFrame) => {
+    const frameToSeekTo = config ? Internals.TimelinePosition.clampFrameToCompositionRange(newFrame, config.durationInFrames) : Math.max(0, newFrame);
     if (video?.id) {
-      setTimelinePosition((c2) => ({ ...c2, [video.id]: newFrame }));
+      setTimelinePosition((c2) => ({ ...c2, [video.id]: frameToSeekTo }));
     }
-    frameRef.current = newFrame;
-    emitter.dispatchSeek(newFrame);
-  }, [emitter, setTimelinePosition, video?.id]);
+    frameRef.current = frameToSeekTo;
+    emitter.dispatchSeek(frameToSeekTo);
+  }, [config, emitter, setTimelinePosition, video?.id]);
   const play = useCallback36((e) => {
     if (imperativePlaying.current) {
       return;
@@ -40082,7 +40177,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.472";
+var VERSION2 = "4.0.473";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";

package/dist/design.js

@@ -7134,7 +7134,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.472";
+var VERSION = "4.0.473";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -7173,7 +7173,8 @@ __export2(exports_timeline_position_state, {
   useAbsoluteTimelinePosition: () => useAbsoluteTimelinePosition,
   persistCurrentFrame: () => persistCurrentFrame,
   getInitialFrameState: () => getInitialFrameState,
-  getFrameForComposition: () => getFrameForComposition
+  getFrameForComposition: () => getFrameForComposition,
+  clampFrameToCompositionRange: () => clampFrameToCompositionRange
 });
 function mulberry32(a) {
   let t = a + 1831565813;
@@ -7310,6 +7311,9 @@ var getFrameForComposition = (composition) => {
   }
   return window.remotion_initialFrame ?? 0;
 };
+var clampFrameToCompositionRange = (frame, durationInFrames) => {
+  return Math.max(0, Math.min(Math.max(0, durationInFrames - 1), frame));
+};
 var useTimelinePositionFromContext = (state) => {
   const videoConfig = useVideo();
   const env = useRemotionEnvironment();
@@ -7317,7 +7321,7 @@ var useTimelinePositionFromContext = (state) => {
     return typeof window === "undefined" ? 0 : window.remotion_initialFrame ?? 0;
   }
   const unclamped = state.frame[videoConfig.id] ?? (env.isPlayer ? 0 : getFrameForComposition(videoConfig.id));
-  return Math.min(videoConfig.durationInFrames - 1, unclamped);
+  return clampFrameToCompositionRange(unclamped, videoConfig.durationInFrames);
 };
 var useTimelineContext = () => {
   const state = useContext10(TimelineContext);
@@ -7505,7 +7509,6 @@ var sequenceVisualStyleSchema = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -7586,6 +7589,11 @@ var sequenceSchema = {
     }
   }
 };
+var sequenceSchemaWithoutFrom = {
+  hidden: hiddenField,
+  durationInFrames: durationInFramesField,
+  layout: sequenceSchema.layout
+};
 var sequenceSchemaDefaultLayoutNone = {
   ...sequenceSchema,
   layout: {
@@ -8239,6 +8247,40 @@ var interpolateString = ({
     dimensions
   });
 };
+var validateTupleOutputRange = (outputRange) => {
+  const dimensions = outputRange[0]?.length;
+  if (dimensions === undefined) {
+    throw new Error("outputRange must have at least 1 element");
+  }
+  if (dimensions === 0) {
+    throw new TypeError("outputRange tuples must contain at least 1 number");
+  }
+  for (const output of outputRange) {
+    if (output.length !== dimensions) {
+      throw new TypeError(`outputRange tuples must all have the same length, but got ${dimensions} and ${output.length}`);
+    }
+    for (const value of output) {
+      if (typeof value !== "number" || !Number.isFinite(value)) {
+        throw new TypeError(`outputRange tuples must contain only finite numbers, but got [${output.join(",")}]`);
+      }
+    }
+  }
+  return dimensions;
+};
+var interpolateTuple = ({
+  input,
+  inputRange,
+  outputRange,
+  options
+}) => {
+  const dimensions = validateTupleOutputRange(outputRange);
+  return new Array(dimensions).fill(true).map((_, axis) => interpolateNumber({
+    input,
+    inputRange,
+    outputRange: outputRange.map((output) => output[axis]),
+    options
+  }));
+};
 function checkValidInputRange(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
@@ -8314,8 +8356,11 @@ function interpolate2(input, inputRange, outputRange, options) {
     }
     return interpolateString({ input, inputRange, outputRange, options });
   }
+  if (outputRange.every((output) => Array.isArray(output))) {
+    return interpolateTuple({ input, inputRange, outputRange, options });
+  }
   if (!outputRange.every((output) => typeof output === "number")) {
-    throw new TypeError("outputRange must contain only numbers, or supported scale, translate, and rotate strings");
+    throw new TypeError("outputRange must contain only numbers, numeric tuples, or supported scale, translate, and rotate strings");
   }
   checkInfiniteRange("outputRange", outputRange);
   return interpolateNumber({ input, inputRange, outputRange, options });
@@ -8828,8 +8873,9 @@ var interpolateKeyframedStatus = ({
   if (keyframes.length === 0) {
     return null;
   }
-  const inputRange = keyframes.map((k) => k.frame);
-  const outputs = keyframes.map((k) => k.value);
+  const sortedKeyframes = [...keyframes].sort((a2, b2) => a2.frame - b2.frame);
+  const inputRange = sortedKeyframes.map((k) => k.frame);
+  const outputs = sortedKeyframes.map((k) => k.value);
   if (interpolationFunction === "interpolateColors") {
     if (!outputs.every((v) => typeof v === "string")) {
       return null;
@@ -9679,11 +9725,17 @@ var SequenceRefForwardingFunction = (props, ref) => {
   });
 };
 var SequenceInner = forwardRef3(SequenceRefForwardingFunction);
+var SequenceWithoutSchema = SequenceInner;
 var Sequence = wrapInSchema({
   Component: SequenceInner,
   schema: sequenceSchema,
   supportsEffects: false
 });
+var SequenceWithoutFrom = wrapInSchema({
+  Component: SequenceInner,
+  schema: sequenceSchemaWithoutFrom,
+  supportsEffects: false
+});
 var calculateImageFit = (fit, imageSize, canvasSize) => {
   switch (fit) {
     case "fill": {
@@ -15804,6 +15856,7 @@ var Internals = {
   SequenceStackTracesUpdateContext,
   wrapInSchema,
   sequenceSchema,
+  SequenceWithoutSchema,
   sequenceStyleSchema,
   sequenceVisualStyleSchema,
   sequencePremountSchema,
@@ -15965,6 +16018,7 @@ var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   });
 };
 var SeriesSequence = forwardRef13(SeriesSequenceRefForwardingFunction);
+var SequenceWithoutSchemaWithRef = SequenceWithoutSchema;
 var SeriesInner = (props2) => {
   const childrenValue = useMemo38(() => {
     let startFrame = 0;
@@ -16007,13 +16061,13 @@ var SeriesInner = (props2) => {
       }
       const currentStartFrame = startFrame + offset;
       startFrame += durationInFramesProp + offset;
-      return /* @__PURE__ */ jsx36(Sequence, {
+      return /* @__PURE__ */ jsx36(SequenceWithoutSchemaWithRef, {
+        ref: castedChild.ref,
         name: name || "<Series.Sequence>",
         _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
-        ref: castedChild.ref,
         children: child
       });
     });
@@ -16036,7 +16090,6 @@ var Series = Object.assign(wrapInSchema({
   Sequence: SeriesSequence
 });
 addSequenceStackTraces(Series);
-addSequenceStackTraces(SeriesSequence);
 var validateSpringDuration = (dur) => {
   if (typeof dur === "undefined") {
     return;

package/dist/experts.js

@@ -2332,7 +2332,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.472";
+var VERSION = "4.0.473";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -2371,7 +2371,8 @@ __export2(exports_timeline_position_state, {
   useAbsoluteTimelinePosition: () => useAbsoluteTimelinePosition,
   persistCurrentFrame: () => persistCurrentFrame,
   getInitialFrameState: () => getInitialFrameState,
-  getFrameForComposition: () => getFrameForComposition
+  getFrameForComposition: () => getFrameForComposition,
+  clampFrameToCompositionRange: () => clampFrameToCompositionRange
 });
 function mulberry32(a) {
   let t = a + 1831565813;
@@ -2508,6 +2509,9 @@ var getFrameForComposition = (composition) => {
   }
   return window.remotion_initialFrame ?? 0;
 };
+var clampFrameToCompositionRange = (frame, durationInFrames) => {
+  return Math.max(0, Math.min(Math.max(0, durationInFrames - 1), frame));
+};
 var useTimelinePositionFromContext = (state) => {
   const videoConfig = useVideo();
   const env = useRemotionEnvironment();
@@ -2515,7 +2519,7 @@ var useTimelinePositionFromContext = (state) => {
     return typeof window === "undefined" ? 0 : window.remotion_initialFrame ?? 0;
   }
   const unclamped = state.frame[videoConfig.id] ?? (env.isPlayer ? 0 : getFrameForComposition(videoConfig.id));
-  return Math.min(videoConfig.durationInFrames - 1, unclamped);
+  return clampFrameToCompositionRange(unclamped, videoConfig.durationInFrames);
 };
 var useTimelineContext = () => {
   const state = useContext10(TimelineContext);
@@ -2703,7 +2707,6 @@ var sequenceVisualStyleSchema = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -2784,6 +2787,11 @@ var sequenceSchema = {
     }
   }
 };
+var sequenceSchemaWithoutFrom = {
+  hidden: hiddenField,
+  durationInFrames: durationInFramesField,
+  layout: sequenceSchema.layout
+};
 var sequenceSchemaDefaultLayoutNone = {
   ...sequenceSchema,
   layout: {
@@ -3437,6 +3445,40 @@ var interpolateString = ({
     dimensions
   });
 };
+var validateTupleOutputRange = (outputRange) => {
+  const dimensions = outputRange[0]?.length;
+  if (dimensions === undefined) {
+    throw new Error("outputRange must have at least 1 element");
+  }
+  if (dimensions === 0) {
+    throw new TypeError("outputRange tuples must contain at least 1 number");
+  }
+  for (const output of outputRange) {
+    if (output.length !== dimensions) {
+      throw new TypeError(`outputRange tuples must all have the same length, but got ${dimensions} and ${output.length}`);
+    }
+    for (const value of output) {
+      if (typeof value !== "number" || !Number.isFinite(value)) {
+        throw new TypeError(`outputRange tuples must contain only finite numbers, but got [${output.join(",")}]`);
+      }
+    }
+  }
+  return dimensions;
+};
+var interpolateTuple = ({
+  input,
+  inputRange,
+  outputRange,
+  options
+}) => {
+  const dimensions = validateTupleOutputRange(outputRange);
+  return new Array(dimensions).fill(true).map((_, axis) => interpolateNumber({
+    input,
+    inputRange,
+    outputRange: outputRange.map((output) => output[axis]),
+    options
+  }));
+};
 function checkValidInputRange(arr) {
   for (let i = 1;i < arr.length; ++i) {
     if (!(arr[i] > arr[i - 1])) {
@@ -3512,8 +3554,11 @@ function interpolate(input, inputRange, outputRange, options) {
     }
     return interpolateString({ input, inputRange, outputRange, options });
   }
+  if (outputRange.every((output) => Array.isArray(output))) {
+    return interpolateTuple({ input, inputRange, outputRange, options });
+  }
   if (!outputRange.every((output) => typeof output === "number")) {
-    throw new TypeError("outputRange must contain only numbers, or supported scale, translate, and rotate strings");
+    throw new TypeError("outputRange must contain only numbers, numeric tuples, or supported scale, translate, and rotate strings");
   }
   checkInfiniteRange("outputRange", outputRange);
   return interpolateNumber({ input, inputRange, outputRange, options });
@@ -4026,8 +4071,9 @@ var interpolateKeyframedStatus = ({
   if (keyframes.length === 0) {
     return null;
   }
-  const inputRange = keyframes.map((k) => k.frame);
-  const outputs = keyframes.map((k) => k.value);
+  const sortedKeyframes = [...keyframes].sort((a2, b2) => a2.frame - b2.frame);
+  const inputRange = sortedKeyframes.map((k) => k.frame);
+  const outputs = sortedKeyframes.map((k) => k.value);
   if (interpolationFunction === "interpolateColors") {
     if (!outputs.every((v) => typeof v === "string")) {
       return null;
@@ -4877,11 +4923,17 @@ var SequenceRefForwardingFunction = (props, ref) => {
   });
 };
 var SequenceInner = forwardRef3(SequenceRefForwardingFunction);
+var SequenceWithoutSchema = SequenceInner;
 var Sequence = wrapInSchema({
   Component: SequenceInner,
   schema: sequenceSchema,
   supportsEffects: false
 });
+var SequenceWithoutFrom = wrapInSchema({
+  Component: SequenceInner,
+  schema: sequenceSchemaWithoutFrom,
+  supportsEffects: false
+});
 var calculateImageFit = (fit, imageSize, canvasSize) => {
   switch (fit) {
     case "fill": {
@@ -11002,6 +11054,7 @@ var Internals = {
   SequenceStackTracesUpdateContext,
   wrapInSchema,
   sequenceSchema,
+  SequenceWithoutSchema,
   sequenceStyleSchema,
   sequenceVisualStyleSchema,
   sequencePremountSchema,
@@ -11163,6 +11216,7 @@ var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   });
 };
 var SeriesSequence = forwardRef13(SeriesSequenceRefForwardingFunction);
+var SequenceWithoutSchemaWithRef = SequenceWithoutSchema;
 var SeriesInner = (props2) => {
   const childrenValue = useMemo38(() => {
     let startFrame = 0;
@@ -11205,13 +11259,13 @@ var SeriesInner = (props2) => {
       }
       const currentStartFrame = startFrame + offset;
       startFrame += durationInFramesProp + offset;
-      return /* @__PURE__ */ jsx36(Sequence, {
+      return /* @__PURE__ */ jsx36(SequenceWithoutSchemaWithRef, {
+        ref: castedChild.ref,
         name: name || "<Series.Sequence>",
         _remotionInternalDocumentationLink: name ? undefined : "https://www.remotion.dev/docs/series",
         from: currentStartFrame,
         durationInFrames: durationInFramesProp,
         ...passedProps,
-        ref: castedChild.ref,
         children: child
       });
     });
@@ -11234,7 +11288,6 @@ var Series = Object.assign(wrapInSchema({
   Sequence: SeriesSequence
 });
 addSequenceStackTraces(Series);
-addSequenceStackTraces(SeriesSequence);
 var validateSpringDuration = (dur) => {
   if (typeof dur === "undefined") {
     return;