@remotion/studio 4.0.137 → 4.0.138

package/dist/components/RenderModal/SchemaEditor/ZodEffectEditor.js

@@ -4,9 +4,9 @@ exports.ZodEffectEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
 const ZodSwitch_1 = require("./ZodSwitch");
+const local_state_1 = require("./local-state");
 const fullWidth = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodEnumEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodEnumEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodEnumEditor.js

@@ -4,12 +4,12 @@ exports.ZodEnumEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkmark_1 = require("../../../icons/Checkmark");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const ComboBox_1 = require("../../NewComposition/ComboBox");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const local_state_1 = require("./local-state");
 const container = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodErrorMessages.js

@@ -4,8 +4,8 @@ exports.ZodErrorMessages = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../../../helpers/colors");
-const layout_1 = require("../../layout");
 const ValidationMessage_1 = require("../../NewComposition/ValidationMessage");
+const layout_1 = require("../../layout");
 const schemaLabel = {
     fontSize: 14,
     color: colors_1.LIGHT_TEXT,

package/dist/components/RenderModal/SchemaEditor/ZodNullableEditor.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodNullableEditor: React.FC<{
     showSaveButton: boolean;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodNumberEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodNumberEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodNumberEditor.js

@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const InputDragger_1 = require("../../NewComposition/InputDragger");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const local_state_1 = require("./local-state");
 const fullWidth = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodObjectEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export type ObjectDiscrimatedUnionReplacement = {
     discriminator: string;
     markup: React.ReactNode;

package/dist/components/RenderModal/SchemaEditor/ZodObjectEditor.js

@@ -28,13 +28,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const layout_1 = require("../layout");
-const deep_equal_1 = require("./deep-equal");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const SchemaSeparationLine_1 = require("./SchemaSeparationLine");
 const SchemaVerticalGuide_1 = require("./SchemaVerticalGuide");
 const ZodSwitch_1 = require("./ZodSwitch");
+const deep_equal_1 = require("./deep-equal");
+const local_state_1 = require("./local-state");
 const ZodObjectEditor = ({ schema, jsonPath, setValue, value, defaultValue, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, discriminatedUnionReplacement, }) => {
     const z = (0, get_zod_if_possible_1.useZodIfPossible)();
     if (!z) {

package/dist/components/RenderModal/SchemaEditor/ZodOptionalEditor.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodOptionalEditor: React.FC<{
     showSaveButton: boolean;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodOrNullishEditor.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodOrNullishEditor: React.FC<{
     showSaveButton: boolean;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodOrNullishEditor.js

@@ -7,11 +7,11 @@ const colors_1 = require("../../../helpers/colors");
 const Checkbox_1 = require("../../Checkbox");
 const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const layout_1 = require("../../layout");
-const create_zod_values_1 = require("./create-zod-values");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodSwitch_1 = require("./ZodSwitch");
+const create_zod_values_1 = require("./create-zod-values");
+const local_state_1 = require("./local-state");
 const labelStyle = {
     fontFamily: 'sans-serif',
     fontSize: 14,

package/dist/components/RenderModal/SchemaEditor/ZodStaticFileEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodStaticFileEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodStaticFileEditor.js

@@ -5,12 +5,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const Checkmark_1 = require("../../../icons/Checkmark");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const ComboBox_1 = require("../../NewComposition/ComboBox");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const local_state_1 = require("./local-state");
 const container = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodStringEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodStringEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodStringEditor.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZodStringEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const RemInput_1 = require("../../NewComposition/RemInput");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const local_state_1 = require("./local-state");
 const fullWidth = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodTextareaEditor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodTextareaEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodTextareaEditor.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZodTextareaEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const RemTextarea_1 = require("../../NewComposition/RemTextarea");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const local_state_1 = require("./local-state");
 const fullWidth = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodUnionEditor.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { z } from 'zod';
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodUnionEditor: React.FC<{
     showSaveButton: boolean;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SeparateAudioOption.js

@@ -7,10 +7,10 @@ const react_1 = require("react");
 const use_file_existence_1 = require("../../helpers/use-file-existence");
 const Checkbox_1 = require("../Checkbox");
 const layout_1 = require("../layout");
-const get_string_before_suffix_1 = require("./get-string-before-suffix");
-const layout_2 = require("./layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
 const RenderModalOutputName_1 = require("./RenderModalOutputName");
+const get_string_before_suffix_1 = require("./get-string-before-suffix");
+const layout_2 = require("./layout");
 const SeparateAudioOptionInput = ({ separateAudioTo, setSeparateAudioTo, audioCodec }) => {
     const existence = (0, use_file_existence_1.useFileExistence)(separateAudioTo);
     const onValueChange = (0, react_1.useCallback)((e) => {

package/dist/components/RenderQueue/RenderQueueRepeat.d.ts

@@ -1,5 +1,5 @@
 import type { RenderJob } from '@remotion/studio-shared';
 import React from 'react';
 export declare const RenderQueueRepeatItem: React.FC<{
-    job: RenderJob;
+    readonly job: RenderJob;
 }>;

package/dist/components/RenderQueue/RenderQueueRepeat.js

@@ -19,7 +19,7 @@ const RenderQueueRepeatItem = ({ job }) => {
         if (isMobileLayout) {
             setSidebarCollapsedState({ left: 'collapsed', right: 'collapsed' });
         }
-    }, [job, setSelectedModal]);
+    }, [isMobileLayout, job, setSelectedModal, setSidebarCollapsedState]);
     const icon = (0, react_1.useMemo)(() => {
         return {
             height: 12,

package/dist/components/RenderQueue/index.js

@@ -29,10 +29,10 @@ const react_1 = __importStar(require("react"));
 const remotion_1 = require("remotion");
 const client_id_1 = require("../../helpers/client-id");
 const colors_1 = require("../../helpers/colors");
-const layout_1 = require("../layout");
 const is_menu_item_1 = require("../Menu/is-menu-item");
-const context_1 = require("./context");
+const layout_1 = require("../layout");
 const RenderQueueItem_1 = require("./RenderQueueItem");
+const context_1 = require("./context");
 const separatorStyle = {
     borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
 };

package/dist/components/RendersTab.js

@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const colors_1 = require("../helpers/colors");
-const layout_1 = require("./layout");
 const context_1 = require("./RenderQueue/context");
 const Tabs_1 = require("./Tabs");
+const layout_1 = require("./layout");
 const row = {
     display: 'flex',
     flexDirection: 'row',

package/dist/components/SidebarRenderButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { AnyCompMetadata } from 'remotion';
 export declare const SidebarRenderButton: React.FC<{
-    composition: AnyCompMetadata;
-    visible: boolean;
+    readonly composition: AnyCompMetadata;
+    readonly visible: boolean;
 }>;

package/dist/components/SidebarRenderButton.js

@@ -72,11 +72,19 @@ const SidebarRenderButton = ({ composition, visible }) => {
             initialBeep: defaults.beepOnFinish,
             initialRepro: defaults.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            renderTypeOfLastRender: null,
         });
         if (isMobileLayout) {
             setSidebarCollapsedState({ left: 'collapsed', right: 'collapsed' });
         }
-    }, [composition.defaultProps, composition.id, props, setSelectedModal]);
+    }, [
+        composition.defaultProps,
+        composition.id,
+        isMobileLayout,
+        props,
+        setSelectedModal,
+        setSidebarCollapsedState,
+    ]);
     const renderAction = (0, react_1.useCallback)((color) => {
         return (0, jsx_runtime_1.jsx)(render_1.ThinRenderIcon, { fill: color, svgProps: iconStyle });
     }, [iconStyle]);

package/dist/components/Splitter/SplitterContainer.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { SplitterOrientation } from './SplitterContext';
+export declare const containerColumn: React.CSSProperties;
 export declare const SplitterContainer: React.FC<{
-    orientation: SplitterOrientation;
-    maxFlex: number;
-    minFlex: number;
-    id: string;
-    defaultFlex: number;
-    children: React.ReactNode;
+    readonly orientation: SplitterOrientation;
+    readonly maxFlex: number;
+    readonly minFlex: number;
+    readonly id: string;
+    readonly defaultFlex: number;
+    readonly children: React.ReactNode;
 }>;

package/dist/components/Splitter/SplitterContainer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplitterContainer = void 0;
+exports.SplitterContainer = exports.containerColumn = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const timeline_1 = require("../../state/timeline");
@@ -11,7 +11,7 @@ const containerRow = {
     flex: 1,
     height: '100%',
 };
-const containerColumn = {
+exports.containerColumn = {
     display: 'flex',
     flexDirection: 'column',
     flex: 1,
@@ -63,6 +63,6 @@ const SplitterContainer = ({ orientation, children, defaultFlex, maxFlex, minFle
         orientation,
         persistFlex,
     ]);
-    return ((0, jsx_runtime_1.jsx)(SplitterContext_1.SplitterContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: orientation === 'horizontal' ? containerColumn : containerRow, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(SplitterContext_1.SplitterContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, style: orientation === 'horizontal' ? exports.containerColumn : containerRow, children: children }) }));
 };
 exports.SplitterContainer = SplitterContainer;

package/dist/components/TimeValue.js

@@ -32,8 +32,8 @@ const colors_1 = require("../helpers/colors");
 const is_current_selected_still_1 = require("../helpers/is-current-selected-still");
 const use_keybinding_1 = require("../helpers/use-keybinding");
 const render_frame_1 = require("../state/render-frame");
-const layout_1 = require("./layout");
 const InputDragger_1 = require("./NewComposition/InputDragger");
+const layout_1 = require("./layout");
 const text = {
     color: 'white',
     display: 'flex',

package/dist/components/Timeline/Timeline.js

@@ -11,9 +11,7 @@ const is_menu_item_1 = require("../Menu/is-menu-item");
 const SplitterContainer_1 = require("../Splitter/SplitterContainer");
 const SplitterElement_1 = require("../Splitter/SplitterElement");
 const SplitterHandle_1 = require("../Splitter/SplitterHandle");
-const is_collapsed_1 = require("./is-collapsed");
 const MaxTimelineTracks_1 = require("./MaxTimelineTracks");
-const timeline_refs_1 = require("./timeline-refs");
 const TimelineDragHandler_1 = require("./TimelineDragHandler");
 const TimelineInOutPointer_1 = require("./TimelineInOutPointer");
 const TimelineList_1 = require("./TimelineList");
@@ -23,6 +21,8 @@ const TimelineSlider_1 = require("./TimelineSlider");
 const TimelineTimeIndicators_1 = require("./TimelineTimeIndicators");
 const TimelineTracks_1 = require("./TimelineTracks");
 const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
+const is_collapsed_1 = require("./is-collapsed");
+const timeline_refs_1 = require("./timeline-refs");
 const container = {
     minHeight: '100%',
     flex: 1,

package/dist/components/Timeline/TimelineDragHandler.js

@@ -13,12 +13,12 @@ const z_index_1 = require("../../state/z-index");
 const ContextMenu_1 = require("../ContextMenu");
 const is_menu_item_1 = require("../Menu/is-menu-item");
 const TimelineInOutToggle_1 = require("../TimelineInOutToggle");
-const timeline_refs_1 = require("./timeline-refs");
-const timeline_scroll_logic_1 = require("./timeline-scroll-logic");
 const TimelineInOutPointer_1 = require("./TimelineInOutPointer");
 const TimelineInOutPointerHandle_1 = require("./TimelineInOutPointerHandle");
 const TimelineSlider_1 = require("./TimelineSlider");
 const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
+const timeline_refs_1 = require("./timeline-refs");
+const timeline_scroll_logic_1 = require("./timeline-scroll-logic");
 const inner = {
     overflowY: 'auto',
     overflowX: 'hidden',

package/dist/components/Timeline/TimelineSlider.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_left_of_timeline_slider_1 = require("../../helpers/get-left-of-timeline-slider");
-const imperative_state_1 = require("./imperative-state");
-const timeline_refs_1 = require("./timeline-refs");
 const TimelineSliderHandle_1 = require("./TimelineSliderHandle");
 const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
+const imperative_state_1 = require("./imperative-state");
+const timeline_refs_1 = require("./timeline-refs");
 const container = {
     position: 'absolute',
     bottom: 0,

package/dist/components/Timeline/TimelineStack/index.js

@@ -11,14 +11,14 @@ const get_git_menu_item_1 = require("../../../helpers/get-git-menu-item");
 const open_in_editor_1 = require("../../../helpers/open-in-editor");
 const url_state_1 = require("../../../helpers/url-state");
 const InitialCompositionLoader_1 = require("../../InitialCompositionLoader");
-const layout_1 = require("../../layout");
 const NotificationCenter_1 = require("../../Notifications/NotificationCenter");
 const Spinner_1 = require("../../Spinner");
+const layout_1 = require("../../layout");
 const get_stack_1 = require("./get-stack");
 const source_attribution_1 = require("./source-attribution");
 // @ts-expect-error
 source_map_1.SourceMapConsumer.initialize({
-    'lib/mappings.wasm': studio_shared_1.SOURCE_MAP_ENDPOINT,
+    'lib/mappings.wasm': window.remotion_publicPath + studio_shared_1.SOURCE_MAP_ENDPOINT,
 });
 const TimelineStack = ({ isCompact, sequence }) => {
     const [originalLocation, setOriginalLocation] = (0, react_1.useState)(null);

package/dist/components/Timeline/TimelineTimeIndicators.js

@@ -9,9 +9,9 @@ const timeline_layout_1 = require("../../helpers/timeline-layout");
 const render_frame_1 = require("../../state/render-frame");
 const SplitterHandle_1 = require("../Splitter/SplitterHandle");
 const TimeValue_1 = require("../TimeValue");
+const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
 const timeline_refs_1 = require("./timeline-refs");
 const timeline_scroll_logic_1 = require("./timeline-scroll-logic");
-const TimelineWidthProvider_1 = require("./TimelineWidthProvider");
 exports.TIMELINE_TIME_INDICATOR_HEIGHT = 39;
 const container = {
     height: exports.TIMELINE_TIME_INDICATOR_HEIGHT - 4,

package/dist/components/Timeline/TimelineTracks.js

@@ -4,10 +4,10 @@ exports.TimelineTracks = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const timeline_layout_1 = require("../../helpers/timeline-layout");
-const is_collapsed_1 = require("./is-collapsed");
 const MaxTimelineTracks_1 = require("./MaxTimelineTracks");
 const TimelineSequence_1 = require("./TimelineSequence");
 const TimelineTimeIndicators_1 = require("./TimelineTimeIndicators");
+const is_collapsed_1 = require("./is-collapsed");
 const content = {
     paddingLeft: timeline_layout_1.TIMELINE_PADDING,
     paddingRight: timeline_layout_1.TIMELINE_PADDING,

package/dist/components/Timeline/timeline-scroll-logic.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.zoomAndPreserveCursor = exports.getFrameFromX = exports.getFrameWhileScrollingRight = exports.getFrameIncrementFromWidth = exports.getScrollPositionForCursorOnRightEdge = exports.getScrollPositionForCursorOnLeftEdge = exports.scrollToTimelineXOffset = exports.ensureFrameIsInViewport = exports.isCursorInViewport = exports.getFrameWhileScrollingLeft = exports.canScrollTimelineIntoDirection = void 0;
 const remotion_1 = require("remotion");
 const timeline_layout_1 = require("../../helpers/timeline-layout");
-const timeline_refs_1 = require("./timeline-refs");
 const TimelineSlider_1 = require("./TimelineSlider");
+const timeline_refs_1 = require("./timeline-refs");
 const canScrollTimelineIntoDirection = () => {
     const current = timeline_refs_1.scrollableRef.current;
     const { scrollWidth, scrollLeft, clientWidth } = current;

package/dist/components/UpdateModal/UpdateModal.js

@@ -7,10 +7,10 @@ const colors_1 = require("../../helpers/colors");
 const copy_text_1 = require("../../helpers/copy-text");
 const CopyButton_1 = require("../CopyButton");
 const KnownBugs_1 = require("../KnownBugs");
-const layout_1 = require("../layout");
 const ModalHeader_1 = require("../ModalHeader");
 const DismissableModal_1 = require("../NewComposition/DismissableModal");
 const NotificationCenter_1 = require("../Notifications/NotificationCenter");
+const layout_1 = require("../layout");
 const container = {
     padding: 20,
     paddingTop: 0,

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

@@ -4,17 +4,17 @@ exports.ErrorDisplay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const studio_shared_1 = require("@remotion/studio-shared");
 const react_1 = require("react");
-const layout_1 = require("../../components/layout");
 const is_menu_item_1 = require("../../components/Menu/is-menu-item");
+const layout_1 = require("../../components/layout");
 const AskOnDiscord_1 = require("./AskOnDiscord");
 const CalculateMetadataErrorExplainer_1 = require("./CalculateMetadataErrorExplainer");
 const ErrorTitle_1 = require("./ErrorTitle");
-const get_help_link_1 = require("./get-help-link");
 const HelpLink_1 = require("./HelpLink");
 const OpenInEditor_1 = require("./OpenInEditor");
 const Retry_1 = require("./Retry");
 const SearchGitHubIssues_1 = require("./SearchGitHubIssues");
 const StackFrame_1 = require("./StackFrame");
+const get_help_link_1 = require("./get-help-link");
 const stack = {
     marginTop: 17,
     overflowX: 'scroll',

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

@@ -4,8 +4,8 @@ exports.StackElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Button_1 = require("../../components/Button");
-const carets_1 = require("./carets");
 const CodeFrame_1 = require("./CodeFrame");
+const carets_1 = require("./carets");
 const format_location_1 = require("./format-location");
 const location = {
     color: 'rgba(255, 255, 255, 0.6)',

package/dist/helpers/colors.d.ts

@@ -23,4 +23,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";
+}) => "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)" | "transparent";

package/dist/helpers/get-location-of-sequence.d.ts

@@ -1 +1 @@
-export declare const getLocationOfSequence: (stack: string | null) => import("@remotion/studio-shared/dist").StackFrame | null;
+export declare const getLocationOfSequence: (stack: string | null) => import("@remotion/studio-shared").StackFrame | null;

package/dist/helpers/retry-payload.js

@@ -50,6 +50,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            renderTypeOfLastRender: 'still',
         };
     }
     if (job.type === 'sequence') {
@@ -94,6 +95,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            renderTypeOfLastRender: 'sequence',
         };
     }
     if (job.type === 'video') {
@@ -138,6 +140,7 @@ const makeRetryPayload = (job) => {
             initialBeep: job.beepOnFinish,
             initialRepro: job.repro,
             initialForSeamlessAacConcatenation: job.forSeamlessAacConcatenation,
+            renderTypeOfLastRender: 'video',
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

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

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
-const layout_1 = require("../components/layout");
 const NotificationCenter_1 = require("../components/Notifications/NotificationCenter");
 const SizeSelector_1 = require("../components/SizeSelector");
-const TimelineInOutToggle_1 = require("../components/TimelineInOutToggle");
 const TimeValue_1 = require("../components/TimeValue");
+const TimelineInOutToggle_1 = require("../components/TimelineInOutToggle");
+const layout_1 = require("../components/layout");
 const ShortcutHint_1 = require("../error-overlay/remotion-overlay/ShortcutHint");
 const Checkmark_1 = require("../icons/Checkmark");
 const canvas_ref_1 = require("../state/canvas-ref");

package/dist/previewEntry.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const client_1 = __importDefault(require("react-dom/client"));
 const remotion_1 = require("remotion");
+const Studio_1 = require("./Studio");
 const NoRegisterRoot_1 = require("./components/NoRegisterRoot");
 const entry_basic_1 = require("./error-overlay/entry-basic");
 const client_2 = require("./hot-middleware-client/client");
-const Studio_1 = require("./Studio");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(null, '#1f2428'));
 let root = null;
 const getRootForElement = () => {

package/dist/state/modals.d.ts

@@ -1,6 +1,7 @@
 import type { AudioCodec, Codec, ColorSpace, LogLevel, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type React from 'react';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
+import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 import type { Bug, UpdateInfo } from '../components/UpdateCheck';
 export type RenderModalState = {
     type: 'render';
@@ -43,6 +44,7 @@ export type RenderModalState = {
     outFrameMark: number | null;
     defaultConfigurationVideoCodec: Codec;
     defaultConfigurationAudioCodec: AudioCodec | null;
+    renderTypeOfLastRender: RenderType | null;
 };
 export type ModalState = {
     type: 'duplicate-comp';

package/dist/state/sidebar.d.ts

@@ -11,6 +11,6 @@ type Context = {
 };
 export declare const SidebarContext: React.Context<Context>;
 export declare const SidebarContextProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }>;
 export {};