@remotion/studio 4.0.137 → 4.0.139

package/dist/components/NewComposition/CopyHint.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CopyHint: React.FC;

package/dist/components/NewComposition/CopyHint.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyHint = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const style = {
-    fontSize: 12,
-    color: colors_1.LIGHT_TEXT,
-};
-const CopyHint = () => {
-    const [projectInfo, setProjectInfo] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        fetch(`/api/project-info`)
-            .then((res) => res.json())
-            .then((res) => {
-            setProjectInfo(res);
-        })
-            .catch((err) => {
-            // eslint-disable-next-line no-console
-            console.log('Error fetching info about the project', err);
-            setProjectInfo(null);
-        });
-    }, []);
-    if (!(projectInfo === null || projectInfo === void 0 ? void 0 : projectInfo.rootFile)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, children: ["Copy this into ", (0, jsx_runtime_1.jsx)("br", {}), " your", ' ', (0, jsx_runtime_1.jsx)("span", { style: style, title: projectInfo.rootFile, children: projectInfo.relativeRootFile }), ' ', "file."] }));
-};
-exports.CopyHint = CopyHint;

package/dist/components/NewComposition/NewCompAspectRatio.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const NewCompAspectRatio: React.FC<{
-    width: number;
-    height: number;
-    aspectRatioLocked: number | null;
-    setAspectRatioLocked: (newOption: boolean) => void;
-}>;

package/dist/components/NewComposition/NewCompAspectRatio.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewCompAspectRatio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const new_comp_layout_1 = require("./new-comp-layout");
-const render_aspect_ratio_1 = require("./render-aspect-ratio");
-const ToggleAspectRatio_1 = require("./ToggleAspectRatio");
-const GUIDE_HEIGHT = 55;
-const GUIDE_WIDTH = 10;
-const container = {
-    display: 'flex',
-    flexDirection: 'row',
-    marginLeft: 10,
-    alignItems: 'center',
-};
-const NewCompAspectRatio = ({ width, height, aspectRatioLocked, setAspectRatioLocked }) => {
-    const pixels = Number(width) * Number(height);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { style: container, children: [(0, jsx_runtime_1.jsx)("svg", { width: GUIDE_WIDTH, height: GUIDE_HEIGHT, children: (0, jsx_runtime_1.jsx)("path", { d: `M 0 0 L ${GUIDE_WIDTH} 0 L ${GUIDE_WIDTH} ${GUIDE_HEIGHT} L 0 ${GUIDE_HEIGHT}`, fill: "transparent", strokeWidth: "2", stroke: "rgba(255, 255, 255, 0.2)" }) }), (0, jsx_runtime_1.jsx)(ToggleAspectRatio_1.ToggleAspectRatio, { aspectRatioLocked: Boolean(aspectRatioLocked), setAspectRatioLocked: setAspectRatioLocked }), pixels > 0 ? ((0, jsx_runtime_1.jsxs)("div", { style: new_comp_layout_1.rightLabel, children: ["Aspect ratio ", (0, render_aspect_ratio_1.aspectRatio)(Number(width), Number(height))] })) : null] }) }));
-};
-exports.NewCompAspectRatio = NewCompAspectRatio;

package/dist/components/NewComposition/NewCompCode.d.ts

@@ -1,9 +0,0 @@
-export declare const getNewCompositionCode: ({ type, height, width, fps, durationInFrames, name, raw, }: {
-    type: 'still' | 'composition';
-    height: number;
-    width: number;
-    fps: number;
-    durationInFrames: number;
-    name: string;
-    raw: boolean;
-}) => string | (string | import("react/jsx-runtime").JSX.Element | (string | import("react/jsx-runtime").JSX.Element)[])[];

package/dist/components/NewComposition/NewCompCode.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNewCompositionCode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const strColor = '#9ECBFF';
-const consColor = '#79B8FF';
-const propColor = '#B392F0';
-const keywordColor = '#F97583';
-const cssReset = {
-    fontFamily: 'monospace',
-};
-const makeProperty = (key, val, type, raw) => {
-    if (raw) {
-        return makePropertyRaw(key, val, type);
-    }
-    return [
-        `  `,
-        (0, jsx_runtime_1.jsx)("span", { style: { ...cssReset, color: propColor }, children: key }, key + 'key'),
-        (0, jsx_runtime_1.jsx)("span", { style: { ...cssReset, color: keywordColor }, children: '=' }, key + 'equal'),
-        type === 'string'
-            ? [
-                (0, jsx_runtime_1.jsxs)("span", { style: { ...cssReset, color: strColor }, children: ['"', val, '"'] }, key + 'value'),
-            ]
-            : [
-                '{',
-                (0, jsx_runtime_1.jsx)("span", { style: {
-                        ...cssReset,
-                        color: typeof val === 'number' ? consColor : strColor,
-                    }, children: val }, key + 'value'),
-                '}',
-            ],
-        (0, jsx_runtime_1.jsx)("br", {}, key + 'br'),
-    ];
-};
-const makePropertyRaw = (key, val, type) => {
-    return [
-        `  `,
-        key,
-        '=',
-        type === 'string' ? ['"' + val + '"'].join('') : ['{', val, '}'].join(''),
-        '\n',
-    ].join('');
-};
-const getNewCompositionCode = ({ type, height, width, fps, durationInFrames, name, raw, }) => {
-    const compName = type === 'still' ? 'Still' : 'Composition';
-    const props = [
-        ...makeProperty('id', name, 'string', raw),
-        ...makeProperty('component', name, 'const', raw),
-        ...(type === 'composition'
-            ? makeProperty('durationInFrames', durationInFrames, 'const', raw)
-            : []),
-        ...makeProperty('height', height, 'const', raw),
-        ...makeProperty('width', width, 'const', raw),
-        ...(type === 'composition' ? makeProperty('fps', fps, 'const', raw) : []),
-    ];
-    if (raw) {
-        return ['<', compName, '\n', ...props, '/>'].join('');
-    }
-    return [
-        `<`,
-        (0, jsx_runtime_1.jsx)("span", { style: { ...cssReset, color: '#79B8FF' }, children: compName }, "compname"),
-        (0, jsx_runtime_1.jsx)("br", {}, "linebr1"),
-        ...props,
-        '/>',
-    ];
-};
-exports.getNewCompositionCode = getNewCompositionCode;

package/dist/components/NewComposition/NewComposition.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { CompType } from '../../state/modals';
-declare const DuplicateComposition: React.FC<{
-    initialCompType: CompType;
-    compositionId: string;
-}>;
-export default DuplicateComposition;

package/dist/components/NewComposition/NewComposition.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const validate_new_comp_data_1 = require("../../helpers/validate-new-comp-data");
-const Checkmark_1 = require("../../icons/Checkmark");
-const aspect_ratio_locked_1 = require("../../state/aspect-ratio-locked");
-const modals_1 = require("../../state/modals");
-const layout_1 = require("../layout");
-const ModalContainer_1 = require("../ModalContainer");
-const ModalHeader_1 = require("../ModalHeader");
-const ComboBox_1 = require("./ComboBox");
-const InputDragger_1 = require("./InputDragger");
-const new_comp_layout_1 = require("./new-comp-layout");
-const NewCompAspectRatio_1 = require("./NewCompAspectRatio");
-const NewCompDuration_1 = require("./NewCompDuration");
-const RemInput_1 = require("./RemInput");
-const ValidationMessage_1 = require("./ValidationMessage");
-const left = {
-    padding: 12,
-    paddingBottom: 80,
-    paddingRight: 12,
-    flex: 1,
-    fontSize: 13,
-};
-const comboBoxStyle = {
-    width: new_comp_layout_1.inputArea.width,
-};
-const commonFrameRates = [24, 25, 29.97, 30, 48, 50];
-const DuplicateComposition = (props) => {
-    const { initialCompType } = props;
-    const [selectedFrameRate, setFrameRate] = (0, react_1.useState)(String(commonFrameRates[0]));
-    const { compositions } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const [type, setType] = (0, react_1.useState)(initialCompType);
-    const [name, setName] = (0, react_1.useState)('MyComp');
-    const [size, setSize] = (0, react_1.useState)({
-        width: '1280',
-        height: '720',
-    });
-    const panelContent = (0, react_1.useMemo)(() => {
-        return {
-            flexDirection: 'row',
-            display: 'flex',
-            width: (0, ModalContainer_1.getMaxModalWidth)(600),
-            height: type === 'composition'
-                ? (0, ModalContainer_1.getMaxModalHeight)(490)
-                : (0, ModalContainer_1.getMaxModalHeight)(340),
-            overflow: 'hidden',
-        };
-    }, [type]);
-    const [lockedAspectRatio, setLockedAspectRatio] = (0, react_1.useState)((0, aspect_ratio_locked_1.loadAspectRatioOption)() ? Number(size.width) / Number(size.height) : null);
-    const [durationInFrames, setDurationInFrames] = (0, react_1.useState)('150');
-    const setAspectRatioLocked = (0, react_1.useCallback)((option) => {
-        (0, aspect_ratio_locked_1.persistAspectRatioOption)(option);
-        setLockedAspectRatio(option ? Number(size.width) / Number(size.height) : null);
-    }, [size.height, size.width]);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    const onTypeChanged = (0, react_1.useCallback)((newType) => {
-        setType(newType);
-    }, []);
-    const onWidthChanged = (0, react_1.useCallback)((newValue) => {
-        setSize((s) => {
-            const { height } = s;
-            const newWidth = Number(newValue);
-            return {
-                height: lockedAspectRatio === null
-                    ? height
-                    : String(Math.ceil(newWidth / lockedAspectRatio / 2) * 2),
-                width: String(newWidth),
-            };
-        });
-    }, [lockedAspectRatio]);
-    const onWidthDirectlyChanged = (0, react_1.useCallback)((newWidth) => {
-        setSize((s) => {
-            const { height } = s;
-            return {
-                height: lockedAspectRatio === null
-                    ? height
-                    : String(Math.ceil(newWidth / lockedAspectRatio / 2) * 2),
-                width: String(newWidth),
-            };
-        });
-    }, [lockedAspectRatio]);
-    const onHeightDirectlyChanged = (0, react_1.useCallback)((newHeight) => {
-        setSize((s) => {
-            const { width } = s;
-            return {
-                width: lockedAspectRatio === null
-                    ? width
-                    : String(Math.ceil((newHeight / 2) * lockedAspectRatio) * 2),
-                height: String(newHeight),
-            };
-        });
-    }, [lockedAspectRatio]);
-    const onHeightChanged = (0, react_1.useCallback)((newValue) => {
-        setSize((s) => {
-            const { width } = s;
-            const newHeight = Number(newValue);
-            return {
-                width: lockedAspectRatio === null
-                    ? width
-                    : String(Math.ceil((newHeight / 2) * lockedAspectRatio) * 2),
-                height: String(newHeight),
-            };
-        });
-    }, [lockedAspectRatio]);
-    const onNameChange = (0, react_1.useCallback)((e) => {
-        setName(e.target.value);
-    }, []);
-    const onFpsChange = (0, react_1.useCallback)((newFps) => {
-        setFrameRate(String(newFps));
-    }, []);
-    const items = (0, react_1.useMemo)(() => {
-        return commonFrameRates.map((frameRate) => {
-            return {
-                id: String(frameRate),
-                label: `${frameRate}fps`,
-                onClick: () => onFpsChange(frameRate),
-                type: 'item',
-                value: frameRate,
-                keyHint: null,
-                leftItem: String(frameRate) === selectedFrameRate ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
-                subMenu: null,
-                quickSwitcherLabel: null,
-            };
-        });
-    }, [onFpsChange, selectedFrameRate]);
-    const compNameErrMessage = (0, validate_new_comp_data_1.validateCompositionName)(name, compositions);
-    const compWidthErrMessage = (0, validate_new_comp_data_1.validateCompositionDimension)('Width', size.width);
-    const compHeightErrMessage = (0, validate_new_comp_data_1.validateCompositionDimension)('Height', size.height);
-    const typeValues = (0, react_1.useMemo)(() => {
-        return [
-            {
-                id: 'composition',
-                keyHint: null,
-                label: '<Composition />',
-                leftItem: null,
-                onClick: () => onTypeChanged('composition'),
-                subMenu: null,
-                type: 'item',
-                value: 'composition',
-                quickSwitcherLabel: null,
-            },
-            {
-                id: 'still',
-                keyHint: null,
-                label: '<Still />',
-                leftItem: null,
-                onClick: () => onTypeChanged('still'),
-                subMenu: null,
-                type: 'item',
-                value: 'still',
-                quickSwitcherLabel: null,
-            },
-        ];
-    }, [onTypeChanged]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onOutsideClick: onQuit, onEscape: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Duplicate composition" }), (0, jsx_runtime_1.jsx)("div", { style: panelContent, children: (0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 3 }), (0, jsx_runtime_1.jsxs)("form", { children: [(0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.leftLabel, children: "Type" }), (0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.inputArea, children: (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: "Type of composition", style: comboBoxStyle, values: typeValues, selectedId: type }) })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.leftLabel, children: "Name" }), (0, jsx_runtime_1.jsxs)("div", { style: new_comp_layout_1.inputArea, children: [(0, jsx_runtime_1.jsx)(RemInput_1.RemotionInput, { value: name, onChange: onNameChange, type: "text", placeholder: "Composition name", status: "ok", rightAlign: false }), compNameErrMessage ? ((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-start", message: compNameErrMessage, type: "error" })] })) : null] })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("label", { children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.leftLabel, children: "Width" }), (0, jsx_runtime_1.jsxs)("div", { style: new_comp_layout_1.inputArea, children: [(0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { type: "number", value: size.width, placeholder: "Width", onTextChange: onWidthChanged, name: "width", step: 2, min: 2, required: true, status: "ok", formatter: (w) => `${w}px`, max: 100000000, onValueChange: onWidthDirectlyChanged, rightAlign: false }), compWidthErrMessage ? ((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-start", message: compWidthErrMessage, type: "error" })] })) : null] })] }) }) }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("label", { children: (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.leftLabel, children: "Height" }), (0, jsx_runtime_1.jsxs)("div", { style: new_comp_layout_1.inputArea, children: [(0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { type: "number", value: size.height, onTextChange: onHeightChanged, placeholder: "Height", name: "height", step: 2, required: true, formatter: (h) => `${h}px`, min: 2, status: "ok", max: 100000000, onValueChange: onHeightDirectlyChanged, rightAlign: false }), compHeightErrMessage ? ((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-start", message: compHeightErrMessage, type: "error" })] })) : null] })] }) })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(NewCompAspectRatio_1.NewCompAspectRatio, { width: Number(size.width), height: Number(size.height), aspectRatioLocked: lockedAspectRatio, setAspectRatioLocked: setAspectRatioLocked }) })] }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), type === 'composition' ? ((0, jsx_runtime_1.jsx)(NewCompDuration_1.NewCompDuration, { durationInFrames: durationInFrames, fps: selectedFrameRate, setDurationInFrames: setDurationInFrames })) : null, (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", {}), type === 'composition' ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 }), (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("div", { style: new_comp_layout_1.leftLabel, children: "Framerate" }), (0, jsx_runtime_1.jsx)(ComboBox_1.Combobox, { title: "Framerate", style: comboBoxStyle, values: items, selectedId: selectedFrameRate })] })] })) : null] })] }) })] }));
-};
-exports.default = DuplicateComposition;

package/dist/components/NewComposition/ToggleAspectRatio.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const ToggleAspectRatio: React.FC<{
-    aspectRatioLocked: boolean;
-    setAspectRatioLocked: (option: boolean) => void;
-}>;

package/dist/components/NewComposition/ToggleAspectRatio.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleAspectRatio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const lock_1 = require("../../icons/lock");
-const buttonStyle = {
-    backgroundColor: colors_1.BACKGROUND,
-    border: 'none',
-    position: 'absolute',
-    paddingLeft: 2,
-    paddingRight: 2,
-    marginLeft: 3,
-};
-const iconStyle = {
-    width: 10,
-    color: 'white',
-};
-const ToggleAspectRatio = ({ aspectRatioLocked, setAspectRatioLocked }) => {
-    const onClick = (0, react_1.useCallback)(() => {
-        setAspectRatioLocked(!aspectRatioLocked);
-    }, [aspectRatioLocked, setAspectRatioLocked]);
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, style: buttonStyle, children: aspectRatioLocked ? ((0, jsx_runtime_1.jsx)(lock_1.LockIcon, { style: iconStyle })) : ((0, jsx_runtime_1.jsx)(lock_1.UnlockIcon, { style: iconStyle })) }));
-};
-exports.ToggleAspectRatio = ToggleAspectRatio;

package/dist/components/NewComposition/new-comp-layout.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare const inputArea: React.CSSProperties;
-export declare const rightLabel: React.CSSProperties;

package/dist/components/NewComposition/new-comp-layout.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rightLabel = exports.inputArea = void 0;
-const colors_1 = require("../../helpers/colors");
-exports.inputArea = {
-    width: 190,
-};
-exports.rightLabel = {
-    fontSize: 13,
-    color: colors_1.LIGHT_TEXT,
-    marginLeft: 10,
-};

package/dist/components/PlayerEmitterContext.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const PlayerEmitterContext: React.FC<{
-    children: React.ReactNode;
-}>;

package/dist/components/PlayerEmitterContext.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayerEmitterContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const player_1 = require("@remotion/player");
-const react_1 = require("react");
-const PlayerEmitterContext = ({ children }) => {
-    const [emitter] = (0, react_1.useState)(() => new player_1.PlayerInternals.PlayerEmitter());
-    return ((0, jsx_runtime_1.jsx)(player_1.PlayerInternals.PlayerEventEmitterContext.Provider, { value: emitter, children: children }));
-};
-exports.PlayerEmitterContext = PlayerEmitterContext;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { RenderType } from './RenderModalAdvanced';
-type Props = {
-    existence: boolean;
-    inputStyle: React.CSSProperties;
-    outName: string;
-    onValueChange: React.ChangeEventHandler<HTMLInputElement>;
-    validationMessage: string | null;
-    renderType: RenderType;
-};
-export declare function RenderModalInput({ existence, inputStyle, outName, onValueChange, validationMessage, renderType, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/RenderModal/RenderModalInput.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderModalInput = 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_2 = require("./layout");
-// eslint-disable-next-line react/function-component-definition
-function RenderModalInput({ existence, inputStyle, outName, onValueChange, validationMessage, renderType, }) {
-    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: renderType === 'sequence' ? 'Folder name' : 'Output name' }) }), (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] }) })] }));
-}
-exports.RenderModalInput = RenderModalInput;

package/dist/icons/lock.d.ts

@@ -1,4 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const LockIcon: React.FC<SVGProps<SVGSVGElement>>;
-export declare const UnlockIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/icons/lock.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnlockIcon = exports.LockIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LockIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" }) }));
-};
-exports.LockIcon = LockIcon;
-const UnlockIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z" }) }));
-};
-exports.UnlockIcon = UnlockIcon;

package/dist/state/aspect-ratio-locked.d.ts

@@ -1,2 +0,0 @@
-export declare const persistAspectRatioOption: (option: boolean) => void;
-export declare const loadAspectRatioOption: () => boolean;

package/dist/state/aspect-ratio-locked.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadAspectRatioOption = exports.persistAspectRatioOption = void 0;
-const aspectRatioLocalStorageKey = 'aspectRatio';
-const persistAspectRatioOption = (option) => {
-    localStorage.setItem(aspectRatioLocalStorageKey, String(option));
-};
-exports.persistAspectRatioOption = persistAspectRatioOption;
-const loadAspectRatioOption = () => {
-    const item = localStorage.getItem(aspectRatioLocalStorageKey);
-    if (item === null) {
-        return true;
-    }
-    return item !== 'false';
-};
-exports.loadAspectRatioOption = loadAspectRatioOption;