@remotion/studio 4.0.423 → 4.0.424

package/dist/icons/step-forward.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StepForward = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const StepForward = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z" }) }));
+    return (jsx_runtime_1.jsx("svg", { viewBox: "0 0 448 512", ...props, children: jsx_runtime_1.jsx("path", { fill: "currentColor", d: "M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z" }) }));
 };
 exports.StepForward = StepForward;

package/dist/icons/still.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StillIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const StillIcon = ({ color, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { ...props, viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M144 288C144 226.1 194.1 176 256 176C317.9 176 368 226.1 368 288C368 349.9 317.9 400 256 400C194.1 400 144 349.9 144 288zM256 208C211.8 208 176 243.8 176 288C176 332.2 211.8 368 256 368C300.2 368 336 332.2 336 288C336 243.8 300.2 208 256 208zM362.9 64.82L373.3 96H448C483.3 96 512 124.7 512 160V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V160C0 124.7 28.65 96 64 96H138.7L149.1 64.82C155.6 45.22 173.9 32 194.6 32H317.4C338.1 32 356.4 45.22 362.9 64.82H362.9zM64 128C46.33 128 32 142.3 32 160V416C32 433.7 46.33 448 64 448H448C465.7 448 480 433.7 480 416V160C480 142.3 465.7 128 448 128H350.3L332.6 74.94C330.4 68.41 324.3 64 317.4 64H194.6C187.7 64 181.6 68.41 179.4 74.94L161.7 128H64z" }) }));
+    return (jsx_runtime_1.jsx("svg", { ...props, viewBox: "0 0 512 512", children: jsx_runtime_1.jsx("path", { fill: color, d: "M144 288C144 226.1 194.1 176 256 176C317.9 176 368 226.1 368 288C368 349.9 317.9 400 256 400C194.1 400 144 349.9 144 288zM256 208C211.8 208 176 243.8 176 288C176 332.2 211.8 368 256 368C300.2 368 336 332.2 336 288C336 243.8 300.2 208 256 208zM362.9 64.82L373.3 96H448C483.3 96 512 124.7 512 160V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V160C0 124.7 28.65 96 64 96H138.7L149.1 64.82C155.6 45.22 173.9 32 194.6 32H317.4C338.1 32 356.4 45.22 362.9 64.82H362.9zM64 128C46.33 128 32 142.3 32 160V416C32 433.7 46.33 448 64 448H448C465.7 448 480 433.7 480 416V160C480 142.3 465.7 128 448 128H350.3L332.6 74.94C330.4 68.41 324.3 64 317.4 64H194.6C187.7 64 181.6 68.41 179.4 74.94L161.7 128H64z" }) }));
 };
 exports.StillIcon = StillIcon;

package/dist/icons/timelineInOutPointer.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineOutPointer = exports.TimelineInPointer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const TimelineInPointer = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 256 256", fill: "none", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M158 25H99V230.5H158", stroke: props.color, strokeWidth: "42", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    return (jsx_runtime_1.jsx("svg", { viewBox: "0 0 256 256", fill: "none", ...props, children: jsx_runtime_1.jsx("path", { d: "M158 25H99V230.5H158", stroke: props.color, strokeWidth: "42", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 exports.TimelineInPointer = TimelineInPointer;
 const TimelineOutPointer = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 256 256", fill: "none", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M98 25H157V230.5H98", stroke: props.color, strokeWidth: "42", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    return (jsx_runtime_1.jsx("svg", { viewBox: "0 0 256 256", fill: "none", ...props, children: jsx_runtime_1.jsx("path", { d: "M98 25H157V230.5H98", stroke: props.color, strokeWidth: "42", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 exports.TimelineOutPointer = TimelineOutPointer;

package/dist/icons/video.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilmIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const FilmIcon = ({ color, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: color, d: "M448 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V96C512 60.65 483.3 32 448 32zM384 64v176H128V64H384zM32 96c0-17.64 14.36-32 32-32h32v80H32V96zM32 176h64v64H32V176zM32 272h64v64H32V272zM64 448c-17.64 0-32-14.36-32-32v-48h64V448H64zM128 448V272h256V448H128zM480 416c0 17.64-14.36 32-32 32h-32v-80h64V416zM480 336h-64v-64h64V336zM480 240h-64v-64h64V240zM480 144h-64V64h32c17.64 0 32 14.36 32 32V144z" }) }));
+    return (jsx_runtime_1.jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsx_runtime_1.jsx("path", { fill: color, d: "M448 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V96C512 60.65 483.3 32 448 32zM384 64v176H128V64H384zM32 96c0-17.64 14.36-32 32-32h32v80H32V96zM32 176h64v64H32V176zM32 272h64v64H32V272zM64 448c-17.64 0-32-14.36-32-32v-48h64V448H64zM128 448V272h256V448H128zM480 416c0 17.64-14.36 32-32 32h-32v-80h64V416zM480 336h-64v-64h64V336zM480 240h-64v-64h64V240zM480 144h-64V64h32c17.64 0 32 14.36 32 32V144z" }) }));
 };
 exports.FilmIcon = FilmIcon;

package/dist/index.js

@@ -2,37 +2,37 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StudioInternals = exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.visualControl = exports.updateDefaultProps = exports.toggle = exports.seek = exports.saveDefaultProps = exports.restartStudio = exports.reevaluateComposition = exports.play = exports.pause = exports.goToComposition = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
 const create_composition_1 = require("./api/create-composition");
-var delete_static_file_1 = require("./api/delete-static-file");
+const delete_static_file_1 = require("./api/delete-static-file");
 Object.defineProperty(exports, "deleteStaticFile", { enumerable: true, get: function () { return delete_static_file_1.deleteStaticFile; } });
-var focus_default_props_path_1 = require("./api/focus-default-props-path");
+const focus_default_props_path_1 = require("./api/focus-default-props-path");
 Object.defineProperty(exports, "focusDefaultPropsPath", { enumerable: true, get: function () { return focus_default_props_path_1.focusDefaultPropsPath; } });
-var get_static_files_1 = require("./api/get-static-files");
+const get_static_files_1 = require("./api/get-static-files");
 Object.defineProperty(exports, "getStaticFiles", { enumerable: true, get: function () { return get_static_files_1.getStaticFiles; } });
-var go_to_composition_1 = require("./api/go-to-composition");
+const go_to_composition_1 = require("./api/go-to-composition");
 Object.defineProperty(exports, "goToComposition", { enumerable: true, get: function () { return go_to_composition_1.goToComposition; } });
-var pause_1 = require("./api/pause");
+const pause_1 = require("./api/pause");
 Object.defineProperty(exports, "pause", { enumerable: true, get: function () { return pause_1.pause; } });
-var play_1 = require("./api/play");
+const play_1 = require("./api/play");
 Object.defineProperty(exports, "play", { enumerable: true, get: function () { return play_1.play; } });
-var reevaluate_composition_1 = require("./api/reevaluate-composition");
+const reevaluate_composition_1 = require("./api/reevaluate-composition");
 Object.defineProperty(exports, "reevaluateComposition", { enumerable: true, get: function () { return reevaluate_composition_1.reevaluateComposition; } });
-var restart_studio_1 = require("./api/restart-studio");
+const restart_studio_1 = require("./api/restart-studio");
 Object.defineProperty(exports, "restartStudio", { enumerable: true, get: function () { return restart_studio_1.restartStudio; } });
-var save_default_props_1 = require("./api/save-default-props");
+const save_default_props_1 = require("./api/save-default-props");
 Object.defineProperty(exports, "saveDefaultProps", { enumerable: true, get: function () { return save_default_props_1.saveDefaultProps; } });
-var seek_1 = require("./api/seek");
+const seek_1 = require("./api/seek");
 Object.defineProperty(exports, "seek", { enumerable: true, get: function () { return seek_1.seek; } });
-var toggle_1 = require("./api/toggle");
+const toggle_1 = require("./api/toggle");
 Object.defineProperty(exports, "toggle", { enumerable: true, get: function () { return toggle_1.toggle; } });
-var update_default_props_1 = require("./api/update-default-props");
+const update_default_props_1 = require("./api/update-default-props");
 Object.defineProperty(exports, "updateDefaultProps", { enumerable: true, get: function () { return update_default_props_1.updateDefaultProps; } });
-var visual_control_1 = require("./api/visual-control");
+const visual_control_1 = require("./api/visual-control");
 Object.defineProperty(exports, "visualControl", { enumerable: true, get: function () { return visual_control_1.visualControl; } });
-var watch_public_folder_1 = require("./api/watch-public-folder");
+const watch_public_folder_1 = require("./api/watch-public-folder");
 Object.defineProperty(exports, "watchPublicFolder", { enumerable: true, get: function () { return watch_public_folder_1.watchPublicFolder; } });
-var watch_static_file_1 = require("./api/watch-static-file");
+const watch_static_file_1 = require("./api/watch-static-file");
 Object.defineProperty(exports, "watchStaticFile", { enumerable: true, get: function () { return watch_static_file_1.watchStaticFile; } });
-var write_static_file_1 = require("./api/write-static-file");
+const write_static_file_1 = require("./api/write-static-file");
 Object.defineProperty(exports, "writeStaticFile", { enumerable: true, get: function () { return write_static_file_1.writeStaticFile; } });
 exports.StudioInternals = {
     createComposition: create_composition_1.createComposition,

package/dist/internals.d.ts

@@ -1,6 +1,6 @@
 export declare const StudioInternals: {
     Studio: import("react").FC<{
-        readonly rootComponent: React.FC;
+        readonly rootComponent: import("react").FC<{}>;
         readonly readOnly: boolean;
     }>;
 };

package/dist/previewEntry.js

@@ -31,10 +31,10 @@ const renderToDOM = (content) => {
     }
     getRootForElement().render(content);
 };
-renderToDOM((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {}));
+renderToDOM(jsx_runtime_1.jsx(NoRegisterRoot_1.NoRegisterRoot, {}));
 remotion_1.Internals.waitForRoot((NewRoot) => {
     remotion_1.Internals.enableSequenceStackTraces();
-    renderToDOM((0, jsx_runtime_1.jsx)(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
+    renderToDOM(jsx_runtime_1.jsx(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
 });
 (0, entry_basic_1.startErrorOverlay)();
 (0, client_2.enableHotMiddleware)();

package/dist/renderEntry.js

@@ -88,7 +88,7 @@ const DelayedSpinner = () => {
     if (!show) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: {
+    return (jsx_runtime_1.jsx(remotion_1.AbsoluteFill, { style: {
             justifyContent: 'center',
             alignItems: 'center',
             fontSize: 13,
@@ -138,7 +138,7 @@ const GetVideoComposition = ({ state }) => {
     if (!currentCompositionMetadata) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: portalContainer, id: "remotion-canvas", style: {
+    return (jsx_runtime_1.jsx("div", { ref: portalContainer, id: "remotion-canvas", style: {
             width: currentCompositionMetadata.width,
             height: currentCompositionMetadata.height,
             display: 'flex',
@@ -174,7 +174,7 @@ const renderContent = (Root) => {
     var _a, _b;
     const bundleMode = getBundleMode();
     if (bundleMode.type === 'composition') {
-        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: bundleMode.compositionName, currentCompositionMetadata: {
+        const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: bundleMode.compositionName, currentCompositionMetadata: {
                 props: no_react_1.NoReactInternals.deserializeJSONWithSpecialTypes(bundleMode.serializedResolvedPropsWithSchema),
                 durationInFrames: bundleMode.compositionDurationInFrames,
                 fps: bundleMode.compositionFps,
@@ -185,27 +185,29 @@ const renderContent = (Root) => {
                 defaultVideoImageFormat: bundleMode.compositionDefaultVideoImageFormat,
                 defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
                 defaultProResProfile: bundleMode.compositionDefaultProResProfile,
-            }, initialCompositions: [], children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, nonceContextSeed: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: (0, jsx_runtime_1.jsxs)(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [(0, jsx_runtime_1.jsx)(Root, {}), (0, jsx_runtime_1.jsx)(GetVideoComposition, { state: bundleMode })] }) }) }));
+            }, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, nonceContextSeed: 0, audioLatencyHint: (_a = window.remotion_audioLatencyHint) !== null && _a !== void 0 ? _a : 'interactive', children: jsx_runtime_1.jsxs(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [
+                        jsx_runtime_1.jsx(Root, {}), jsx_runtime_1.jsx(GetVideoComposition, { state: bundleMode })
+                    ] }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'evaluation') {
-        const markup = ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', nonceContextSeed: 0, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: (0, jsx_runtime_1.jsx)(Root, {}) }) }) }));
+        const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: window.remotion_logLevel, numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', nonceContextSeed: 0, children: jsx_runtime_1.jsx(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: jsx_runtime_1.jsx(Root, {}) }) }) }));
         renderToDOM(markup);
     }
     if (bundleMode.type === 'index') {
         if (isInHeadlessBrowser()) {
             return;
         }
-        renderToDOM((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(DelayedSpinner, {}) }));
+        renderToDOM(jsx_runtime_1.jsx("div", { children: jsx_runtime_1.jsx(DelayedSpinner, {}) }));
         Promise.resolve().then(() => __importStar(require('./internals'))).then(({ StudioInternals }) => {
             window.remotion_isStudio = true;
             window.remotion_isReadOnlyStudio = true;
             window.remotion_inputProps = '{}';
             remotion_1.Internals.enableSequenceStackTraces();
-            renderToDOM((0, jsx_runtime_1.jsx)(StudioInternals.Studio, { readOnly: true, rootComponent: Root }));
+            renderToDOM(jsx_runtime_1.jsx(StudioInternals.Studio, { readOnly: true, rootComponent: Root }));
         })
             .catch((err) => {
-            renderToDOM((0, jsx_runtime_1.jsxs)("div", { children: ["Failed to load Remotion Studio: ", err.message] }));
+            renderToDOM(jsx_runtime_1.jsxs("div", { children: ["Failed to load Remotion Studio: ", err.message] }));
         });
     }
 };

package/dist/state/folders.js

@@ -25,6 +25,6 @@ const FolderContextProvider = ({ children }) => {
             setAssetFoldersExpanded,
         };
     }, [assetFoldersExpanded, compositionFoldersExpanded]);
-    return ((0, jsx_runtime_1.jsx)(exports.FolderContext.Provider, { value: value, children: children }));
+    return (jsx_runtime_1.jsx(exports.FolderContext.Provider, { value: value, children: children }));
 };
 exports.FolderContextProvider = FolderContextProvider;

package/dist/state/highest-z-index.js

@@ -30,6 +30,6 @@ const HighestZIndexProvider = ({ children }) => {
             unregisterZIndex,
         };
     }, [registerZIndex, unregisterZIndex, highestIndex]);
-    return ((0, jsx_runtime_1.jsx)(exports.HighestZIndexContext.Provider, { value: value, children: children }));
+    return (jsx_runtime_1.jsx(exports.HighestZIndexContext.Provider, { value: value, children: children }));
 };
 exports.HighestZIndexProvider = HighestZIndexProvider;

package/dist/state/in-out.js

@@ -15,13 +15,14 @@ const useTimelineInOutFramePosition = () => {
     const id = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.id;
     const durationInFrames = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.durationInFrames;
     return (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d;
+        var _a, _b;
+        var _c, _d;
         if (!id || !durationInFrames) {
             return { inFrame: null, outFrame: null };
         }
         const maxFrame = durationInFrames - 1;
-        const actualInFrame = (_b = (_a = state[id]) === null || _a === void 0 ? void 0 : _a.inFrame) !== null && _b !== void 0 ? _b : null;
-        const actualOutFrame = (_d = (_c = state[id]) === null || _c === void 0 ? void 0 : _c.outFrame) !== null && _d !== void 0 ? _d : null;
+        const actualInFrame = (_c = (_a = state[id]) === null || _a === void 0 ? void 0 : _a.inFrame) !== null && _c !== void 0 ? _c : null;
+        const actualOutFrame = (_d = (_b = state[id]) === null || _b === void 0 ? void 0 : _b.outFrame) !== null && _d !== void 0 ? _d : null;
         return {
             inFrame: actualInFrame === null
                 ? null

package/dist/state/keybindings.js

@@ -38,6 +38,6 @@ const KeybindingContextProvider = ({ children }) => {
             unregisterPane,
         };
     }, [registerKeybinding, unregisterKeybinding, unregisterPane]);
-    return ((0, jsx_runtime_1.jsx)(exports.KeybindingContext.Provider, { value: value, children: children }));
+    return (jsx_runtime_1.jsx(exports.KeybindingContext.Provider, { value: value, children: children }));
 };
 exports.KeybindingContextProvider = KeybindingContextProvider;

package/dist/state/preview-size.js

@@ -54,6 +54,6 @@ const PreviewSizeProvider = ({ children }) => {
             setTranslation,
         };
     }, [editorZoomGestures, size, setSize, translation]);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.PreviewSizeContext.Provider, { value: previewSizeCtx, children: children }));
+    return (jsx_runtime_1.jsx(remotion_1.Internals.PreviewSizeContext.Provider, { value: previewSizeCtx, children: children }));
 };
 exports.PreviewSizeProvider = PreviewSizeProvider;

package/dist/state/sidebar.js

@@ -72,6 +72,6 @@ const SidebarContextProvider = ({ children }) => {
             },
         };
     }, [sidebarCollapsedState]);
-    return ((0, jsx_runtime_1.jsx)(exports.SidebarContext.Provider, { value: value, children: children }));
+    return (jsx_runtime_1.jsx(exports.SidebarContext.Provider, { value: value, children: children }));
 };
 exports.SidebarContextProvider = SidebarContextProvider;

package/dist/state/timeline-zoom.js

@@ -35,6 +35,6 @@ const TimelineZoomContext = ({ children }) => {
             },
         };
     }, [zoom]);
-    return ((0, jsx_runtime_1.jsx)(exports.TimelineZoomCtx.Provider, { value: value, children: children }));
+    return (jsx_runtime_1.jsx(exports.TimelineZoomCtx.Provider, { value: value, children: children }));
 };
 exports.TimelineZoomContext = TimelineZoomContext;

package/dist/state/z-index.js

@@ -86,7 +86,8 @@ const HigherZIndex = ({ children, onEscape, onOutsideClick, disabled }) => {
             currentIndex,
         };
     }, [currentIndex]);
-    return ((0, jsx_runtime_1.jsxs)(ZIndexContext.Provider, { value: value, children: [disabled ? null : (0, jsx_runtime_1.jsx)(EscapeHook, { onEscape: onEscape }), (0, jsx_runtime_1.jsx)("div", { ref: containerRef, style: margin, children: children })] }));
+    return (jsx_runtime_1.jsxs(ZIndexContext.Provider, { value: value, children: [disabled ? null : jsx_runtime_1.jsx(EscapeHook, { onEscape: onEscape }), jsx_runtime_1.jsx("div", { ref: containerRef, style: margin, children: children })
+        ] }));
 };
 exports.HigherZIndex = HigherZIndex;
 const useZIndex = () => {

package/dist/visual-controls/VisualControls.js

@@ -119,6 +119,6 @@ const VisualControlsProvider = ({ children }) => {
             visualControl,
         };
     }, [setControl, updateHandles, updateValue, visualControl]);
-    return ((0, jsx_runtime_1.jsx)(exports.VisualControlsTabActivatedContext.Provider, { value: Object.keys(state.handles).length > 0, children: (0, jsx_runtime_1.jsx)(exports.VisualControlsContext.Provider, { value: state, children: (0, jsx_runtime_1.jsx)(exports.SetVisualControlsContext.Provider, { value: setState, children: children }) }) }));
+    return (jsx_runtime_1.jsx(exports.VisualControlsTabActivatedContext.Provider, { value: Object.keys(state.handles).length > 0, children: jsx_runtime_1.jsx(exports.VisualControlsContext.Provider, { value: state, children: jsx_runtime_1.jsx(exports.SetVisualControlsContext.Provider, { value: setState, children: children }) }) }));
 };
 exports.VisualControlsProvider = VisualControlsProvider;

package/dist/visual-controls/get-current-edited-value.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getVisualControlEditedValue = void 0;
 const getVisualControlEditedValue = ({ handles, key, }) => {
-    var _a, _b;
+    var _a;
+    var _b;
     // TODO: What if z.null()
     return (_b = (_a = handles === null || handles === void 0 ? void 0 : handles[key]) === null || _a === void 0 ? void 0 : _a.unsavedValue) !== null && _b !== void 0 ? _b : null;
 };

package/package.json

@@ -3,13 +3,13 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.423",
+	"version": "4.0.424",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src",
-		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts",
+		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src",
 		"formatting": "prettier --experimental-cli src --check"
 	},
@@ -25,14 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.423",
-		"@remotion/player": "4.0.423",
-		"@remotion/media-utils": "4.0.423",
-		"@remotion/renderer": "4.0.423",
-		"@remotion/web-renderer": "4.0.423",
-		"@remotion/studio-shared": "4.0.423",
-		"@remotion/zod-types": "4.0.423",
-		"mediabunny": "1.34.2",
+		"remotion": "4.0.424",
+		"@remotion/player": "4.0.424",
+		"@remotion/media-utils": "4.0.424",
+		"@remotion/renderer": "4.0.424",
+		"@remotion/web-renderer": "4.0.424",
+		"@remotion/studio-shared": "4.0.424",
+		"@remotion/zod-types": "4.0.424",
+		"mediabunny": "1.34.4",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
 		"open": "^8.4.2",
@@ -42,8 +42,9 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.423",
-		"eslint": "9.19.0"
+		"@remotion/eslint-config-internal": "4.0.424",
+		"eslint": "9.19.0",
+		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
 	"publishConfig": {
 		"access": "public"