remotion 4.0.456 → 4.0.458

package/dist/cjs/CompositionManager.d.ts

@@ -52,7 +52,7 @@ export type LoopDisplay = {
 };
 export type SequenceControls = {
     schema: SequenceSchema;
-    currentValue: Record<string, unknown>;
+    currentRuntimeValueDotNotation: Record<string, unknown>;
     overrideId: string;
 };
 export type TSequence = {

package/dist/cjs/HtmlInCanvas.d.ts

@@ -55,5 +55,5 @@ export type HtmlInCanvasProps = Omit<SequenceProps, 'children' | 'durationInFram
     readonly onInit?: HtmlInCanvasOnInit;
 };
 export declare const HtmlInCanvas: React.ForwardRefExoticComponent<HtmlInCanvasProps & React.RefAttributes<HTMLCanvasElement>> & {
-    readonly isHtmlInCanvasSupported: typeof isHtmlInCanvasSupported;
+    readonly isSupported: typeof isHtmlInCanvasSupported;
 };

package/dist/cjs/HtmlInCanvas.js

@@ -7,6 +7,7 @@ const delay_render_js_1 = require("./delay-render.js");
 const run_effect_chain_js_1 = require("./effects/run-effect-chain.js");
 const use_effect_chain_state_js_1 = require("./effects/use-effect-chain-state.js");
 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 Sequence_js_1 = require("./Sequence.js");
 const use_current_frame_js_1 = require("./use-current-frame.js");
 const use_delay_render_js_1 = require("./use-delay-render.js");
@@ -53,37 +54,9 @@ const defaultOnPaint = ({ canvas, element, elementImage, }) => {
     element.style.transform = transform.toString();
 };
 /* eslint-enable react/require-default-props */
-const htmlInCanvasSchema = {
-    'style.translate': {
-        type: 'translate',
-        step: 1,
-        default: '0px 0px',
-        description: 'Position',
-    },
-    'style.scale': {
-        type: 'number',
-        min: 0.05,
-        max: 100,
-        step: 0.01,
-        default: 1,
-        description: 'Scale',
-    },
-    'style.rotate': {
-        type: 'rotation',
-        step: 1,
-        default: '0deg',
-        description: 'Rotation',
-    },
-    'style.opacity': {
-        type: 'number',
-        min: 0,
-        max: 1,
-        step: 0.01,
-        default: 1,
-        description: 'Opacity',
-    },
-};
-const HtmlInCanvasInner = (0, react_1.forwardRef)(({ width, height, _experimentalEffects: experimentalEffects = [], children, onPaint, onInit, _experimentalControls: controls, style, durationInFrames, ...sequenceProps }, ref) => {
+const HtmlInCanvasAncestorContext = (0, react_1.createContext)(false);
+const HtmlInCanvasInner = (0, react_1.forwardRef)(({ width, height, _experimentalEffects: effects = [], children, onPaint, onInit, _experimentalControls: controls, style, durationInFrames, ...sequenceProps }, ref) => {
+    const isInsideAncestorHtmlInCanvas = (0, react_1.useContext)(HtmlInCanvasAncestorContext);
     assertHtmlInCanvasDimensions(width, height);
     const { continueRender, cancelRender } = (0, use_delay_render_js_1.useDelayRender)();
     if (!(0, exports.isHtmlInCanvasSupported)()) {
@@ -107,8 +80,8 @@ const HtmlInCanvasInner = (0, react_1.forwardRef)(({ width, height, _experimenta
     const [offscreenCanvas] = (0, react_1.useState)(() => new OffscreenCanvas(1, 1));
     const chainState = (0, use_effect_chain_state_js_1.useEffectChainState)();
     // Refs so the paint handler always reads fresh values.
-    const effectsRef = (0, react_1.useRef)(experimentalEffects);
-    effectsRef.current = experimentalEffects;
+    const effectsRef = (0, react_1.useRef)(effects);
+    effectsRef.current = effects;
     const frameRef = (0, react_1.useRef)(frame);
     frameRef.current = frame;
     const onPaintRef = (0, react_1.useRef)(onPaint);
@@ -243,15 +216,17 @@ const HtmlInCanvasInner = (0, react_1.forwardRef)(({ width, height, _experimenta
         return {
             width,
             height,
-            ...style,
         };
-    }, [width, height, style]);
-    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: resolvedDuration, name: "<HtmlInCanvas>", _experimentalControls: controls, layout: "none", ...sequenceProps, children: (0, jsx_runtime_1.jsx)("canvas", { ref: setLayoutCanvasRef, width: width, height: height, children: (0, jsx_runtime_1.jsx)("div", { ref: divRef, style: innerStyle, children: children }) }) }));
+    }, [width, height]);
+    if (isInsideAncestorHtmlInCanvas) {
+        throw new Error('<HtmlInCanvas> effects cannot be nested together. Chrome will only display the outer effect. Consider merging the effects into one if you can.');
+    }
+    return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { durationInFrames: resolvedDuration, name: "<HtmlInCanvas>", _experimentalControls: controls, _experimentalEffects: effects, layout: "none", ...sequenceProps, children: (0, jsx_runtime_1.jsx)(HtmlInCanvasAncestorContext.Provider, { value: true, children: (0, jsx_runtime_1.jsx)("canvas", { ref: setLayoutCanvasRef, width: width, height: height, style: style, children: (0, jsx_runtime_1.jsx)("div", { ref: divRef, style: innerStyle, children: children }) }) }) }));
 });
 HtmlInCanvasInner.displayName = 'HtmlInCanvas';
-const HtmlInCanvasWrapped = (0, wrap_in_schema_js_1.wrapInSchema)(HtmlInCanvasInner, htmlInCanvasSchema);
+const HtmlInCanvasWrapped = (0, wrap_in_schema_js_1.wrapInSchema)(HtmlInCanvasInner, sequence_field_schema_js_1.sequenceStyleSchema);
 exports.HtmlInCanvas = Object.assign(HtmlInCanvasWrapped, {
-    isHtmlInCanvasSupported: exports.isHtmlInCanvasSupported,
+    isSupported: exports.isHtmlInCanvasSupported,
 });
 exports.HtmlInCanvas.displayName = 'HtmlInCanvas';
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(exports.HtmlInCanvas);

package/dist/cjs/Img.js

@@ -7,6 +7,7 @@ const react_1 = require("react");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
 const get_cross_origin_value_js_1 = require("./get-cross-origin-value.js");
 const prefetch_js_1 = require("./prefetch.js");
+const sequence_field_schema_js_1 = require("./sequence-field-schema.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const use_buffer_state_js_1 = require("./use-buffer-state.js");
 const use_delay_render_js_1 = require("./use-delay-render.js");
@@ -24,36 +25,6 @@ function truncateSrcForLabel(src) {
     }
     return src;
 }
-const imgSchema = {
-    'style.translate': {
-        type: 'translate',
-        step: 1,
-        default: '0px 0px',
-        description: 'Position',
-    },
-    'style.scale': {
-        type: 'number',
-        min: 0.05,
-        max: 100,
-        step: 0.01,
-        default: 1,
-        description: 'Scale',
-    },
-    'style.rotate': {
-        type: 'rotation',
-        step: 1,
-        default: '0deg',
-        description: 'Rotation',
-    },
-    'style.opacity': {
-        type: 'number',
-        min: 0,
-        max: 1,
-        step: 0.01,
-        default: 1,
-        description: 'Opacity',
-    },
-};
 const ImgInner = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderRetries, delayRenderTimeoutInMilliseconds, onImageFrame, crossOrigin, showInTimeline, name, stack, ref, _experimentalControls: controls, ...props }) => {
     var _a, _b;
     const imageRef = (0, react_1.useRef)(null);
@@ -230,5 +201,5 @@ const ImgInner = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderR
  * @description Works just like a regular HTML img tag. When you use the <Img> tag, Remotion will ensure that the image is loaded before rendering the frame.
  * @see [Documentation](https://remotion.dev/docs/img)
  */
-exports.Img = (0, wrap_in_schema_js_1.wrapInSchema)(ImgInner, imgSchema);
+exports.Img = (0, wrap_in_schema_js_1.wrapInSchema)(ImgInner, sequence_field_schema_js_1.sequenceStyleSchema);
 (0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(exports.Img);

package/dist/cjs/Sequence.d.ts

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

package/dist/cjs/Sequence.js

@@ -10,6 +10,7 @@ const use_memoized_effects_js_1 = require("./effects/use-memoized-effects.js");
 const freeze_js_1 = require("./freeze.js");
 const nonce_js_1 = require("./nonce.js");
 const PremountContext_js_1 = require("./PremountContext.js");
+const sequence_field_schema_js_1 = require("./sequence-field-schema.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
@@ -17,6 +18,7 @@ const use_current_frame_1 = require("./use-current-frame");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const v5_flag_js_1 = require("./v5-flag.js");
+const wrap_in_schema_js_1 = require("./wrap-in-schema.js");
 const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, _experimentalControls: controls, _experimentalEffects, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, _remotionInternalIsMedia: isMedia, ...other }, ref) => {
     var _a, _b;
     const { layout = 'absolute-fill' } = other;
@@ -32,7 +34,9 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
     }
     // @ts-expect-error
     if (layout === 'none' && typeof other.style !== 'undefined') {
-        throw new TypeError('If layout="none", you may not pass a style.');
+        throw new TypeError('If layout="none", you may not pass a style. Passed: ' +
+            // @ts-expect-error
+            JSON.stringify(other.style));
     }
     if (typeof durationInFrames !== 'number') {
         throw new TypeError(`You passed to durationInFrames an argument of type ${typeof durationInFrames}, but it must be a number.`);
@@ -235,7 +239,7 @@ const PremountedPostmountedSequenceRefForwardingFunction = (props, ref) => {
         styleWhilePremounted,
         styleWhilePostmounted,
     ]);
-    return ((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: freezeFrame, active: isFreezingActive, children: (0, jsx_runtime_1.jsx)(exports.Sequence, { ref: ref, from: from, durationInFrames: durationInFrames, style: style, _remotionInternalPremountDisplay: premountFor, _remotionInternalPostmountDisplay: postmountFor, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, ...otherProps }) }));
+    return ((0, jsx_runtime_1.jsx)(freeze_js_1.Freeze, { frame: freezeFrame, active: isFreezingActive, children: (0, jsx_runtime_1.jsx)(SequenceInner, { ref: ref, from: from, durationInFrames: durationInFrames, style: style, _remotionInternalPremountDisplay: premountFor, _remotionInternalPostmountDisplay: postmountFor, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, ...otherProps }) }));
 };
 const PremountedPostmountedSequence = (0, react_1.forwardRef)(PremountedPostmountedSequenceRefForwardingFunction);
 const SequenceRefForwardingFunction = (props, ref) => {
@@ -252,8 +256,9 @@ const SequenceRefForwardingFunction = (props, ref) => {
     }
     return (0, jsx_runtime_1.jsx)(RegularSequence, { ...props, ref: ref });
 };
+const SequenceInner = (0, react_1.forwardRef)(SequenceRefForwardingFunction);
 /*
  * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
  * @see [Documentation](https://www.remotion.dev/docs/sequence)
  */
-exports.Sequence = (0, react_1.forwardRef)(SequenceRefForwardingFunction);
+exports.Sequence = (0, wrap_in_schema_js_1.wrapInSchema)(SequenceInner, sequence_field_schema_js_1.sequenceSchema);

package/dist/cjs/SequenceManager.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TSequence } from './CompositionManager.js';
-import type { CanUpdateSequencePropStatus } from './use-schema.js';
+import type { CanUpdateSequencePropStatus, CodeValues, DragOverrides } from './use-schema.js';
 export type SequenceManagerContext = {
     registerSequence: (seq: TSequence) => void;
     unregisterSequence: (id: string) => void;
@@ -14,10 +14,10 @@ export type SequenceVisibilityToggleState = {
 export declare const SequenceVisibilityToggleContext: React.Context<SequenceVisibilityToggleState>;
 export type VisualModeOverrides = {
     visualModeEnabled: boolean;
-    dragOverrides: Record<string, Record<string, unknown>>;
+    dragOverrides: DragOverrides;
     setDragOverrides: (sequenceId: string, key: string, value: unknown) => void;
     clearDragOverrides: (sequenceId: string) => void;
-    codeValues: Record<string, Record<string, CanUpdateSequencePropStatus>>;
+    codeValues: CodeValues;
     setCodeValues: (sequenceId: string, values: Record<string, CanUpdateSequencePropStatus> | null) => void;
 };
 export declare const VisualModeOverridesContext: React.Context<VisualModeOverrides>;

package/dist/cjs/TimelineContext.d.ts

@@ -5,17 +5,20 @@ export type TimelineContextValue = {
     frame: Record<string, number>;
     playing: boolean;
     rootId: string;
-    playbackRate: number;
     imperativePlaying: MutableRefObject<boolean>;
-    setPlaybackRate: (u: React.SetStateAction<number>) => void;
     audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
 };
+export type PlaybackRateContextValue = {
+    playbackRate: number;
+    setPlaybackRate: (u: React.SetStateAction<number>) => void;
+};
 export type SetTimelineContextValue = {
     setFrame: (u: React.SetStateAction<Record<string, number>>) => void;
     setPlaying: (u: React.SetStateAction<boolean>) => void;
 };
 export declare const SetTimelineContext: React.Context<SetTimelineContextValue>;
 export declare const TimelineContext: React.Context<TimelineContextValue | null>;
+export declare const PlaybackRateContext: React.Context<PlaybackRateContextValue | null>;
 export declare const AbsoluteTimeContext: React.Context<TimelineContextValue | null>;
 export declare const TimelineContextProvider: React.FC<{
     readonly children: React.ReactNode;

package/dist/cjs/TimelineContext.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineContextProvider = exports.AbsoluteTimeContext = exports.TimelineContext = exports.SetTimelineContext = void 0;
+exports.TimelineContextProvider = exports.AbsoluteTimeContext = exports.PlaybackRateContext = exports.TimelineContext = exports.SetTimelineContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const random_1 = require("./random");
@@ -15,6 +15,7 @@ exports.SetTimelineContext = (0, react_1.createContext)({
     },
 });
 exports.TimelineContext = (0, react_1.createContext)(null);
+exports.PlaybackRateContext = (0, react_1.createContext)(null);
 exports.AbsoluteTimeContext = (0, react_1.createContext)(null);
 const TimelineContextProvider = ({ children, frameState }) => {
     const [playing, setPlaying] = (0, react_1.useState)(false);
@@ -62,17 +63,21 @@ const TimelineContextProvider = ({ children, frameState }) => {
             playing,
             imperativePlaying,
             rootId: remotionRootId,
+            audioAndVideoTags,
+        };
+    }, [frame, playing, remotionRootId]);
+    const playbackRateContextValue = (0, react_1.useMemo)(() => {
+        return {
             playbackRate,
             setPlaybackRate,
-            audioAndVideoTags,
         };
-    }, [frame, playbackRate, playing, remotionRootId]);
+    }, [playbackRate]);
     const setTimelineContextValue = (0, react_1.useMemo)(() => {
         return {
             setFrame,
             setPlaying,
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.AbsoluteTimeContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(exports.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(exports.SetTimelineContext.Provider, { value: setTimelineContextValue, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(exports.AbsoluteTimeContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(exports.PlaybackRateContext.Provider, { value: playbackRateContextValue, children: (0, jsx_runtime_1.jsx)(exports.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(exports.SetTimelineContext.Provider, { value: setTimelineContextValue, children: children }) }) }) }));
 };
 exports.TimelineContextProvider = TimelineContextProvider;

package/dist/cjs/audio/shared-audio-tags.js

@@ -161,7 +161,6 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
         };
     }, [ctxAndGain, logLevel]);
     const resume = (0, react_1.useCallback)(() => {
-        var _a, _b;
         if (!ctxAndGain) {
             return Promise.resolve();
         }
@@ -169,17 +168,24 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled }
             return Promise.resolve();
         }
         audioContextIsPlayingEventually.current = true;
-        isResuming.current = (0, wait_until_actually_resumed_js_1.waitUntilActuallyResumed)(ctxAndGain.audioContext, logLevel)
-            .then(() => { })
-            .finally(() => {
+        const resumePromise = ctxAndGain.audioContext.resume();
+        isResuming.current = new Promise((resolve) => {
+            (0, wait_until_actually_resumed_js_1.waitUntilActuallyResumed)(ctxAndGain.audioContext, logLevel).then(resolve);
+            resumePromise.catch((err) => {
+                log_js_1.Log.warn({ logLevel, tag: 'audio' }, 'AudioContext resume rejected, continuing without audio sync', err);
+                resolve();
+            });
+        }).finally(() => {
             isResuming.current = null;
         });
         ctxAndGain.gainNode.gain.cancelScheduledValues(ctxAndGain.audioContext.currentTime);
-        (_a = ctxAndGain.gainNode) === null || _a === void 0 ? void 0 : _a.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
-        (_b = ctxAndGain.gainNode) === null || _b === void 0 ? void 0 : _b.gain.linearRampToValueAtTime(1, ctxAndGain.audioContext.currentTime + 0.03);
-        return ctxAndGain.audioContext.resume().then(() => {
-            nodesToResume.current.forEach((r, node) => node.start(r.scheduledTime, r.offset, r.duration));
-            nodesToResume.current.clear();
+        ctxAndGain.gainNode.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
+        ctxAndGain.gainNode.gain.linearRampToValueAtTime(1, ctxAndGain.audioContext.currentTime + 0.03);
+        nodesToResume.current.forEach((r, node) => node.start(r.scheduledTime, r.offset, r.duration));
+        nodesToResume.current.clear();
+        return resumePromise.catch(() => {
+            // Already logged above; swallow to avoid unhandled rejection
+            // since callers (e.g. use-playback.ts) do not await this.
         });
     }, [ctxAndGain, logLevel]);
     const getIsResumingAudioContext = (0, react_1.useCallback)(() => {

package/dist/cjs/audio/use-audio-context.js

@@ -17,7 +17,7 @@ const warnOnce = (logLevel) => {
 };
 const useSingletonAudioContext = ({ logLevel, latencyHint, audioEnabled, }) => {
     const env = (0, use_remotion_environment_1.useRemotionEnvironment)();
-    return (0, react_1.useMemo)(() => {
+    const context = (0, react_1.useMemo)(() => {
         if (env.isRendering) {
             return null;
         }
@@ -37,10 +37,19 @@ const useSingletonAudioContext = ({ logLevel, latencyHint, audioEnabled, }) => {
         });
         const gainNode = audioContext.createGain();
         gainNode.connect(audioContext.destination);
+        log_1.Log.trace({ logLevel, tag: 'audio' }, 'Creating new audio context');
+        audioContext.suspend();
         return {
             audioContext,
             gainNode,
         };
     }, [logLevel, latencyHint, env.isRendering, audioEnabled]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            var _a;
+            (_a = context === null || context === void 0 ? void 0 : context.audioContext) === null || _a === void 0 ? void 0 : _a.close();
+        };
+    }, [context]);
+    return context;
 };
 exports.useSingletonAudioContext = useSingletonAudioContext;

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

@@ -0,0 +1,4 @@
+import type { SequenceSchema } from './sequence-field-schema';
+export type ResolveValue = (key: string) => unknown;
+export declare const flattenActiveSchema: (schema: SequenceSchema, resolve: ResolveValue) => SequenceSchema;
+export declare const getFlatSchemaWithAllKeys: (schema: SequenceSchema) => SequenceSchema;

package/dist/cjs/flatten-schema.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFlatSchemaWithAllKeys = exports.flattenActiveSchema = void 0;
+const flattenActiveSchema = (schema, resolve) => {
+    var _a;
+    const out = {};
+    for (const key of Object.keys(schema)) {
+        const field = schema[key];
+        if (field.type === 'enum') {
+            out[key] = field;
+            const current = (_a = resolve(key)) !== null && _a !== void 0 ? _a : field.default;
+            const variant = field.variants[current];
+            if (variant) {
+                Object.assign(out, (0, exports.flattenActiveSchema)(variant, resolve));
+            }
+        }
+        else {
+            out[key] = field;
+        }
+    }
+    return out;
+};
+exports.flattenActiveSchema = flattenActiveSchema;
+const getFlatSchemaWithAllKeys = (schema) => {
+    const out = {};
+    const addKey = (key, field) => {
+        if (key in out) {
+            throw new Error(`Duplicate key "${key}" in schema: discriminated union variants must not share keys`);
+        }
+        out[key] = field;
+    };
+    for (const key of Object.keys(schema)) {
+        const field = schema[key];
+        addKey(key, field);
+        if (field.type === 'enum') {
+            for (const variant of Object.values(field.variants)) {
+                const flatVariant = (0, exports.getFlatSchemaWithAllKeys)(variant);
+                for (const variantKey of Object.keys(flatVariant)) {
+                    addKey(variantKey, flatVariant[variantKey]);
+                }
+            }
+        }
+    }
+    return out;
+};
+exports.getFlatSchemaWithAllKeys = getFlatSchemaWithAllKeys;

package/dist/cjs/internals.d.ts

@@ -11,9 +11,9 @@ import type { RemotionEnvironment } from './remotion-environment-context.js';
 import type { SequenceFieldSchema, SequenceSchema } from './sequence-field-schema.js';
 import type { ResolvedStackLocation } from './sequence-stack-traces.js';
 import * as TimelinePosition from './timeline-position-state.js';
-import { type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
+import { type PlaybackRateContextValue, type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
 import { truthy } from './truthy.js';
-import type { CanUpdateSequencePropStatus } from './use-schema.js';
+import { type CanUpdateSequencePropStatus, type CodeValues, type DragOverrides } from './use-schema.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
 import { useRemotionContexts } from './wrap-remotion-context.js';
@@ -82,13 +82,81 @@ export declare const Internals: {
     readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
     readonly SequenceStackTracesUpdateContext: import("react").Context<import("./sequence-stack-traces.js").UpdateResolvedStackTraceFn>;
     readonly SequenceVisibilityToggleContext: import("react").Context<import("./SequenceManager.js").SequenceVisibilityToggleState>;
-    readonly useSchema: <S extends SequenceSchema, T extends import("./sequence-field-schema.js").SchemaKeysRecord<S>>(schema: S | null, currentValue: (T & Record<Exclude<keyof T, keyof S>, never>) | null) => {
-        controls: import("./CompositionManager.js").SequenceControls | undefined;
-        values: T;
-    };
     readonly wrapInSchema: <S extends SequenceSchema, Props extends object>(Component: React.ComponentType<Props & {
         readonly _experimentalControls: import("./CompositionManager.js").SequenceControls | undefined;
     }>, schema: S) => React.ComponentType<Props>;
+    readonly sequenceSchema: {
+        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: "number";
+                        readonly min: 0.05;
+                        readonly max: 100;
+                        readonly step: 0.01;
+                        readonly default: 1;
+                        readonly description: "Scale";
+                    };
+                    readonly 'style.rotate': {
+                        readonly type: "rotation";
+                        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 none: {};
+            };
+        };
+    };
+    readonly sequenceStyleSchema: {
+        readonly 'style.translate': {
+            readonly type: "translate";
+            readonly step: 1;
+            readonly default: "0px 0px";
+            readonly description: "Offset";
+        };
+        readonly 'style.scale': {
+            readonly type: "number";
+            readonly min: 0.05;
+            readonly max: 100;
+            readonly step: 0.01;
+            readonly default: 1;
+            readonly description: "Scale";
+        };
+        readonly 'style.rotate': {
+            readonly type: "rotation";
+            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 flattenActiveSchema: (schema: SequenceSchema, resolve: import("./flatten-schema.js").ResolveValue) => SequenceSchema;
+    readonly getFlatSchemaWithAllKeys: (schema: SequenceSchema) => SequenceSchema;
     readonly useSequenceControlOverride: (key: string) => unknown | undefined;
     readonly RemotionRootContexts: import("react").FC<{
         readonly children: React.ReactNode;
@@ -292,6 +360,7 @@ export declare const Internals: {
     readonly persistCurrentFrame: (time: {
         [x: string]: number;
     }) => void;
+    readonly usePlaybackRate: () => PlaybackRateContextValue;
     readonly useTimelineContext: () => TimelineContextValue;
     readonly useTimelineSetFrame: () => ((u: React.SetStateAction<Record<string, number>>) => void);
     readonly isIosSafari: () => boolean;
@@ -445,6 +514,7 @@ export declare const Internals: {
     readonly TimelinePosition: typeof TimelinePosition;
     readonly DelayRenderContextType: import("react").Context<import("./delay-render.js").DelayRenderScope | null>;
     readonly TimelineContext: import("react").Context<TimelineContextValue | null>;
+    readonly PlaybackRateContext: import("react").Context<PlaybackRateContextValue | null>;
     readonly AbsoluteTimeContext: import("react").Context<TimelineContextValue | null>;
     readonly RenderAssetManagerProvider: import("react").FC<{
         children: React.ReactNode;
@@ -465,5 +535,11 @@ export declare const Internals: {
     readonly useMemoizedEffects: (effects: import("./index.js").EffectDescriptor<unknown>[]) => import("./index.js").EffectDefinitionAndStack<unknown>[];
     readonly defineEffect: <P, S>(definition: import("./effects/effect-types.js").EffectDefinition<P, S>) => import("./effects/effect-types.js").EffectDefinition<P, S>;
     readonly createDescriptor: <P, S>(definition: import("./effects/effect-types.js").EffectDefinition<P, S>, params: P) => import("./index.js").EffectDescriptor<unknown>;
+    readonly computeEffectiveSchemaValuesDotNotation: ({ schema, currentValue, overrideValues, propStatus, }: {
+        schema: SequenceSchema;
+        currentValue: Record<string, unknown>;
+        overrideValues: Record<string, unknown>;
+        propStatus: Record<string, CanUpdateSequencePropStatus> | undefined;
+    }) => Record<string, unknown>;
 };
-export type { CompositionManagerContext, ResolvedStackLocation, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SequenceFieldSchema, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, ScheduleAudioNodeOptions, CanUpdateSequencePropStatus, ScheduleAudioNodeResult, NonceHistory, };
+export type { CompositionManagerContext, ResolvedStackLocation, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SequenceFieldSchema, SequenceSchema, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, PlaybackRateContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, ScheduleAudioNodeOptions, CanUpdateSequencePropStatus, CodeValues, DragOverrides, ScheduleAudioNodeResult, NonceHistory, };

package/dist/cjs/internals.js

@@ -54,6 +54,7 @@ const run_effect_chain_js_1 = require("./effects/run-effect-chain.js");
 const use_effect_chain_state_js_1 = require("./effects/use-effect-chain-state.js");
 const use_memoized_effects_js_1 = require("./effects/use-memoized-effects.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
+const flatten_schema_js_1 = require("./flatten-schema.js");
 const get_effective_visual_mode_value_js_1 = require("./get-effective-visual-mode-value.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
@@ -74,6 +75,7 @@ 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_stack_traces_js_1 = require("./sequence-stack-traces.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
@@ -128,8 +130,11 @@ exports.Internals = {
     SequenceManager: SequenceManager_js_1.SequenceManager,
     SequenceStackTracesUpdateContext: sequence_stack_traces_js_1.SequenceStackTracesUpdateContext,
     SequenceVisibilityToggleContext: SequenceManager_js_1.SequenceVisibilityToggleContext,
-    useSchema: use_schema_js_1.useSchema,
     wrapInSchema: wrap_in_schema_js_1.wrapInSchema,
+    sequenceSchema: sequence_field_schema_js_1.sequenceSchema,
+    sequenceStyleSchema: sequence_field_schema_js_1.sequenceStyleSchema,
+    flattenActiveSchema: flatten_schema_js_1.flattenActiveSchema,
+    getFlatSchemaWithAllKeys: flatten_schema_js_1.getFlatSchemaWithAllKeys,
     useSequenceControlOverride: use_sequence_control_override_js_1.useSequenceControlOverride,
     RemotionRootContexts: RemotionRoot_js_1.RemotionRootContexts,
     CompositionManagerProvider: CompositionManagerProvider_js_1.CompositionManagerProvider,
@@ -179,6 +184,7 @@ exports.Internals = {
     REMOTION_STUDIO_CONTAINER_ELEMENT: get_preview_dom_element_js_1.REMOTION_STUDIO_CONTAINER_ELEMENT,
     RenderAssetManager: RenderAssetManager_js_1.RenderAssetManager,
     persistCurrentFrame: timeline_position_state_js_1.persistCurrentFrame,
+    usePlaybackRate: timeline_position_state_js_1.usePlaybackRate,
     useTimelineContext: timeline_position_state_js_1.useTimelineContext,
     useTimelineSetFrame: timeline_position_state_js_1.useTimelineSetFrame,
     isIosSafari: video_fragment_js_1.isIosSafari,
@@ -212,6 +218,7 @@ exports.Internals = {
     TimelinePosition,
     DelayRenderContextType: use_delay_render_js_1.DelayRenderContextType,
     TimelineContext: TimelineContext_js_1.TimelineContext,
+    PlaybackRateContext: TimelineContext_js_1.PlaybackRateContext,
     AbsoluteTimeContext: TimelineContext_js_1.AbsoluteTimeContext,
     RenderAssetManagerProvider: RenderAssetManager_js_1.RenderAssetManagerProvider,
     getEffectiveVisualModeValue: get_effective_visual_mode_value_js_1.getEffectiveVisualModeValue,
@@ -221,4 +228,5 @@ exports.Internals = {
     useMemoizedEffects: use_memoized_effects_js_1.useMemoizedEffects,
     defineEffect: define_effect_js_1.defineEffect,
     createDescriptor: define_effect_js_1.createDescriptor,
+    computeEffectiveSchemaValuesDotNotation: use_schema_js_1.computeEffectiveSchemaValuesDotNotation,
 };