@remotion/studio 4.0.523 → 4.0.524

package/dist/components/handle-drop.js

@@ -8,7 +8,7 @@ const element_install_request_1 = require("./element-install-request");
 const import_assets_1 = require("./import-assets");
 const handleDrop = async ({ chooseSvgImportMode, compositionFile, compositionId, destinationDimensions, dropPosition, event, fps, from, localFiles, preferCompositionStart, }) => {
     var _a;
-    var _b, _c, _d;
+    var _b, _c, _d, _e;
     if (localFiles !== null || (0, drop_handler_data_1.isFileDragEvent)(event)) {
         const files = localFiles !== null && localFiles !== void 0 ? localFiles : Array.from((_b = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) !== null && _b !== void 0 ? _b : []);
         if (files.length === 0) {
@@ -91,7 +91,8 @@ const handleDrop = async ({ chooseSvgImportMode, compositionFile, compositionId,
             element: {
                 ...element.element,
                 durationInFrames: (_c = element.element.durationInFrames) !== null && _c !== void 0 ? _c : null,
-                installationMode: (_d = element.element.installationMode) !== null && _d !== void 0 ? _d : null,
+                initialProps: (_d = element.element.initialProps) !== null && _d !== void 0 ? _d : null,
+                installationMode: (_e = element.element.installationMode) !== null && _e !== void 0 ? _e : null,
             },
             from: (0, import_assets_1.getFromForDrop)({
                 durationInFrames: element.element.durationInFrames,

package/dist/components/keyboard-shortcuts.d.ts

@@ -12,15 +12,15 @@ export type KeyboardShortcutGroup = {
 export declare const defaultKeyboardShortcuts: Record<StudioKeyboardShortcutAction, readonly StudioKeyboardShortcut[]>;
 export declare const keyboardShortcutGroups: readonly KeyboardShortcutGroup[];
 export declare const askAIKeyboardShortcutGroup: KeyboardShortcutGroup;
-export declare const getKeyboardShortcutsForAction: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleRightSidebar" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", configured?: Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleRightSidebar" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", StudioKeyboardShortcutValue>> | null) => readonly StudioKeyboardShortcut[];
+export declare const getKeyboardShortcutsForAction: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", configured?: Partial<Record<"askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut", StudioKeyboardShortcutValue>> | null) => readonly StudioKeyboardShortcut[];
 export declare const keyboardEventMatchesShortcut: ({ event, shortcut: value, }: {
     readonly event: KeyboardEvent;
     readonly shortcut: StudioKeyboardShortcut;
 }) => boolean;
 export declare const keyboardShortcutsOverlap: (first: StudioKeyboardShortcut, second: StudioKeyboardShortcut) => boolean;
-export declare const keyboardEventMatchesAction: (event: KeyboardEvent, action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleRightSidebar" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => boolean;
+export declare const keyboardEventMatchesAction: (event: KeyboardEvent, action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => boolean;
 export declare const formatKeyboardShortcut: (value: StudioKeyboardShortcut) => readonly string[];
 export declare const formatKeyboardShortcutForAria: (value: StudioKeyboardShortcut) => string;
-export declare const getKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleRightSidebar" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
-export declare const getKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleRightSidebar" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const getKeyboardShortcutLabel: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
+export declare const getKeyboardShortcutAriaKeyShortcuts: (action: "askAI" | "clearInOutPoints" | "copyEffectsAndValues" | "cutEffects" | "deleteSelection" | "duplicateSequences" | "enterFullscreen" | "goToFrame" | "jumpToBeginning" | "jumpToEnd" | "nextComposition" | "pauseAndReturnToPlaybackStart" | "pausePlayback" | "playForward" | "playPause" | "previousComposition" | "quickSwitcher" | "redo" | "render" | "resetZoom" | "reversePlayback" | "selectAllSequenceRows" | "selectOpacityProp" | "selectRotateProp" | "selectScaleProp" | "selectTranslateProp" | "setInPoint" | "setOutPoint" | "showKeyboardShortcuts" | "toggleBothSidebars" | "toggleCheckerboard" | "toggleLeftSidebar" | "toggleLoop" | "toggleMute" | "toggleOutlines" | "toggleRightSidebar" | "toggleRulersAndGuides" | "toggleSnapping" | "undo" | "zoomIn" | "zoomOut") => string;
 export declare const shortcutFromKeyboardEvent: (event: KeyboardEvent) => StudioKeyboardShortcut | null;

package/dist/components/keyboard-shortcuts.js

@@ -7,11 +7,13 @@ const shortcut = (action, actionId) => ({ action, actionId });
 const fixedShortcut = (action, fixedChords, fixedReason) => ({ action, actionId: null, fixedChords, fixedReason });
 exports.defaultKeyboardShortcuts = {
     playPause: [{ key: 'Space' }],
+    toggleMute: [{ key: 'm', shift: false }],
+    toggleLoop: [{ key: 'l', shift: true }],
     jumpToBeginning: [{ key: 'a' }],
     jumpToEnd: [{ key: 'e' }],
     reversePlayback: [{ key: 'j' }],
     pausePlayback: [{ key: 'k' }],
-    playForward: [{ key: 'l' }],
+    playForward: [{ key: 'l', shift: false }],
     goToFrame: [{ key: 'g' }],
     pauseAndReturnToPlaybackStart: [{ key: 'Enter' }],
     toggleLeftSidebar: [{ key: 'b', commandOrControl: true }],
@@ -19,14 +21,16 @@ exports.defaultKeyboardShortcuts = {
     toggleBothSidebars: [{ key: 'g', commandOrControl: true }],
     enterFullscreen: [{ key: 'f' }],
     toggleSnapping: [{ key: 'm', shift: true }],
+    toggleOutlines: [{ key: 'o', shift: true }],
+    toggleRulersAndGuides: [{ key: 'r', shift: true }],
     previousComposition: [{ key: 'PageUp' }],
     nextComposition: [{ key: 'PageDown' }],
     showKeyboardShortcuts: [{ key: '?', shift: true }],
     quickSwitcher: [{ key: 'k', commandOrControl: true }],
-    render: [{ key: 'r' }],
+    render: [{ key: 'r', shift: false }],
     toggleCheckerboard: [{ key: 't' }],
     setInPoint: [{ key: 'i' }],
-    setOutPoint: [{ key: 'o' }],
+    setOutPoint: [{ key: 'o', shift: false }],
     clearInOutPoints: [{ key: 'x' }],
     zoomIn: [{ key: '+', shift: true }, { key: '+' }],
     zoomOut: [{ key: '-' }],
@@ -39,7 +43,7 @@ exports.defaultKeyboardShortcuts = {
     selectAllSequenceRows: [{ key: 'a', commandOrControl: true }],
     selectTranslateProp: [{ key: 'p' }],
     selectOpacityProp: [{ key: 't' }],
-    selectRotateProp: [{ key: 'r' }],
+    selectRotateProp: [{ key: 'r', shift: false }],
     selectScaleProp: [{ key: 's' }],
     duplicateSequences: [{ key: 'd', commandOrControl: true }],
     copyEffectsAndValues: [{ key: 'c', commandOrControl: true }],
@@ -54,6 +58,8 @@ exports.keyboardShortcutGroups = [
             fixedShortcut('1 second back', [['Shift', '←']], 'Context-sensitive timeline control'),
             fixedShortcut('Previous frame', [['←']], 'Context-sensitive timeline control'),
             shortcut('Play / Pause', 'playPause'),
+            shortcut('Mute / Unmute', 'toggleMute'),
+            shortcut('Loop', 'toggleLoop'),
             fixedShortcut('Next frame', [['→']], 'Context-sensitive timeline control'),
             fixedShortcut('1 second forward', [['Shift', '→']], 'Context-sensitive timeline control'),
             shortcut('Jump to beginning', 'jumpToBeginning'),
@@ -79,6 +85,8 @@ exports.keyboardShortcutGroups = [
             shortcut('Enter fullscreen', 'enterFullscreen'),
             fixedShortcut('Exit fullscreen', [['Esc']], 'Handled by the browser'),
             shortcut('Enable snapping', 'toggleSnapping'),
+            shortcut('Outlines', 'toggleOutlines'),
+            shortcut('Rulers and guides', 'toggleRulersAndGuides'),
         ],
     },
     {
@@ -157,14 +165,20 @@ const keyboardEventMatchesShortcut = ({ event, shortcut: value, }) => {
     return (event.key.toLowerCase() === normalizeKey(value.key).toLowerCase() &&
         commandOrControl === ((_a = value.commandOrControl) !== null && _a !== void 0 ? _a : false) &&
         (is_mac_1.isMac ? !event.ctrlKey : !event.metaKey) &&
-        (!value.shift || event.shiftKey) &&
-        (!value.alt || event.altKey));
+        (value.shift === undefined || event.shiftKey === value.shift) &&
+        (value.alt === undefined || event.altKey === value.alt));
 };
 exports.keyboardEventMatchesShortcut = keyboardEventMatchesShortcut;
 const keyboardShortcutsOverlap = (first, second) => {
     var _a, _b;
     return first.key.toLowerCase() === second.key.toLowerCase() &&
-        ((_a = first.commandOrControl) !== null && _a !== void 0 ? _a : false) === ((_b = second.commandOrControl) !== null && _b !== void 0 ? _b : false);
+        ((_a = first.commandOrControl) !== null && _a !== void 0 ? _a : false) === ((_b = second.commandOrControl) !== null && _b !== void 0 ? _b : false) &&
+        (first.shift === undefined ||
+            second.shift === undefined ||
+            first.shift === second.shift) &&
+        (first.alt === undefined ||
+            second.alt === undefined ||
+            first.alt === second.alt);
 };
 exports.keyboardShortcutsOverlap = keyboardShortcutsOverlap;
 const keyboardEventMatchesAction = (event, action) => (0, exports.getKeyboardShortcutsForAction)(action).some((value) => (0, exports.keyboardEventMatchesShortcut)({ event, shortcut: value }));
@@ -216,8 +230,8 @@ const shortcutFromKeyboardEvent = (event) => {
         ...((is_mac_1.isMac ? event.metaKey : event.ctrlKey)
             ? { commandOrControl: true }
             : {}),
-        ...(event.shiftKey ? { shift: true } : {}),
-        ...(event.altKey ? { alt: true } : {}),
+        shift: event.shiftKey,
+        alt: event.altKey,
     };
 };
 exports.shortcutFromKeyboardEvent = shortcutFromKeyboardEvent;

package/dist/error-overlay/remotion-overlay/CodeFrame.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeFrame = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const LazySyntaxHighlightedSource_1 = require("../../components/LazySyntaxHighlightedSource");
 const is_menu_item_1 = require("../../components/Menu/is-menu-item");
 const colors_1 = require("../../helpers/colors");
 const container = {
@@ -13,6 +14,8 @@ const frame = {
     backgroundColor: colors_1.ERROR_CODE_FRAME_BACKGROUND,
     borderRadius: 6,
     marginBottom: 20,
+    marginLeft: 14,
+    marginRight: 14,
     overflowY: 'auto',
 };
 const lineNumber = {
@@ -29,23 +32,31 @@ const lineNumber = {
     fontFamily: 'monospace',
 };
 const CodeFrame = ({ source, lineNumberWidth }) => {
-    return (jsx_runtime_1.jsx("div", { style: frame, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: source.map((s, j) => {
-            return (jsx_runtime_1.jsxs("div", { style: container, children: [
-                    jsx_runtime_1.jsx("div", { style: {
-                            ...lineNumber,
-                            backgroundColor: colors_1.ERROR_CODE_FRAME_LINE_BACKGROUND,
-                            color: s.highlight ? colors_1.WHITE : colors_1.WHITE_ALPHA_40,
-                        }, children: String(s.lineNumber).padStart(lineNumberWidth, ' ') }), jsx_runtime_1.jsx("div", { style: {
-                            fontFamily: 'monospace',
-                            whiteSpace: 'pre',
-                            tabSize: 2,
-                            color: s.highlight ? colors_1.WHITE : colors_1.WHITE_ALPHA_40,
-                            backgroundColor: colors_1.TRANSPARENT,
-                            lineHeight: 1.7,
-                            paddingRight: 12,
-                            paddingLeft: 12,
-                        }, children: s.content })
-                ] }, j));
-        }) }));
+    return (jsx_runtime_1.jsx("div", { style: frame, className: is_menu_item_1.HORIZONTAL_SCROLLBAR_CLASSNAME, children: jsx_runtime_1.jsx("div", { style: { minWidth: '100%', width: 'max-content' }, children: source.map((s, j) => {
+                return (jsx_runtime_1.jsxs("div", { style: {
+                        ...container,
+                        backgroundColor: s.highlight
+                            ? colors_1.SELECTED_BACKGROUND
+                            : colors_1.TRANSPARENT,
+                    }, children: [
+                        jsx_runtime_1.jsx("div", { style: {
+                                ...lineNumber,
+                                backgroundColor: s.highlight
+                                    ? colors_1.TRANSPARENT
+                                    : colors_1.ERROR_CODE_FRAME_LINE_BACKGROUND,
+                                color: s.highlight ? colors_1.WHITE : colors_1.WHITE_ALPHA_40,
+                            }, children: String(s.lineNumber).padStart(lineNumberWidth, ' ') }), jsx_runtime_1.jsx("code", { className: "language-tsx", style: {
+                                fontFamily: 'monospace',
+                                fontSize: 14,
+                                color: '#9cdcfe',
+                                whiteSpace: 'pre',
+                                tabSize: 2,
+                                backgroundColor: colors_1.TRANSPARENT,
+                                lineHeight: 1.7,
+                                paddingRight: 12,
+                                paddingLeft: 12,
+                            }, children: jsx_runtime_1.jsx(LazySyntaxHighlightedSource_1.LazySyntaxHighlightedSource, { source: s.content }) })
+                    ] }, j));
+            }) }) }));
 };
 exports.CodeFrame = CodeFrame;

package/dist/esm/LazyModels-hc33szyn.mjs

@@ -0,0 +1,11 @@
+import {
+  Models
+} from "./index-e3zwf3e7.mjs";
+import"./index-2j3d1g81.mjs";
+import"./index-yfrysr5f.mjs";
+import"./index-5zrb1ft4.mjs";
+import"./index-k426ye99.mjs";
+import"./index-rcv7qkt5.mjs";
+export {
+  Models as default
+};

package/dist/esm/LazyModels-sg40rjw6.mjs

@@ -0,0 +1,11 @@
+import {
+  Models
+} from "./index-wbmp5srk.mjs";
+import"./index-2j3d1g81.mjs";
+import"./index-yfrysr5f.mjs";
+import"./index-5zrb1ft4.mjs";
+import"./index-k426ye99.mjs";
+import"./index-rcv7qkt5.mjs";
+export {
+  Models as default
+};

package/dist/esm/{HighlightedElementSource-jfc66k4p.mjs → SyntaxHighlightedSource-3xks91rz.mjs}

@@ -1184,7 +1184,7 @@ var init_prism_tsx = __esm(() => {
   })(Prism);
 });
 
-// src/components/HighlightedElementSource.tsx
+// src/components/SyntaxHighlightedSource.tsx
 var import_prismjs = __toESM(require_prism(), 1);
 import React, { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -1221,7 +1221,7 @@ var renderTokens = (tokens) => {
     children: renderTokens(tokens.content)
   });
 };
-var HighlightedElementSource = ({
+var SyntaxHighlightedSource = ({
   source
 }) => {
   const tokens = useMemo(() => import_prismjs.default.tokenize(source, import_prismjs.default.languages.tsx), [source]);
@@ -1230,7 +1230,7 @@ var HighlightedElementSource = ({
     children: renderTokens(tokens)
   });
 };
-var HighlightedElementSource_default = HighlightedElementSource;
+var SyntaxHighlightedSource_default = SyntaxHighlightedSource;
 export {
-  HighlightedElementSource_default as default
+  SyntaxHighlightedSource_default as default
 };

package/dist/esm/{TranscriptionModal-916jqhry.mjs → TranscriptionModal-3ctnxpt6.mjs}

@@ -6,7 +6,7 @@ import {
   NumberSetting,
   getDefaultCaptionOutputName,
   validateCaptionOutputName
-} from "./index-sgtmgc4h.mjs";
+} from "./index-q2epbw93.mjs";
 import {
   Button,
   Checkbox,
@@ -32,20 +32,20 @@ import {
   rightRow,
   showNotification,
   useStaticFiles
-} from "./index-6cvm9a65.mjs";
+} from "./index-c37kme2v.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
 import {
   openInFileExplorer
-} from "./index-hy4xcgty.mjs";
+} from "./index-9qtvmwtx.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-5qddp5h7.mjs";
-import"./index-1x7bsdh6.mjs";
+} from "./index-e3zwf3e7.mjs";
+import"./index-2j3d1g81.mjs";
 import {
   InlineAction,
   Spacing,
@@ -61,13 +61,13 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-xhe2m2qr.mjs";
+} from "./index-yfrysr5f.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BLUE_DISABLED,
   LIGHT_TEXT,
   WHITE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";
 
 // src/components/Transcription/TranscriptionModal.tsx

package/dist/esm/{VideoMattingModal-2tm79s9b.mjs → VideoMattingModal-b0r7e60n.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./index-7tt71e8n.mjs";
 import {
   RenderModalOutputName
-} from "./index-te66vvrp.mjs";
+} from "./index-1b9skrrd.mjs";
 import {
   Button,
   Checkmark,
@@ -25,16 +25,16 @@ import {
   rightRow,
   useStaticFiles,
   validatePublicOutputName
-} from "./index-6cvm9a65.mjs";
+} from "./index-c37kme2v.mjs";
 import {
   RenderQueueContext
 } from "./index-9x6e1dq0.mjs";
-import"./index-hy4xcgty.mjs";
+import"./index-9qtvmwtx.mjs";
 import"./index-cw0pnpg5.mjs";
 import {
   Models
-} from "./index-czwvnn9g.mjs";
-import"./index-1x7bsdh6.mjs";
+} from "./index-wbmp5srk.mjs";
+import"./index-2j3d1g81.mjs";
 import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
@@ -48,11 +48,11 @@ import {
   leftSidebar,
   optionsPanel,
   outerModalStyle
-} from "./index-xhe2m2qr.mjs";
+} from "./index-yfrysr5f.mjs";
 import"./index-5zrb1ft4.mjs";
 import {
   BLUE_DISABLED
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 import"./index-rcv7qkt5.mjs";
 
 // src/components/VideoMatting/VideoMattingModal.tsx

package/dist/esm/{index-te66vvrp.mjs → index-1b9skrrd.mjs}

@@ -6,10 +6,10 @@ import {
   optionRow,
   rightRow,
   showNotification
-} from "./index-6cvm9a65.mjs";
+} from "./index-c37kme2v.mjs";
 import {
   openInFileExplorer
-} from "./index-hy4xcgty.mjs";
+} from "./index-9qtvmwtx.mjs";
 import {
   getBrowserStudioOperations
 } from "./index-cw0pnpg5.mjs";
@@ -18,10 +18,10 @@ import {
   InlineAction,
   Spacing,
   ValidationMessage
-} from "./index-xhe2m2qr.mjs";
+} from "./index-yfrysr5f.mjs";
 import {
   WHITE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 
 // src/components/RenderModal/RenderModalOutputName.tsx
 import { useCallback } from "react";

package/dist/esm/{index-1x7bsdh6.mjs → index-2j3d1g81.mjs}

@@ -7,13 +7,13 @@ import {
   VERTICAL_SCROLLBAR_CLASSNAME,
   ValidationMessage,
   optionsPanel
-} from "./index-xhe2m2qr.mjs";
+} from "./index-yfrysr5f.mjs";
 import {
   BLUE,
   BORDER_WHITE_ALPHA_12,
   LIGHT_TEXT,
   WHITE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 
 // src/components/ModelManager.tsx
 import { formatBytes } from "@remotion/studio-shared";

package/dist/esm/{index-hy4xcgty.mjs → index-9qtvmwtx.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   CURRENT_COLOR,
   CURRENT_COLOR_LOWERCASE
-} from "./index-jg13hf2g.mjs";
+} from "./index-k426ye99.mjs";
 import {
   __require,
   __toESM