@remotion/studio 4.0.514 → 4.0.515

package/dist/esm/renderEntry.mjs

@@ -4,7 +4,7 @@ import {
   WHITE,
   __require,
   __toESM
-} from "./chunk-r46yxrjr.js";
+} from "./chunk-s6k99gh2.js";
 
 // src/renderEntry.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -213,7 +213,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-xn2q7eem.js").then(({ StudioInternals }) => {
+    import("./chunk-v5a8vpv4.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/browser-studio-operations.d.ts

@@ -2,4 +2,7 @@ import type { BrowserStudioOperations } from '@remotion/studio-shared';
 export declare const BROWSER_STUDIO_OPERATIONS_READY_EVENT = "remotion-browser-studio-operations-ready";
 export declare const getBrowserStudioOperations: () => BrowserStudioOperations | null;
 export declare const getBrowserStudioKeyframeOperations: () => import("@remotion/studio-shared").BrowserStudioKeyframeOperations | null;
+export declare const getBrowserStudioEffectOperations: () => import("@remotion/studio-shared").BrowserStudioEffectOperations | null;
 export declare const canUseKeyframeOperations: () => boolean;
+export declare const canUseEffectOperations: () => boolean;
+export declare const canInstallPackages: () => boolean;

package/dist/helpers/browser-studio-operations.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canUseKeyframeOperations = exports.getBrowserStudioKeyframeOperations = exports.getBrowserStudioOperations = exports.BROWSER_STUDIO_OPERATIONS_READY_EVENT = void 0;
+exports.canInstallPackages = exports.canUseEffectOperations = exports.canUseKeyframeOperations = exports.getBrowserStudioEffectOperations = exports.getBrowserStudioKeyframeOperations = exports.getBrowserStudioOperations = exports.BROWSER_STUDIO_OPERATIONS_READY_EVENT = void 0;
 // Browser Studio may be hosted by a different studio-shared version, so this
 // handshake intentionally has no shared runtime import.
 exports.BROWSER_STUDIO_OPERATIONS_READY_EVENT = 'remotion-browser-studio-operations-ready';
@@ -18,6 +18,23 @@ const getBrowserStudioKeyframeOperations = () => {
     return (_b = (_a = (0, exports.getBrowserStudioOperations)()) === null || _a === void 0 ? void 0 : _a.keyframes) !== null && _b !== void 0 ? _b : null;
 };
 exports.getBrowserStudioKeyframeOperations = getBrowserStudioKeyframeOperations;
+const getBrowserStudioEffectOperations = () => {
+    var _a;
+    var _b;
+    return (_b = (_a = (0, exports.getBrowserStudioOperations)()) === null || _a === void 0 ? void 0 : _a.effects) !== null && _b !== void 0 ? _b : null;
+};
+exports.getBrowserStudioEffectOperations = getBrowserStudioEffectOperations;
 const canUseKeyframeOperations = () => !window.remotion_isReadOnlyStudio ||
     (0, exports.getBrowserStudioKeyframeOperations)() !== null;
 exports.canUseKeyframeOperations = canUseKeyframeOperations;
+const canUseEffectOperations = () => !window.remotion_isReadOnlyStudio ||
+    (0, exports.getBrowserStudioEffectOperations)() !== null;
+exports.canUseEffectOperations = canUseEffectOperations;
+const canInstallPackages = () => {
+    const browserStudioOperations = (0, exports.getBrowserStudioOperations)();
+    if (browserStudioOperations !== null) {
+        return true;
+    }
+    return !window.remotion_isReadOnlyStudio;
+};
+exports.canInstallPackages = canInstallPackages;

package/dist/helpers/colors.d.ts

@@ -62,7 +62,7 @@ export declare const ERROR_LINK_COLOR = "#58a6ff";
 export declare const INFO_BLUE = "#60a5fa";
 export declare const SERVER_DISCONNECTED_BACKGROUND = "#e74c3c";
 export declare const STACK_FRAME_BORDER_BLUE = "rgb(66, 144, 245)";
-export declare const TIMELINE_BACKGROUND_COLOR = "#0F1113";
+export declare const TIMELINE_BACKGROUND_COLOR = "#15181B";
 export declare const TIMELINE_SELECTED_BACKGROUND_COLOR = "#3B3F42";
 export declare const TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR = "#B0B0B0";
 export declare const TIMELINE_BLUE = "#0b84ff";

package/dist/helpers/colors.js

@@ -68,7 +68,7 @@ exports.ERROR_LINK_COLOR = '#58a6ff';
 exports.INFO_BLUE = '#60a5fa';
 exports.SERVER_DISCONNECTED_BACKGROUND = '#e74c3c';
 exports.STACK_FRAME_BORDER_BLUE = 'rgb(66, 144, 245)';
-exports.TIMELINE_BACKGROUND_COLOR = '#0F1113';
+exports.TIMELINE_BACKGROUND_COLOR = '#15181B';
 exports.TIMELINE_SELECTED_BACKGROUND_COLOR = '#3B3F42';
 exports.TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR = '#B0B0B0';
 exports.TIMELINE_BLUE = '#0b84ff';

package/dist/helpers/inject-css.js

@@ -58,7 +58,7 @@ const makeDefaultGlobalCSS = () => {
 
   input:focus,
   textarea:focus,
-  button:focus:not(.__remotion_input_dragger):not(.__remotion_color_swatch):not(.__remotion-inspector-section-title),
+  button:focus:not(.__remotion_input_dragger):not(.__remotion_color_swatch):not(.__remotion-inspector-section-title):not(.__remotion-timeline-expand-arrow-button),
   a:focus {
 	    outline: none;
 	    box-shadow: ${colors_1.FOCUS_BOX_SHADOW};
@@ -66,14 +66,16 @@ const makeDefaultGlobalCSS = () => {
 
   .__remotion-composition-selector-item:focus,
   .__remotion-inspector-quick-action:focus,
-  .__remotion-inspector-section-title:focus {
+  .__remotion-inspector-section-title:focus,
+  .__remotion-timeline-expand-arrow-button:focus {
     outline: none;
     box-shadow: none;
   }
 
   .__remotion-composition-selector-item:focus-visible,
   .__remotion-inspector-quick-action:focus-visible,
-  .__remotion-inspector-section-title:focus-visible {
+  .__remotion-inspector-section-title:focus-visible,
+  .__remotion-timeline-expand-arrow-button:focus-visible {
     box-shadow: ${colors_1.FOCUS_BOX_SHADOW};
   }
 

package/dist/helpers/use-max-media-duration.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMaxMediaDuration = void 0;
 const react_1 = require("react");
+const remotion_1 = require("remotion");
 const is_video_with_last_frame_hold_1 = require("./is-video-with-last-frame-hold");
 const use_media_metadata_1 = require("./use-media-metadata");
 const cache = new Map();
@@ -19,7 +20,8 @@ const useMaxMediaDuration = (s, fps) => {
     var _a;
     const holdsLastFrame = (0, is_video_with_last_frame_hold_1.isVideoWithLastFrameHold)(s);
     const src = holdsLastFrame ? null : getSrc(s);
-    const cacheKey = src ? getCacheKey(src, fps) : null;
+    const resolvedSrc = remotion_1.Internals.usePreload(src !== null && src !== void 0 ? src : '');
+    const cacheKey = src ? getCacheKey(resolvedSrc, fps) : null;
     const [maxMediaDuration, setMaxMediaDuration] = (0, react_1.useState)(cacheKey ? ((_a = cache.get(cacheKey)) !== null && _a !== void 0 ? _a : null) : Infinity);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -32,7 +34,7 @@ const useMaxMediaDuration = (s, fps) => {
             return;
         }
         let cancelled = false;
-        (0, use_media_metadata_1.getMediaMetadata)(src)
+        (0, use_media_metadata_1.getMediaMetadata)(resolvedSrc)
             .then((metadata) => {
             if (cancelled || !metadata) {
                 return;
@@ -50,7 +52,7 @@ const useMaxMediaDuration = (s, fps) => {
         return () => {
             cancelled = true;
         };
-    }, [cacheKey, fps, src]);
+    }, [cacheKey, fps, resolvedSrc, src]);
     if (holdsLastFrame) {
         return Infinity;
     }

package/dist/helpers/use-media-metadata.js

@@ -4,6 +4,7 @@ exports.useMediaMetadata = exports.getMediaMetadata = exports.getCachedMediaMeta
 const media_utils_1 = require("@remotion/media-utils");
 const mediabunny_1 = require("mediabunny");
 const react_1 = require("react");
+const remotion_1 = require("remotion");
 const get_duration_or_compute_1 = require("./get-duration-or-compute");
 const cache = new Map();
 const pendingRequests = new Map();
@@ -22,19 +23,38 @@ const safeCall = async (fn) => {
 };
 const getMediabunnyMetadata = async (src) => {
     var _a, _b;
-    let input;
-    try {
-        input = new mediabunny_1.Input({
-            formats: mediabunny_1.ALL_FORMATS,
-            source: new mediabunny_1.UrlSource(src),
-        });
-    }
-    catch (_c) {
+    const lease = (() => {
+        try {
+            return remotion_1.Internals.globalMediaResourceManager.acquire({
+                key: remotion_1.Internals.getMediabunnyInputResourceKey({
+                    src,
+                    credentials: null,
+                    requestInitFingerprint: null,
+                    revision: null,
+                }),
+                create: () => {
+                    const createdInput = new mediabunny_1.Input({
+                        formats: mediabunny_1.ALL_FORMATS,
+                        source: new mediabunny_1.UrlSource(src),
+                    });
+                    return {
+                        resource: createdInput,
+                        dispose: () => createdInput.dispose(),
+                    };
+                },
+            });
+        }
+        catch (_a) {
+            return null;
+        }
+    })();
+    if (lease === null) {
         return null;
     }
+    const input = lease.resource;
     try {
         const [duration, format, videoTrack, audioTrack] = await Promise.all([
-            safeCall(() => (0, get_duration_or_compute_1.getDurationOrCompute)(input)),
+            safeCall(() => lease.getOrCreateValue(remotion_1.Internals.MEDIABUNNY_DURATION_VALUE_KEY, () => (0, get_duration_or_compute_1.getDurationOrCompute)(input))),
             safeCall(() => input.getFormat()),
             safeCall(() => input.getPrimaryVideoTrack()),
             safeCall(() => input.getPrimaryAudioTrack()),
@@ -66,12 +86,7 @@ const getMediabunnyMetadata = async (src) => {
         };
     }
     finally {
-        try {
-            input.dispose();
-        }
-        catch (_d) {
-            // ignore
-        }
+        lease.release();
     }
 };
 const getFallbackVideoMetadata = async (src) => {
@@ -121,15 +136,17 @@ const getMediaMetadata = (src) => {
 };
 exports.getMediaMetadata = getMediaMetadata;
 const useMediaMetadata = (src) => {
-    const [mediaMetadata, setMediaMetadata] = (0, react_1.useState)(src ? (0, exports.getCachedMediaMetadata)(src) : null);
+    const resolvedSrc = remotion_1.Internals.usePreload(src !== null && src !== void 0 ? src : '');
+    const metadataSrc = src === null ? null : resolvedSrc;
+    const [mediaMetadata, setMediaMetadata] = (0, react_1.useState)(metadataSrc ? (0, exports.getCachedMediaMetadata)(metadataSrc) : null);
     (0, react_1.useEffect)(() => {
-        const cached = src ? (0, exports.getCachedMediaMetadata)(src) : null;
+        const cached = metadataSrc ? (0, exports.getCachedMediaMetadata)(metadataSrc) : null;
         setMediaMetadata(cached);
-        if (!src || cached) {
+        if (!metadataSrc || cached) {
             return;
         }
         let cancelled = false;
-        (0, exports.getMediaMetadata)(src)
+        (0, exports.getMediaMetadata)(metadataSrc)
             .then((metadata) => {
             if (cancelled) {
                 return;
@@ -145,7 +162,7 @@ const useMediaMetadata = (src) => {
         return () => {
             cancelled = true;
         };
-    }, [src]);
+    }, [metadataSrc]);
     return mediaMetadata;
 };
 exports.useMediaMetadata = useMediaMetadata;

package/dist/helpers/use-menu-structure.js

@@ -29,7 +29,6 @@ const browser_studio_operations_1 = require("./browser-studio-operations");
 const check_fullscreen_support_1 = require("./check-fullscreen-support");
 const client_id_1 = require("./client-id");
 const colors_1 = require("./colors");
-const download_blob_1 = require("./download-blob");
 const get_file_manager_name_1 = require("./get-file-manager-name");
 const get_git_menu_item_1 = require("./get-git-menu-item");
 const mobile_layout_1 = require("./mobile-layout");
@@ -47,8 +46,7 @@ const ICON_SIZE = 14;
 const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewServerState, setSelectedModal, }) => {
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
-    const downloadProject = browserStudioOperations === null || browserStudioOperations === void 0 ? void 0 : browserStudioOperations.downloadProject;
-    const items = [
+    const newProjectItems = [
         readOnlyStudio
             ? null
             : {
@@ -93,12 +91,8 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 quickSwitcherLabel: 'New folder...',
                 disabled: previewServerState !== 'connected',
             },
-        readOnlyStudio
-            ? null
-            : {
-                type: 'divider',
-                id: 'new-project-item-divider',
-            },
+    ].filter(no_react_1.NoReactInternals.truthy);
+    const projectItems = [
         window.remotion_isReadOnlyStudio
             ? {
                 id: 'input-props-override',
@@ -117,35 +111,6 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 quickSwitcherLabel: 'Override input props',
             }
             : null,
-        downloadProject
-            ? {
-                id: 'download-project',
-                value: 'download-project',
-                label: 'Download project',
-                onClick: async () => {
-                    closeMenu();
-                    try {
-                        const { data, fileName } = await downloadProject();
-                        const arrayBuffer = data.buffer.slice(data.byteOffset, data.byteOffset + data.byteLength);
-                        (0, download_blob_1.downloadBlob)(new Blob([arrayBuffer], { type: 'application/zip' }), fileName);
-                    }
-                    catch (error) {
-                        (0, NotificationCenter_1.showNotification)(`Could not download project: ${error instanceof Error ? error.message : String(error)}`, 2000);
-                    }
-                },
-                type: 'item',
-                keyHint: null,
-                leftItem: null,
-                subMenu: null,
-                quickSwitcherLabel: 'Download project',
-            }
-            : null,
-        !readOnlyStudio && downloadProject
-            ? {
-                type: 'divider',
-                id: 'open-project-divider',
-            }
-            : null,
         editorName && editorId && !readOnlyStudio
             ? {
                 id: 'open-in-editor',
@@ -178,7 +143,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
                 disabled: previewServerState !== 'connected',
             }
             : null,
-        !readOnlyStudio
+        !readOnlyStudio && browserStudioOperations === null
             ? {
                 id: 'open-project-in-explorer',
                 value: 'open-project-in-explorer',
@@ -199,6 +164,16 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewS
             : null,
         (0, get_git_menu_item_1.getGitMenuItem)(),
     ].filter(no_react_1.NoReactInternals.truthy);
+    const items = [
+        ...newProjectItems,
+        newProjectItems.length > 0 && projectItems.length > 0
+            ? {
+                type: 'divider',
+                id: 'new-project-item-divider',
+            }
+            : null,
+        ...projectItems,
+    ].filter(no_react_1.NoReactInternals.truthy);
     if (items.length === 0) {
         return null;
     }
@@ -272,6 +247,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
     const sizes = (0, react_1.useMemo)(() => (0, SizeSelector_1.getUniqueSizes)(size), [size]);
     const isFullscreenSupported = (0, check_fullscreen_support_1.checkFullscreenSupport)();
     const { remotion_packageManager } = window;
+    const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
     const sizePreselectIndex = sizes.findIndex((s) => String(size.size) === String(s.size));
     const mobileLayout = (0, mobile_layout_1.useMobileLayout)();
     const currentComposition = (0, react_1.useMemo)(() => {
@@ -328,27 +304,29 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         subMenu: null,
                         quickSwitcherLabel: 'Help: Changelog',
                     },
-                    {
-                        id: 'settings',
-                        value: 'settings',
-                        label: 'Settings...',
-                        onClick: () => {
-                            var _a;
-                            var _b;
-                            closeMenu();
-                            setSelectedModal({
-                                type: 'settings',
-                                initialTab: 'rendering',
-                                initialPublicLicenseKey: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.publicLicenseKey) !== null && _b !== void 0 ? _b : null,
-                            });
-                        },
-                        type: 'item',
-                        keyHint: null,
-                        leftItem: null,
-                        subMenu: null,
-                        quickSwitcherLabel: 'Settings...',
-                        disabled: readOnlyStudio || type !== 'connected',
-                    },
+                    browserStudioOperations === null
+                        ? {
+                            id: 'settings',
+                            value: 'settings',
+                            label: 'Settings...',
+                            onClick: () => {
+                                var _a;
+                                var _b;
+                                closeMenu();
+                                setSelectedModal({
+                                    type: 'settings',
+                                    initialTab: 'rendering',
+                                    initialPublicLicenseKey: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.publicLicenseKey) !== null && _b !== void 0 ? _b : null,
+                                });
+                            },
+                            type: 'item',
+                            keyHint: null,
+                            leftItem: null,
+                            subMenu: null,
+                            quickSwitcherLabel: 'Settings...',
+                            disabled: readOnlyStudio || type !== 'connected',
+                        }
+                        : null,
                     {
                         id: 'acknowledgements',
                         value: 'acknowledgements',
@@ -363,24 +341,28 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         subMenu: null,
                         quickSwitcherLabel: 'Help: Acknowledgements',
                     },
-                    {
-                        type: 'divider',
-                        id: 'timeline-divider-1',
-                    },
-                    {
-                        id: 'restart-studio',
-                        value: 'restart-studio',
-                        label: 'Restart Studio Server',
-                        onClick: () => {
-                            closeMenu();
-                            (0, restart_studio_1.restartStudio)();
-                        },
-                        type: 'item',
-                        keyHint: null,
-                        leftItem: null,
-                        subMenu: null,
-                        quickSwitcherLabel: 'Restart Studio Server',
-                    },
+                    browserStudioOperations === null
+                        ? {
+                            type: 'divider',
+                            id: 'timeline-divider-1',
+                        }
+                        : null,
+                    browserStudioOperations === null
+                        ? {
+                            id: 'restart-studio',
+                            value: 'restart-studio',
+                            label: 'Restart Studio Server',
+                            onClick: () => {
+                                closeMenu();
+                                (0, restart_studio_1.restartStudio)();
+                            },
+                            type: 'item',
+                            keyHint: null,
+                            leftItem: null,
+                            subMenu: null,
+                            quickSwitcherLabel: 'Restart Studio Server',
+                        }
+                        : null,
                 ].filter(no_react_1.NoReactInternals.truthy),
                 quickSwitcherLabel: null,
             },
@@ -798,7 +780,9 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                             quickSwitcherLabel: 'Show Color Picker',
                         }
                         : null,
-                    readOnlyStudio || remotion_packageManager === 'unknown'
+                    !(0, browser_studio_operations_1.canInstallPackages)() ||
+                        (browserStudioOperations === null &&
+                            remotion_packageManager === 'unknown')
                         ? null
                         : {
                             id: 'install-packages',
@@ -808,7 +792,9 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                                 closeMenu();
                                 setSelectedModal({
                                     type: 'install-packages',
-                                    packageManager: remotion_packageManager,
+                                    packageManager: remotion_packageManager === 'unknown'
+                                        ? null
+                                        : remotion_packageManager,
                                 });
                             },
                             type: 'item',
@@ -1017,6 +1003,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         defaultEditorName,
         keyboardShortcutsDisabled,
         studioAskAIEnabled,
+        browserStudioOperations,
         size.size,
         setSize,
         setEditorZoomGestures,

package/dist/icons/cloud-download.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from 'react';
+export declare const CloudDownloadIcon: React.FC<SVGProps<SVGSVGElement> & {
+    readonly color: string;
+}>;

package/dist/icons/cloud-download.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudDownloadIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CloudDownloadIcon = ({ color, ...props }) => {
+    return (jsx_runtime_1.jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", children: jsx_runtime_1.jsx("path", { fill: color, d: "M128 176c0-61.9 50.1-112 112-112 39.3 0 73.8 20.2 93.8 50.8 4.4 6.7 13.1 9.1 20.3 5.7 11.4-5.5 24.3-8.5 37.9-8.5 48.6 0 88 39.4 88 88 0 14.1-3.3 27.4-9.2 39.2-2 4.1-2.2 8.9-.5 13.1s5.2 7.6 9.5 9.1c37.4 13.1 64.2 48.8 64.2 90.6 0 53-43 96-96 96l-304 0c-61.9 0-112-50.1-112-112 0-53.7 37.8-98.6 88.2-109.5 4.3-.9 8.1-3.6 10.3-7.4s2.9-8.3 1.7-12.6c-2.7-9.7-4.2-19.9-4.2-30.5zM240 32c-79.5 0-144 64.5-144 144 0 8 .7 15.9 1.9 23.5-56.9 19.2-97.9 73-97.9 136.5 0 79.5 64.5 144 144 144l304 0c70.7 0 128-57.3 128-128 0-49.9-28.5-93-70.1-114.2 3.9-11.9 6.1-24.6 6.1-37.8 0-66.3-53.7-120-120-120-13.7 0-26.9 2.3-39.2 6.5-26.4-33.2-67.1-54.5-112.8-54.5zM371.3 307.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L304 329.4 304 208c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 121.4-44.7-44.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l72 72c6.2 6.2 16.4 6.2 22.6 0l72-72z" }) }));
+};
+exports.CloudDownloadIcon = CloudDownloadIcon;

package/dist/state/modals.d.ts

@@ -170,7 +170,7 @@ export type ModalState = {
     remotionInteractivitySkillAvailable: boolean;
 } | {
     type: 'install-packages';
-    packageManager: PackageManager;
+    packageManager: PackageManager | null;
 } | {
     type: 'quick-switcher';
     mode: QuickSwitcherMode;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.514",
+	"version": "4.0.515",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,17 +25,17 @@
 	},
 	"dependencies": {
 		"@tanstack/react-virtual": "3.14.9",
-		"@remotion/studio-protocol": "4.0.514",
+		"@remotion/studio-protocol": "4.0.515",
 		"semver": "7.5.3",
-		"remotion": "4.0.514",
-		"@remotion/captions": "4.0.514",
-		"@remotion/player": "4.0.514",
-		"@remotion/media-utils": "4.0.514",
-		"@remotion/renderer": "4.0.514",
-		"@remotion/web-renderer": "4.0.514",
-		"@remotion/studio-shared": "4.0.514",
-		"@remotion/timeline-utils": "4.0.514",
-		"@remotion/zod-types": "4.0.514",
+		"remotion": "4.0.515",
+		"@remotion/captions": "4.0.515",
+		"@remotion/player": "4.0.515",
+		"@remotion/media-utils": "4.0.515",
+		"@remotion/renderer": "4.0.515",
+		"@remotion/web-renderer": "4.0.515",
+		"@remotion/studio-shared": "4.0.515",
+		"@remotion/timeline-utils": "4.0.515",
+		"@remotion/zod-types": "4.0.515",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.55.1",
 		"memfs": "3.4.3",
@@ -46,7 +46,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.514",
+		"@remotion/eslint-config-internal": "4.0.515",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},