@remotion/studio 4.0.136 → 4.0.138

package/dist/components/RenderButton.js

@@ -90,6 +90,7 @@ const RenderButton = () => {
             initialBeep: defaults.beepOnFinish,
             initialRepro: defaults.repro,
             initialForSeamlessAacConcatenation: defaults.forSeamlessAacConcatenation,
+            renderTypeOfLastRender: null,
         });
     }, [video, setSelectedModal, frame, props, inFrame, outFrame]);
     if (!video) {

package/dist/components/RenderModal/DataEditor.js

@@ -30,18 +30,18 @@ const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
 const client_id_1 = require("../../helpers/client-id");
 const colors_1 = require("../../helpers/colors");
-const get_zod_if_possible_1 = require("../get-zod-if-possible");
-const layout_1 = require("../layout");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
 const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const actions_1 = require("../RenderQueue/actions");
 const SegmentedControl_1 = require("../SegmentedControl");
-const get_render_modal_warnings_1 = require("./get-render-modal-warnings");
+const get_zod_if_possible_1 = require("../get-zod-if-possible");
+const layout_1 = require("../layout");
 const RenderModalJSONPropsEditor_1 = require("./RenderModalJSONPropsEditor");
-const extract_enum_json_paths_1 = require("./SchemaEditor/extract-enum-json-paths");
 const SchemaEditor_1 = require("./SchemaEditor/SchemaEditor");
 const SchemaErrorMessages_1 = require("./SchemaEditor/SchemaErrorMessages");
+const extract_enum_json_paths_1 = require("./SchemaEditor/extract-enum-json-paths");
 const WarningIndicatorButton_1 = require("./WarningIndicatorButton");
+const get_render_modal_warnings_1 = require("./get-render-modal-warnings");
 const errorExplanation = {
     fontSize: 14,
     color: colors_1.LIGHT_TEXT,

package/dist/components/RenderModal/EnforceAudioTrackSetting.js

@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkbox_1 = require("../Checkbox");
 const layout_1 = require("../layout");
-const layout_2 = require("./layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
+const layout_2 = require("./layout");
 const EnforceAudioTrackSetting = ({ enforceAudioTrack, muted, setEnforceAudioTrack }) => {
     const onEnforceAudioTrackChanged = (0, react_1.useCallback)((e) => {
         setEnforceAudioTrack(e.target.checked);

package/dist/components/RenderModal/EnvInput.js

@@ -26,9 +26,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EnvInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const layout_1 = require("../layout");
 const RemInput_1 = require("../NewComposition/RemInput");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
+const layout_1 = require("../layout");
 const InlineEyeIcon_1 = require("./InlineEyeIcon");
 const InlineRemoveButton_1 = require("./InlineRemoveButton");
 const layout_2 = require("./layout");

package/dist/components/RenderModal/FrameRangeSetting.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FrameRangeSetting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const layout_1 = require("./layout");
 const MultiRangeSlider_1 = require("./MultiRangeSlider");
+const layout_1 = require("./layout");
 const numberWrapper = {
     minWidth: '39px',
     display: 'flex',

package/dist/components/RenderModal/MutedSetting.js

@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkbox_1 = require("../Checkbox");
 const layout_1 = require("../layout");
-const layout_2 = require("./layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
+const layout_2 = require("./layout");
 const MutedSetting = ({ muted, setMuted, enforceAudioTrack }) => {
     const onMutedChanged = (0, react_1.useCallback)((e) => {
         setMuted(e.target.checked);

package/dist/components/RenderModal/NumberSetting.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberSetting = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const layout_1 = require("../layout");
 const InputDragger_1 = require("../NewComposition/InputDragger");
 const RemInput_1 = require("../NewComposition/RemInput");
-const layout_2 = require("./layout");
+const layout_1 = require("../layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
+const layout_2 = require("./layout");
 const NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, formatter }) => {
     const onTextChanged = (0, react_1.useCallback)((e) => {
         onValueChanged((q) => {

package/dist/components/RenderModal/OptionExplainer.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionExplainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const colors_1 = require("../../helpers/colors");
-const layout_1 = require("../layout");
 const MenuDivider_1 = require("../Menu/MenuDivider");
+const layout_1 = require("../layout");
 const CliCopyButton_1 = require("./CliCopyButton");
 const container = {
     fontSize: 14,

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

@@ -1,45 +1,47 @@
 import type { AudioCodec, Codec, ColorSpace, LogLevel, OpenGlRenderer, PixelFormat, ProResProfile, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import React from 'react';
+import type { RenderType } from './RenderModalAdvanced';
 type RenderModalProps = {
-    compositionId: string;
-    initialFrame: number;
-    initialVideoImageFormat: VideoImageFormat;
-    initialStillImageFormat: StillImageFormat;
-    initialJpegQuality: number;
-    initialScale: number;
-    initialLogLevel: LogLevel;
-    initialConcurrency: number;
-    minConcurrency: number;
-    maxConcurrency: number;
-    initialMuted: boolean;
-    initialEnforceAudioTrack: boolean;
-    initialProResProfile: ProResProfile;
-    initialx264Preset: X264Preset;
-    initialPixelFormat: PixelFormat;
-    initialVideoBitrate: string | null;
-    initialAudioBitrate: string | null;
-    initialEveryNthFrame: number;
-    initialNumberOfGifLoops: number | null;
-    initialDelayRenderTimeout: number;
-    initialEnvVariables: Record<string, string>;
-    initialDisableWebSecurity: boolean;
-    initialGl: OpenGlRenderer | null;
-    initialIgnoreCertificateErrors: boolean;
-    initialOffthreadVideoCacheSizeInBytes: number | null;
-    initialHeadless: boolean;
-    initialColorSpace: ColorSpace;
-    initialEncodingMaxRate: string | null;
-    initialEncodingBufferSize: string | null;
-    initialUserAgent: string | null;
-    initialBeep: boolean;
-    initialRepro: boolean;
-    defaultProps: Record<string, unknown>;
-    inFrameMark: number | null;
-    outFrameMark: number | null;
-    initialMultiProcessOnLinux: boolean;
-    defaultConfigurationVideoCodec: Codec | null;
-    defaultConfigurationAudioCodec: AudioCodec | null;
-    initialForSeamlessAacConcatenation: boolean;
+    readonly compositionId: string;
+    readonly initialFrame: number;
+    readonly initialVideoImageFormat: VideoImageFormat;
+    readonly initialStillImageFormat: StillImageFormat;
+    readonly initialJpegQuality: number;
+    readonly initialScale: number;
+    readonly initialLogLevel: LogLevel;
+    readonly initialConcurrency: number;
+    readonly minConcurrency: number;
+    readonly maxConcurrency: number;
+    readonly initialMuted: boolean;
+    readonly initialEnforceAudioTrack: boolean;
+    readonly initialProResProfile: ProResProfile;
+    readonly initialx264Preset: X264Preset;
+    readonly initialPixelFormat: PixelFormat;
+    readonly initialVideoBitrate: string | null;
+    readonly initialAudioBitrate: string | null;
+    readonly initialEveryNthFrame: number;
+    readonly initialNumberOfGifLoops: number | null;
+    readonly initialDelayRenderTimeout: number;
+    readonly initialEnvVariables: Record<string, string>;
+    readonly initialDisableWebSecurity: boolean;
+    readonly initialGl: OpenGlRenderer | null;
+    readonly initialIgnoreCertificateErrors: boolean;
+    readonly initialOffthreadVideoCacheSizeInBytes: number | null;
+    readonly initialHeadless: boolean;
+    readonly initialColorSpace: ColorSpace;
+    readonly initialEncodingMaxRate: string | null;
+    readonly initialEncodingBufferSize: string | null;
+    readonly initialUserAgent: string | null;
+    readonly initialBeep: boolean;
+    readonly initialRepro: boolean;
+    readonly defaultProps: Record<string, unknown>;
+    readonly inFrameMark: number | null;
+    readonly outFrameMark: number | null;
+    readonly initialMultiProcessOnLinux: boolean;
+    readonly defaultConfigurationVideoCodec: Codec | null;
+    readonly defaultConfigurationAudioCodec: AudioCodec | null;
+    readonly initialForSeamlessAacConcatenation: boolean;
+    readonly renderTypeOfLastRender: RenderType | null;
 };
 export declare const RenderModalWithLoader: React.FC<RenderModalProps>;
 export {};

package/dist/components/RenderModal/RenderModal.js

@@ -10,8 +10,8 @@ const colors_1 = require("../../helpers/colors");
 const convert_env_variables_1 = require("../../helpers/convert-env-variables");
 const render_modal_sections_1 = require("../../helpers/render-modal-sections");
 const use_keybinding_1 = require("../../helpers/use-keybinding");
-const audio_1 = require("../../icons/audio");
 const Checkmark_1 = require("../../icons/Checkmark");
+const audio_1 = require("../../icons/audio");
 const data_1 = require("../../icons/data");
 const file_1 = require("../../icons/file");
 const frame_1 = require("../../icons/frame");
@@ -30,15 +30,15 @@ const SegmentedControl_1 = require("../SegmentedControl");
 const vertical_1 = require("../Tabs/vertical");
 const CrfSetting_1 = require("./CrfSetting");
 const DataEditor_1 = require("./DataEditor");
-const get_default_codecs_1 = require("./get-default-codecs");
-const get_string_before_suffix_1 = require("./get-string-before-suffix");
-const out_name_checker_1 = require("./out-name-checker");
 const RenderModalAdvanced_1 = require("./RenderModalAdvanced");
 const RenderModalAudio_1 = require("./RenderModalAudio");
 const RenderModalBasic_1 = require("./RenderModalBasic");
 const RenderModalGif_1 = require("./RenderModalGif");
 const RenderModalPicture_1 = require("./RenderModalPicture");
 const ResolveCompositionBeforeModal_1 = require("./ResolveCompositionBeforeModal");
+const get_default_codecs_1 = require("./get-default-codecs");
+const get_string_before_suffix_1 = require("./get-string-before-suffix");
+const out_name_checker_1 = require("./out-name-checker");
 const initialState = { type: 'idle' };
 const reducer = (state, action) => {
     if (action.type === 'start') {
@@ -116,7 +116,7 @@ const outer = {
     display: 'flex',
     flexDirection: 'column',
 };
-const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialLogLevel, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, initialEncodingBufferSize, initialEncodingMaxRate, initialUserAgent, defaultProps, inFrameMark, outFrameMark, initialColorSpace, initialMultiProcessOnLinux, defaultConfigurationAudioCodec, defaultConfigurationVideoCodec, initialBeep, initialRepro, initialForSeamlessAacConcatenation, }) => {
+const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageFormat, initialJpegQuality, initialScale, initialLogLevel, initialConcurrency, maxConcurrency, minConcurrency, initialMuted, initialEnforceAudioTrack, initialProResProfile, initialx264Preset, initialPixelFormat, initialVideoBitrate, initialAudioBitrate, initialEveryNthFrame, initialNumberOfGifLoops, initialDelayRenderTimeout, initialOffthreadVideoCacheSizeInBytes, initialEnvVariables, initialDisableWebSecurity, initialGl, initialHeadless, initialIgnoreCertificateErrors, initialEncodingBufferSize, initialEncodingMaxRate, initialUserAgent, defaultProps, inFrameMark, outFrameMark, initialColorSpace, initialMultiProcessOnLinux, defaultConfigurationAudioCodec, defaultConfigurationVideoCodec, initialBeep, initialRepro, initialForSeamlessAacConcatenation, renderTypeOfLastRender, }) => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const context = (0, react_1.useContext)(ResolveCompositionBeforeModal_1.ResolvedCompositionContext);
     if (!context) {
@@ -134,7 +134,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
             defaultConfigurationVideoCodec,
             compositionDefaultVideoCodec: resolvedComposition.defaultCodec,
             defaultConfigurationAudioCodec,
-            renderType: isVideo ? 'video' : 'still',
+            renderType: renderTypeOfLastRender !== null && renderTypeOfLastRender !== void 0 ? renderTypeOfLastRender : (isVideo ? 'video' : 'still'),
         });
     });
     const [state, dispatch] = (0, react_1.useReducer)(reducer, initialState);
@@ -151,9 +151,11 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
     const [initialOutName] = (0, react_1.useState)(() => {
         return (0, studio_shared_1.getDefaultOutLocation)({
             compositionName: resolvedComposition.id,
-            defaultExtension: isVideo
-                ? client_1.BrowserSafeApis.getFileExtensionFromCodec(initialVideoCodec, initialAudioCodec)
-                : initialStillImageFormat,
+            defaultExtension: initialRenderType === 'still'
+                ? initialStillImageFormat
+                : isVideo
+                    ? client_1.BrowserSafeApis.getFileExtensionFromCodec(initialVideoCodec, initialAudioCodec)
+                    : initialStillImageFormat,
             type: 'asset',
         });
     });

package/dist/components/RenderModal/RenderModalAdvanced.js

@@ -7,15 +7,15 @@ const react_1 = require("react");
 const presets_labels_1 = require("../../helpers/presets-labels");
 const Checkmark_1 = require("../../icons/Checkmark");
 const Checkbox_1 = require("../Checkbox");
-const layout_1 = require("../layout");
 const is_menu_item_1 = require("../Menu/is-menu-item");
 const ComboBox_1 = require("../NewComposition/ComboBox");
 const RemInput_1 = require("../NewComposition/RemInput");
-const layout_2 = require("./layout");
+const layout_1 = require("../layout");
 const NumberSetting_1 = require("./NumberSetting");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
 const RenderModalEnvironmentVariables_1 = require("./RenderModalEnvironmentVariables");
 const RenderModalHr_1 = require("./RenderModalHr");
+const layout_2 = require("./layout");
 const container = {
     flex: 1,
     overflowY: 'auto',

package/dist/components/RenderModal/RenderModalAudio.js

@@ -6,17 +6,17 @@ const client_1 = require("@remotion/renderer/client");
 const react_1 = require("react");
 const Checkmark_1 = require("../../icons/Checkmark");
 const Checkbox_1 = require("../Checkbox");
-const layout_1 = require("../layout");
 const is_menu_item_1 = require("../Menu/is-menu-item");
 const ComboBox_1 = require("../NewComposition/ComboBox");
 const RemInput_1 = require("../NewComposition/RemInput");
+const layout_1 = require("../layout");
 const EnforceAudioTrackSetting_1 = require("./EnforceAudioTrackSetting");
-const human_readable_audio_codecs_1 = require("./human-readable-audio-codecs");
-const layout_2 = require("./layout");
 const MutedSetting_1 = require("./MutedSetting");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
 const RenderModalHr_1 = require("./RenderModalHr");
 const SeparateAudioOption_1 = require("./SeparateAudioOption");
+const human_readable_audio_codecs_1 = require("./human-readable-audio-codecs");
+const layout_2 = require("./layout");
 const container = {
     flex: 1,
     overflowY: 'auto',

package/dist/components/RenderModal/RenderModalBasic.js

@@ -7,16 +7,16 @@ const react_1 = require("react");
 const prores_labels_1 = require("../../helpers/prores-labels");
 const use_file_existence_1 = require("../../helpers/use-file-existence");
 const Checkmark_1 = require("../../icons/Checkmark");
-const layout_1 = require("../layout");
 const ComboBox_1 = require("../NewComposition/ComboBox");
 const InputDragger_1 = require("../NewComposition/InputDragger");
 const RemInput_1 = require("../NewComposition/RemInput");
 const SegmentedControl_1 = require("../SegmentedControl");
+const layout_1 = require("../layout");
 const FrameRangeSetting_1 = require("./FrameRangeSetting");
-const human_readable_codec_1 = require("./human-readable-codec");
-const layout_2 = require("./layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
 const RenderModalOutputName_1 = require("./RenderModalOutputName");
+const human_readable_codec_1 = require("./human-readable-codec");
+const layout_2 = require("./layout");
 const container = {
     flex: 1,
 };

package/dist/components/RenderModal/RenderModalGif.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkbox_1 = require("../Checkbox");
 const layout_1 = require("../layout");
-const layout_2 = require("./layout");
 const NumberOfLoopsSetting_1 = require("./NumberOfLoopsSetting");
 const NumberSetting_1 = require("./NumberSetting");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
+const layout_2 = require("./layout");
 const container = {
     flex: 1,
 };

package/dist/components/RenderModal/RenderModalJSONPropsEditor.js

@@ -31,11 +31,11 @@ const colors_1 = require("../../helpers/colors");
 const document_title_1 = require("../../helpers/document-title");
 const use_keybinding_1 = require("../../helpers/use-keybinding");
 const Button_1 = require("../Button");
-const layout_1 = require("../layout");
 const RemTextarea_1 = require("../NewComposition/RemTextarea");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
-const deep_equal_1 = require("./SchemaEditor/deep-equal");
+const layout_1 = require("../layout");
 const ZodErrorMessages_1 = require("./SchemaEditor/ZodErrorMessages");
+const deep_equal_1 = require("./SchemaEditor/deep-equal");
 const style = {
     fontFamily: 'monospace',
     flex: 1,

package/dist/components/RenderModal/RenderModalOutputName.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderModalOutputName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const layout_1 = require("../layout");
 const RemInput_1 = require("../NewComposition/RemInput");
 const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
+const layout_1 = require("../layout");
 const layout_2 = require("./layout");
 const RenderModalOutputName = ({ existence, inputStyle, outName, onValueChange, validationMessage, label: labelText, }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: layout_2.optionRow, children: [(0, jsx_runtime_1.jsx)(layout_1.Column, { children: (0, jsx_runtime_1.jsx)("div", { style: layout_2.label, children: labelText }) }), (0, jsx_runtime_1.jsx)("div", { style: layout_2.rightRow, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { status: validationMessage ? 'error' : existence ? 'warning' : 'ok', style: inputStyle, type: "text", value: outName, onChange: onValueChange, rightAlign: true }), validationMessage ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: validationMessage, type: 'error' })] })) : existence ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1, block: true }), (0, jsx_runtime_1.jsx)(ValidationMessage_1.ValidationMessage, { align: "flex-end", message: "Will be overwritten", type: 'warning' })] })) : null] }) })] }));

package/dist/components/RenderModal/RenderModalPicture.js

@@ -6,17 +6,17 @@ const client_1 = require("@remotion/renderer/client");
 const react_1 = require("react");
 const Checkmark_1 = require("../../icons/Checkmark");
 const Checkbox_1 = require("../Checkbox");
-const layout_1 = require("../layout");
 const is_menu_item_1 = require("../Menu/is-menu-item");
 const ComboBox_1 = require("../NewComposition/ComboBox");
 const RemInput_1 = require("../NewComposition/RemInput");
 const SegmentedControl_1 = require("../SegmentedControl");
+const layout_1 = require("../layout");
 const CrfSetting_1 = require("./CrfSetting");
 const JpegQualitySetting_1 = require("./JpegQualitySetting");
-const layout_2 = require("./layout");
 const OptionExplainerBubble_1 = require("./OptionExplainerBubble");
 const RenderModalHr_1 = require("./RenderModalHr");
 const ScaleSetting_1 = require("./ScaleSetting");
+const layout_2 = require("./layout");
 const qualityControlModes = ['crf', 'bitrate'];
 const container = {
     flex: 1,

package/dist/components/RenderModal/RenderStatusModal.js

@@ -6,13 +6,13 @@ const react_1 = require("react");
 const retry_payload_1 = require("../../helpers/retry-payload");
 const modals_1 = require("../../state/modals");
 const Button_1 = require("../Button");
-const layout_1 = require("../layout");
 const is_menu_item_1 = require("../Menu/is-menu-item");
 const ModalContainer_1 = require("../ModalContainer");
 const ModalHeader_1 = require("../ModalHeader");
 const NotificationCenter_1 = require("../Notifications/NotificationCenter");
 const actions_1 = require("../RenderQueue/actions");
 const context_1 = require("../RenderQueue/context");
+const layout_1 = require("../layout");
 const GuiRenderStatus_1 = require("./GuiRenderStatus");
 const container = {
     padding: 20,

package/dist/components/RenderModal/ResolveCompositionBeforeModal.js

@@ -28,9 +28,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const remotion_1 = require("remotion");
 const colors_1 = require("../../helpers/colors");
-const layout_1 = require("../layout");
 const styles_1 = require("../Menu/styles");
 const Spinner_1 = require("../Spinner");
+const layout_1 = require("../layout");
 const loaderContainer = {
     paddingTop: 40,
     paddingBottom: 40,

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

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const document_title_1 = require("../../../helpers/document-title");
 const use_keybinding_1 = require("../../../helpers/use-keybinding");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const is_menu_item_1 = require("../../Menu/is-menu-item");
-const deep_equal_1 = require("./deep-equal");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
 const SchemaErrorMessages_1 = require("./SchemaErrorMessages");
 const ZodObjectEditor_1 = require("./ZodObjectEditor");
+const deep_equal_1 = require("./deep-equal");
 const scrollable = {
     display: 'flex',
     flexDirection: 'column',

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

@@ -4,8 +4,8 @@ exports.TopLevelZodValue = exports.InvalidSchema = exports.InvalidDefaultProps =
 const jsx_runtime_1 = require("react/jsx-runtime");
 const colors_1 = require("../../../helpers/colors");
 const Button_1 = require("../../Button");
-const layout_1 = require("../../layout");
 const styles_1 = require("../../Menu/styles");
+const layout_1 = require("../../layout");
 const ZodErrorMessages_1 = require("./ZodErrorMessages");
 const explainer = {
     display: 'flex',

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

@@ -6,9 +6,9 @@ const react_1 = require("react");
 const colors_1 = require("../../../helpers/colors");
 const layout_1 = require("../../layout");
 const InlineRemoveButton_1 = require("../InlineRemoveButton");
-const get_schema_label_1 = require("./get-schema-label");
 const SchemaResetButton_1 = require("./SchemaResetButton");
 const SchemaSaveButton_1 = require("./SchemaSaveButton");
+const get_schema_label_1 = require("./get-schema-label");
 const compactStyles = {
     fontSize: 15,
     color: colors_1.LIGHT_TEXT,

package/dist/components/RenderModal/SchemaEditor/ZodArrayEditor.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 ZodArrayEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

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

@@ -27,15 +27,15 @@ exports.ZodArrayEditor = void 0;
 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 create_zod_values_1 = require("./create-zod-values");
-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 ZodArrayItemEditor_1 = require("./ZodArrayItemEditor");
 const ZodFieldValidation_1 = require("./ZodFieldValidation");
+const create_zod_values_1 = require("./create-zod-values");
+const deep_equal_1 = require("./deep-equal");
+const local_state_1 = require("./local-state");
 const ZodArrayEditor = ({ schema, jsonPath, setValue, defaultValue, value, onSave, showSaveButton, onRemove, saving, saveDisabledByParent, mayPad, }) => {
     const { localValue, onChange, RevisionContextProvider, reset } = (0, local_state_1.useLocalState)({
         value,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { JSONPath } from './zod-types';
 import type { UpdaterFunction } from './ZodSwitch';
+import type { JSONPath } from './zod-types';
 export declare const ZodArrayItemEditor: React.FC<{
     jsonPath: JSONPath;
     onChange: UpdaterFunction<unknown[]>;

package/dist/components/RenderModal/SchemaEditor/ZodBooleanEditor.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 ZodBooleanEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

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

@@ -5,8 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Checkbox_1 = require("../../Checkbox");
 const Fieldset_1 = require("./Fieldset");
-const local_state_1 = require("./local-state");
 const SchemaLabel_1 = require("./SchemaLabel");
+const local_state_1 = require("./local-state");
 const fullWidth = {
     width: '100%',
 };

package/dist/components/RenderModal/SchemaEditor/ZodColorEditor.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 ZodColorEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

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

@@ -4,15 +4,15 @@ exports.ZodColorEditor = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const color_math_1 = require("../../../helpers/color-math");
-const get_zod_if_possible_1 = require("../../get-zod-if-possible");
-const layout_1 = require("../../layout");
 const InputDragger_1 = require("../../NewComposition/InputDragger");
 const RemInput_1 = require("../../NewComposition/RemInput");
 const RemInputTypeColor_1 = require("../../NewComposition/RemInputTypeColor");
+const get_zod_if_possible_1 = require("../../get-zod-if-possible");
+const layout_1 = require("../../layout");
 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/ZodDateEditor.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 ZodDateEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;

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

@@ -4,12 +4,12 @@ exports.ZodDateEditor = 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 RemInput_1 = require("../../NewComposition/RemInput");
+const layout_1 = require("../../layout");
 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/ZodDefaultEditor.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 ZodDefaultEditor: React.FC<{
     showSaveButton: boolean;
     jsonPath: JSONPath;

package/dist/components/RenderModal/SchemaEditor/ZodDiscriminatedUnionEditor.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 ZodDiscriminatedUnionEditor: React.FC<{
     schema: z.ZodTypeAny;
     setValue: UpdaterFunction<Record<string, unknown>>;

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

@@ -4,13 +4,13 @@ exports.ZodDiscriminatedUnionEditor = 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 create_zod_values_1 = require("./create-zod-values");
+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 ZodObjectEditor_1 = require("./ZodObjectEditor");
+const create_zod_values_1 = require("./create-zod-values");
+const local_state_1 = require("./local-state");
 const ZodDiscriminatedUnionEditor = ({ schema, setValue, showSaveButton, saving, value, defaultValue, saveDisabledByParent, onSave, mayPad, jsonPath, onRemove, }) => {
     const z = (0, get_zod_if_possible_1.useZodIfPossible)();
     if (!z) {

package/dist/components/RenderModal/SchemaEditor/ZodEffectEditor.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 ZodEffectEditor: React.FC<{
     schema: z.ZodTypeAny;
     jsonPath: JSONPath;