remotion 4.0.535 → 4.0.537

package/dist/cjs/sequence-activity-context.d.ts

@@ -2,8 +2,8 @@ import type { TimelineContextValue } from './TimelineContext.js';
 export { DEFAULT_SEQUENCE_ACTIVITY_LIMIT } from './sequence-activity-defaults.js';
 export declare const SequenceActivityContext: import("react").Context<boolean>;
 export declare const SequenceActivityDormantContext: import("react").Context<boolean>;
+export declare const SequenceActivitySuspensionContext: import("react").Context<boolean>;
 export declare const SequenceActivitySettingsContext: import("react").Context<{
-    readonly enabled: boolean;
     readonly limit: number;
 } | null>;
 export declare const SequenceActivityTimelineContext: import("react").Context<TimelineContextValue | null>;

package/dist/cjs/sequence-activity-context.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SequenceContent = exports.SequenceActivityAbsoluteTimeContext = exports.SequenceActivityTimelineContext = exports.SequenceActivitySettingsContext = exports.SequenceActivityDormantContext = exports.SequenceActivityContext = exports.DEFAULT_SEQUENCE_ACTIVITY_LIMIT = void 0;
+exports.SequenceContent = exports.SequenceActivityAbsoluteTimeContext = exports.SequenceActivityTimelineContext = exports.SequenceActivitySettingsContext = exports.SequenceActivitySuspensionContext = exports.SequenceActivityDormantContext = exports.SequenceActivityContext = exports.DEFAULT_SEQUENCE_ACTIVITY_LIMIT = void 0;
 const react_1 = require("react");
 const sequence_activity_defaults_js_1 = require("./sequence-activity-defaults.js");
 Object.defineProperty(exports, "DEFAULT_SEQUENCE_ACTIVITY_LIMIT", { enumerable: true, get: function () { return sequence_activity_defaults_js_1.DEFAULT_SEQUENCE_ACTIVITY_LIMIT; } });
-// Internal Studio experiment. Hidden Activity trees register on commit, so the
-// experiment is disabled when the sequence manager falls back to effects.
+// Hidden Activity trees register on commit, so Sequence Activity is disabled
+// when the sequence manager falls back to effects.
 exports.SequenceActivityContext = (0, react_1.createContext)(false);
 exports.SequenceActivityDormantContext = (0, react_1.createContext)(false);
+exports.SequenceActivitySuspensionContext = (0, react_1.createContext)(false);
 exports.SequenceActivitySettingsContext = (0, react_1.createContext)(null);
 // React propagates changed ancestor contexts through hidden Activity trees,
 // even when a nested provider keeps their value stable. Use separate context

package/dist/cjs/sequence-activity-defaults.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_SEQUENCE_ACTIVITY_LIMIT = 20;
+export declare const DEFAULT_SEQUENCE_ACTIVITY_LIMIT: number;

package/dist/cjs/sequence-activity-defaults.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_SEQUENCE_ACTIVITY_LIMIT = void 0;
-exports.DEFAULT_SEQUENCE_ACTIVITY_LIMIT = 20;
+exports.DEFAULT_SEQUENCE_ACTIVITY_LIMIT = Infinity;

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

@@ -11,6 +11,7 @@ export declare const clampFrameToCompositionRange: (frame: number, durationInFra
 export declare const useTimelineContext: () => TimelineContextValue;
 export declare const usePlaybackRate: () => PlaybackRateContextValue;
 export declare const useTimelinePosition: () => number;
+export declare const useTimelinePositionWithOptionalSubscription: (subscribe: boolean) => number;
 export declare const useIsInsideFreeze: () => boolean;
 export declare const useAbsoluteTimelinePosition: () => number;
 export declare const useTimelineSetFrameWithoutSeek: () => (u: import("react").SetStateAction<Record<string, number>>) => void;

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

@@ -1,11 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBuffering = exports.usePlaying = exports.useTimelineSeekFrame = exports.useTimelineSetFrameWithoutSeek = exports.useAbsoluteTimelinePosition = exports.useIsInsideFreeze = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.clampFrameToCompositionRange = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
+exports.useBuffering = exports.usePlaying = exports.useTimelineSeekFrame = exports.useTimelineSetFrameWithoutSeek = exports.useAbsoluteTimelinePosition = exports.useIsInsideFreeze = exports.useTimelinePositionWithOptionalSubscription = exports.useTimelinePosition = exports.usePlaybackRate = exports.useTimelineContext = exports.clampFrameToCompositionRange = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
 const react_1 = require("react");
 const sequence_activity_context_js_1 = require("./sequence-activity-context.js");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_js_1 = require("./use-video.js");
+// Reading TimelineContext and ignoring its value would still schedule frame
+// updates. Inactive subscribers must read a separate, never-changing context.
+const UnsubscribedTimelineContext = (0, react_1.createContext)(null);
 const makeKey = () => {
     return `remotion.time-all`;
 };
@@ -42,6 +45,9 @@ const useTimelinePositionFromContext = (state) => {
     const videoConfig = (0, use_video_js_1.useVideo)();
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     const dormant = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivityDormantContext);
+    if (state === null) {
+        return 0;
+    }
     if (!videoConfig) {
         return typeof window === 'undefined'
             ? 0
@@ -76,6 +82,20 @@ const useTimelinePosition = () => {
     return useTimelinePositionFromContext(state);
 };
 exports.useTimelinePosition = useTimelinePosition;
+const useTimelinePositionWithOptionalSubscription = (subscribe) => {
+    const dormant = (0, react_1.useContext)(sequence_activity_context_js_1.SequenceActivityDormantContext);
+    const state = (0, react_1.useContext)(subscribe
+        ? dormant
+            ? sequence_activity_context_js_1.SequenceActivityTimelineContext
+            : TimelineContext_js_1.TimelineContext
+        : UnsubscribedTimelineContext);
+    const frame = useTimelinePositionFromContext(state);
+    if (subscribe && state === null) {
+        throw new Error('TimelineContext is not available. This hook must be used inside a <Player> or the Remotion Studio.');
+    }
+    return frame;
+};
+exports.useTimelinePositionWithOptionalSubscription = useTimelinePositionWithOptionalSubscription;
 const useIsInsideFreeze = () => {
     return (0, exports.useTimelineContext)().isInsideFreeze;
 };

package/dist/cjs/timeline-track-context.d.ts

@@ -7,4 +7,3 @@ export type TimelineTrackItem = TimelineTrack & {
     readonly seriesOffset: number | null;
 };
 export declare const TimelineTrackContext: import("react").Context<TimelineTrack | null>;
-export declare const ExperimentalTracksEnabledContext: import("react").Context<boolean>;

package/dist/cjs/timeline-track-context.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExperimentalTracksEnabledContext = exports.TimelineTrackContext = void 0;
+exports.TimelineTrackContext = void 0;
 const react_1 = require("react");
 exports.TimelineTrackContext = (0, react_1.createContext)(null);
-exports.ExperimentalTracksEnabledContext = (0, react_1.createContext)(false);

package/dist/cjs/use-current-frame.d.ts

@@ -1 +1,2 @@
+export declare const useCurrentFrameWithOptionalSubscription: (subscribe: boolean) => number;
 export declare const useCurrentFrame: () => number;

package/dist/cjs/use-current-frame.js

@@ -1,16 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCurrentFrame = void 0;
+exports.useCurrentFrame = exports.useCurrentFrameWithOptionalSubscription = void 0;
 const react_1 = require("react");
 const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
-/*
- * @description Retrieves the current frame of the video within a component. Frames are 0-indexed, and if the component is wrapped in a `<Sequence>`, it returns the frame relative to when the Sequence starts.
- * @see [Documentation](https://www.remotion.dev/docs/use-current-frame)
- */
-const useCurrentFrame = () => {
+const useCurrentFrameWithOptionalSubscription = (subscribe) => {
     var _a;
     const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_js_1.CanUseRemotionHooks);
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
@@ -20,11 +16,22 @@ const useCurrentFrame = () => {
         }
         throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
     }
-    const frame = (0, timeline_position_state_js_1.useTimelinePosition)();
+    const frame = (0, timeline_position_state_js_1.useTimelinePositionWithOptionalSubscription)(subscribe);
     const context = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
+    if (!subscribe) {
+        return 0;
+    }
     const contextOffset = context
         ? context.cumulatedFrom + context.relativeFrom
         : 0;
     return (frame - contextOffset) * ((_a = context === null || context === void 0 ? void 0 : context.playbackRate) !== null && _a !== void 0 ? _a : 1);
 };
+exports.useCurrentFrameWithOptionalSubscription = useCurrentFrameWithOptionalSubscription;
+/*
+ * @description Retrieves the current frame of the video within a component. Frames are 0-indexed, and if the component is wrapped in a `<Sequence>`, it returns the frame relative to when the Sequence starts.
+ * @see [Documentation](https://www.remotion.dev/docs/use-current-frame)
+ */
+const useCurrentFrame = () => {
+    return (0, exports.useCurrentFrameWithOptionalSubscription)(true);
+};
 exports.useCurrentFrame = useCurrentFrame;

package/dist/cjs/use-schema.js

@@ -106,7 +106,9 @@ const computeEffectiveSchemaValuesDotNotation = ({ schema, currentValue, overrid
                     : currentValue[key];
         }
         else if ((0, exports.isKeyframedStatus)(status)) {
-            if ((field === null || field === void 0 ? void 0 : field.type) === 'array' || (field === null || field === void 0 ? void 0 : field.keyframable) === false) {
+            // keyframable controls authoring new keyframes in Studio. Existing
+            // keyframes still need to follow the preview clock and drag overrides.
+            if ((field === null || field === void 0 ? void 0 : field.type) === 'array') {
                 value = currentValue[key];
             }
             else {

package/dist/cjs/use-timeline-seek.d.ts

@@ -2,5 +2,6 @@ import type { RefObject, SetStateAction } from 'react';
 export type TimelineSeek = {
     readonly revision: RefObject<number>;
     readonly seekFrame: (frame: SetStateAction<Record<string, number>>) => void;
+    readonly subscribe: (listener: () => void) => () => void;
 };
 export declare const useTimelineSeek: (setFrame: (frame: SetStateAction<Record<string, number>>) => void) => TimelineSeek;

package/dist/cjs/use-timeline-seek.js

@@ -6,13 +6,23 @@ const react_1 = require("react");
 // outside the React updater: updaters may be deferred or run more than once.
 const useTimelineSeek = (setFrame) => {
     const revision = (0, react_1.useRef)(0);
+    const listeners = (0, react_1.useRef)(new Set());
     return (0, react_1.useMemo)(() => ({
         revision,
         seekFrame: (frame) => {
             // Even a same-frame seek is a boundary for the next media update.
             revision.current++;
+            for (const listener of listeners.current) {
+                listener();
+            }
             setFrame(frame);
         },
+        subscribe: (listener) => {
+            listeners.current.add(listener);
+            return () => {
+                listeners.current.delete(listener);
+            };
+        },
     }), [setFrame]);
 };
 exports.useTimelineSeek = useTimelineSeek;

package/dist/cjs/validation/validate-duration-in-frames.js

@@ -12,10 +12,10 @@ function validateDurationInFrames(durationInFrames, options) {
     if (durationInFrames <= 0) {
         throw new TypeError(`The "durationInFrames" prop ${component} must be positive, but got ${durationInFrames}.`);
     }
-    if (!allowFloats && durationInFrames % 1 !== 0) {
-        throw new TypeError(`The "durationInFrames" prop ${component} must be an integer, but got ${durationInFrames}.`);
-    }
     if (!Number.isFinite(durationInFrames)) {
         throw new TypeError(`The "durationInFrames" prop ${component} must be finite, but got ${durationInFrames}.`);
     }
+    if (!allowFloats && durationInFrames % 1 !== 0) {
+        throw new TypeError(`The "durationInFrames" prop ${component} must be an integer, but got ${durationInFrames}.`);
+    }
 }

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

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.535';
+exports.VERSION = '4.0.537';

package/dist/cjs/video/seek-until-right.js

@@ -13,13 +13,6 @@ const seekToTime = ({ element, desiredTime, logLevel, mountTime, }) => {
             cancel: () => { },
         };
     }
-    (0, seek_1.seek)({
-        logLevel,
-        mediaRef: element,
-        time: desiredTime,
-        why: 'Seeking during rendering',
-        mountTime,
-    });
     let cancel;
     let cancelSeeked = null;
     const prom = new Promise((resolve) => {
@@ -45,6 +38,17 @@ const seekToTime = ({ element, desiredTime, logLevel, mountTime, }) => {
             element.removeEventListener('seeked', onDone);
         };
     });
+    // Register both listeners before seeking. The compositor can present the
+    // frame while the main thread is still setting currentTime. Registering a
+    // video frame callback afterwards would wait for another frame, which a
+    // paused video will never produce.
+    (0, seek_1.seek)({
+        logLevel,
+        mediaRef: element,
+        time: desiredTime,
+        why: 'Seeking during rendering',
+        mountTime,
+    });
     return {
         wait: Promise.all([prom, waitForSeekedEvent]).then(([time]) => time),
         cancel: () => {

package/dist/cjs/with-interactivity-schema.js

@@ -171,8 +171,6 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const nodePathMapping = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        const frame = (0, use_current_frame_js_1.useCurrentFrame)();
-        // eslint-disable-next-line react-hooks/rules-of-hooks
         const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();
         const durationInFrames = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.durationInFrames;
         const fps = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.fps;
@@ -229,6 +227,22 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
             : ((_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null);
         // eslint-disable-next-line react-hooks/rules-of-hooks
         const dragOverrides = (0, SequenceManager_js_1.useDragOverridesForNodePath)(nodePath);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const propStatus = (0, react_1.useMemo)(() => nodePath === null
+            ? undefined
+            : (0, use_memoized_effects_js_1.getPropStatusesCtx)(propStatuses, {
+                ...nodePath,
+                videoConfigValues,
+            }), [nodePath, propStatuses, videoConfigValues]);
+        // Runtime props already update through their owner. Only overrides with
+        // keyframes need this wrapper to subscribe to the advancing clock.
+        const needsFrame = flatKeys.some((key) => {
+            var _a, _b;
+            return ((_a = propStatus === null || propStatus === void 0 ? void 0 : propStatus[key]) === null || _a === void 0 ? void 0 : _a.status) === 'keyframed' ||
+                ((_b = dragOverrides[key]) === null || _b === void 0 ? void 0 : _b.type) === 'keyframed';
+        });
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const frame = (0, use_current_frame_js_1.useCurrentFrameWithOptionalSubscription)(needsFrame);
         // Read the runtime values for every flat key from the JSX props,
         // memoized on the leaf values so the object reference is stable
         // when nothing changed — otherwise downstream `useMemo`s churn and
@@ -284,22 +298,10 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
                 schema: schemaWithSequenceName,
                 currentValue: currentRuntimeValueDotNotation,
                 overrideValues: dragOverrides,
-                propStatus: nodePath === null
-                    ? undefined
-                    : (0, use_memoized_effects_js_1.getPropStatusesCtx)(propStatuses, {
-                        ...nodePath,
-                        videoConfigValues,
-                    }),
+                propStatus,
                 frame,
             });
-        }, [
-            currentRuntimeValueDotNotation,
-            dragOverrides,
-            nodePath,
-            propStatuses,
-            videoConfigValues,
-            frame,
-        ]);
+        }, [currentRuntimeValueDotNotation, dragOverrides, propStatus, frame]);
         // 4. Eliminate values forbidden by the resolved discriminated union.
         const activeKeys = (0, exports.selectActiveKeys)(schemaWithSequenceName, valuesDotNotation);
         // 5. Apply the active values back onto the props.

package/dist/cjs/wrap-remotion-context.d.ts

@@ -9,7 +9,6 @@ export declare function useRemotionContexts(): {
     setTimelineContext: import("./TimelineContext.js").SetTimelineContextValue;
     sequenceContext: import("./SequenceContext.js").SequenceContextType | null;
     defaultPremountInSeconds: number;
-    experimentalTracksEnabled: boolean;
     timelineTrackContext: import("./timeline-track-context.js").TimelineTrack | null;
     canUseRemotionHooksContext: boolean;
     preloadContext: {

package/dist/cjs/wrap-remotion-context.js

@@ -62,7 +62,6 @@ function useRemotionContexts() {
     const setTimelineContext = react_1.default.useContext(TimelineContext_js_1.SetTimelineContext);
     const sequenceContext = react_1.default.useContext(SequenceContext_js_1.SequenceContext);
     const defaultPremountInSeconds = react_1.default.useContext(DefaultPremountContext_js_1.DefaultPremountContext);
-    const experimentalTracksEnabled = react_1.default.useContext(timeline_track_context_js_1.ExperimentalTracksEnabledContext);
     const timelineTrackContext = react_1.default.useContext(timeline_track_context_js_1.TimelineTrackContext);
     const canUseRemotionHooksContext = react_1.default.useContext(CanUseRemotionHooks_js_1.CanUseRemotionHooks);
     const preloadContext = react_1.default.useContext(prefetch_state_js_1.PreloadContext);
@@ -85,7 +84,6 @@ function useRemotionContexts() {
         setTimelineContext,
         sequenceContext,
         defaultPremountInSeconds,
-        experimentalTracksEnabled,
         timelineTrackContext,
         canUseRemotionHooksContext,
         preloadContext,
@@ -106,7 +104,6 @@ function useRemotionContexts() {
         videoContext,
         sequenceContext,
         defaultPremountInSeconds,
-        experimentalTracksEnabled,
         timelineTrackContext,
         setTimelineContext,
         timelineContext,
@@ -200,6 +197,6 @@ const ForwardedSequenceRegistry = ({ contexts, children, }) => {
 };
 const RemotionContextProvider = (props) => {
     const { children, contexts } = props;
-    return (jsx_runtime_1.jsx(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: jsx_runtime_1.jsx(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: jsx_runtime_1.jsx(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: jsx_runtime_1.jsx(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerRefContext.Provider, { value: contexts.sequenceManagerRefContext, children: jsx_runtime_1.jsx(remotion_environment_context_js_1.RemotionEnvironmentContext.Provider, { value: contexts.remotionEnvironmentContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceRegistrationContext.Provider, { value: contexts.sequenceRegistrationContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.DisableSequenceRegistrationContext.Provider, { value: contexts.disableSequenceRegistrationContext, children: jsx_runtime_1.jsx(ForwardedSequenceRegistry, { contexts: contexts, children: jsx_runtime_1.jsx(SequenceManager_js_1.VisualModePropStatusesRefContext.Provider, { value: contexts.visualModePropStatusesRefContext, children: jsx_runtime_1.jsx(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: jsx_runtime_1.jsx(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: jsx_runtime_1.jsx(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: jsx_runtime_1.jsx(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: jsx_runtime_1.jsx(timeline_track_context_js_1.ExperimentalTracksEnabledContext.Provider, { value: contexts.experimentalTracksEnabled, children: jsx_runtime_1.jsx(timeline_track_context_js_1.TimelineTrackContext.Provider, { value: contexts.timelineTrackContext, children: jsx_runtime_1.jsx(DefaultPremountContext_js_1.DefaultPremountContext.Provider, { value: contexts.defaultPremountInSeconds, children: jsx_runtime_1.jsx(use_video_js_1.VideoContext.Provider, { value: contexts.videoContext, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (jsx_runtime_1.jsx(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: jsx_runtime_1.jsx(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: jsx_runtime_1.jsx(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: jsx_runtime_1.jsx(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerRefContext.Provider, { value: contexts.sequenceManagerRefContext, children: jsx_runtime_1.jsx(remotion_environment_context_js_1.RemotionEnvironmentContext.Provider, { value: contexts.remotionEnvironmentContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceRegistrationContext.Provider, { value: contexts.sequenceRegistrationContext, children: jsx_runtime_1.jsx(SequenceManager_js_1.DisableSequenceRegistrationContext.Provider, { value: contexts.disableSequenceRegistrationContext, children: jsx_runtime_1.jsx(ForwardedSequenceRegistry, { contexts: contexts, children: jsx_runtime_1.jsx(SequenceManager_js_1.VisualModePropStatusesRefContext.Provider, { value: contexts.visualModePropStatusesRefContext, children: jsx_runtime_1.jsx(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: jsx_runtime_1.jsx(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: jsx_runtime_1.jsx(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: jsx_runtime_1.jsx(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: jsx_runtime_1.jsx(timeline_track_context_js_1.TimelineTrackContext.Provider, { value: contexts.timelineTrackContext, children: jsx_runtime_1.jsx(DefaultPremountContext_js_1.DefaultPremountContext.Provider, { value: contexts.defaultPremountInSeconds, children: jsx_runtime_1.jsx(use_video_js_1.VideoContext.Provider, { value: contexts.videoContext, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionContextProvider = RemotionContextProvider;