@remotion/cli 3.3.80 → 3.3.81

package/dist/editor/components/RenderToolbarIcon.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderStillButton = void 0;
+exports.RenderButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
@@ -10,18 +10,18 @@ const client_id_1 = require("../helpers/client-id");
 const render_1 = require("../icons/render");
 const modals_1 = require("../state/modals");
 const ControlButton_1 = require("./ControlButton");
-const RenderStillButton = () => {
+const RenderButton = () => {
     const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const { type } = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
     const iconStyle = (0, react_1.useMemo)(() => {
         return {
             style: {
-                height: 15,
+                height: 18,
             },
         };
     }, []);
     const tooltip = type === 'connected'
-        ? 'Export the current frame as a still image'
+        ? 'Export the current composition'
         : 'Connect to the preview server to render';
     const video = remotion_1.Internals.useVideo();
     const frame = (0, remotion_1.useCurrentFrame)();
@@ -81,4 +81,4 @@ const RenderStillButton = () => {
     }
     return ((0, jsx_runtime_1.jsx)(ControlButton_1.ControlButton, { id: "render-modal-button", disabled: type !== 'connected', title: tooltip, "aria-label": tooltip, onClick: onClick, children: (0, jsx_runtime_1.jsx)(render_1.RenderIcon, { svgProps: iconStyle }) }));
 };
-exports.RenderStillButton = RenderStillButton;
+exports.RenderButton = RenderButton;

package/dist/editor/components/RendersTab.js

@@ -10,7 +10,7 @@ const Tabs_1 = require("./Tabs");
 const row = {
     display: 'flex',
     flexDirection: 'row',
-    fontSize: 13,
+    fontSize: 14,
     justifyContent: 'center',
     color: 'inherit',
     alignItems: 'center',

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

@@ -1,2 +1,8 @@
 import React from 'react';
+declare type SidebarPanel = 'input-props' | 'renders';
+export declare const persistSelectedPanel: (panel: SidebarPanel) => void;
+export declare const rightSidebarTabs: React.RefObject<{
+    selectRendersPanel: () => void;
+}>;
 export declare const RightPanel: React.FC<{}>;
+export {};

package/dist/editor/components/RightPanel.js

@@ -1,15 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightPanel = void 0;
+exports.RightPanel = exports.rightSidebarTabs = exports.persistSelectedPanel = void 0;
 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 RenderModalData_1 = require("./RenderModal/RenderModalData");
+const RenderQueue_1 = require("./RenderQueue");
+const RendersTab_1 = require("./RendersTab");
+const Tabs_1 = require("./Tabs");
 const container = {
     height: '100%',
     width: '100%',
     position: 'absolute',
-    overflow: 'auto',
+    display: 'flex',
+    flexDirection: 'column',
 };
 const PropsEditor = ({ composition }) => {
     var _a;
@@ -23,9 +28,42 @@ const PropsEditor = ({ composition }) => {
             newProps: newProps,
         });
     }, [composition.defaultProps, composition.id, updateProps]);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(RenderModalData_1.RenderModalData, { composition: composition, inputProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps, setInputProps: setInputProps, compact: true, updateButton: true, showSaveButton: true }) }));
+    return ((0, jsx_runtime_1.jsx)(RenderModalData_1.RenderModalData, { composition: composition, inputProps: (_a = props[composition.id]) !== null && _a !== void 0 ? _a : composition.defaultProps, setInputProps: setInputProps, compact: true, showSaveButton: true }));
 };
+const localStorageKey = 'remotion.sidebarPanel';
+const getSelectedPanel = () => {
+    const panel = localStorage.getItem(localStorageKey);
+    if (panel === 'renders') {
+        return 'renders';
+    }
+    return 'input-props';
+};
+const tabsContainer = {
+    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
+};
+const persistSelectedPanel = (panel) => {
+    localStorage.setItem(localStorageKey, panel);
+};
+exports.persistSelectedPanel = persistSelectedPanel;
+exports.rightSidebarTabs = (0, react_1.createRef)();
 const RightPanel = () => {
+    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel());
+    const onCompositionsSelected = (0, react_1.useCallback)(() => {
+        setPanel('input-props');
+        (0, exports.persistSelectedPanel)('input-props');
+    }, []);
+    const onRendersSelected = (0, react_1.useCallback)(() => {
+        setPanel('renders');
+        (0, exports.persistSelectedPanel)('renders');
+    }, []);
+    (0, react_1.useImperativeHandle)(exports.rightSidebarTabs, () => {
+        return {
+            selectRendersPanel: () => {
+                setPanel('renders');
+                (0, exports.persistSelectedPanel)('renders');
+            },
+        };
+    }, []);
     const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const composition = (0, react_1.useMemo)(() => {
         for (const comp of compositions) {
@@ -38,6 +76,6 @@ const RightPanel = () => {
     if (composition === null) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { style: container, children: (0, jsx_runtime_1.jsx)(PropsEditor, { composition: composition }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, className: "css-reset", children: [(0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'input-props', onClick: onCompositionsSelected, children: "Default Props" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) }), panel === 'renders' ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(PropsEditor, { composition: composition }))] }));
 };
 exports.RightPanel = RightPanel;

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

@@ -23,7 +23,7 @@ const selectorButton = {
     border: 'none',
     flex: 1,
     padding: 8,
-    fontSize: 13,
+    fontSize: 14,
 };
 const Tab = ({ children, onClick, style, selected }) => {
     const [hovered, setHovered] = (0, react_1.useState)(false);

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

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

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

@@ -1,4 +1,3 @@
-/// <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';

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

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

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

@@ -0,0 +1,17 @@
+"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/icons/render.d.ts

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

package/dist/editor/icons/render.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderIcon = void 0;
+exports.ThinRenderIcon = exports.RenderIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const RenderIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: "M408 143.1C408 166.1 390.1 183.1 368 183.1C345.9 183.1 328 166.1 328 143.1C328 121.9 345.9 103.1 368 103.1C390.1 103.1 408 121.9 408 143.1zM384 312.1V394.2C384 419.7 370.6 443.2 348.7 456.2L260.2 508.6C252.8 513 243.6 513.1 236.1 508.9C228.6 504.6 224 496.6 224 488V373.3C224 350.6 215 328.1 199 312.1C183 296.1 161.4 288 138.7 288H24C15.38 288 7.414 283.4 3.146 275.9C-1.123 268.4-1.042 259.2 3.357 251.8L55.83 163.3C68.79 141.4 92.33 127.1 117.8 127.1H199.9C281.7-3.798 408.8-8.546 483.9 5.272C495.6 7.411 504.6 16.45 506.7 28.07C520.5 103.2 515.8 230.3 384 312.1V312.1zM197.9 253.9C210.8 260.2 222.6 268.7 232.1 279C243.3 289.4 251.8 301.2 258.1 314.1C363.9 284.1 414.8 234.5 439.7 188C464.7 141.3 466.1 90.47 461.7 50.33C421.5 45.02 370.7 47.34 323.1 72.33C277.5 97.16 227.9 148.1 197.9 253.9H197.9zM41.98 345.5C76.37 311.1 132.1 311.1 166.5 345.5C200.9 379.9 200.9 435.6 166.5 470C117 519.5 .4765 511.5 .4765 511.5C.4765 511.5-7.516 394.1 41.98 345.5V345.5zM64.58 447.4C64.58 447.4 103.3 450.1 119.8 433.6C131.2 422.2 131.2 403.6 119.8 392.2C108.3 380.8 89.81 380.8 78.38 392.2C61.92 408.7 64.58 447.4 64.58 447.4z" }) }));
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: "M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z" }) }));
 };
 exports.RenderIcon = RenderIcon;
+const ThinRenderIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: "M188.9 372l-50.4-50.4c18.6-42.6 61.7-137.7 95.1-187C304.6 30.1 409 24.6 475.7 36.3c11.7 66.7 6.2 171.1-98.4 242c-49.4 33.5-145.5 75.6-188.4 93.7zm-79.9-62.8c-5.2 11.9-2.5 25.7 6.7 34.9l50.7 50.7c9.1 9.1 22.7 11.9 34.5 6.9c6.5-2.7 14.3-6 23-9.8L224 496c0 5.5 2.9 10.7 7.6 13.6s10.6 3.2 15.6 .7l101.5-50.7c21.7-10.8 35.4-33 35.4-57.2V312.1c4-2.5 7.7-4.9 11.3-7.3C516.1 222.9 520.1 100.9 506.7 28.1c-2.1-11.6-11.2-20.6-22.8-22.8C411.1-8.1 289.1-4.1 207.2 116.7c-2.4 3.6-4.9 7.3-7.3 11.3l-90.2 0c-24.2 0-46.4 13.7-57.2 35.4L1.7 264.8c-2.5 5-2.2 10.8 .7 15.6s8.1 7.6 13.6 7.6H118.5c-3.6 8-6.8 15.2-9.4 21.2zM256 470.1l0-92.5c30.3-13.7 65.4-30.3 96-47v71.7c0 12.1-6.8 23.2-17.7 28.6L256 470.1zM109.7 160h71.5c-16.9 30.7-34 65.8-48.1 96H41.9L81 177.7c5.4-10.8 16.5-17.7 28.6-17.7zM392 144a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zM368 88a56 56 0 1 0 0 112 56 56 0 1 0 0-112z" }) }));
+};
+exports.ThinRenderIcon = ThinRenderIcon;

package/dist/preview-server/render-queue/queue.js

@@ -94,6 +94,7 @@ const cancelJob = (jobId) => {
     }
 };
 exports.cancelJob = cancelJob;
+// TODO: Currently, concurrency = 1 is not enforced
 const processJobIfPossible = async ({ remotionRoot, entryPoint, }) => {
     const nextJob = jobQueue.find((q) => {
         return q.status === 'idle';

package/dist/render-flows/render.js

@@ -9,7 +9,6 @@ const fs_1 = __importDefault(require("fs"));
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("../chalk");
-const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
 const get_cli_options_1 = require("../get-cli-options");
 const get_composition_with_dimension_override_1 = require("../get-composition-with-dimension-override");
@@ -27,7 +26,6 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
     const downloads = [];
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
     addCleanupCallback(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
     log_1.Log.verboseAdvanced({ indent, logLevel }, 'Browser executable: ', browserExecutable);
     log_1.Log.verboseAdvanced({ indent, logLevel }, 'Asset dirs', downloadMap.assetDir);
     const browserInstance = (0, renderer_1.openBrowser)(browser, {
@@ -87,7 +85,6 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         bundlingStep: steps.indexOf('bundling'),
         steps: steps.length,
     });
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     addCleanupCallback(() => cleanupBundle());
     const onDownload = (src) => {
         const id = Math.random();
@@ -108,7 +105,6 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         };
     };
     const puppeteerInstance = await browserInstance;
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => puppeteerInstance.close(false));
     addCleanupCallback(() => puppeteerInstance.close(false));
     const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,
@@ -269,7 +265,7 @@ const renderVideoFlow = async ({ remotionRoot, fullEntryPoint, indent, logLevel,
         puppeteerInstance,
         onDownload,
         internal: {
-            onCtrlCExit: cleanup_before_quit_1.registerCleanupJob,
+            onCtrlCExit: addCleanupCallback,
             downloadMap,
         },
         cancelSignal: cancelSignal !== null && cancelSignal !== void 0 ? cancelSignal : undefined,

package/dist/render-flows/still.js

@@ -9,7 +9,6 @@ const renderer_1 = require("@remotion/renderer");
 const fs_1 = require("fs");
 const path_1 = __importDefault(require("path"));
 const chalk_1 = require("../chalk");
-const cleanup_before_quit_1 = require("../cleanup-before-quit");
 const config_1 = require("../config");
 const determine_image_format_1 = require("../determine-image-format");
 const get_cli_options_1 = require("../get-cli-options");
@@ -65,12 +64,10 @@ const renderStillFlow = async ({ remotionRoot, fullEntryPoint, entryPointReason,
         logLevel,
         bundlingStep: steps.indexOf('bundling'),
     });
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => cleanupBundle());
     addCleanupCallback(() => cleanupBundle());
     const puppeteerInstance = await browserInstance;
     addCleanupCallback(() => puppeteerInstance.close(false));
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
-    (0, cleanup_before_quit_1.registerCleanupJob)(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
     addCleanupCallback(() => renderer_1.RenderInternals.cleanDownloadMap(downloadMap));
     const comps = await (0, renderer_1.getCompositions)(urlOrBundle, {
         inputProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "3.3.80",
+  "version": "3.3.81",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -16,16 +16,16 @@
   "author": "Jonny Burger <jonny@remotion.dev>",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@remotion/bundler": "3.3.80",
-    "@remotion/media-utils": "3.3.80",
-    "@remotion/player": "3.3.80",
-    "@remotion/renderer": "3.3.80",
+    "@remotion/bundler": "3.3.81",
+    "@remotion/media-utils": "3.3.81",
+    "@remotion/player": "3.3.81",
+    "@remotion/renderer": "3.3.81",
     "dotenv": "9.0.2",
     "memfs": "3.4.3",
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "remotion": "3.3.80",
+    "remotion": "3.3.81",
     "semver": "7.3.5",
     "source-map": "0.6.1"
   },

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const leftSidebarTabs: React.RefObject<{
-    selectRendersPanel: () => void;
-}>;
-export declare const SidebarContent: React.FC;

package/dist/editor/components/SidebarContent.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarContent = exports.leftSidebarTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const CompositionSelector_1 = require("./CompositionSelector");
-const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
-const RenderQueue_1 = require("./RenderQueue");
-const context_1 = require("./RenderQueue/context");
-const RendersTab_1 = require("./RendersTab");
-const Tabs_1 = require("./Tabs");
-const container = {
-    width: '100%',
-};
-const tabsContainer = {
-    borderBottom: `1px solid ${colors_1.BORDER_COLOR}`,
-};
-exports.leftSidebarTabs = (0, react_1.createRef)();
-const localStorageKey = 'remotion.sidebarPanel';
-const persistSelectedPanel = (panel) => {
-    localStorage.setItem(localStorageKey, panel);
-};
-const getSelectedPanel = (shouldRender) => {
-    const panel = localStorage.getItem(localStorageKey);
-    if (panel === 'renders' && shouldRender) {
-        return 'renders';
-    }
-    return 'compositions';
-};
-const SidebarContent = () => {
-    const shouldRender = (0, context_1.useShouldRenderLeftSidebarTabs)();
-    const [panel, setPanel] = (0, react_1.useState)(() => getSelectedPanel(shouldRender));
-    const onCompositionsSelected = (0, react_1.useCallback)(() => {
-        setPanel('compositions');
-        persistSelectedPanel('compositions');
-    }, []);
-    const onRendersSelected = (0, react_1.useCallback)(() => {
-        setPanel('renders');
-        persistSelectedPanel('renders');
-    }, []);
-    (0, react_1.useImperativeHandle)(exports.leftSidebarTabs, () => {
-        return {
-            selectRendersPanel: () => {
-                setPanel('renders');
-                persistSelectedPanel('renders');
-            },
-        };
-    }, []);
-    // TODO: It is not perfectly aligned in example
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
-};
-exports.SidebarContent = SidebarContent;

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

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

package/dist/editor/icons/save.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Save = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Save = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentcolor", d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V173.3c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32H64zm0 96c0-17.7 14.3-32 32-32H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V128zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" }) }));
-};
-exports.Save = Save;