@remotion/cli 3.3.84 → 3.3.87

package/dist/editor/components/SidebarCollapserControls.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarCollapserControls = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ShortcutHint_1 = require("../../preview-server/error-overlay/remotion-overlay/ShortcutHint");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const sidebar_1 = require("../state/sidebar");
-const InlineAction_1 = require("./InlineAction");
-const layout_1 = require("./layout");
-const TopPanel_1 = require("./TopPanel");
-const style = {
-    width: 16,
-    height: 16,
-    border: '1px solid white',
-    borderRadius: 3,
-    position: 'relative',
-};
-const SidebarCollapserControls = () => {
-    const { setSidebarCollapsedState, sidebarCollapsedStateRight } = (0, react_1.useContext)(sidebar_1.SidebarContext);
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const leftSidebarStatus = (0, TopPanel_1.useResponsiveSidebarStatus)();
-    const leftIcon = (0, react_1.useMemo)(() => {
-        return {
-            width: '35%',
-            height: '100%',
-            borderRight: '1px solid white',
-            background: leftSidebarStatus === 'expanded' ? 'white' : 'transparent',
-        };
-    }, [leftSidebarStatus]);
-    const rightIcon = (0, react_1.useMemo)(() => {
-        return {
-            width: '35%',
-            height: '100%',
-            right: 0,
-            position: 'absolute',
-            borderLeft: '1px solid white',
-            background: sidebarCollapsedStateRight === 'expanded' ? 'white' : 'transparent',
-        };
-    }, [sidebarCollapsedStateRight]);
-    const toggleLeft = (0, react_1.useCallback)(() => {
-        setSidebarCollapsedState({
-            left: (s) => {
-                if (s === 'responsive') {
-                    return leftSidebarStatus === 'collapsed' ? 'expanded' : 'collapsed';
-                }
-                return s === 'collapsed' ? 'expanded' : 'collapsed';
-            },
-            right: null,
-        });
-    }, [leftSidebarStatus, setSidebarCollapsedState]);
-    const toggleRight = (0, react_1.useCallback)(() => {
-        setSidebarCollapsedState({
-            right: (s) => (s === 'collapsed' ? 'expanded' : 'collapsed'),
-            left: null,
-        });
-    }, [setSidebarCollapsedState]);
-    const toggleBoth = (0, react_1.useCallback)(() => {
-        if (sidebarCollapsedStateRight === leftSidebarStatus) {
-            setSidebarCollapsedState({
-                left: (s) => {
-                    if (s === 'responsive') {
-                        return leftSidebarStatus === 'collapsed' ? 'expanded' : 'collapsed';
-                    }
-                    return s === 'collapsed' ? 'expanded' : 'collapsed';
-                },
-                right: (s) => (s === 'collapsed' ? 'expanded' : 'collapsed'),
-            });
-        }
-        else if (sidebarCollapsedStateRight === 'expanded') {
-            toggleRight();
-        }
-        else if (leftSidebarStatus === 'expanded') {
-            toggleLeft();
-        }
-    }, [
-        leftSidebarStatus,
-        setSidebarCollapsedState,
-        sidebarCollapsedStateRight,
-        toggleLeft,
-        toggleRight,
-    ]);
-    (0, react_1.useEffect)(() => {
-        const left = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'b',
-            commandCtrlKey: true,
-            callback: toggleLeft,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-        });
-        const right = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'j',
-            commandCtrlKey: true,
-            callback: toggleRight,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-        });
-        const zen = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'g',
-            commandCtrlKey: true,
-            callback: toggleBoth,
-            preventDefault: true,
-            triggerIfInputFieldFocused: false,
-        });
-        return () => {
-            left.unregister();
-            right.unregister();
-            zen.unregister();
-        };
-    }, [keybindings, toggleBoth, toggleLeft, toggleRight]);
-    const toggleLeftTooltip = (0, use_keybinding_1.areKeyboardShortcutsDisabled)()
-        ? 'Toggle Left Sidebar'
-        : `Toggle Left Sidebar (${ShortcutHint_1.cmdOrCtrlCharacter}+B)`;
-    const toggleRightTooltip = (0, use_keybinding_1.areKeyboardShortcutsDisabled)()
-        ? 'Toggle Right Sidebar'
-        : `Toggle Right Sidebar (${ShortcutHint_1.cmdOrCtrlCharacter}+J)`;
-    return ((0, jsx_runtime_1.jsxs)(layout_1.Row, { children: [(0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: toggleLeft, children: (0, jsx_runtime_1.jsx)("div", { style: style, title: toggleLeftTooltip, children: (0, jsx_runtime_1.jsx)("div", { style: leftIcon }) }) }), (0, jsx_runtime_1.jsx)(InlineAction_1.InlineAction, { onClick: toggleRight, children: (0, jsx_runtime_1.jsx)("div", { style: style, title: toggleRightTooltip, children: (0, jsx_runtime_1.jsx)("div", { style: rightIcon }) }) })] }));
-};
-exports.SidebarCollapserControls = SidebarCollapserControls;

package/dist/editor/components/Tabs/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const Tabs: React.FC<{
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-}>;
-export declare const Tab: React.FC<{
-    children: React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    style?: React.CSSProperties;
-    selected: boolean;
-}>;

package/dist/editor/components/Tabs/index.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const z_index_1 = require("../../state/z-index");
-const tabsContainer = {
-    display: 'flex',
-    flexDirection: 'row',
-};
-const Tabs = ({ children, style }) => {
-    const definiteStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...tabsContainer,
-            ...style,
-        };
-    }, [style]);
-    return (0, jsx_runtime_1.jsx)("div", { style: definiteStyle, children: children });
-};
-exports.Tabs = Tabs;
-const selectorButton = {
-    border: 'none',
-    flex: 1,
-    padding: 8,
-    paddingLeft: 16,
-    display: 'flex',
-    flexDirection: 'row',
-    fontSize: 14,
-    color: 'inherit',
-    alignItems: 'center',
-};
-const Tab = ({ children, onClick, style, selected }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const definiteStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...selectorButton,
-            backgroundColor: selected
-                ? 'transparent'
-                : hovered
-                    ? colors_1.CLEAR_HOVER
-                    : colors_1.INPUT_BACKGROUND,
-            color: selected ? 'white' : colors_1.LIGHT_TEXT,
-            borderTop: selected ? '2px solid var(--blue)' : '2px solid transparent',
-            boxShadow: selected ? 'none' : undefined,
-            ...style,
-        };
-    }, [hovered, selected, style]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: definiteStyle, type: "button", onClick: onClick, tabIndex: tabIndex, onPointerLeave: onPointerLeave, onPointerEnter: onPointerEnter, children: children }));
-};
-exports.Tab = Tab;

package/dist/editor/components/Tabs/vertical.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const VerticalTab: React.FC<{
-    children: React.ReactNode;
-    onClick: React.MouseEventHandler<HTMLButtonElement>;
-    style?: React.CSSProperties;
-    selected: boolean;
-}>;

package/dist/editor/components/Tabs/vertical.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalTab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const z_index_1 = require("../../state/z-index");
-const selectorButton = {
-    border: 'none',
-    flex: 1,
-    padding: 8,
-    paddingLeft: 16,
-    display: 'flex',
-    flexDirection: 'row',
-    fontSize: 14,
-    color: 'inherit',
-    alignItems: 'center',
-};
-const VerticalTab = ({ children, onClick, style, selected }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const definiteStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...selectorButton,
-            backgroundColor: selected
-                ? colors_1.SELECTED_BACKGROUND
-                : hovered
-                    ? colors_1.CLEAR_HOVER
-                    : 'transparent',
-            color: selected ? 'white' : colors_1.LIGHT_TEXT,
-            boxShadow: selected ? 'none' : undefined,
-            ...style,
-        };
-    }, [hovered, selected, style]);
-    return ((0, jsx_runtime_1.jsx)("button", { style: definiteStyle, type: "button", onClick: onClick, tabIndex: tabIndex, onPointerLeave: onPointerLeave, onPointerEnter: onPointerEnter, children: children }));
-};
-exports.VerticalTab = VerticalTab;

package/dist/editor/components/ZoomGesturesProvider.d.ts

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

package/dist/editor/components/ZoomGesturesProvider.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZoomGesturesProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const editor_zoom_gestures_1 = require("../state/editor-zoom-gestures");
-const ZoomGesturesProvider = ({ children }) => {
-    const [editorZoomGestures, setEditorZoomGesturesState] = (0, react_1.useState)(() => (0, editor_zoom_gestures_1.loadEditorZoomGesturesOption)());
-    const setEditorZoomGestures = (0, react_1.useCallback)((newValue) => {
-        setEditorZoomGesturesState((prevState) => {
-            const newVal = newValue(prevState);
-            (0, editor_zoom_gestures_1.persistEditorZoomGesturesOption)(newVal);
-            return newVal;
-        });
-    }, []);
-    const editorZoomGesturesCtx = (0, react_1.useMemo)(() => {
-        return {
-            editorZoomGestures,
-            setEditorZoomGestures,
-        };
-    }, [editorZoomGestures, setEditorZoomGestures]);
-    return ((0, jsx_runtime_1.jsx)(editor_zoom_gestures_1.EditorZoomGesturesContext.Provider, { value: editorZoomGesturesCtx, children: children }));
-};
-exports.ZoomGesturesProvider = ZoomGesturesProvider;

package/dist/editor/helpers/client-id.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare type PreviewServerState = {
-    type: 'init';
-} | {
-    type: 'connected';
-    clientId: string;
-} | {
-    type: 'disconnected';
-};
-export declare const PreviewServerConnectionCtx: React.Context<PreviewServerState>;
-export declare const previewServerConnectionRef: React.RefObject<{
-    set: (jobs: PreviewServerState) => void;
-}>;
-export declare const PreviewServerConnection: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/editor/helpers/client-id.js

@@ -1,46 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviewServerConnection = exports.previewServerConnectionRef = exports.PreviewServerConnectionCtx = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-exports.PreviewServerConnectionCtx = react_1.default.createContext({
-    type: 'init',
-});
-exports.previewServerConnectionRef = (0, react_1.createRef)();
-const PreviewServerConnection = ({ children }) => {
-    const [state, setState] = react_1.default.useState({
-        type: 'init',
-    });
-    (0, react_1.useImperativeHandle)(exports.previewServerConnectionRef, () => {
-        return {
-            set: (newState) => {
-                setState(newState);
-            },
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.PreviewServerConnectionCtx.Provider, { value: state, children: children }));
-};
-exports.PreviewServerConnection = PreviewServerConnection;

package/dist/editor/helpers/convert-env-variables.d.ts

@@ -1,2 +0,0 @@
-export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [string, string][];
-export declare const envVariablesArrayToObject: (envVariables: [string, string][]) => Record<string, string>;

package/dist/editor/helpers/convert-env-variables.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.envVariablesArrayToObject = exports.envVariablesObjectToArray = void 0;
-const envVariablesObjectToArray = (envVariables) => {
-    return Object.entries(envVariables).map(([key, one]) => [
-        key.trim().toUpperCase(),
-        one.trim(),
-    ]);
-};
-exports.envVariablesObjectToArray = envVariablesObjectToArray;
-const envVariablesArrayToObject = (envVariables) => {
-    return envVariables
-        .map(([key, val]) => [key.trim(), val.trim()])
-        .filter(([key, val]) => key && val)
-        .reduce((acc, [key, value]) => {
-        acc[key.toUpperCase()] = value;
-        return acc;
-    }, {});
-};
-exports.envVariablesArrayToObject = envVariablesArrayToObject;

package/dist/editor/helpers/prores-labels.d.ts

@@ -1,2 +0,0 @@
-import type { ProResProfile } from '@remotion/renderer';
-export declare const labelProResProfile: (profile: ProResProfile) => "4444" | "4444 XQ (Best)" | "HQ" | "Proxy (Worst)" | "Light" | "Standard";

package/dist/editor/helpers/prores-labels.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.labelProResProfile = void 0;
-const labelProResProfile = (profile) => {
-    if (profile === '4444') {
-        return '4444';
-    }
-    if (profile === '4444-xq') {
-        return '4444 XQ (Best)';
-    }
-    if (profile === 'hq') {
-        return 'HQ';
-    }
-    if (profile === 'proxy') {
-        return 'Proxy (Worst)';
-    }
-    if (profile === 'light') {
-        return 'Light';
-    }
-    if (profile === 'standard') {
-        return 'Standard';
-    }
-    throw new TypeError(`Unknown ProRes profile: ${profile}`);
-};
-exports.labelProResProfile = labelProResProfile;

package/dist/editor/helpers/render-modal-sections.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { Codec } from '@remotion/renderer';
-import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
-declare type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';
-export declare const useRenderModalSections: (renderMode: RenderType, codec: Codec) => {
-    tab: Section;
-    setTab: import("react").Dispatch<import("react").SetStateAction<Section>>;
-    shownTabs: Section[];
-};
-export {};

package/dist/editor/helpers/render-modal-sections.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRenderModalSections = void 0;
-const react_1 = require("react");
-const useRenderModalSections = (renderMode, codec) => {
-    const [selectedTab, setTab] = (0, react_1.useState)('general');
-    const shownTabs = (0, react_1.useMemo)(() => {
-        if (renderMode === 'audio') {
-            return ['general', 'data', 'audio', 'advanced'];
-        }
-        if (renderMode === 'still') {
-            return ['general', 'data', 'picture', 'advanced'];
-        }
-        if (renderMode === 'video') {
-            if (codec === 'gif') {
-                return ['general', 'data', 'picture', 'gif', 'advanced'];
-            }
-            return ['general', 'data', 'picture', 'audio', 'advanced'];
-        }
-        throw new TypeError('Unknown render mode');
-    }, [codec, renderMode]);
-    const tab = (0, react_1.useMemo)(() => {
-        if (!shownTabs.includes(selectedTab)) {
-            return shownTabs[0];
-        }
-        return selectedTab;
-    }, [selectedTab, shownTabs]);
-    return (0, react_1.useMemo)(() => {
-        return { tab, setTab, shownTabs };
-    }, [tab, shownTabs]);
-};
-exports.useRenderModalSections = useRenderModalSections;

package/dist/editor/helpers/use-breakpoint.d.ts

@@ -1 +0,0 @@
-export declare function useBreakpoint(breakpoint: number): boolean;

package/dist/editor/helpers/use-breakpoint.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpoint = void 0;
-const react_1 = require("react");
-function useBreakpoint(breakpoint) {
-    const [compactUI, setCompactUI] = (0, react_1.useState)(window.innerWidth < breakpoint);
-    (0, react_1.useEffect)(() => {
-        function handleResize() {
-            setCompactUI(window.innerWidth < breakpoint);
-        }
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return () => window.removeEventListener('resize', handleResize);
-    }, [breakpoint]);
-    return compactUI;
-}
-exports.useBreakpoint = useBreakpoint;

package/dist/editor/helpers/use-file-existence.d.ts

@@ -1 +0,0 @@
-export declare const useFileExistence: (outName: string) => boolean;

package/dist/editor/helpers/use-file-existence.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFileExistence = void 0;
-const react_1 = require("react");
-const event_source_1 = require("../../event-source");
-const actions_1 = require("../components/RenderQueue/actions");
-const client_id_1 = require("./client-id");
-const useFileExistence = (outName) => {
-    const [exists, setExists] = (0, react_1.useState)(false);
-    const state = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const clientId = state.type === 'connected' ? state.clientId : undefined;
-    const currentOutName = (0, react_1.useRef)('');
-    currentOutName.current = outName;
-    (0, react_1.useEffect)(() => {
-        if (!clientId) {
-            return;
-        }
-        (0, actions_1.subscribeToFileExistenceWatcher)({
-            file: outName,
-            clientId,
-        }).then((_exists) => {
-            if (currentOutName.current === outName) {
-                setExists(_exists);
-            }
-        });
-        return () => {
-            (0, actions_1.unsubscribeFromFileExistenceWatcher)({ file: outName, clientId });
-        };
-    }, [clientId, outName]);
-    (0, react_1.useEffect)(() => {
-        const listener = (event) => {
-            if (event.type !== 'watched-file-deleted') {
-                return;
-            }
-            if (event.file !== currentOutName.current) {
-                return;
-            }
-            if (currentOutName.current === outName) {
-                setExists(false);
-            }
-        };
-        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-deleted', listener);
-        return () => {
-            unsub();
-        };
-    }, [outName]);
-    (0, react_1.useEffect)(() => {
-        const listener = (event) => {
-            if (event.type !== 'watched-file-undeleted') {
-                return;
-            }
-            if (event.file !== outName) {
-                return;
-            }
-            if (currentOutName.current === outName) {
-                setExists(true);
-            }
-        };
-        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-undeleted', listener);
-        return () => {
-            unsub();
-        };
-    }, [outName]);
-    return exists;
-};
-exports.useFileExistence = useFileExistence;

package/dist/editor/icons/RenderStillIcon.d.ts

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

package/dist/editor/icons/RenderStillIcon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderStill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RenderStill = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M144 288C144 226.1 194.1 176 256 176C317.9 176 368 226.1 368 288C368 349.9 317.9 400 256 400C194.1 400 144 349.9 144 288zM256 224C220.7 224 192 252.7 192 288C192 323.3 220.7 352 256 352C291.3 352 320 323.3 320 288C320 252.7 291.3 224 256 224zM362.9 64.82L373.3 96H448C483.3 96 512 124.7 512 160V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V160C0 124.7 28.65 96 64 96H138.7L149.1 64.82C155.6 45.22 173.9 32 194.6 32H317.4C338.1 32 356.4 45.22 362.9 64.82H362.9zM64 144C55.16 144 48 151.2 48 160V416C48 424.8 55.16 432 64 432H448C456.8 432 464 424.8 464 416V160C464 151.2 456.8 144 448 144H338.7L317.4 80H194.6L173.3 144H64z" }) }));
-};
-exports.RenderStill = RenderStill;

package/dist/editor/icons/audio.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/audio.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AudioIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M243 32.32C105.5 39.15 0 157.8 0 295.5v120.4C0 451.3 28.63 480 64 480h32c17.62 0 32-14.38 32-32V288c0-17.62-14.38-32-32-32H64c-10.79 0-20.8 2.9-29.72 7.7 14.2-106.8 100.5-193.9 210.4-199.4 120.5-5.965 221.7 83.92 234 199.9-9.08-5.1-19.48-8.2-30.68-8.2h-32c-17.62 0-32 14.38-32 32v160c0 17.62 14.38 32 32 32h32c35.38 0 64-28.75 64-64.13V287.9c0-145.4-122-262.88-269-255.58zM64 288h32v160H64c-17.62 0-32-14.5-32-32.13v-95.75C32 302.5 46.38 288 64 288zm416 127.9c0 17.6-14.4 32.1-32 32.1h-32V288h32c17.62 0 32 14.5 32 32.13v95.77z" }) }));
-exports.AudioIcon = AudioIcon;

package/dist/editor/icons/data.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const DataIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/data.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DataIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M224 512C100.3 512 0 476.2 0 432V80C0 35.82 100.3 0 224 0C347.7 0 448 35.82 448 80V432C448 476.2 347.7 512 224 512zM416 80.45C415.7 79.69 414.4 77.27 409.8 73.31C402.4 67.11 389.9 60.09 371.6 53.57C335.4 40.62 283.2 32 224 32C164.8 32 112.6 40.62 76.37 53.57C58.1 60.09 45.59 67.11 38.25 73.31C33.55 77.27 32.29 79.69 32 80.45V182.1C46.47 192.7 69.9 202.8 100.9 210.4C135.5 218.9 177.1 224 224 224C270 224 312.5 218.9 347.1 210.4C378.1 202.8 401.5 192.7 416 182.1V80.45zM416 219.5C398.8 228.4 377.9 235.8 354.8 241.5C317.3 250.7 272.2 256 224 256C175.8 256 130.7 250.7 93.22 241.5C70.11 235.8 49.18 228.4 32 219.5V310.1C46.47 320.7 69.9 330.8 100.9 338.4C135.5 346.9 177.1 352 224 352C270 352 312.5 346.9 347.1 338.4C378.1 330.8 401.5 320.7 416 310.1V219.5zM38.25 438.7C45.59 444.9 58.1 451.9 76.37 458.4C112.6 471.4 164.8 480 224 480C283.2 480 335.4 471.4 371.6 458.4C389.9 451.9 402.4 444.9 409.8 438.7C414.4 434.7 415.7 432.3 416 431.6V347.5C398.8 356.4 377.9 363.8 354.8 369.5C317.3 378.7 272.2 384 224 384C175.8 384 130.7 378.7 93.22 369.5C70.11 363.8 49.18 356.4 32 347.5V431.6C32.29 432.3 33.55 434.7 38.25 438.7zM416 431.4C416.1 431.3 416.1 431.3 416.1 431.3L416 431.4zM31.96 431.4C31.94 431.3 31.93 431.3 31.92 431.3L31.96 431.4zM31.96 80.56C31.93 80.65 31.92 80.7 31.92 80.7L31.96 80.56zM416.1 80.7C416.1 80.7 416.1 80.65 416 80.56z" }) }));
-};
-exports.DataIcon = DataIcon;

package/dist/editor/icons/file.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const FileIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/file.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FileIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M0 64C0 28.65 28.65 0 64 0h156.1c12.7 0 25 5.057 34 14.06L369.9 129.9c9 9 14.1 21.3 14.1 34V448c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V64zm352 128H240c-26.5 0-48-21.5-48-48V32H64c-17.67 0-32 14.33-32 32v384c0 17.7 14.33 32 32 32h256c17.7 0 32-14.3 32-32V192zm-4.7-39.4L231.4 36.69c-2-2.07-4.6-3.51-7.4-4.21V144c0 8.8 7.2 16 16 16h111.5c-.7-2.8-2.1-5.4-4.2-7.4z" }) }));
-exports.FileIcon = FileIcon;

package/dist/editor/icons/frame.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const PicIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/frame.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PicIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PicIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M324.9 157.8c-11.38-17.38-39.89-17.31-51.23-.063L200.5 268.5l-16.4-22.6c-11.4-16.8-38.2-16-49.7 0l-64.52 89.16c-6.797 9.406-7.75 21.72-2.547 32C72.53 377.5 83.05 384 94.75 384h322.5c11.41 0 21.8-6.281 27.14-16.38a30.922 30.922 0 0 0-1.516-31.56L324.9 157.8zM95.8 352l62.39-87.38 29.91 41.34c3.1 4.24 8.3 7.24 13.3 6.64 5.25-.125 10.12-2.781 13.02-7.188l83.83-129.9L415 352H95.8zM447.1 32h-384C28.65 32-.01 60.65-.01 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96c.01-35.35-27.79-64-63.99-64zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32v320zM144 192c26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48 21.5 48 48 48zm0-64c8.822 0 15.1 7.178 15.1 16s-6.3 16-15.1 16-16-7.2-16-16 7.2-16 16-16z" }) }));
-exports.PicIcon = PicIcon;

package/dist/editor/icons/gear.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const GearIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/gear.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GearIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const GearIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M168 255.1c0-47.7 39.4-88 88-88s88 40.3 88 88c0 49.5-39.4 88.9-88 88.9s-88-39.4-88-88.9zm88-56c-30.9 0-56 26-56 56 0 31.8 25.1 56 56 56s56-24.2 56-56c0-30-25.1-56-56-56zM65.67 230.6l-40.33-36.8c-11.12-10.1-13.68-26.6-6.16-39.6l30.24-52.4c7.52-13.02 23.09-19.05 37.42-14.48l51.96 16.58c13.4-10.34 28.2-18.94 44-25.47l11.7-53.27C197.7 10.47 210.7 0 225.8 0h60.4c15.1 0 28.1 10.47 31.3 25.16l11.7 53.27c14.9 6.53 30.6 15.13 44 25.47l52-16.58c14.3-4.57 29.9 1.46 37.4 14.48l30.2 52.4c7.5 13 5 29.5-6.1 39.6l-40.4 36.8c1.1 8.3 1.7 16.8 1.7 24.5 0 9.5-.6 18-1.7 26.3l40.4 36.8c11.1 10.1 13.6 26.6 6.1 39.6l-30.2 52.4c-7.5 13-23.1 19-37.4 14.5l-52-16.6c-13.4 10.3-29.1 18.9-44 25.5l-11.7 53.2c-3.2 14.7-16.2 25.2-31.3 25.2h-60.4c-15.1 0-28.1-10.5-31.3-25.2l-11.7-53.2c-15.8-6.6-30.6-15.2-44-25.5l-51.96 16.6c-14.33 4.5-29.9-1.5-37.42-14.5l-30.24-52.4c-7.52-13-4.96-29.5 6.16-39.6l40.33-36.8c-1.1-8.3-1.67-16.8-1.67-26.3 0-7.7.57-16.2 1.67-24.5zm92.73-101.4-13.3 10.3-67.97-21.7-30.24 52.4 52.69 48-2.19 16.6c-.92 6.9-1.39 14-1.39 20.3 0 8.1.47 15.2 1.39 22.1l2.19 16.6-52.69 48 30.24 52.4 67.97-21.7 13.3 10.3c11.1 8.6 23.5 15.8 36.6 20.3l15.5 7.3 15.3 69.6h60.4l15.3-69.6 14.6-7.3c14-4.5 26.4-11.7 37.5-20.3l13.3-10.3 68 21.7 30.2-52.4-52.7-48 2.2-16.6c.9-6.9 1.4-14 1.4-21.2 0-7.2-.5-14.3-1.4-21.2l-2.2-16.6 52.7-48-30.2-52.4-68 21.7-13.3-10.3c-11.1-8.6-23.5-15.8-37.5-21.2l-14.6-6.4L286.2 32h-60.4l-15.3 69.6L195 108c-13.1 5.4-25.5 12.6-36.6 21.2z" }) }));
-exports.GearIcon = GearIcon;

package/dist/editor/icons/gif.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const GifIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/editor/icons/gif.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GifIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const GifIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M512 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.7-64-64-64zm32 384c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h448c17.64 0 32 14.36 32 32v320zm-80-256h-96c-8.8 0-16 7.2-16 16v160c0 8.844 7.156 16 16 16s16-7.156 16-16v-64h56c8.844 0 16-7.156 16-16s-7.156-16-16-16h-56v-48h80c8.8 0 16-7.2 16-16s-7.2-16-16-16zm-160 0c-8.8 0-16 7.2-16 16v160c0 8.844 7.156 16 16 16s16-7.156 16-16V176c0-8.8-7.2-16-16-16zm-64 80h-64c-8.8 0-16 7.2-16 16s7.156 16 16 16h48v33.45c-24.83 19.91-69.13 18.16-91.48-4.203-24.95-24.95-24.95-65.55 0-90.5 25.03-25 64.19-25 89.22 0 6.25 6.25 16.38 6.25 22.62 0s6.25-16.38 0-22.62c-37.69-37.72-96.78-37.72-134.5 0-37.42 37.42-37.42 98.33 0 135.8C127.8 341.8 153.5 352 180.6 352c27.06 0 52.84-10.25 70.7-28.12 3-2.98 4.7-7.08 4.7-11.28V256c0-8.8-7.2-16-16-16z" }) }));
-exports.GifIcon = GifIcon;

package/dist/editor/icons/render.d.ts

@@ -1,8 +0,0 @@
-import type { SVGProps } from 'react';
-import React from 'react';
-export declare const RenderIcon: React.FC<{
-    svgProps: SVGProps<SVGSVGElement>;
-}>;
-export declare const ThinRenderIcon: React.FC<{
-    svgProps: SVGProps<SVGSVGElement>;
-}>;