remotion 4.0.471 → 4.0.472

package/dist/cjs/effects/Solid.js

@@ -11,7 +11,20 @@ const wrap_in_schema_js_1 = require("../wrap-in-schema.js");
 const run_effect_chain_js_1 = require("./run-effect-chain.js");
 const use_effect_chain_state_js_1 = require("./use-effect-chain-state.js");
 const use_memoized_effects_js_1 = require("./use-memoized-effects.js");
+const resolveSolidPixelDensity = (pixelDensity) => {
+    if (pixelDensity === undefined) {
+        return 1;
+    }
+    if (typeof pixelDensity !== 'number' ||
+        !Number.isFinite(pixelDensity) ||
+        pixelDensity <= 0) {
+        throw new Error(`<Solid>: \`pixelDensity\` must be a positive finite number. Received: ${String(pixelDensity)}.`);
+    }
+    return pixelDensity;
+};
 const solidSchema = {
+    durationInFrames: sequence_field_schema_js_1.durationInFramesField,
+    from: sequence_field_schema_js_1.fromField,
     color: {
         type: 'color',
         default: 'transparent',
@@ -23,6 +36,7 @@ const solidSchema = {
         step: 1,
         default: 1920,
         description: 'Width',
+        hiddenFromList: false,
     },
     height: {
         type: 'number',
@@ -30,12 +44,16 @@ const solidSchema = {
         step: 1,
         default: 1080,
         description: 'Height',
+        hiddenFromList: false,
     },
     ...sequence_field_schema_js_1.sequenceVisualStyleSchema,
     hidden: sequence_field_schema_js_1.hiddenField,
 };
-const SolidInner = ({ color, width, height, effects = [], className, style, overrideId, reference, }) => {
+const SolidInner = ({ color, width, height, effects = [], className, style, pixelDensity, overrideId, reference, }) => {
     const { delayRender, continueRender, cancelRender } = (0, use_delay_render_js_1.useDelayRender)();
+    const resolvedPixelDensity = resolveSolidPixelDensity(pixelDensity);
+    const canvasWidth = Math.ceil(width * resolvedPixelDensity);
+    const canvasHeight = Math.ceil(height * resolvedPixelDensity);
     const [outputCanvas, setOutputCanvas] = (0, react_1.useState)(null);
     const memoizedEffects = (0, use_memoized_effects_js_1.useMemoizedEffects)({
         effects,
@@ -83,12 +101,12 @@ const SolidInner = ({ color, width, height, effects = [], className, style, over
             ctx.fillRect(0, 0, 1, 1);
         }
         (0, run_effect_chain_js_1.runEffectChain)({
-            state: chainState.get(width, height),
+            state: chainState.get(canvasWidth, canvasHeight),
             source: sourceCanvas,
             effects: memoizedEffects,
             output: outputCanvas,
-            width,
-            height,
+            width: canvasWidth,
+            height: canvasHeight,
         })
             .then((completed) => {
             if (completed) {
@@ -106,16 +124,23 @@ const SolidInner = ({ color, width, height, effects = [], className, style, over
         outputCanvas,
         sourceCanvas,
         chainState,
-        width,
-        height,
+        canvasWidth,
+        canvasHeight,
         delayRender,
         continueRender,
         cancelRender,
         memoizedEffects,
     ]);
-    return (jsx_runtime_1.jsx("canvas", { ref: canvasRef, width: width, height: height, className: className, style: style }));
+    const canvasStyle = (0, react_1.useMemo)(() => {
+        return {
+            width,
+            height,
+            ...(style !== null && style !== void 0 ? style : {}),
+        };
+    }, [height, style, width]);
+    return (jsx_runtime_1.jsx("canvas", { ref: canvasRef, width: canvasWidth, height: canvasHeight, className: className, style: canvasStyle }));
 };
-const SolidOuter = (0, react_1.forwardRef)(({ effects = [], _experimentalControls: controls, color, height, width, className, durationInFrames, style, name, from, hidden, showInTimeline, ...props }, ref) => {
+const SolidOuter = (0, react_1.forwardRef)(({ effects = [], _experimentalControls: controls, color, height, width, className, durationInFrames, style, name, from, hidden, showInTimeline, pixelDensity, ...props }, ref) => {
     var _a;
     props;
     const memoizedEffectDefinitions = (0, use_memoized_effects_js_1.useMemoizedEffectDefinitions)(effects);
@@ -123,8 +148,12 @@ const SolidOuter = (0, react_1.forwardRef)(({ effects = [], _experimentalControl
     (0, react_1.useImperativeHandle)(ref, () => {
         return actualRef.current;
     }, []);
-    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from, hidden: hidden, showInTimeline: showInTimeline, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', _remotionInternalRefForOutline: actualRef, _remotionInternalDocumentationLink: name === undefined ? 'https://www.remotion.dev/docs/solid' : undefined, ...props, children: jsx_runtime_1.jsx(SolidInner, { reference: actualRef, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects }) }));
+    return (jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: from, hidden: hidden, showInTimeline: showInTimeline, _experimentalControls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : '<Solid>', _remotionInternalRefForOutline: actualRef, _remotionInternalDocumentationLink: name === undefined ? 'https://www.remotion.dev/docs/solid' : undefined, ...props, children: jsx_runtime_1.jsx(SolidInner, { reference: actualRef, overrideId: (_a = controls === null || controls === void 0 ? void 0 : controls.overrideId) !== null && _a !== void 0 ? _a : null, color: color, height: height, width: width, className: className, style: style, effects: effects, pixelDensity: pixelDensity }) }));
+});
+exports.Solid = (0, wrap_in_schema_js_1.wrapInSchema)({
+    Component: SolidOuter,
+    schema: solidSchema,
+    supportsEffects: true,
 });
-exports.Solid = (0, wrap_in_schema_js_1.wrapInSchema)(SolidOuter, solidSchema);
 exports.Solid.displayName = 'Solid';
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(exports.Solid);

package/dist/cjs/effects/use-memoized-effects.d.ts

@@ -1,6 +1,6 @@
 import type { CannotUpdateEffectReason, CannotUpdateSequenceReason } from '../SequenceManager.js';
 import { type SequencePropsSubscriptionKey } from '../SequenceManager.js';
-import type { CanUpdateSequencePropStatus, CodeValues } from '../use-schema.js';
+import { type CanUpdateSequencePropStatus, type CodeValues } from '../use-schema.js';
 import type { EffectDefinition, EffectDefinitionAndStack, EffectDescriptor } from './effect-types.js';
 export declare const useMemoizedEffectDefinitions: (effects: readonly EffectDescriptor<unknown>[]) => readonly EffectDefinition<unknown>[];
 type EffectStatus = {

package/dist/cjs/effects/use-memoized-effects.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMemoizedEffects = exports.getCodeValuesCtx = exports.getEffectCodeValuesCtx = exports.useMemoizedEffectDefinitions = void 0;
 const react_1 = require("react");
+const get_effective_visual_mode_value_js_1 = require("../get-effective-visual-mode-value.js");
 const sequence_node_path_js_1 = require("../sequence-node-path.js");
 const SequenceManager_js_1 = require("../SequenceManager.js");
 const SequenceManager_js_2 = require("../SequenceManager.js");
-const mergeOverrides = ({ descriptor, codeOverrides, dragOverrides, }) => {
+const use_current_frame_js_1 = require("../use-current-frame.js");
+const mergeOverrides = ({ descriptor, codeOverrides, dragOverrides, frame, }) => {
     if (!codeOverrides && !dragOverrides) {
         return { params: descriptor.params, effectKey: descriptor.effectKey };
     }
@@ -21,7 +23,13 @@ const mergeOverrides = ({ descriptor, codeOverrides, dragOverrides, }) => {
     }
     if (dragOverrides) {
         for (const [key, value] of Object.entries(dragOverrides)) {
-            merged[key] = value;
+            const resolved = (0, get_effective_visual_mode_value_js_1.resolveDragOverrideValue)({
+                dragOverrideValue: value,
+                frame,
+            });
+            if (resolved.type === 'resolved') {
+                merged[key] = resolved.value;
+            }
         }
     }
     return {
@@ -36,7 +44,7 @@ const extractCodeOverrides = (propStatus) => {
     const out = {};
     let hasAny = false;
     for (const [key, status] of Object.entries(propStatus)) {
-        if (status.canUpdate) {
+        if (status.status !== 'computed') {
             out[key] = status.codeValue;
             hasAny = true;
         }
@@ -91,6 +99,7 @@ const useMemoizedEffects = ({ effects, overrideId, }) => {
     const previousRef = (0, react_1.useRef)(null);
     const { codeValues } = (0, react_1.useContext)(SequenceManager_js_2.VisualModeCodeValuesContext);
     const { getEffectDragOverrides } = (0, react_1.useContext)(SequenceManager_js_2.VisualModeDragOverridesContext);
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const { overrideIdToNodePathMappings } = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
     const previous = previousRef.current;
     const nodePath = overrideId
@@ -118,6 +127,7 @@ const useMemoizedEffects = ({ effects, overrideId, }) => {
             descriptor,
             codeOverrides,
             dragOverrides,
+            frame,
         });
         return { descriptor, params, effectKey };
     });

package/dist/cjs/get-effective-visual-mode-value.d.ts

@@ -1,7 +1,18 @@
-import type { CanUpdateSequencePropStatusTrue } from './use-schema';
-export declare const getEffectiveVisualModeValue: ({ codeValue, dragOverrideValue, defaultValue, shouldResortToDefaultValueIfUndefined, }: {
-    codeValue: CanUpdateSequencePropStatusTrue;
-    dragOverrideValue: unknown;
+import type { CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, DragOverrideValue } from './use-schema';
+export type ResolvedDragOverrideValue = {
+    readonly type: 'none';
+} | {
+    readonly type: 'resolved';
+    readonly value: unknown;
+};
+export declare const resolveDragOverrideValue: ({ dragOverrideValue, frame, }: {
+    dragOverrideValue: DragOverrideValue | undefined;
+    frame: number | null;
+}) => ResolvedDragOverrideValue;
+export declare const getEffectiveVisualModeValue: ({ codeValue, dragOverrideValue, defaultValue, frame, shouldResortToDefaultValueIfUndefined, }: {
+    codeValue: CanUpdateSequencePropStatusKeyframed | CanUpdateSequencePropStatusStatic;
+    dragOverrideValue: DragOverrideValue | undefined;
     defaultValue: unknown;
+    frame?: number | null | undefined;
     shouldResortToDefaultValueIfUndefined: boolean;
 }) => unknown;

package/dist/cjs/get-effective-visual-mode-value.js

@@ -1,9 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEffectiveVisualModeValue = void 0;
-const getEffectiveVisualModeValue = ({ codeValue, dragOverrideValue, defaultValue, shouldResortToDefaultValueIfUndefined = false, }) => {
-    if (dragOverrideValue !== undefined) {
-        return dragOverrideValue;
+exports.getEffectiveVisualModeValue = exports.resolveDragOverrideValue = void 0;
+const interpolate_keyframed_status_1 = require("./interpolate-keyframed-status");
+const resolveDragOverrideValue = ({ dragOverrideValue, frame, }) => {
+    if (dragOverrideValue === undefined) {
+        return { type: 'none' };
+    }
+    if (dragOverrideValue.type === 'static') {
+        return { type: 'resolved', value: dragOverrideValue.value };
+    }
+    if (frame === null) {
+        return { type: 'none' };
+    }
+    const interpolated = (0, interpolate_keyframed_status_1.interpolateKeyframedStatus)({
+        frame,
+        status: dragOverrideValue.status,
+    });
+    if (interpolated === null) {
+        return { type: 'none' };
+    }
+    return { type: 'resolved', value: interpolated };
+};
+exports.resolveDragOverrideValue = resolveDragOverrideValue;
+const getEffectiveVisualModeValue = ({ codeValue, dragOverrideValue, defaultValue, frame = null, shouldResortToDefaultValueIfUndefined = false, }) => {
+    const dragOverride = (0, exports.resolveDragOverrideValue)({
+        dragOverrideValue,
+        frame,
+    });
+    if (dragOverride.type === 'resolved' && dragOverride.value !== undefined) {
+        return dragOverride.value;
+    }
+    if (codeValue.status === 'keyframed' && frame !== null) {
+        return (0, interpolate_keyframed_status_1.interpolateKeyframedStatus)({
+            frame,
+            status: codeValue,
+        });
     }
     if (codeValue.codeValue === undefined &&
         shouldResortToDefaultValueIfUndefined) {

package/dist/cjs/index.d.ts

@@ -3,11 +3,12 @@ import './asset-types.js';
 import type { Codec } from './codec.js';
 import type { AnyCompMetadata, AnyComposition, AudioOrVideoAsset, LoopDisplay, SequenceControls, TRenderAsset } from './CompositionManager.js';
 import type { DelayRenderScope } from './delay-render.js';
+import { type TFolder } from './Folder.js';
 import type { StaticFile } from './get-static-files.js';
 import type { LogLevel } from './log.js';
 import type { ProResProfile } from './prores-profile.js';
 import type { PixelFormat, VideoImageFormat } from './render-types.js';
-import type { SequenceFieldSchema, SequenceSchema } from './sequence-field-schema.js';
+import type { ArrayFieldSchema, ArrayItemFieldSchema, SequenceFieldSchema, SequenceSchema } from './sequence-field-schema.js';
 import type { UseBufferState } from './use-buffer-state';
 import type { VideoConfig } from './video-config.js';
 export type VideoConfigWithSerializedProps = Omit<VideoConfig, 'defaultProps' | 'props'> & {
@@ -105,7 +106,7 @@ export type { LoopVolumeCurveBehavior } from './audio/use-audio-frame.js';
 export { cancelRender } from './cancel-render.js';
 export { Solid } from './effects/Solid.js';
 export type { SolidProps } from './effects/Solid.js';
-export { HTML_IN_CANVAS_UNSUPPORTED_MESSAGE, HtmlInCanvas, isHtmlInCanvasSupported, type HtmlInCanvasOnInit, type HtmlInCanvasOnInitCleanup, type HtmlInCanvasOnPaint, } from './HtmlInCanvas.js';
+export { HTML_IN_CANVAS_UNSUPPORTED_MESSAGE, HtmlInCanvas, isHtmlInCanvasSupported, type HtmlInCanvasOnInit, type HtmlInCanvasOnInitCleanup, type HtmlInCanvasOnPaint, type HtmlInCanvasPixelDensity, } from './HtmlInCanvas.js';
 export type { HtmlInCanvasOnPaintParams, HtmlInCanvasProps, } from './HtmlInCanvas.js';
 /**
  * @description Renders a static image to a `<canvas>` and applies Remotion effects.
@@ -145,6 +146,7 @@ export { useBufferState } from './use-buffer-state';
 export { useCurrentFrame } from './use-current-frame.js';
 export { CurrentScaleContextType, PreviewSize, PreviewSizeCtx, Translation, useCurrentScale, } from './use-current-scale';
 export { useDelayRender } from './use-delay-render';
+export { usePixelDensity } from './use-pixel-density';
 export { useRemotionEnvironment } from './use-remotion-environment.js';
 export * from './use-video-config.js';
 export * from './version.js';
@@ -170,6 +172,7 @@ export declare const Experimental: {
 export declare const Config: {};
 export type _InternalTypes = {
     AnyComposition: AnyComposition;
+    TFolder: TFolder;
     BundleCompositionState: BundleCompositionState;
     BundleState: BundleState;
     VideoConfigWithSerializedProps: VideoConfigWithSerializedProps;
@@ -178,4 +181,4 @@ export type _InternalTypes = {
     TRenderAsset: TRenderAsset;
     ProResProfile: ProResProfile;
 };
-export type { AnyComposition, DelayRenderScope, LoopDisplay, SequenceControls, SequenceFieldSchema, SequenceSchema, UseBufferState, };
+export type { AnyComposition, ArrayFieldSchema, ArrayItemFieldSchema, DelayRenderScope, LoopDisplay, SequenceControls, SequenceFieldSchema, SequenceSchema, UseBufferState, };

package/dist/cjs/index.js

@@ -14,12 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Config = exports.Experimental = exports.watchStaticFile = exports.MediaPlaybackError = exports.Video = exports.OffthreadVideo = exports.Html5Video = exports.useRemotionEnvironment = exports.useDelayRender = exports.useCurrentScale = exports.useCurrentFrame = exports.useBufferState = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.prefetch = exports.random = exports.interpolate = exports.assertValidInterpolatePosterizeOption = exports.assertValidInterpolateEasingOption = exports.Loop = exports.interpolateColors = exports.Img = exports.getStaticFiles = exports.getRemotionEnvironment = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.CanvasImage = exports.isHtmlInCanvasSupported = exports.HtmlInCanvas = exports.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE = exports.Solid = exports.cancelRender = exports.Html5Audio = exports.Audio = exports.Artifact = void 0;
+exports.Config = exports.Experimental = exports.watchStaticFile = exports.MediaPlaybackError = exports.Video = exports.OffthreadVideo = exports.Html5Video = exports.useRemotionEnvironment = exports.usePixelDensity = exports.useDelayRender = exports.useCurrentScale = exports.useCurrentFrame = exports.useBufferState = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.prefetch = exports.random = exports.interpolate = exports.assertValidInterpolatePosterizeOption = exports.assertValidInterpolateEasingOption = exports.Loop = exports.interpolateColors = exports.Img = exports.getStaticFiles = exports.getRemotionEnvironment = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.CanvasImage = exports.isHtmlInCanvasSupported = exports.HtmlInCanvas = exports.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE = exports.Solid = exports.cancelRender = exports.Html5Audio = exports.Audio = exports.Artifact = void 0;
 require("./_check-rsc.js");
 require("./asset-types.js");
 const Clipper_js_1 = require("./Clipper.js");
 const Composition_js_1 = require("./Composition.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
+const Folder_js_1 = require("./Folder.js");
 const is_player_js_1 = require("./is-player.js");
 const multiple_versions_warning_js_1 = require("./multiple-versions-warning.js");
 const Null_js_1 = require("./Null.js");
@@ -93,6 +94,8 @@ const use_current_scale_1 = require("./use-current-scale");
 Object.defineProperty(exports, "useCurrentScale", { enumerable: true, get: function () { return use_current_scale_1.useCurrentScale; } });
 const use_delay_render_1 = require("./use-delay-render");
 Object.defineProperty(exports, "useDelayRender", { enumerable: true, get: function () { return use_delay_render_1.useDelayRender; } });
+const use_pixel_density_1 = require("./use-pixel-density");
+Object.defineProperty(exports, "usePixelDensity", { enumerable: true, get: function () { return use_pixel_density_1.usePixelDensity; } });
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 Object.defineProperty(exports, "useRemotionEnvironment", { enumerable: true, get: function () { return use_remotion_environment_js_1.useRemotionEnvironment; } });
 __exportStar(require("./use-video-config.js"), exports);
@@ -148,3 +151,4 @@ exports.Config = new Proxy(proxyObj, {
 Sequence_js_1.Sequence.displayName = 'Sequence';
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Sequence_js_1.Sequence);
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Composition_js_1.Composition);
+(0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(Folder_js_1.Folder);

package/dist/cjs/internals.d.ts

@@ -9,7 +9,7 @@ import type { SerializedJSONWithCustomFields } from './input-props-serialization
 import type { LoggingContextValue } from './log-level-context.js';
 import type { NonceHistory } from './nonce.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
-import { type SequenceFieldSchema, type SequenceSchema, type VisibleFieldSchema } from './sequence-field-schema.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, CanUpdateSequencePropStatusTrue, GetCodeValues, GetDragOverrides, GetEffectCodeValues, GetEffectDragOverrides } from './use-schema.js';
+import type { CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, DragOverrideValue, GetCodeValues, GetDragOverrides, GetEffectCodeValues, GetEffectDragOverrides } from './use-schema.js';
 import { type CanUpdateSequencePropStatus, type CodeValues, type DragOverrides, type EffectDragOverrides } from './use-schema.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
@@ -58,24 +58,7 @@ export declare const Internals: {
         trimBeforeValue: number | undefined;
         trimAfterValue: number | undefined;
     };
-    readonly VideoForPreview: import("react").ForwardRefExoticComponent<Omit<import("./video/props.js").NativeVideoProps & {
-        name?: string | undefined;
-        volume?: import("./volume-prop.js").VolumeProp | undefined;
-        playbackRate?: number | undefined;
-        preservePitch?: boolean | undefined;
-        acceptableTimeShiftInSeconds?: number | undefined;
-        allowAmplificationDuringRender?: boolean | undefined;
-        useWebAudioApi?: boolean | undefined;
-        toneFrequency?: number | undefined;
-        pauseWhenBuffering?: boolean | undefined;
-        showInTimeline?: boolean | undefined;
-        delayRenderTimeoutInMilliseconds?: number | undefined;
-        loopVolumeCurveBehavior?: import("./index.js").LoopVolumeCurveBehavior | undefined;
-        delayRenderRetries?: number | undefined;
-        onError?: ((err: Error) => void) | undefined;
-        onAutoPlayError?: (() => void) | null | undefined;
-        audioStreamIndex?: number | undefined;
-    } & {
+    readonly VideoForPreview: import("react").ForwardRefExoticComponent<Omit<Omit<import("./index.js").RemotionVideoProps, "onVideoFrame"> & {
         readonly onlyWarnForMediaSeekingError: boolean;
         readonly onDuration: (src: string, durationInSeconds: number) => void;
         readonly pauseWhenBuffering: boolean;
@@ -92,11 +75,28 @@ export declare const Internals: {
     readonly VisualModeSettersContext: import("react").Context<import("./SequenceManager.js").VisualModeSetters>;
     readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
     readonly SequenceStackTracesUpdateContext: import("react").Context<import("./sequence-stack-traces.js").UpdateResolvedStackTraceFn>;
-    readonly wrapInSchema: <S extends SequenceSchema, Props extends object>(Component: import("react").ComponentType<Props & {
-        readonly _experimentalControls: import("./CompositionManager.js").SequenceControls | undefined;
-    }>, schema: S) => import("react").ComponentType<Props>;
+    readonly wrapInSchema: <S extends SequenceSchema, Props extends object>({ Component, schema, supportsEffects, }: {
+        Component: import("react").ComponentType<Props & {
+            readonly _experimentalControls: import("./CompositionManager.js").SequenceControls | undefined;
+        }>;
+        schema: S;
+        supportsEffects: boolean;
+    }) => import("react").ComponentType<Props>;
     readonly sequenceSchema: {
         readonly hidden: import("./sequence-field-schema.js").BooleanFieldSchema;
+        readonly from: {
+            readonly type: "number";
+            readonly default: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
+        };
+        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";
@@ -110,7 +110,7 @@ export declare const Internals: {
                         readonly description: "Offset";
                     };
                     readonly 'style.scale': {
-                        readonly type: "number";
+                        readonly type: "scale";
                         readonly min: 0.05;
                         readonly max: 100;
                         readonly step: 0.01;
@@ -118,7 +118,7 @@ export declare const Internals: {
                         readonly description: "Scale";
                     };
                     readonly 'style.rotate': {
-                        readonly type: "rotation";
+                        readonly type: "rotation-css";
                         readonly step: 1;
                         readonly default: "0deg";
                         readonly description: "Rotation";
@@ -130,6 +130,7 @@ export declare const Internals: {
                         readonly step: 0.01;
                         readonly default: 1;
                         readonly description: "Opacity";
+                        readonly hiddenFromList: false;
                     };
                     readonly premountFor: {
                         readonly type: "number";
@@ -137,9 +138,14 @@ export declare const Internals: {
                         readonly description: "Premount For";
                         readonly min: 0;
                         readonly step: 1;
+                        readonly hiddenFromList: false;
                     };
                     readonly postmountFor: {
-                        readonly type: "hidden";
+                        readonly type: "number";
+                        readonly default: 0;
+                        readonly min: 0;
+                        readonly step: 1;
+                        readonly hiddenFromList: true;
                     };
                     readonly styleWhilePremounted: {
                         readonly type: "hidden";
@@ -160,7 +166,7 @@ export declare const Internals: {
             readonly description: "Offset";
         };
         readonly 'style.scale': {
-            readonly type: "number";
+            readonly type: "scale";
             readonly min: 0.05;
             readonly max: 100;
             readonly step: 0.01;
@@ -168,7 +174,7 @@ export declare const Internals: {
             readonly description: "Scale";
         };
         readonly 'style.rotate': {
-            readonly type: "rotation";
+            readonly type: "rotation-css";
             readonly step: 1;
             readonly default: "0deg";
             readonly description: "Rotation";
@@ -180,6 +186,7 @@ export declare const Internals: {
             readonly step: 0.01;
             readonly default: 1;
             readonly description: "Opacity";
+            readonly hiddenFromList: false;
         };
         readonly premountFor: {
             readonly type: "number";
@@ -187,9 +194,14 @@ export declare const Internals: {
             readonly description: "Premount For";
             readonly min: 0;
             readonly step: 1;
+            readonly hiddenFromList: false;
         };
         readonly postmountFor: {
-            readonly type: "hidden";
+            readonly type: "number";
+            readonly default: 0;
+            readonly min: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
         };
         readonly styleWhilePremounted: {
             readonly type: "hidden";
@@ -206,7 +218,7 @@ export declare const Internals: {
             readonly description: "Offset";
         };
         readonly 'style.scale': {
-            readonly type: "number";
+            readonly type: "scale";
             readonly min: 0.05;
             readonly max: 100;
             readonly step: 0.01;
@@ -214,7 +226,7 @@ export declare const Internals: {
             readonly description: "Scale";
         };
         readonly 'style.rotate': {
-            readonly type: "rotation";
+            readonly type: "rotation-css";
             readonly step: 1;
             readonly default: "0deg";
             readonly description: "Rotation";
@@ -226,6 +238,7 @@ export declare const Internals: {
             readonly step: 0.01;
             readonly default: 1;
             readonly description: "Opacity";
+            readonly hiddenFromList: false;
         };
     };
     readonly sequencePremountSchema: {
@@ -235,9 +248,14 @@ export declare const Internals: {
             readonly description: "Premount For";
             readonly min: 0;
             readonly step: 1;
+            readonly hiddenFromList: false;
         };
         readonly postmountFor: {
-            readonly type: "hidden";
+            readonly type: "number";
+            readonly default: 0;
+            readonly min: 0;
+            readonly step: 1;
+            readonly hiddenFromList: true;
         };
         readonly styleWhilePremounted: {
             readonly type: "hidden";
@@ -361,6 +379,7 @@ export declare const Internals: {
         readonly children: import("react").ReactNode;
     }>;
     readonly invalidCompositionErrorMessage: string;
+    readonly invalidFolderNameErrorMessage: string;
     readonly calculateMediaDuration: ({ trimAfter, mediaDurationInFrames, playbackRate, trimBefore, }: {
         mediaDurationInFrames: number;
         playbackRate: number;
@@ -368,6 +387,7 @@ export declare const Internals: {
         trimAfter: number | undefined;
     }) => number;
     readonly isCompositionIdValid: (id: string) => RegExpMatchArray | null;
+    readonly isFolderNameValid: (name: string) => RegExpMatchArray | null;
     readonly getPreviewDomElement: () => HTMLElement | null;
     readonly compositionsRef: import("react").RefObject<{
         getCompositions: () => import("./CompositionManager.js").AnyComposition[];
@@ -484,6 +504,7 @@ export declare const Internals: {
     } | null>;
     readonly getComponentsToAddStacksTo: () => unknown[];
     readonly CurrentScaleContext: import("react").Context<import("./use-current-scale.js").CurrentScaleContextType | null>;
+    readonly PixelDensityContext: import("react").Context<number | null>;
     readonly PreviewSizeContext: import("react").Context<import("./use-current-scale.js").PreviewSizeCtx>;
     readonly calculateScale: ({ canvasSize, compositionHeight, compositionWidth, previewSize, }: {
         previewSize: number | "auto";
@@ -619,10 +640,11 @@ export declare const Internals: {
         children: import("react").ReactNode;
         collectAssets: import("react").RefObject<import("./RenderAssetManager.js").CollectAssetsRef | null> | null;
     }>;
-    readonly getEffectiveVisualModeValue: ({ codeValue, dragOverrideValue, defaultValue, shouldResortToDefaultValueIfUndefined, }: {
-        codeValue: CanUpdateSequencePropStatusTrue;
-        dragOverrideValue: unknown;
+    readonly getEffectiveVisualModeValue: ({ codeValue, dragOverrideValue, defaultValue, frame, shouldResortToDefaultValueIfUndefined, }: {
+        codeValue: CanUpdateSequencePropStatusKeyframed | CanUpdateSequencePropStatusStatic;
+        dragOverrideValue: DragOverrideValue | undefined;
         defaultValue: unknown;
+        frame?: number | null | undefined;
         shouldResortToDefaultValueIfUndefined: boolean;
     }) => unknown;
     readonly CompositionRenderErrorContext: import("react").Context<import("./composition-render-error-context.js").CompositionRenderErrorContextType>;
@@ -643,7 +665,7 @@ export declare const Internals: {
     readonly computeEffectiveSchemaValuesDotNotation: ({ schema, currentValue, overrideValues, propStatus, frame, }: {
         schema: SequenceSchema;
         currentValue: Record<string, unknown>;
-        overrideValues: Record<string, unknown>;
+        overrideValues: Record<string, DragOverrideValue>;
         propStatus: Record<string, CanUpdateSequencePropStatus> | undefined;
         frame: number | null;
     }) => {
@@ -654,6 +676,17 @@ export declare const Internals: {
         frame: number;
         status: CanUpdateSequencePropStatusKeyframed;
     }) => string | number | null;
+    readonly makeStaticDragOverride: (value: unknown) => DragOverrideValue;
+    readonly makeKeyframedDragOverride: ({ status, frame, value, }: {
+        status: CanUpdateSequencePropStatusKeyframed;
+        frame: number;
+        value: unknown;
+    }) => DragOverrideValue;
+    readonly resolveDragOverrideValue: ({ dragOverrideValue, frame, }: {
+        dragOverrideValue: DragOverrideValue | undefined;
+        frame: number | null;
+    }) => import("./get-effective-visual-mode-value.js").ResolvedDragOverrideValue;
+    readonly getStaticDragOverrideValue: (dragOverrideValue: DragOverrideValue | undefined) => unknown;
     readonly OverrideIdsToNodePathsGettersContext: import("react").Context<OverrideToNodePathGetters>;
     readonly OverrideIdsToNodePathsSettersContext: import("react").Context<OverrideToNodeSetters>;
     readonly findPropsToDelete: ({ schema, key, value, }: {
@@ -678,5 +711,18 @@ export declare const Internals: {
         props: Record<string, CanUpdateSequencePropStatus>;
     };
     readonly hiddenField: SequenceFieldSchema;
+    readonly durationInFramesField: {
+        readonly type: "number";
+        readonly default: undefined;
+        readonly min: 1;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
+    readonly fromField: {
+        readonly type: "number";
+        readonly default: 0;
+        readonly step: 1;
+        readonly hiddenFromList: true;
+    };
 };
-export type { CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateEffectPropsResponseFalse, CanUpdateEffectPropsResponseTrue, CanUpdateSequencePropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusTrue, CodeValues, CompositionManagerContext, CompProps, DragOverrides, EffectDragOverrides, GetCodeValues, GetDragOverrides, GetEffectCodeValues, GetEffectDragOverrides, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, 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, CanUpdateSequencePropStatusFalse, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, CodeValues, CompositionManagerContext, CompProps, DragOverrides, DragOverrideValue, EffectDragOverrides, GetCodeValues, GetDragOverrides, GetEffectCodeValues, GetEffectDragOverrides, LoggingContextValue, MediaVolumeContextValue, NonceHistory, OverrideIdsToNodePathsGettersContext, OverrideIdsToNodePathsSettersContext, OverrideIdToNodePaths, OverrideToNodePathGetters, OverrideToNodeSetters, PlaybackRateContextValue, RemotionAudioContextState, RemotionEnvironment, ResolvedStackLocation, ScheduleAudioNodeOptions, ScheduleAudioNodeResult, SequenceFieldSchema, SequenceNodePath, SequencePropsSubscriptionKey, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, VisibleFieldSchema, WatchRemotionStaticFilesPayload, };