remotion 4.0.478 → 4.0.481

package/dist/cjs/internals.d.ts

@@ -6,10 +6,10 @@ import type { JsxComponentIdentity, TCompMetadata, TComposition, TRenderAsset, T
 import type { CompositionManagerContext } from './CompositionManagerContext.js';
 import * as CSSUtils from './default-css.js';
 import type { SerializedJSONWithCustomFields } from './input-props-serialization.js';
+import { type ArrayFieldSchema, type ArrayItemFieldSchema, type InteractivitySchemaField, type InteractivitySchema, type VisibleFieldSchema } from './interactivity-schema.js';
 import type { LoggingContextValue } from './log-level-context.js';
 import type { NonceHistory } from './nonce.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
-import { type ArrayFieldSchema, type ArrayItemFieldSchema, type SequenceFieldSchema, type SequenceSchema, type VisibleFieldSchema } from './sequence-field-schema.js';
 import type { OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters } from './sequence-node-path.js';
 import { OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext } from './sequence-node-path.js';
 import type { ResolvedStackLocation } from './sequence-stack-traces.js';
@@ -18,7 +18,7 @@ import { type CanUpdateEffectPropsResponse, type CanUpdateEffectPropsResponseFal
 import * as TimelinePosition from './timeline-position-state.js';
 import { type PlaybackRateContextValue, type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
 import { truthy } from './truthy.js';
-import type { CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, DragOverrideValue, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses } from './use-schema.js';
+import type { CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, DragOverrideValue, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses } from './use-schema.js';
 import { type CanUpdateSequencePropStatus, type DragOverrides, type EffectDragOverrides, type PropStatuses } from './use-schema.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
@@ -77,17 +77,14 @@ export declare const Internals: {
     readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
     readonly SequenceManagerRefContext: import("react").Context<import("./SequenceManager.js").SequenceManagerRef>;
     readonly SequenceStackTracesUpdateContext: import("react").Context<import("./sequence-stack-traces.js").UpdateResolvedStackTraceFn>;
-    readonly wrapInSchema: <S extends SequenceSchema, Props extends object>({ Component, componentIdentity, schema, supportsEffects, }: {
-        Component: import("react").ComponentType<Props & {
-            readonly _experimentalControls: import("./CompositionManager.js").SequenceControls | undefined;
-        }>;
-        componentIdentity: string | null;
-        schema: S;
-        supportsEffects: boolean;
-    }) => import("react").ComponentType<Props>;
-    readonly sequenceSchema: {
-        readonly hidden: import("./sequence-field-schema.js").BooleanFieldSchema;
-        readonly showInTimeline: import("./sequence-field-schema.js").HiddenFieldSchema;
+    readonly baseSchema: {
+        readonly durationInFrames: {
+            readonly type: "number";
+            readonly default: undefined;
+            readonly min: 1;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
         readonly from: {
             readonly type: "number";
             readonly default: 0;
@@ -100,6 +97,11 @@ export declare const Internals: {
             readonly step: 1;
             readonly hiddenFromList: true;
         };
+        readonly hidden: import("./interactivity-schema.js").BooleanFieldSchema;
+        readonly name: import("./interactivity-schema.js").HiddenFieldSchema;
+        readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
+    };
+    readonly sequenceSchema: {
         readonly durationInFrames: {
             readonly type: "number";
             readonly default: undefined;
@@ -107,6 +109,21 @@ export declare const Internals: {
             readonly step: 1;
             readonly hiddenFromList: true;
         };
+        readonly from: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
+        readonly freeze: {
+            readonly type: "number";
+            readonly default: null;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
+        readonly hidden: import("./interactivity-schema.js").BooleanFieldSchema;
+        readonly name: import("./interactivity-schema.js").HiddenFieldSchema;
+        readonly showInTimeline: import("./interactivity-schema.js").HiddenFieldSchema;
         readonly layout: {
             readonly type: "enum";
             readonly default: "absolute-fill";
@@ -172,8 +189,6 @@ export declare const Internals: {
                 readonly none: {};
             };
         };
-    } & {
-        name: SequenceFieldSchema;
     };
     readonly SequenceWithoutSchema: import("react").ForwardRefExoticComponent<import("./Sequence.js").SequenceProps & import("react").RefAttributes<HTMLDivElement>>;
     readonly sequenceStyleSchema: {
@@ -292,8 +307,67 @@ export declare const Internals: {
             readonly type: "hidden";
         };
     };
-    readonly flattenActiveSchema: (schema: SequenceSchema, resolve: import("./flatten-schema.js").ResolveValue) => SequenceSchema;
-    readonly getFlatSchemaWithAllKeys: (schema: SequenceSchema) => SequenceSchema;
+    readonly transformSchema: {
+        readonly 'style.transformOrigin': {
+            readonly type: "transform-origin";
+            readonly step: 1;
+            readonly default: "50% 50%";
+            readonly description: "Transform origin";
+        };
+        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;
+            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 premountSchema: {
+        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 flattenActiveSchema: (schema: InteractivitySchema, resolve: import("./flatten-schema.js").ResolveValue) => InteractivitySchema;
+    readonly getFlatSchemaWithAllKeys: (schema: InteractivitySchema) => InteractivitySchema;
     readonly RemotionRootContexts: import("react").FC<{
         readonly children: import("react").ReactNode;
         readonly numberOfAudioTags: number;
@@ -691,7 +765,7 @@ export declare const Internals: {
     readonly createWebGLContextError: (effectName: string) => Error;
     readonly createWebGL2ContextError: (effectName: string) => Error;
     readonly computeEffectiveSchemaValuesDotNotation: ({ schema, currentValue, overrideValues, propStatus, frame, }: {
-        schema: SequenceSchema;
+        schema: InteractivitySchema;
         currentValue: Record<string, unknown>;
         overrideValues: Record<string, DragOverrideValue>;
         propStatus: Record<string, CanUpdateSequencePropStatus> | undefined;
@@ -718,7 +792,7 @@ export declare const Internals: {
     readonly OverrideIdsToNodePathsGettersContext: import("react").Context<OverrideToNodePathGetters>;
     readonly OverrideIdsToNodePathsSettersContext: import("react").Context<OverrideToNodeSetters>;
     readonly findPropsToDelete: ({ schema, key, value, }: {
-        schema: SequenceSchema;
+        schema: InteractivitySchema;
         key: string;
         value: unknown;
     }) => string[];
@@ -738,7 +812,7 @@ export declare const Internals: {
         type: "can-update-effect";
         props: Record<string, CanUpdateSequencePropStatus>;
     };
-    readonly hiddenField: SequenceFieldSchema;
+    readonly hiddenField: InteractivitySchemaField;
     readonly durationInFramesField: {
         readonly type: "number";
         readonly default: undefined;
@@ -759,4 +833,4 @@ export declare const Internals: {
         readonly hiddenFromList: true;
     };
 };
-export type { ArrayFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, SequenceFieldSchema, SequenceNodePath, SequencePropsSubscriptionKey, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };
+export type { ArrayFieldSchema, ArrayItemFieldSchema, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusEasing, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetDragOverrides, GetEffectDragOverrides, GetEffectPropStatuses, GetPropStatuses, JsxComponentIdentity, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, PropStatuses, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, InteractivitySchemaField, SequenceNodePath, SequencePropsSubscriptionKey, InteractivitySchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -62,6 +62,7 @@ const get_effective_visual_mode_value_js_1 = require("./get-effective-visual-mod
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 const input_props_override_js_1 = require("./input-props-override.js");
+const interactivity_schema_js_1 = require("./interactivity-schema.js");
 const interpolate_keyframed_status_js_1 = require("./interpolate-keyframed-status.js");
 const is_player_js_1 = require("./is-player.js");
 const log_level_context_js_1 = require("./log-level-context.js");
@@ -79,7 +80,6 @@ const RemotionRoot_js_1 = require("./RemotionRoot.js");
 const RenderAssetManager_js_1 = require("./RenderAssetManager.js");
 const resolve_video_config_js_1 = require("./resolve-video-config.js");
 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");
@@ -112,7 +112,6 @@ const volume_position_state_js_1 = require("./volume-position-state.js");
 const volume_prop_js_1 = require("./volume-prop.js");
 const volume_safeguard_js_1 = require("./volume-safeguard.js");
 const watch_static_file_js_1 = require("./watch-static-file.js");
-const wrap_in_schema_js_1 = require("./wrap-in-schema.js");
 const wrap_remotion_context_js_1 = require("./wrap-remotion-context.js");
 // needs to be in core package so gets deduplicated in studio
 const compositionSelectorRef = (0, react_1.createRef)();
@@ -141,12 +140,14 @@ exports.Internals = {
     SequenceManager: SequenceManager_js_1.SequenceManager,
     SequenceManagerRefContext: SequenceManager_js_1.SequenceManagerRefContext,
     SequenceStackTracesUpdateContext: sequence_stack_traces_js_1.SequenceStackTracesUpdateContext,
-    wrapInSchema: wrap_in_schema_js_1.wrapInSchema,
-    sequenceSchema: sequence_field_schema_js_1.sequenceSchema,
+    baseSchema: interactivity_schema_js_1.baseSchema,
+    sequenceSchema: interactivity_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,
+    sequenceStyleSchema: interactivity_schema_js_1.sequenceStyleSchema,
+    sequenceVisualStyleSchema: interactivity_schema_js_1.sequenceVisualStyleSchema,
+    sequencePremountSchema: interactivity_schema_js_1.sequencePremountSchema,
+    transformSchema: interactivity_schema_js_1.transformSchema,
+    premountSchema: interactivity_schema_js_1.premountSchema,
     flattenActiveSchema: flatten_schema_js_1.flattenActiveSchema,
     getFlatSchemaWithAllKeys: flatten_schema_js_1.getFlatSchemaWithAllKeys,
     RemotionRootContexts: RemotionRoot_js_1.RemotionRootContexts,
@@ -260,8 +261,8 @@ exports.Internals = {
     makeSequencePropsSubscriptionKey: SequenceManager_js_1.makeSequencePropsSubscriptionKey,
     getPropStatusesCtx: use_memoized_effects_js_1.getPropStatusesCtx,
     getEffectPropStatusesCtx: use_memoized_effects_js_1.getEffectPropStatusesCtx,
-    hiddenField: sequence_field_schema_js_1.hiddenField,
-    durationInFramesField: sequence_field_schema_js_1.durationInFramesField,
-    freezeField: sequence_field_schema_js_1.freezeField,
-    fromField: sequence_field_schema_js_1.fromField,
+    hiddenField: interactivity_schema_js_1.hiddenField,
+    durationInFramesField: interactivity_schema_js_1.durationInFramesField,
+    freezeField: interactivity_schema_js_1.freezeField,
+    fromField: interactivity_schema_js_1.fromField,
 };

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

@@ -6,10 +6,21 @@ const easing_js_1 = require("./easing.js");
 const interpolate_colors_js_1 = require("./interpolate-colors.js");
 const interpolate_js_1 = require("./interpolate.js");
 const easingToFn = (e) => {
-    if (e === 'linear') {
-        return easing_js_1.Easing.linear;
+    switch (e.type) {
+        case 'linear':
+            return easing_js_1.Easing.linear;
+        case 'spring':
+            return easing_js_1.Easing.spring({
+                damping: e.damping,
+                mass: e.mass,
+                overshootClamping: e.overshootClamping,
+                stiffness: e.stiffness,
+            });
+        case 'bezier':
+            return (0, bezier_js_1.bezier)(e.x1, e.y1, e.x2, e.y2);
+        default:
+            throw new TypeError(`Unsupported easing: ${JSON.stringify(e)}`);
     }
-    return (0, bezier_js_1.bezier)(e[0], e[1], e[2], e[3]);
 };
 const interpolateKeyframedStatus = ({ frame, status, }) => {
     const { keyframes, easing, clamping, interpolationFunction } = status;

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

@@ -57,32 +57,33 @@ export declare const NoReactInternals: {
     validateCodec: typeof validateCodec;
     proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
     findPropsToDelete: ({ schema, key, value, }: {
-        schema: import("./sequence-field-schema").SequenceSchema;
+        schema: import("./interactivity-schema").InteractivitySchema;
         key: string;
         value: unknown;
     }) => string[];
     sequenceSchema: {
-        readonly hidden: import("./sequence-field-schema").BooleanFieldSchema;
-        readonly showInTimeline: import("./sequence-field-schema").HiddenFieldSchema;
-        readonly from: {
+        readonly durationInFrames: {
             readonly type: "number";
-            readonly default: 0;
+            readonly default: undefined;
+            readonly min: 1;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
-        readonly freeze: {
+        readonly from: {
             readonly type: "number";
-            readonly default: null;
+            readonly default: 0;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
-        readonly durationInFrames: {
+        readonly freeze: {
             readonly type: "number";
-            readonly default: undefined;
-            readonly min: 1;
+            readonly default: null;
             readonly step: 1;
             readonly hiddenFromList: true;
         };
+        readonly hidden: import("./interactivity-schema").BooleanFieldSchema;
+        readonly name: import("./interactivity-schema").HiddenFieldSchema;
+        readonly showInTimeline: import("./interactivity-schema").HiddenFieldSchema;
         readonly layout: {
             readonly type: "enum";
             readonly default: "absolute-fill";
@@ -148,8 +149,6 @@ export declare const NoReactInternals: {
                 readonly none: {};
             };
         };
-    } & {
-        name: import("./sequence-field-schema").SequenceFieldSchema;
     };
     parseScaleValue: (value: unknown) => import("./scale-value").ScaleValue;
     serializeScaleValue: ([x, y, z]: import("./scale-value").ScaleValue) => string | number;

package/dist/cjs/no-react.js

@@ -11,10 +11,10 @@ const delay_render_1 = require("./delay-render");
 const find_props_to_delete_1 = require("./find-props-to-delete");
 const input_props_serialization_1 = require("./input-props-serialization");
 const input_props_serialization_js_1 = require("./input-props-serialization.js");
+const interactivity_schema_1 = require("./interactivity-schema");
 const interpolate_colors_1 = require("./interpolate-colors");
 const prores_profile_1 = require("./prores-profile");
 const scale_value_1 = require("./scale-value");
-const sequence_field_schema_1 = require("./sequence-field-schema");
 const truthy_1 = require("./truthy");
 const v5_flag_1 = require("./v5-flag");
 const validate_frame_1 = require("./validate-frame");
@@ -52,7 +52,7 @@ exports.NoReactInternals = {
     validateCodec: validate_default_codec_1.validateCodec,
     proResProfileOptions: prores_profile_1.proResProfileOptions,
     findPropsToDelete: find_props_to_delete_1.findPropsToDelete,
-    sequenceSchema: sequence_field_schema_1.sequenceSchema,
+    sequenceSchema: interactivity_schema_1.sequenceSchema,
     parseScaleValue: scale_value_1.parseScaleValue,
     serializeScaleValue: scale_value_1.serializeScaleValue,
 };

package/dist/cjs/series/index.js

@@ -4,10 +4,10 @@ exports.Series = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
-const sequence_field_schema_js_1 = require("../sequence-field-schema.js");
+const interactivity_schema_js_1 = require("../interactivity-schema.js");
 const Sequence_js_1 = require("../Sequence.js");
 const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
-const wrap_in_schema_js_1 = require("../wrap-in-schema.js");
+const with_interactivity_schema_js_1 = require("../with-interactivity-schema.js");
 const flatten_children_js_1 = require("./flatten-children.js");
 const is_inside_series_js_1 = require("./is-inside-series.js");
 const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
@@ -65,10 +65,11 @@ const SeriesInner = (props) => {
  * @description with this component, you can easily stitch together scenes that should play sequentially after another.
  * @see [Documentation](https://www.remotion.dev/docs/series)
  */
-const Series = Object.assign((0, wrap_in_schema_js_1.wrapInSchema)({
+const Series = Object.assign((0, with_interactivity_schema_js_1.withInteractivitySchema)({
     Component: SeriesInner,
+    componentName: '<Series>',
     componentIdentity: 'dev.remotion.remotion.Series',
-    schema: sequence_field_schema_js_1.sequenceSchemaDefaultLayoutNone,
+    schema: interactivity_schema_js_1.sequenceSchemaDefaultLayoutNone,
     supportsEffects: false,
 }), {
     Sequence: SeriesSequence,

package/dist/cjs/use-schema.d.ts

@@ -1,5 +1,5 @@
+import type { InteractivitySchema } from './interactivity-schema.js';
 import type { ExtrapolateType } from './interpolate.js';
-import type { SequenceSchema } from './sequence-field-schema.js';
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from './SequenceManager.js';
 export type CanUpdateSequencePropStatusStatic = {
     status: 'static';
@@ -9,7 +9,25 @@ export type CanUpdateSequencePropStatusKeyframe = {
     frame: number;
     value: unknown;
 };
-export type CanUpdateSequencePropStatusEasing = 'linear' | [number, number, number, number];
+export type CanUpdateSequencePropStatusLinearEasing = {
+    type: 'linear';
+};
+export type CanUpdateSequencePropStatusBezierEasing = {
+    type: 'bezier';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+export type CanUpdateSequencePropStatusSpringEasing = {
+    type: 'spring';
+    damping: number;
+    mass: number;
+    stiffness: number;
+    overshootClamping: boolean;
+};
+export type CanUpdateSequencePropStatusEasing = CanUpdateSequencePropStatusLinearEasing | CanUpdateSequencePropStatusBezierEasing | CanUpdateSequencePropStatusSpringEasing;
+export declare const DEFAULT_LINEAR_EASING: CanUpdateSequencePropStatusLinearEasing;
 export type CanUpdateSequencePropStatusClamping = {
     left: ExtrapolateType;
     right: ExtrapolateType;
@@ -51,7 +69,7 @@ export declare const makeKeyframedDragOverride: ({ status, frame, value, }: {
 export declare const getStaticDragOverrideValue: (dragOverrideValue: DragOverrideValue | undefined) => unknown;
 export declare const isKeyframedStatus: (status: CanUpdateSequencePropStatus | null) => status is CanUpdateSequencePropStatusKeyframed;
 export declare const computeEffectiveSchemaValuesDotNotation: ({ schema, currentValue, overrideValues, propStatus, frame, }: {
-    schema: SequenceSchema;
+    schema: InteractivitySchema;
     currentValue: Record<string, unknown>;
     overrideValues: Record<string, DragOverrideValue>;
     propStatus: Record<string, CanUpdateSequencePropStatus> | undefined;

package/dist/cjs/use-schema.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeEffectiveSchemaValuesDotNotation = exports.isKeyframedStatus = exports.getStaticDragOverrideValue = exports.makeKeyframedDragOverride = exports.makeStaticDragOverride = void 0;
+exports.computeEffectiveSchemaValuesDotNotation = exports.isKeyframedStatus = exports.getStaticDragOverrideValue = exports.makeKeyframedDragOverride = exports.makeStaticDragOverride = exports.DEFAULT_LINEAR_EASING = void 0;
 const find_props_to_delete_js_1 = require("./find-props-to-delete.js");
 const get_effective_visual_mode_value_js_1 = require("./get-effective-visual-mode-value.js");
 const interpolate_keyframed_status_js_1 = require("./interpolate-keyframed-status.js");
+exports.DEFAULT_LINEAR_EASING = {
+    type: 'linear',
+};
 const makeStaticDragOverride = (value) => {
     return { type: 'static', value };
 };
@@ -15,7 +18,7 @@ const makeKeyframedDragOverride = ({ status, frame, value, }) => {
         : status.keyframes.map((keyframe, index) => index === existingIndex ? { frame, value } : keyframe);
     const easing = [...status.easing];
     while (easing.length < keyframes.length - 1) {
-        easing.push('linear');
+        easing.push(exports.DEFAULT_LINEAR_EASING);
     }
     if (easing.length > keyframes.length - 1) {
         easing.length = keyframes.length - 1;

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

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.478';
+exports.VERSION = '4.0.481';

package/dist/cjs/with-interactivity-schema.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { SequenceControls } from './CompositionManager.js';
+import { type InteractivitySchema } from './interactivity-schema.js';
+export declare const getNestedValue: (obj: Record<string, unknown>, key: string) => unknown;
+export declare const readValuesFromProps: (props: Record<string, unknown>, keys: string[]) => Record<string, unknown>;
+export declare const selectActiveKeys: (schema: InteractivitySchema, values: Record<string, unknown>) => string[];
+export declare const mergeValues: ({ props, valuesDotNotation, schemaKeys, propsToDelete, }: {
+    props: Record<string, unknown>;
+    valuesDotNotation: Record<string, unknown>;
+    schemaKeys: string[];
+    propsToDelete: Set<string>;
+}) => Record<string, unknown>;
+export declare const withInteractivitySchema: <S extends InteractivitySchema, Props extends object>({ Component, componentName, componentIdentity, schema, supportsEffects, }: {
+    Component: React.ComponentType<Props & {
+        readonly controls: SequenceControls | undefined;
+    }>;
+    componentName: string;
+    componentIdentity: string | null;
+    schema: S;
+    supportsEffects: boolean;
+}) => React.ComponentType<Props>;