remotion 4.0.472 → 4.0.473

package/dist/cjs/Img.d.ts

@@ -26,7 +26,6 @@ export declare const imgSchema: {
     };
     readonly 'style.scale': {
         readonly type: "scale";
-        readonly min: 0.05;
         readonly max: 100;
         readonly step: 0.01;
         readonly default: 1;

package/dist/cjs/Sequence.d.ts

@@ -70,4 +70,6 @@ export type SequencePropsWithoutDuration = {
 export type SequenceProps = {
     readonly durationInFrames?: number;
 } & SequencePropsWithoutDuration;
+export declare const SequenceWithoutSchema: React.ForwardRefExoticComponent<SequenceProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Sequence: React.ComponentType<SequenceProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SequenceWithoutFrom: React.ComponentType<SequenceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/Sequence.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sequence = void 0;
+exports.SequenceWithoutFrom = exports.Sequence = exports.SequenceWithoutSchema = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-use-before-define */
 const react_1 = require("react");
@@ -316,6 +316,7 @@ const SequenceRefForwardingFunction = (props, ref) => {
     return jsx_runtime_1.jsx(RegularSequence, { ...props, ref: ref });
 };
 const SequenceInner = (0, react_1.forwardRef)(SequenceRefForwardingFunction);
+exports.SequenceWithoutSchema = SequenceInner;
 /*
  * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
  * @see [Documentation](https://www.remotion.dev/docs/sequence)
@@ -325,3 +326,8 @@ exports.Sequence = (0, wrap_in_schema_js_1.wrapInSchema)({
     schema: sequence_field_schema_js_1.sequenceSchema,
     supportsEffects: false,
 });
+exports.SequenceWithoutFrom = (0, wrap_in_schema_js_1.wrapInSchema)({
+    Component: SequenceInner,
+    schema: sequence_field_schema_js_1.sequenceSchemaWithoutFrom,
+    supportsEffects: false,
+});

package/dist/cjs/canvas-image/CanvasImage.d.ts

@@ -10,7 +10,6 @@ export declare const canvasImageSchema: {
     };
     readonly 'style.scale': {
         readonly type: "scale";
-        readonly min: 0.05;
         readonly max: 100;
         readonly step: 0.01;
         readonly default: 1;

package/dist/cjs/internals.d.ts

@@ -111,7 +111,6 @@ export declare const Internals: {
                     };
                     readonly 'style.scale': {
                         readonly type: "scale";
-                        readonly min: 0.05;
                         readonly max: 100;
                         readonly step: 0.01;
                         readonly default: 1;
@@ -158,6 +157,7 @@ export declare const Internals: {
             };
         };
     };
+    readonly SequenceWithoutSchema: import("react").ForwardRefExoticComponent<import("./Sequence.js").SequenceProps & import("react").RefAttributes<HTMLDivElement>>;
     readonly sequenceStyleSchema: {
         readonly 'style.translate': {
             readonly type: "translate";
@@ -167,7 +167,6 @@ export declare const Internals: {
         };
         readonly 'style.scale': {
             readonly type: "scale";
-            readonly min: 0.05;
             readonly max: 100;
             readonly step: 0.01;
             readonly default: 1;
@@ -219,7 +218,6 @@ export declare const Internals: {
         };
         readonly 'style.scale': {
             readonly type: "scale";
-            readonly min: 0.05;
             readonly max: 100;
             readonly step: 0.01;
             readonly default: 1;
@@ -675,7 +673,7 @@ export declare const Internals: {
     readonly interpolateKeyframedStatus: ({ frame, status, }: {
         frame: number;
         status: CanUpdateSequencePropStatusKeyframed;
-    }) => string | number | null;
+    }) => string | number | readonly number[] | null;
     readonly makeStaticDragOverride: (value: unknown) => DragOverrideValue;
     readonly makeKeyframedDragOverride: ({ status, frame, value, }: {
         status: CanUpdateSequencePropStatusKeyframed;

package/dist/cjs/internals.js

@@ -82,6 +82,7 @@ const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
 const sequence_field_schema_js_1 = require("./sequence-field-schema.js");
 const sequence_node_path_js_1 = require("./sequence-node-path.js");
 const sequence_stack_traces_js_1 = require("./sequence-stack-traces.js");
+const Sequence_js_1 = require("./Sequence.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
 const setup_env_variables_js_1 = require("./setup-env-variables.js");
@@ -140,6 +141,7 @@ exports.Internals = {
     SequenceStackTracesUpdateContext: sequence_stack_traces_js_1.SequenceStackTracesUpdateContext,
     wrapInSchema: wrap_in_schema_js_1.wrapInSchema,
     sequenceSchema: sequence_field_schema_js_1.sequenceSchema,
+    SequenceWithoutSchema: Sequence_js_1.SequenceWithoutSchema,
     sequenceStyleSchema: sequence_field_schema_js_1.sequenceStyleSchema,
     sequenceVisualStyleSchema: sequence_field_schema_js_1.sequenceVisualStyleSchema,
     sequencePremountSchema: sequence_field_schema_js_1.sequencePremountSchema,

package/dist/cjs/interpolate-keyframed-status.d.ts

@@ -1,5 +1,7 @@
 import type { CanUpdateSequencePropStatusKeyframed } from './use-schema.js';
+type InterpolateKeyframedStatusResult = number | string | readonly number[] | null;
 export declare const interpolateKeyframedStatus: ({ frame, status, }: {
     frame: number;
     status: CanUpdateSequencePropStatusKeyframed;
-}) => string | number | null;
+}) => InterpolateKeyframedStatusResult;
+export {};

package/dist/cjs/interpolate-keyframed-status.js

@@ -16,8 +16,9 @@ const interpolateKeyframedStatus = ({ frame, status, }) => {
     if (keyframes.length === 0) {
         return null;
     }
-    const inputRange = keyframes.map((k) => k.frame);
-    const outputs = keyframes.map((k) => k.value);
+    const sortedKeyframes = [...keyframes].sort((a, b) => a.frame - b.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;

package/dist/cjs/interpolate.d.ts

@@ -10,8 +10,15 @@ export type InterpolateOptions = Partial<{
     extrapolateRight: ExtrapolateType;
     posterize: number;
 }>;
+type NumericTuple = readonly [number, ...number[]];
+type WidenNumericTuple<T extends readonly number[]> = {
+    readonly [Key in keyof T]: number;
+};
 export declare function assertValidInterpolateEasingOption(easing: EasingFunction | readonly EasingFunction[] | undefined, inputRangeLength: number): void;
 export declare function assertValidInterpolatePosterizeOption(posterize: number | undefined): void;
 export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly number[], options?: InterpolateOptions): number;
 export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly string[], options?: InterpolateOptions): string;
-export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly (number | string)[], options?: InterpolateOptions): number | string;
+export declare function interpolate<const Tuple extends NumericTuple>(input: number, inputRange: readonly number[], outputRange: readonly Tuple[], options?: InterpolateOptions): WidenNumericTuple<Tuple>;
+export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly (readonly number[])[], options?: InterpolateOptions): number[];
+export declare function interpolate(input: number, inputRange: readonly number[], outputRange: readonly (number | string | readonly number[])[], options?: InterpolateOptions): number | string | readonly number[];
+export {};

package/dist/cjs/interpolate.js

@@ -261,6 +261,36 @@ const interpolateString = ({ input, inputRange, outputRange, options, }) => {
         dimensions,
     });
 };
+const validateTupleOutputRange = (outputRange) => {
+    var _a;
+    const dimensions = (_a = outputRange[0]) === null || _a === void 0 ? void 0 : _a.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;
+};
+const 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])) {
@@ -342,8 +372,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 });

package/dist/cjs/no-react.d.ts

@@ -90,7 +90,6 @@ export declare const NoReactInternals: {
                     };
                     readonly 'style.scale': {
                         readonly type: "scale";
-                        readonly min: 0.05;
                         readonly max: 100;
                         readonly step: 0.01;
                         readonly default: 1;

package/dist/cjs/sequence-field-schema.d.ts

@@ -55,6 +55,7 @@ export type UvCoordinateFieldSchema = {
     min?: number;
     max?: number;
     step?: number;
+    lineTo?: string;
     default: readonly [number, number] | undefined;
     description?: string;
     keyframable?: boolean;
@@ -109,7 +110,6 @@ export declare const sequenceVisualStyleSchema: {
     };
     readonly 'style.scale': {
         readonly type: "scale";
-        readonly min: 0.05;
         readonly max: 100;
         readonly step: 0.01;
         readonly default: 1;
@@ -163,7 +163,6 @@ export declare const sequenceStyleSchema: {
     };
     readonly 'style.scale': {
         readonly type: "scale";
-        readonly min: 0.05;
         readonly max: 100;
         readonly step: 0.01;
         readonly default: 1;
@@ -249,7 +248,75 @@ export declare const sequenceSchema: {
                 };
                 readonly 'style.scale': {
                     readonly type: "scale";
-                    readonly min: 0.05;
+                    readonly max: 100;
+                    readonly step: 0.01;
+                    readonly default: 1;
+                    readonly description: "Scale";
+                };
+                readonly 'style.rotate': {
+                    readonly type: "rotation-css";
+                    readonly step: 1;
+                    readonly default: "0deg";
+                    readonly description: "Rotation";
+                };
+                readonly 'style.opacity': {
+                    readonly type: "number";
+                    readonly min: 0;
+                    readonly max: 1;
+                    readonly step: 0.01;
+                    readonly default: 1;
+                    readonly description: "Opacity";
+                    readonly hiddenFromList: false;
+                };
+                readonly premountFor: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly description: "Premount For";
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly hiddenFromList: false;
+                };
+                readonly postmountFor: {
+                    readonly type: "number";
+                    readonly default: 0;
+                    readonly min: 0;
+                    readonly step: 1;
+                    readonly hiddenFromList: true;
+                };
+                readonly styleWhilePremounted: {
+                    readonly type: "hidden";
+                };
+                readonly styleWhilePostmounted: {
+                    readonly type: "hidden";
+                };
+            };
+            readonly none: {};
+        };
+    };
+};
+export declare const sequenceSchemaWithoutFrom: {
+    readonly hidden: BooleanFieldSchema;
+    readonly durationInFrames: {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 1;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly layout: {
+        readonly type: "enum";
+        readonly default: "absolute-fill";
+        readonly description: "Layout";
+        readonly variants: {
+            readonly 'absolute-fill': {
+                readonly 'style.translate': {
+                    readonly type: "translate";
+                    readonly step: 1;
+                    readonly default: "0px 0px";
+                    readonly description: "Offset";
+                };
+                readonly 'style.scale': {
+                    readonly type: "scale";
                     readonly max: 100;
                     readonly step: 0.01;
                     readonly default: 1;

package/dist/cjs/sequence-field-schema.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchema = exports.fromField = exports.durationInFramesField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.sequenceVisualStyleSchema = void 0;
+exports.sequenceSchemaDefaultLayoutNone = exports.sequenceSchemaWithoutFrom = exports.sequenceSchema = exports.fromField = exports.durationInFramesField = exports.hiddenField = exports.sequenceStyleSchema = exports.sequencePremountSchema = exports.sequenceVisualStyleSchema = void 0;
 exports.sequenceVisualStyleSchema = {
     'style.translate': {
         type: 'translate',
@@ -10,7 +10,6 @@ exports.sequenceVisualStyleSchema = {
     },
     'style.scale': {
         type: 'scale',
-        min: 0.05,
         max: 100,
         step: 0.01,
         default: 1,
@@ -91,6 +90,11 @@ exports.sequenceSchema = {
         },
     },
 };
+exports.sequenceSchemaWithoutFrom = {
+    hidden: exports.hiddenField,
+    durationInFrames: exports.durationInFramesField,
+    layout: exports.sequenceSchema.layout,
+};
 exports.sequenceSchemaDefaultLayoutNone = {
     ...exports.sequenceSchema,
     layout: {

package/dist/cjs/series/index.js

@@ -16,6 +16,7 @@ const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
     return jsx_runtime_1.jsx(is_inside_series_js_1.IsNotInsideSeriesProvider, { children: children });
 };
 const SeriesSequence = (0, react_1.forwardRef)(SeriesSequenceRefForwardingFunction);
+const SequenceWithoutSchemaWithRef = Sequence_js_1.SequenceWithoutSchema;
 const SeriesInner = (props) => {
     const childrenValue = (0, react_1.useMemo)(() => {
         let startFrame = 0;
@@ -55,7 +56,7 @@ const SeriesInner = (props) => {
             }
             const currentStartFrame = startFrame + offset;
             startFrame += durationInFramesProp + offset;
-            return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { name: name || '<Series.Sequence>', _remotionInternalDocumentationLink: name ? undefined : 'https://www.remotion.dev/docs/series', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, ref: castedChild.ref, children: child }));
+            return (jsx_runtime_1.jsx(SequenceWithoutSchemaWithRef, { ref: castedChild.ref, name: name || '<Series.Sequence>', _remotionInternalDocumentationLink: name ? undefined : 'https://www.remotion.dev/docs/series', from: currentStartFrame, durationInFrames: durationInFramesProp, ...passedProps, children: child }));
         });
     }, [props.children]);
     return (jsx_runtime_1.jsx(is_inside_series_js_1.IsInsideSeriesContainer, { children: jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", name: "<Series>", _remotionInternalDocumentationLink: "https://www.remotion.dev/docs/series", ...props, children: childrenValue }) }));
@@ -73,4 +74,3 @@ const Series = Object.assign((0, wrap_in_schema_js_1.wrapInSchema)({
 });
 exports.Series = Series;
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Series);
-(0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(SeriesSequence);

package/dist/cjs/timeline-position-state.d.ts

@@ -8,6 +8,7 @@ type CurrentTimePerComposition = Record<string, number>;
 export declare const persistCurrentFrame: (time: CurrentTimePerComposition) => void;
 export declare const getInitialFrameState: () => CurrentTimePerComposition;
 export declare const getFrameForComposition: (composition: string) => number;
+export declare const clampFrameToCompositionRange: (frame: number, durationInFrames: number) => number;
 export declare const useTimelineContext: () => TimelineContextValue;
 export declare const usePlaybackRate: () => PlaybackRateContextValue;
 export declare const useTimelinePosition: () => number;

package/dist/cjs/timeline-position-state.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlayingState = exports.useTimelineSetFrame = exports.useAbsoluteTimelinePosition = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
+exports.usePlayingState = exports.useTimelineSetFrame = exports.useAbsoluteTimelinePosition = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.clampFrameToCompositionRange = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
 const react_1 = require("react");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
@@ -32,6 +32,10 @@ const getFrameForComposition = (composition) => {
     return (_b = window.remotion_initialFrame) !== null && _b !== void 0 ? _b : 0;
 };
 exports.getFrameForComposition = getFrameForComposition;
+const clampFrameToCompositionRange = (frame, durationInFrames) => {
+    return Math.max(0, Math.min(Math.max(0, durationInFrames - 1), frame));
+};
+exports.clampFrameToCompositionRange = clampFrameToCompositionRange;
 const useTimelinePositionFromContext = (state) => {
     var _a, _b;
     const videoConfig = (0, use_video_js_1.useVideo)();
@@ -42,7 +46,7 @@ const useTimelinePositionFromContext = (state) => {
             : ((_a = window.remotion_initialFrame) !== null && _a !== void 0 ? _a : 0);
     }
     const unclamped = (_b = state.frame[videoConfig.id]) !== null && _b !== void 0 ? _b : (env.isPlayer ? 0 : (0, exports.getFrameForComposition)(videoConfig.id));
-    return Math.min(videoConfig.durationInFrames - 1, unclamped);
+    return (0, exports.clampFrameToCompositionRange)(unclamped, videoConfig.durationInFrames);
 };
 const useTimelineContext = () => {
     const state = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);

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.472";
+export declare const VERSION = "4.0.473";

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.472';
+exports.VERSION = '4.0.473';

package/dist/esm/index.mjs

@@ -1291,7 +1291,7 @@ var addSequenceStackTraces = (component) => {
 };
 
 // src/version.ts
-var VERSION = "4.0.472";
+var VERSION = "4.0.473";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1355,7 +1355,8 @@ __export(exports_timeline_position_state, {
   useAbsoluteTimelinePosition: () => useAbsoluteTimelinePosition,
   persistCurrentFrame: () => persistCurrentFrame,
   getInitialFrameState: () => getInitialFrameState,
-  getFrameForComposition: () => getFrameForComposition
+  getFrameForComposition: () => getFrameForComposition,
+  clampFrameToCompositionRange: () => clampFrameToCompositionRange
 });
 import { useContext as useContext10, useMemo as useMemo9 } from "react";
 
@@ -1509,6 +1510,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();
@@ -1516,7 +1520,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);
@@ -1723,7 +1727,6 @@ var sequenceVisualStyleSchema = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -1804,6 +1807,11 @@ var sequenceSchema = {
     }
   }
 };
+var sequenceSchemaWithoutFrom = {
+  hidden: hiddenField,
+  durationInFrames: durationInFramesField,
+  layout: sequenceSchema.layout
+};
 var sequenceSchemaDefaultLayoutNone = {
   ...sequenceSchema,
   layout: {
@@ -2483,6 +2491,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])) {
@@ -2558,8 +2600,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 });
@@ -3076,8 +3121,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;
@@ -3945,11 +3991,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
+});
 // src/animated-image/AnimatedImage.tsx
 import {
   forwardRef as forwardRef4,
@@ -10568,6 +10620,7 @@ var Internals = {
   SequenceStackTracesUpdateContext,
   wrapInSchema,
   sequenceSchema,
+  SequenceWithoutSchema,
   sequenceStyleSchema,
   sequenceVisualStyleSchema,
   sequencePremountSchema,
@@ -10742,6 +10795,7 @@ var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   });
 };
 var SeriesSequence = forwardRef13(SeriesSequenceRefForwardingFunction);
+var SequenceWithoutSchemaWithRef = SequenceWithoutSchema;
 var SeriesInner = (props2) => {
   const childrenValue = useMemo38(() => {
     let startFrame = 0;
@@ -10784,13 +10838,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
       });
     });
@@ -10813,7 +10867,6 @@ var Series = Object.assign(wrapInSchema({
   Sequence: SeriesSequence
 });
 addSequenceStackTraces(Series);
-addSequenceStackTraces(SeriesSequence);
 // src/validation/validation-spring-duration.ts
 var validateSpringDuration = (dur) => {
   if (typeof dur === "undefined") {

package/dist/esm/no-react.mjs

@@ -252,6 +252,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])) {
@@ -327,8 +361,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 });
@@ -978,7 +1015,6 @@ var sequenceVisualStyleSchema = {
   },
   "style.scale": {
     type: "scale",
-    min: 0.05,
     max: 100,
     step: 0.01,
     default: 1,
@@ -1059,6 +1095,11 @@ var sequenceSchema = {
     }
   }
 };
+var sequenceSchemaWithoutFrom = {
+  hidden: hiddenField,
+  durationInFrames: durationInFramesField,
+  layout: sequenceSchema.layout
+};
 var sequenceSchemaDefaultLayoutNone = {
   ...sequenceSchema,
   layout: {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.472";
+var VERSION = "4.0.473";
 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.472",
+	"version": "4.0.473",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -35,7 +35,7 @@
 		"react-dom": "19.2.3",
 		"webpack": "5.105.0",
 		"zod": "4.3.6",
-		"@remotion/eslint-config-internal": "4.0.472",
+		"@remotion/eslint-config-internal": "4.0.473",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},