@remotion/studio 4.0.521 → 4.0.523

package/dist/esm/index.mjs

@@ -1,26 +1,36 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+import {
+  pause,
+  play,
+  restartStudio,
+  seek
+} from "./index-3hgr6gjx.mjs";
+import {
+  CodingAgentIcon,
+  DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME,
+  DEFAULT_PROPS_PATH_CLASSNAME,
+  EditorIcon,
+  FinderIcon,
+  TerminalIcon,
+  callUpdateDefaultPropsApi,
+  deleteStaticFile,
+  extractEnumJsonPaths,
+  getStaticFiles,
+  shutDownStudio,
+  useSyncExternalStore,
+  visualControlRef,
+  visualControlStore,
+  watchPublicFolder
+} from "./index-hy4xcgty.mjs";
+import {
+  getBrowserStudioOperations,
+  writeStaticFile
+} from "./index-cw0pnpg5.mjs";
+import"./index-5zrb1ft4.mjs";
+import"./index-jg13hf2g.mjs";
+import {
+  __require,
+  __toESM
+} from "./index-rcv7qkt5.mjs";
 
 // src/api/create-composition.tsx
 import { Composition, Still } from "remotion";
@@ -39,413 +49,6 @@ var createStill = ({
     ...other
   });
 };
-
-// src/helpers/colors.ts
-var BLACK = "black";
-var WHITE = "white";
-var TRANSPARENT = "transparent";
-var CURRENT_COLOR = "currentColor";
-var CURRENT_COLOR_LOWERCASE = "currentcolor";
-var WHITE_HEX = "#fff";
-var BLACK_HEX = "#000";
-var WHITE_ALPHA_10 = "rgba(255, 255, 255, 0.1)";
-var WHITE_ALPHA_12 = "rgba(255, 255, 255, 0.12)";
-var WHITE_ALPHA_20 = "rgba(255, 255, 255, 0.2)";
-var BLACK_ALPHA_10 = "rgba(0, 0, 0, 0.1)";
-var BLACK_ALPHA_28 = "rgba(0, 0, 0, 0.28)";
-var BLACK_ALPHA_40 = "rgba(0, 0, 0, 0.4)";
-var BLACK_ALPHA_50 = "rgba(0, 0, 0, 0.5)";
-var BLACK_ALPHA_60 = "rgba(0, 0, 0, 0.6)";
-var BLACK_ALPHA_80 = "rgba(0, 0, 0, 0.8)";
-var BLACK_ALPHA_90 = "rgba(0, 0, 0, 0.9)";
-var BLACK_OPAQUE = "rgba(0, 0, 0, 1)";
-var TIMELINE_DROP_BLUE_ALPHA_75 = "rgba(0, 155, 255, 0.75)";
-var TIMELINE_MARQUEE_BLUE_ALPHA_75 = "rgba(70, 130, 255, 0.75)";
-var BORDER_BLACK = `1px solid ${BLACK_HEX}`;
-var BORDER_WHITE = `1px solid ${WHITE_HEX}`;
-var BORDER_WHITE_2PX = `2px solid ${WHITE_HEX}`;
-var BORDER_CURRENT_COLOR = `1px solid ${CURRENT_COLOR}`;
-var BORDER_TRANSPARENT_2PX = `2px solid ${TRANSPARENT}`;
-var BORDER_BLACK_ALPHA_50 = `1px solid ${BLACK_ALPHA_50}`;
-var BORDER_BLACK_ALPHA_60 = `1px solid ${BLACK_ALPHA_60}`;
-var BORDER_WHITE_ALPHA_12 = `1px solid ${WHITE_ALPHA_12}`;
-var BORDER_WHITE_ALPHA_20 = `1px solid ${WHITE_ALPHA_20}`;
-var BORDER_TIMELINE_DROP_BLUE = `1px solid ${TIMELINE_DROP_BLUE_ALPHA_75}`;
-var BORDER_TIMELINE_MARQUEE_BLUE = `1px solid ${TIMELINE_MARQUEE_BLUE_ALPHA_75}`;
-var SHADOW_BLACK = `0 0 4px ${BLACK}`;
-var SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM = `0 2px 8px ${BLACK_ALPHA_50}`;
-var SHADOW_BLACK_ALPHA_50_TOWARDS_TOP = `0 -2px 8px ${BLACK_ALPHA_50}`;
-var NOTIFICATION_SHADOW = `0 2px 3px ${BLACK_OPAQUE}`;
-var SERVER_DISCONNECTED_SHADOW = `0 2px 4px ${BLACK_ALPHA_40}`;
-var COLOR_PICKER_POPUP_SHADOW = `0 4px 16px ${BLACK_ALPHA_50}`;
-var COLOR_PICKER_HANDLE_SHADOW = `0 0 0 1px ${BLACK_ALPHA_60}`;
-var NOTIFICATION_BORDER = `0.25px solid ${WHITE_ALPHA_10}`;
-var FOCUS_BOX_SHADOW = `inset 1px 1px #555, inset -1px -1px #555, ` + `inset 1px -1px #555, inset -1px 1px #555`;
-var CHECKERBOARD_BACKGROUND_IMAGE = `
-     linear-gradient(
-        45deg,
-        ${BLACK_ALPHA_10} 25%,
-        ${TRANSPARENT} 25%
-      ),
-      linear-gradient(135deg, ${BLACK_ALPHA_10} 25%, ${TRANSPARENT} 25%),
-      linear-gradient(45deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%),
-      linear-gradient(135deg, ${TRANSPARENT} 75%, ${BLACK_ALPHA_10} 75%)
-    `;
-var COLOR_PICKER_CHECKER_BACKGROUND_IMAGE = `linear-gradient(45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(-45deg, #888 25%, ${TRANSPARENT} 25%), ` + `linear-gradient(45deg, ${TRANSPARENT} 75%, #888 75%), ` + `linear-gradient(-45deg, ${TRANSPARENT} 75%, #888 75%)`;
-var COLOR_PICKER_SATURATION_VALUE_GRADIENT = `linear-gradient(to right, ${WHITE_HEX}, ${TRANSPARENT})`;
-var COLOR_PICKER_SATURATION_BLACK_GRADIENT = `linear-gradient(to top, ${BLACK_HEX}, ${TRANSPARENT})`;
-var ERROR_MESSAGE_MASK_IMAGE = `linear-gradient(to bottom, ${WHITE} 60%, ${TRANSPARENT})`;
-var SELECTED_OUTLINE_DROP_SHADOW = `drop-shadow(0 0 1px ${WHITE_ALPHA_20})`;
-var SELECTED_OUTLINE_UV_DROP_SHADOW = `drop-shadow(0 1px 2px ${BLACK_ALPHA_28})`;
-var LOOPED_INDICATOR_DROP_SHADOW = `drop-shadow(0 0 2px ${BLACK_ALPHA_90}) ` + `drop-shadow(0 1px 2px ${BLACK_ALPHA_80})`;
-
-// src/icons/apps.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AppsIcon = ({ color, ...props }) => /* @__PURE__ */ jsx2("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 640 640",
-  ...props,
-  children: /* @__PURE__ */ jsx2("path", {
-    fill: color ?? CURRENT_COLOR_LOWERCASE,
-    d: "M144 128C135.2 128 128 135.2 128 144L128 240C128 248.8 135.2 256 144 256L240 256C248.8 256 256 248.8 256 240L256 144C256 135.2 248.8 128 240 128L144 128zM96 144C96 117.5 117.5 96 144 96L240 96C266.5 96 288 117.5 288 144L288 240C288 266.5 266.5 288 240 288L144 288C117.5 288 96 266.5 96 240L96 144zM144 384C135.2 384 128 391.2 128 400L128 496C128 504.8 135.2 512 144 512L240 512C248.8 512 256 504.8 256 496L256 400C256 391.2 248.8 384 240 384L144 384zM96 400C96 373.5 117.5 352 144 352L240 352C266.5 352 288 373.5 288 400L288 496C288 522.5 266.5 544 240 544L144 544C117.5 544 96 522.5 96 496L96 400zM496 128L400 128C391.2 128 384 135.2 384 144L384 240C384 248.8 391.2 256 400 256L496 256C504.8 256 512 248.8 512 240L512 144C512 135.2 504.8 128 496 128zM400 96L496 96C522.5 96 544 117.5 544 144L544 240C544 266.5 522.5 288 496 288L400 288C373.5 288 352 266.5 352 240L352 144C352 117.5 373.5 96 400 96zM400 384C391.2 384 384 391.2 384 400L384 496C384 504.8 391.2 512 400 512L496 512C504.8 512 512 504.8 512 496L512 400C512 391.2 504.8 384 496 384L400 384zM352 400C352 373.5 373.5 352 400 352L496 352C522.5 352 544 373.5 544 400L544 496C544 522.5 522.5 544 496 544L400 544C373.5 544 352 522.5 352 496L352 400z"
-  })
-});
-
-// src/components/CodingAgentIcon.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var CodingAgentIcon = ({ codingAgentId, size }) => {
-  if (codingAgentId === null) {
-    return /* @__PURE__ */ jsx3(AppsIcon, {
-      height: size,
-      width: size
-    });
-  }
-  return /* @__PURE__ */ jsx3("img", {
-    alt: "",
-    "aria-hidden": true,
-    "data-coding-agent-icon": codingAgentId,
-    draggable: false,
-    src: `/api/app-icon/coding-agent/${codingAgentId}.png`,
-    style: { flexShrink: 0, height: size, width: size }
-  });
-};
-
-// src/icons/custom-editor.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CustomEditorIcon = ({
-  size: sizeProp
-}) => /* @__PURE__ */ jsx4("svg", {
-  focusable: "false",
-  role: "img",
-  viewBox: "0 0 24 24",
-  style: {
-    width: sizeProp ?? 14,
-    height: sizeProp ?? 14,
-    flexShrink: 0
-  },
-  children: /* @__PURE__ */ jsx4("path", {
-    fill: "none",
-    stroke: CURRENT_COLOR,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "1.8",
-    d: "m8 8-4 4 4 4m8-8 4 4-4 4m-2-10-4 12"
-  })
-});
-
-// src/icons/editor.tsx
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-var iconStyle = (size) => ({
-  flexShrink: 0,
-  height: size,
-  width: size
-});
-var VsCodeIcon = ({ size }) => /* @__PURE__ */ jsx5("svg", {
-  viewBox: "0 0 40 40",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: /* @__PURE__ */ jsx5("path", {
-    fill: "#23A9F2",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M26.02 34.13c.23.09.48.13.72.12.25-.01.49-.07.71-.18l5.93-2.85c.31-.15.56-.38.74-.66.18-.29.28-.62.28-.96V10.25c0-.34-.1-.67-.28-.96-.18-.28-.43-.51-.74-.66l-5.93-2.85c-.34-.16-.71-.22-1.08-.15-.36.06-.7.23-.96.5L14.05 16.48 9.11 12.73a1.2 1.2 0 0 0-1.53.07L5.99 14.24a1.2 1.2 0 0 0 0 1.77l4.29 3.92-4.29 3.91a1.2 1.2 0 0 0 0 1.77l1.59 1.44a1.2 1.2 0 0 0 1.53.07l4.94-3.75 11.36 10.36c.17.17.38.31.61.4Zm1.18-20.74-8.61 6.54 8.61 6.53V13.39Z"
-  })
-});
-var CursorIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
-  viewBox: "0 0 40 40",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: [
-    /* @__PURE__ */ jsx5("rect", {
-      x: "4",
-      y: "4",
-      width: "32",
-      height: "32",
-      rx: "7.625",
-      fill: "#050505"
-    }),
-    /* @__PURE__ */ jsx5("path", {
-      fill: "#fff",
-      d: "m29.62 14.21-8.67-5.09a.89.89 0 0 0-.9 0l-8.67 5.09a.77.77 0 0 0-.38.66v10.26c0 .27.14.52.38.66l8.67 5.09c.28.16.62.16.9 0l8.67-5.09c.24-.14.38-.39.38-.66V14.87a.77.77 0 0 0-.38-.66Zm-.54 1.07L20.7 30.01a.11.11 0 0 1-.2-.06v-9.64c0-.19-.1-.37-.27-.47l-8.22-4.82a.11.11 0 0 1 .06-.21h16.74c.24 0 .39.27.27.47Z"
-    })
-  ]
-});
-var WindsurfIcon = ({ size }) => /* @__PURE__ */ jsx5("svg", {
-  viewBox: "0 0 24 24",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: /* @__PURE__ */ jsx5("path", {
-    fill: CURRENT_COLOR,
-    d: "M23.55 5.07a2.18 2.18 0 0 0-2.18 2.17v4.87c0 .97-.8 1.76-1.76 1.76-.57 0-1.14-.29-1.47-.77l-4.97-7.1a2.21 2.21 0 0 0-3.96 1.22v4.89c0 .97-.8 1.76-1.77 1.76-.57 0-1.13-.29-1.47-.77L.41 5.16A.22.22 0 0 0 0 5.29v4.24c0 .22.07.43.19.6l5.47 7.82c.33.46.8.81 1.35.93a2.15 2.15 0 0 0 2.65-2.1v-4.89c0-.97.79-1.76 1.76-1.76.57 0 1.14.29 1.47.77l4.98 7.1c.41.59 1.05.94 1.81.94a2.15 2.15 0 0 0 2.15-2.16v-4.89c0-.97.79-1.76 1.76-1.76h.19a.22.22 0 0 0 .22-.22V5.29a.22.22 0 0 0-.22-.22h-.23Z"
-  })
-});
-var ZedIcon = ({ size }) => /* @__PURE__ */ jsx5("svg", {
-  viewBox: "0 0 40 40",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: /* @__PURE__ */ jsx5("path", {
-    fill: CURRENT_COLOR,
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.3 7.4a.9.9 0 0 0-.9.9v19.8H5.6V8.3a2.7 2.7 0 0 1 2.7-2.7h24.11c1.2 0 1.81 1.45.96 2.3L18.52 22.76h4.18V20.9h1.8v2.31c0 .75-.6 1.35-1.35 1.35h-6.43l-3.1 3.09h14.03V16.4h1.8v11.25c0 1-.8 1.8-1.8 1.8H11.82L8.67 32.6H31.7a.9.9 0 0 0 .9-.9V11.9h1.8v19.8a2.7 2.7 0 0 1-2.7 2.7H7.59c-1.2 0-1.81-1.45-.96-2.31L21.43 17.3H17.3v1.8h-1.8v-2.25c0-.75.6-1.35 1.35-1.35h6.38l3.15-3.15H12.35V23.6h-1.8V12.35c0-1 .8-1.8 1.8-1.8h15.83l3.15-3.15H8.3Z"
-  })
-});
-var VscodiumIcon = ({ size }) => /* @__PURE__ */ jsx5("svg", {
-  viewBox: "0 0 24 24",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: /* @__PURE__ */ jsx5("path", {
-    fill: "#2F80ED",
-    d: "M11.58.54a1.47 1.47 0 0 0-.44 2.03c2.43 3.76 3 6.6 2.75 9.08-1 4.75-3.18 5.72-5.09 5.72-1.86 0-1.36-3.07.03-3.96a5.3 5.3 0 0 1 2.73-.87 1.47 1.47 0 1 0 0-2.94c-.96 0-1.9.21-2.78.55.18-.85.25-1.76.02-2.74-.36-1.47-1.37-2.88-3.13-4.25a1.47 1.47 0 0 0-1.81 2.32c1.43 1.11 1.9 1.94 2.07 2.62.16.68.03 1.4-.3 2.4-.41 1.35-.9 2.56-1.1 3.71-.11.57-.12 1.19-.15 1.68-1.03-1-1.43-2.34-1.43-4.28a1.47 1.47 0 1 0-2.95 0c0 2.66.78 5.18 2.86 6.87 1.88 1.79 6.67 1.13 6.67 4.01 0 .81 1.19 1.21 2 1.21.84 0 1.89-.56 1.89-1.21 0-3.27 3.44-5.25 9.11-5.24A1.47 1.47 0 1 0 22.53 14.3c-.39 0-.77.01-1.14.03.64-1.49.92-3.13.86-4.9a1.47 1.47 0 1 0-2.95.1c.08 2.32-.01 4.39-1.74 5.48-.49.31-1.06.58-1.6.58.42-1.14.74-2.35.87-3.65.08-.83.09-1.82 0-2.59-.15-1.18-.33-2.53.12-3.55.4-.87 1.31-1.24 2.65-1.24a1.47 1.47 0 1 0 0-2.94c-1.98 0-3.48 1.04-4.34 2.3-.44-.95-.98-1.93-1.64-2.94a1.47 1.47 0 0 0-2.04-.44Z"
-  })
-});
-var WebStormIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
-  viewBox: "0 0 24 24",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: [
-    /* @__PURE__ */ jsx5("rect", {
-      width: "24",
-      height: "24",
-      rx: "3",
-      fill: "#07C3F2"
-    }),
-    /* @__PURE__ */ jsx5("path", {
-      fill: "#050505",
-      d: "M3 3h18v18H3z"
-    }),
-    /* @__PURE__ */ jsx5("path", {
-      fill: "#fff",
-      d: "M4.8 5.4h2.1l1.3 4.9 1.4-4.9h1.6l1.4 4.9 1.3-4.9h2.1l-2.5 8.7h-1.8l-1.3-4.8-1.4 4.8H7.3L4.8 5.4Zm10.8 7.3 1.1-1.4c.8.6 1.6 1 2.5 1 .7 0 1.2-.3 1.2-.8 0-.5-.3-.7-1.7-1.1-1.7-.4-2.8-.9-2.8-2.6 0-1.6 1.3-2.6 3-2.6 1.2 0 2.3.4 3.2 1.1l-1 1.5c-.8-.5-1.5-.8-2.2-.8-.7 0-1.1.3-1.1.7 0 .6.4.7 1.8 1.1 1.7.5 2.7 1.1 2.7 2.6 0 1.7-1.3 2.7-3.2 2.7-1.3 0-2.6-.5-3.5-1.4ZM4.7 18h8v1.3h-8V18Z"
-    })
-  ]
-});
-var SublimeTextIcon = ({ size }) => /* @__PURE__ */ jsxs("svg", {
-  viewBox: "0 0 40 40",
-  style: iconStyle(size),
-  "aria-hidden": true,
-  children: [
-    /* @__PURE__ */ jsx5("path", {
-      fill: "#FF9800",
-      d: "M35.91 4.51c0-.37-.36-.59-.8-.48L4.8 11.44c-.44.11-.8.5-.8.87v7.58c0 .37.36.59.8.48l30.31-7.41c.44-.11.8-.5.8-.87V4.51Zm0 15.57c0-.38-.36-.59-.8-.49L4.8 27.01c-.44.1-.8.5-.8.87v7.57c0 .38.36.6.8.49l30.31-7.41c.44-.11.8-.5.8-.88v-7.57Z"
-    }),
-    /* @__PURE__ */ jsx5("path", {
-      fill: "#F28C00",
-      d: "M4 19.84c0 .37.36.76.8.87l30.32 7.41c.44.11.8-.11.8-.48v-7.58c0-.37-.36-.76-.8-.87L4.8 11.78c-.44-.11-.8.11-.8.48v7.58Z"
-    })
-  ]
-});
-var EditorIcon = ({ editorId, size: sizeProp }) => {
-  const size = sizeProp ?? 14;
-  switch (editorId) {
-    case "vscode":
-      return /* @__PURE__ */ jsx5(VsCodeIcon, {
-        size
-      });
-    case "cursor":
-      return /* @__PURE__ */ jsx5(CursorIcon, {
-        size
-      });
-    case "windsurf":
-      return /* @__PURE__ */ jsx5(WindsurfIcon, {
-        size
-      });
-    case "zed":
-      return /* @__PURE__ */ jsx5(ZedIcon, {
-        size
-      });
-    case "vscodium":
-      return /* @__PURE__ */ jsx5(VscodiumIcon, {
-        size
-      });
-    case "webstorm":
-      return /* @__PURE__ */ jsx5(WebStormIcon, {
-        size
-      });
-    case "sublime-text":
-      return /* @__PURE__ */ jsx5(SublimeTextIcon, {
-        size
-      });
-    case "custom":
-    case null:
-      return /* @__PURE__ */ jsx5(CustomEditorIcon, {
-        size
-      });
-    default:
-      return null;
-  }
-};
-
-// src/icons/finder.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var FinderIcon = ({ size }) => {
-  return /* @__PURE__ */ jsx6("img", {
-    alt: "",
-    "aria-hidden": true,
-    "data-file-manager-icon": "finder",
-    draggable: false,
-    src: "/api/app-icon/file-manager/finder.png",
-    style: { flexShrink: 0, height: size, width: size }
-  });
-};
-
-// src/icons/terminal.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var iconStyle2 = (size) => ({
-  flexShrink: 0,
-  height: size,
-  width: size
-});
-var simpleTerminalIcons = {
-  warp: {
-    color: "#01A4FF",
-    path: "M12.035 2.723h9.253A2.712 2.712 0 0 1 24 5.435v10.529a2.712 2.712 0 0 1-2.712 2.713H8.047Zm-1.681 2.6L6.766 19.677h5.598l-.399 1.6H2.712A2.712 2.712 0 0 1 0 18.565V8.036a2.712 2.712 0 0 1 2.712-2.712Z"
-  },
-  wezterm: {
-    color: "#4E49EE",
-    path: "M3.27 8.524c0-.623.62-1.007 2.123-1.007l-.5 2.757c-.931-.623-1.624-1.199-1.624-1.75zm4.008 6.807c0 .647-.644 1.079-2.123 1.15l.524-2.924c.931.624 1.6 1.175 1.6 1.774zm-2.625 5.992.454-2.708c3.603-.336 5.01-1.798 5.01-3.404 0-1.653-2.004-2.948-3.841-4.074l.668-3.548c.764.072 1.67.216 2.744.432l.31-2.469c-.81-.12-1.575-.168-2.29-.216L8.257 2.7l-2.363-.024-.453 2.684C1.838 5.648.43 7.158.43 8.764c0 1.63 2.004 2.876 3.841 3.954l-.668 3.716c-.859-.048-1.908-.192-3.125-.408L0 18.495c1.026.12 1.98.192 2.84.216l-.525 2.588zm15.553-1.894h2.673c.334-2.804.81-8.46 1.121-14.86h-2.553c-.071 1.51-.334 10.498-.43 11.241h-.071c-.644-2.42-1.169-4.386-1.813-6.782h-1.456c-.62 2.396-1.05 4.194-1.694 6.782h-.096c-.071-.743-.477-9.73-.525-11.24h-2.648c.31 6.399.763 12.055 1.097 14.86h2.625l1.838-7.12z"
-  },
-  alacritty: {
-    color: "#F46D01",
-    path: "m10.065 0-8.57 21.269h3.595l6.91-16.244 6.91 16.244h3.594l-8.57-21.269zm1.935 9.935c-.76666 1.8547-1.5334 3.7094-2.298 5.565 1.475 4.54 1.475 4.54 2.298 8.5.823-3.96.823-3.96 2.297-8.5-.76637-1.8547-1.5315-3.7099-2.297-5.565z"
-  },
-  "gnome-terminal": {
-    color: CURRENT_COLOR,
-    path: "M1.846 0A1.841 1.841 0 000 1.846v18.463c0 1.022.823 1.845 1.846 1.845h20.308A1.841 1.841 0 0024 20.31V1.846A1.841 1.841 0 0022.154 0H1.846zm0 .924h20.308c.512 0 .922.41.922.922v18.463c0 .511-.41.921-.922.921H1.846a.919.919 0 01-.922-.921V1.846c0-.512.41-.922.922-.922zm0 .922v18.463h20.308V1.846H1.846zm1.845 2.14l3.235 1.758v.836L3.69 8.477V7.385l2.243-1.207v-.033L3.69 5.076v-1.09zM7.846 9.23h3.693v.924H7.846V9.23zM0 21.736v.418C0 23.177.823 24 1.846 24h20.308A1.841 1.841 0 0024 22.154v-.418a2.334 2.334 0 01-1.846.918H1.846A2.334 2.334 0 010 21.736Z"
-  }
-};
-var TerminalIcon = ({ terminalId, size }) => {
-  const hasArtwork = terminalId === "terminal" || terminalId === "iterm2" || terminalId === "ghostty" || terminalId === "windows-terminal";
-  if (hasArtwork) {
-    return /* @__PURE__ */ jsx7("img", {
-      alt: "",
-      "aria-hidden": true,
-      "data-terminal-icon": terminalId,
-      draggable: false,
-      src: `/api/app-icon/terminal/${terminalId}.png`,
-      style: iconStyle2(size)
-    });
-  }
-  const icon = simpleTerminalIcons[terminalId];
-  if (!icon) {
-    return /* @__PURE__ */ jsx7(AppsIcon, {
-      "aria-hidden": true,
-      "data-terminal-icon": terminalId,
-      height: size,
-      width: size
-    });
-  }
-  return /* @__PURE__ */ jsx7("svg", {
-    "aria-hidden": true,
-    "data-terminal-icon": terminalId,
-    style: iconStyle2(size),
-    viewBox: "0 0 24 24",
-    children: /* @__PURE__ */ jsx7("path", {
-      d: icon.path,
-      fill: icon.color
-    })
-  });
-};
-
-// src/api/delete-static-file.ts
-import { getRemotionEnvironment } from "remotion";
-
-// src/helpers/sequence-node-path-mutations.ts
-var pendingMutations = [];
-var seenMutationIds = new Set;
-var queueSequenceNodePathMutation = (mutation) => {
-  if (seenMutationIds.has(mutation.mutationId)) {
-    return;
-  }
-  seenMutationIds.add(mutation.mutationId);
-  pendingMutations.push(mutation);
-};
-var queueSequenceNodePathMutationFromApiResponse = (response) => {
-  if (typeof response !== "object" || response === null || !("nodePathMutation" in response)) {
-    return;
-  }
-  const { nodePathMutation } = response;
-  if (typeof nodePathMutation !== "object" || nodePathMutation === null || !("mutationId" in nodePathMutation) || typeof nodePathMutation.mutationId !== "string") {
-    return;
-  }
-  queueSequenceNodePathMutation(nodePathMutation);
-};
-
-// src/components/call-api.ts
-var callApi = (endpoint, body, signal) => {
-  return new Promise((resolve, reject) => {
-    fetch(endpoint, {
-      method: "post",
-      headers: {
-        "content-type": "application/json"
-      },
-      signal,
-      body: JSON.stringify(body)
-    }).then((res) => res.json()).then((data) => {
-      if (data.success) {
-        queueSequenceNodePathMutationFromApiResponse(data.data);
-        resolve(data.data);
-      } else {
-        reject(new Error(data.error));
-      }
-    }).catch((err) => {
-      reject(err);
-    });
-  });
-};
-
-// src/helpers/browser-studio-operations.ts
-var getBrowserStudioOperations = () => {
-  if (typeof window === "undefined") {
-    return null;
-  }
-  return window.remotion_browserStudio ?? null;
-};
-
-// src/api/delete-static-file.ts
-var deleteStaticFile = async (relativePath) => {
-  if (!getRemotionEnvironment().isStudio) {
-    throw new Error("deleteStaticFile() is only available in the Studio");
-  }
-  if (relativePath.startsWith(window.remotion_staticBase)) {
-    relativePath = relativePath.substring(window.remotion_staticBase.length + 1);
-  }
-  const browserStudioOperations = getBrowserStudioOperations();
-  if (browserStudioOperations) {
-    return browserStudioOperations.deleteStaticFile({ relativePath });
-  }
-  if (window.remotion_isReadOnlyStudio) {
-    throw new Error("deleteStaticFile() is not available in Read-Only Studio");
-  }
-  const res = await callApi("/api/delete-static-file", { relativePath });
-  return res;
-};
-// src/components/RenderModal/SchemaEditor/scroll-to-default-props-path.ts
-import React from "react";
-var DEFAULT_PROPS_PATH_CLASSNAME = "__remotion-default-props-editor-label";
-var DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME = "__remotion-default-props-editor-label-active";
-var defaultPropsEditorScrollableAreaRef = React.createRef();
-
 // src/api/focus-default-props-path.ts
 var focusDefaultPropsPath = ({
   path,
@@ -467,43 +70,15 @@ var focusDefaultPropsPath = ({
     success: true
   };
 };
-// src/api/get-static-files.ts
-var warnedServer = false;
-var warnedPlayer = false;
-var warnServerOnce = () => {
-  if (warnedServer) {
-    return;
-  }
-  warnedServer = true;
-  console.warn("Called getStaticFiles() on the server. The API is only available in the browser. An empty array was returned.");
-};
-var warnPlayerOnce = () => {
-  if (warnedPlayer) {
-    return;
-  }
-  warnedPlayer = true;
-  console.warn("Called getStaticFiles() while using the Remotion Player. The API is only available while using the Remotion Studio. An empty array was returned.");
-};
-var getStaticFiles = () => {
-  if (typeof document === "undefined") {
-    warnServerOnce();
-    return [];
-  }
-  if (window.remotion_isPlayer) {
-    warnPlayerOnce();
-    return [];
-  }
-  return window.remotion_staticFiles;
-};
 // src/api/go-to-composition.ts
 import { Internals } from "remotion";
 var goToComposition = (compositionId) => {
   Internals.compositionSelectorRef.current?.selectComposition(compositionId);
 };
 // src/api/helpers/calc-new-props.ts
-import { Internals as Internals2, getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
+import { Internals as Internals2, getRemotionEnvironment } from "remotion";
 var calcNewProps = (compositionId, defaultProps) => {
-  if (!getRemotionEnvironment2().isStudio) {
+  if (!getRemotionEnvironment().isStudio) {
     throw new Error("saveDefaultProps can only be called in the Remotion Studio.");
   }
   const { compositionsRef } = Internals2;
@@ -527,356 +102,18 @@ var calcNewProps = (compositionId, defaultProps) => {
     generatedDefaultProps
   };
 };
-// src/api/pause.ts
-import { Internals as Internals3 } from "remotion";
-var pause = () => {
-  Internals3.timeValueRef.current?.pause();
-};
-// src/api/play.ts
-import { Internals as Internals4 } from "remotion";
-var play = (e) => {
-  Internals4.timeValueRef.current?.play(e);
-};
 // src/api/reevaluate-composition.ts
-import { Internals as Internals5 } from "remotion";
+import { Internals as Internals3 } from "remotion";
 var reevaluateComposition = () => {
-  Internals5.resolveCompositionsRef.current?.reloadCurrentlySelectedComposition();
-};
-// src/api/restart-studio.ts
-import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
-var restartStudio = () => {
-  if (!getRemotionEnvironment3().isStudio) {
-    throw new Error("restartStudio() is only available in the Studio");
-  }
-  if (getBrowserStudioOperations() !== null) {
-    throw new Error("restartStudio() is not supported in Browser Studio");
-  }
-  if (window.remotion_isReadOnlyStudio) {
-    throw new Error("restartStudio() is not available in read-only Studio");
-  }
-  return callApi("/api/restart-studio", {});
-};
-// src/api/shut-down-studio.ts
-import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
-var shutDownStudio = () => {
-  if (!getRemotionEnvironment4().isStudio) {
-    throw new Error("shutDownStudio() is only available in the Studio");
-  }
-  if (getBrowserStudioOperations() !== null) {
-    throw new Error("shutDownStudio() is not supported in Browser Studio");
-  }
-  if (window.remotion_isReadOnlyStudio) {
-    throw new Error("shutDownStudio() is not available in read-only Studio");
-  }
-  return callApi("/api/shutdown-studio", {});
-};
-// src/api/save-default-props.ts
-import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
-
-// src/components/RenderModal/SchemaEditor/zod-schema-type.ts
-var getZodDef = (schema) => {
-  if (schema._def)
-    return schema._def;
-  if (schema._zod)
-    return schema._zod.def;
-  throw new Error("Invalid zod schema: missing _def and _zod");
-};
-var v3TypeNameMap = {
-  ZodString: "string",
-  ZodNumber: "number",
-  ZodBoolean: "boolean",
-  ZodObject: "object",
-  ZodArray: "array",
-  ZodEnum: "enum",
-  ZodUnion: "union",
-  ZodDiscriminatedUnion: "discriminatedUnion",
-  ZodOptional: "optional",
-  ZodNullable: "nullable",
-  ZodDefault: "default",
-  ZodTuple: "tuple",
-  ZodDate: "date",
-  ZodAny: "any",
-  ZodUnknown: "unknown",
-  ZodBigInt: "bigint",
-  ZodNull: "null",
-  ZodUndefined: "undefined",
-  ZodEffects: "effects",
-  ZodLiteral: "literal",
-  ZodRecord: "record",
-  ZodNever: "never",
-  ZodVoid: "void",
-  ZodNaN: "nan",
-  ZodSymbol: "symbol",
-  ZodIntersection: "intersection",
-  ZodMap: "map",
-  ZodSet: "set",
-  ZodLazy: "lazy",
-  ZodFunction: "function",
-  ZodNativeEnum: "nativeEnum",
-  ZodCatch: "catch",
-  ZodPromise: "promise",
-  ZodBranded: "branded",
-  ZodPipeline: "pipeline"
-};
-var isZodV3Schema = (schema) => {
-  const def = getZodDef(schema);
-  return "typeName" in def;
-};
-var getZodSchemaType = (schema) => {
-  const def = getZodDef(schema);
-  if ("typeName" in def) {
-    const { typeName } = def;
-    return v3TypeNameMap[typeName] ?? typeName;
-  }
-  const { type } = def;
-  if (type === "union" && def.discriminator !== undefined) {
-    return "discriminatedUnion";
-  }
-  return type;
-};
-var getZodSchemaDescription = (schema) => {
-  if (isZodV3Schema(schema)) {
-    return getZodDef(schema).description;
-  }
-  return schema.description;
-};
-var getObjectShape = (schema) => {
-  const { shape } = getZodDef(schema);
-  return typeof shape === "function" ? shape() : shape;
-};
-var getArrayElement = (schema) => {
-  const def = getZodDef(schema);
-  return isZodV3Schema(schema) ? def.type : def.element;
-};
-var getInnerType = (schema) => {
-  return getZodDef(schema).innerType;
-};
-var getEffectsInner = (schema) => {
-  return getZodDef(schema).schema;
-};
-var getUnionOptions = (schema) => {
-  return getZodDef(schema).options;
-};
-var getIntersectionSchemas = (schema) => {
-  const def = getZodDef(schema);
-  return { left: def.left, right: def.right };
-};
-var getTupleItems = (schema) => {
-  return getZodDef(schema).items;
-};
-var getRecordValueType = (schema) => {
-  return getZodDef(schema).valueType;
-};
-var getRecordKeyType = (schema) => {
-  return getZodDef(schema).keyType;
-};
-var getPipelineOutput = (schema) => {
-  return getZodDef(schema).out;
-};
-var getBrandedInner = (schema) => {
-  return isZodV3Schema(schema) ? getZodDef(schema).type : schema;
-};
-
-// src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
-var extractEnumJsonPaths = ({
-  schema,
-  zodRuntime,
-  currentPath,
-  zodTypes
-}) => {
-  const description = getZodSchemaDescription(schema);
-  if (zodTypes && description === zodTypes.ZodZypesInternals.REMOTION_MATRIX_BRAND) {
-    return [currentPath];
-  }
-  const typeName = getZodSchemaType(schema);
-  switch (typeName) {
-    case "object": {
-      const shape = getObjectShape(schema);
-      const keys = Object.keys(shape);
-      return keys.map((key) => {
-        return extractEnumJsonPaths({
-          schema: shape[key],
-          zodRuntime,
-          currentPath: [...currentPath, key],
-          zodTypes
-        });
-      }).flat(1);
-    }
-    case "array": {
-      return extractEnumJsonPaths({
-        schema: getArrayElement(schema),
-        zodRuntime,
-        currentPath: [...currentPath, "[]"],
-        zodTypes
-      });
-    }
-    case "union": {
-      return getUnionOptions(schema).map((option) => {
-        return extractEnumJsonPaths({
-          schema: option,
-          zodRuntime,
-          currentPath,
-          zodTypes
-        });
-      }).flat(1);
-    }
-    case "discriminatedUnion": {
-      return getUnionOptions(schema).map((op) => {
-        return extractEnumJsonPaths({
-          schema: op,
-          zodRuntime,
-          currentPath,
-          zodTypes
-        });
-      }).flat(1);
-    }
-    case "literal": {
-      return [currentPath];
-    }
-    case "effects": {
-      return extractEnumJsonPaths({
-        schema: getEffectsInner(schema),
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-    }
-    case "intersection": {
-      const { left, right } = getIntersectionSchemas(schema);
-      const leftValue = extractEnumJsonPaths({
-        schema: left,
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-      const rightValue = extractEnumJsonPaths({
-        schema: right,
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-      return [...leftValue, ...rightValue];
-    }
-    case "tuple": {
-      return getTupleItems(schema).map((item, i) => extractEnumJsonPaths({
-        schema: item,
-        zodRuntime,
-        currentPath: [...currentPath, i],
-        zodTypes
-      })).flat(1);
-    }
-    case "record": {
-      const recordPath = [...currentPath, "{}"];
-      const keyResults = extractEnumJsonPaths({
-        schema: getRecordKeyType(schema),
-        zodRuntime,
-        currentPath: recordPath,
-        zodTypes
-      });
-      const valueResults = extractEnumJsonPaths({
-        schema: getRecordValueType(schema),
-        zodRuntime,
-        currentPath: recordPath,
-        zodTypes
-      });
-      return [...keyResults, ...valueResults];
-    }
-    case "function": {
-      throw new Error("Cannot create a value for type function");
-    }
-    case "enum": {
-      return [currentPath];
-    }
-    case "nativeEnum": {
-      return [];
-    }
-    case "optional":
-    case "nullable":
-    case "catch": {
-      return extractEnumJsonPaths({
-        schema: getInnerType(schema),
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-    }
-    case "default": {
-      return extractEnumJsonPaths({
-        schema: getInnerType(schema),
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-    }
-    case "promise": {
-      return [];
-    }
-    case "branded": {
-      return extractEnumJsonPaths({
-        schema: getBrandedInner(schema),
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-    }
-    case "pipeline":
-    case "pipe": {
-      return extractEnumJsonPaths({
-        schema: getPipelineOutput(schema),
-        zodRuntime,
-        currentPath,
-        zodTypes
-      });
-    }
-    case "string":
-    case "number":
-    case "bigint":
-    case "boolean":
-    case "nan":
-    case "date":
-    case "symbol":
-    case "undefined":
-    case "null":
-    case "any":
-    case "unknown":
-    case "never":
-    case "void":
-    case "map":
-    case "lazy":
-    case "set":
-    case "custom": {
-      return [];
-    }
-    default:
-      throw new Error("Not implemented: " + typeName);
-  }
+  Internals3.resolveCompositionsRef.current?.reloadCurrentlySelectedComposition();
 };
-
-// src/components/RenderQueue/actions.ts
-import { NoReactInternals } from "remotion/no-react";
-var callUpdateDefaultPropsApi = (compositionId, defaultProps, enumPaths) => {
-  const body = {
-    compositionId,
-    defaultProps: NoReactInternals.serializeJSONWithSpecialTypes({
-      data: defaultProps,
-      indent: undefined,
-      staticBase: window.remotion_staticBase
-    }).serializedString,
-    enumPaths
-  };
-  const browserStudioOperations = getBrowserStudioOperations();
-  if (browserStudioOperations !== null) {
-    return browserStudioOperations.updateDefaultProps(body);
-  }
-  return callApi("/api/update-default-props", body);
-};
-
 // src/api/save-default-props.ts
+import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
 var saveDefaultProps = async ({
   compositionId,
   defaultProps
 }) => {
-  if (!getRemotionEnvironment5().isStudio) {
+  if (!getRemotionEnvironment2().isStudio) {
     throw new Error("saveDefaultProps() is only available in the Studio");
   }
   if (window.remotion_isReadOnlyStudio) {
@@ -906,93 +143,18 @@ var saveDefaultProps = async ({
   err.stack = res.stack;
   return Promise.reject(err);
 };
-// src/api/seek.ts
-import { Internals as Internals6 } from "remotion";
-var seek = (frame) => {
-  Internals6.timeValueRef.current?.seek(Math.max(0, frame));
-};
 // src/api/toggle.ts
-import { Internals as Internals7 } from "remotion";
+import { Internals as Internals4 } from "remotion";
 var toggle = (e) => {
-  Internals7.timeValueRef.current?.toggle(e);
+  Internals4.timeValueRef.current?.toggle(e);
 };
 // src/api/update-default-props.ts
 var updateDefaultProps = saveDefaultProps;
 // src/api/visual-control.ts
-import { getRemotionEnvironment as getRemotionEnvironment6 } from "remotion";
-
-// src/helpers/use-sync-external-store.ts
-import { Internals as Internals8 } from "remotion";
-var { useSyncExternalStore } = Internals8;
-
-// src/visual-controls/visual-control-store.ts
-var version = 0;
-var listeners = new Set;
-var visualControlStore = {
-  subscribe(listener) {
-    listeners.add(listener);
-    return () => {
-      listeners.delete(listener);
-    };
-  },
-  getSnapshot() {
-    return version;
-  },
-  emitChange() {
-    version++;
-    for (const listener of listeners) {
-      listener();
-    }
-  }
-};
-
-// src/visual-controls/VisualControls.tsx
-import {
-  createContext as createContext2,
-  createRef,
-  useCallback,
-  useEffect as useEffect2,
-  useImperativeHandle,
-  useMemo as useMemo2,
-  useRef,
-  useState as useState2
-} from "react";
-import { useRemotionEnvironment } from "remotion";
-
-// src/components/get-zod-if-possible.tsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var ZodContext = createContext(null);
-
-// src/visual-controls/VisualControls.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var VisualControlsTabActivatedContext = createContext2(false);
-var VisualControlsContext = createContext2({
-  handles: {}
-});
-var visualControlRef = createRef();
-var SetVisualControlsContext = createContext2({
-  updateHandles: () => {
-    throw new Error("updateHandles is not implemented");
-  },
-  updateValue: () => {
-    throw new Error("updateValue is not implemented");
-  },
-  visualControl: () => {
-    throw new Error("visualControl is not implemented");
-  }
-});
-
-// src/api/visual-control.ts
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
 var visualControl = (key, value, schema) => {
   useSyncExternalStore(visualControlStore.subscribe, visualControlStore.getSnapshot, visualControlStore.getSnapshot);
-  if (getRemotionEnvironment6().isRendering) {
+  if (getRemotionEnvironment3().isRendering) {
     return value;
   }
   if (!visualControlRef.current) {
@@ -1000,32 +162,10 @@ var visualControl = (key, value, schema) => {
   }
   return visualControlRef.current.globalVisualControl(key, value, schema);
 };
-// src/api/watch-public-folder.ts
-import { getRemotionEnvironment as getRemotionEnvironment7 } from "remotion";
-var WATCH_REMOTION_STATIC_FILES = "remotion_staticFilesChanged";
-var watchPublicFolder = (callback) => {
-  if (!getRemotionEnvironment7().isStudio) {
-    console.warn("The watchPublicFolder() API is only available while using the Remotion Studio.");
-    return { cancel: () => {
-      return;
-    } };
-  }
-  if (window.remotion_isReadOnlyStudio && !getBrowserStudioOperations()) {
-    throw new Error("watchPublicFolder() is not available in read-only Studio");
-  }
-  const emitUpdate = () => {
-    callback(getStaticFiles());
-  };
-  window.addEventListener(WATCH_REMOTION_STATIC_FILES, emitUpdate);
-  const cancel = () => {
-    return window.removeEventListener(WATCH_REMOTION_STATIC_FILES, emitUpdate);
-  };
-  return { cancel };
-};
 // src/api/watch-static-file.ts
-import { getRemotionEnvironment as getRemotionEnvironment8 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
 var watchStaticFile = (fileName, callback) => {
-  if (!getRemotionEnvironment8().isStudio) {
+  if (!getRemotionEnvironment4().isStudio) {
     console.warn("watchStaticFile() is only available while using the Remotion Studio.");
     return { cancel: () => {
       return;
@@ -1056,34 +196,6 @@ var watchStaticFile = (fileName, callback) => {
   });
   return { cancel };
 };
-// src/api/write-static-file.ts
-var writeStaticFile = async ({
-  contents,
-  filePath
-}) => {
-  if (filePath.includes("\\")) {
-    return Promise.reject(new Error("File path cannot contain backslashes"));
-  }
-  const browserStudioOperations = getBrowserStudioOperations();
-  if (browserStudioOperations) {
-    return browserStudioOperations.writeStaticFile({ contents, filePath });
-  }
-  if (window.remotion_isReadOnlyStudio) {
-    throw new Error("writeStaticFile() is not available in read-only Studio");
-  }
-  const url = new URL(`${window.remotion_staticBase}/api/add-asset`, window.location.origin);
-  url.search = new URLSearchParams({
-    filePath
-  }).toString();
-  const response = await fetch(url, {
-    method: "POST",
-    body: contents
-  });
-  if (!response.ok) {
-    const jsonResponse = await response.json();
-    throw new Error(jsonResponse.error);
-  }
-};
 
 // src/index.ts
 var StudioInternals = {