@remotion/renderer 4.0.487 → 4.0.489

package/dist/esm/client.mjs

@@ -2560,23 +2560,55 @@ var imageSequencePatternOption = {
   id: cliFlag42
 };
 
-// src/options/ipv4.tsx
+// src/options/interactivity.tsx
 import { jsx as jsx39, Fragment as Fragment39 } from "react/jsx-runtime";
+var interactivityEnabled = true;
+var cliFlag43 = "disable-interactivity";
+var interactivityOption = {
+  name: "Disable or enable Studio interactivity",
+  cliFlag: cliFlag43,
+  description: () => /* @__PURE__ */ jsx39(Fragment39, {
+    children: "Enable or disable interactive editing in the Remotion Studio. When disabled, the Studio keeps previewing and source navigation available, but disables preview outlines, the sequence inspector, visual controls, timeline selection and timeline editing gestures."
+  }),
+  ssrName: null,
+  docLink: "https://www.remotion.dev/docs/config#setinteractivityenabled",
+  type: false,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag43] !== undefined && commandLine[cliFlag43] !== null) {
+      interactivityEnabled = commandLine[cliFlag43] === false;
+      return {
+        value: interactivityEnabled,
+        source: "cli"
+      };
+    }
+    return {
+      value: interactivityEnabled,
+      source: "config"
+    };
+  },
+  setConfig(value) {
+    interactivityEnabled = value;
+  },
+  id: cliFlag43
+};
+
+// src/options/ipv4.tsx
+import { jsx as jsx40, Fragment as Fragment40 } from "react/jsx-runtime";
 var forceIPv4 = false;
-var cliFlag43 = "ipv4";
+var cliFlag44 = "ipv4";
 var ipv4Option = {
   name: "IPv4",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsx39(Fragment39, {
+  cliFlag: cliFlag44,
+  description: () => /* @__PURE__ */ jsx40(Fragment40, {
     children: "Forces Remotion to bind to an IPv4 interface for the Studio server."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/cli/studio",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag43] !== undefined && commandLine[cliFlag43] !== null) {
+    if (commandLine[cliFlag44] !== undefined && commandLine[cliFlag44] !== null) {
       return {
-        value: commandLine[cliFlag43],
+        value: commandLine[cliFlag44],
         source: "cli"
       };
     }
@@ -2588,25 +2620,25 @@ var ipv4Option = {
   setConfig(value) {
     forceIPv4 = value;
   },
-  id: cliFlag43
+  id: cliFlag44
 };
 
 // src/options/is-production.tsx
-import { jsx as jsx40, jsxs as jsxs28, Fragment as Fragment40 } from "react/jsx-runtime";
-var cliFlag44 = "is-production";
+import { jsx as jsx41, jsxs as jsxs28, Fragment as Fragment41 } from "react/jsx-runtime";
+var cliFlag45 = "is-production";
 var currentIsProductionKey = null;
 var isProductionOption = {
   name: "Is Production",
-  cliFlag: cliFlag44,
-  description: () => /* @__PURE__ */ jsxs28(Fragment40, {
+  cliFlag: cliFlag45,
+  description: () => /* @__PURE__ */ jsxs28(Fragment41, {
     children: [
       "Pass ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "false"
       }),
       " if this a development render to not count it as a billable render on remotion.pro. Only can be used in conjuction with",
       " ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "licenseKey"
       }),
       "."
@@ -2615,10 +2647,10 @@ var isProductionOption = {
   ssrName: "isProduction",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag44] !== undefined && commandLine[cliFlag44] !== null) {
+    if (commandLine[cliFlag45] !== undefined && commandLine[cliFlag45] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag44]
+        value: commandLine[cliFlag45]
       };
     }
     if (currentIsProductionKey !== null) {
@@ -2636,11 +2668,11 @@ var isProductionOption = {
     currentIsProductionKey = value;
   },
   type: false,
-  id: cliFlag44
+  id: cliFlag45
 };
 
 // src/options/jpeg-quality.tsx
-import { jsx as jsx41, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx42, Fragment as Fragment42 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -2651,11 +2683,11 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag45 = "jpeg-quality";
+var cliFlag46 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag45,
-  description: () => /* @__PURE__ */ jsx41(Fragment41, {
+  cliFlag: cliFlag46,
+  description: () => /* @__PURE__ */ jsx42(Fragment42, {
     children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
   }),
   ssrName: "jpegQuality",
@@ -2663,11 +2695,11 @@ var jpegQualityOption = {
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag45] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag45]);
+    if (commandLine[cliFlag46] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag46]);
       return {
         source: "cli",
-        value: commandLine[cliFlag45]
+        value: commandLine[cliFlag46]
       };
     }
     if (quality !== defaultValue) {
@@ -2681,25 +2713,25 @@ var jpegQualityOption = {
       value: defaultValue
     };
   },
-  id: cliFlag45
+  id: cliFlag46
 };
 
 // src/options/keyboard-shortcuts.tsx
-import { jsx as jsx42, Fragment as Fragment42 } from "react/jsx-runtime";
+import { jsx as jsx43, Fragment as Fragment43 } from "react/jsx-runtime";
 var keyboardShortcutsEnabled = true;
-var cliFlag46 = "disable-keyboard-shortcuts";
+var cliFlag47 = "disable-keyboard-shortcuts";
 var keyboardShortcutsOption = {
   name: "Disable or Enable keyboard shortcuts",
-  cliFlag: cliFlag46,
-  description: () => /* @__PURE__ */ jsx42(Fragment42, {
+  cliFlag: cliFlag47,
+  description: () => /* @__PURE__ */ jsx43(Fragment43, {
     children: "Enable or disable keyboard shortcuts in the Remotion Studio."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setkeyboardshortcutsenabled",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag46] !== undefined && commandLine[cliFlag46] !== null) {
-      keyboardShortcutsEnabled = commandLine[cliFlag46] === false;
+    if (commandLine[cliFlag47] !== undefined && commandLine[cliFlag47] !== null) {
+      keyboardShortcutsEnabled = commandLine[cliFlag47] === false;
       return {
         value: keyboardShortcutsEnabled,
         source: "cli"
@@ -2713,42 +2745,42 @@ var keyboardShortcutsOption = {
   setConfig(value) {
     keyboardShortcutsEnabled = value;
   },
-  id: cliFlag46
+  id: cliFlag47
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx43, jsxs as jsxs29, Fragment as Fragment43 } from "react/jsx-runtime";
-var cliFlag47 = "audio-latency-hint";
+import { jsx as jsx44, jsxs as jsxs29, Fragment as Fragment44 } from "react/jsx-runtime";
+var cliFlag48 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag47,
-  description: () => /* @__PURE__ */ jsxs29(Fragment43, {
+  cliFlag: cliFlag48,
+  description: () => /* @__PURE__ */ jsxs29(Fragment44, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx43("a", {
+      /* @__PURE__ */ jsx44("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx43("br", {}),
+      /* @__PURE__ */ jsx44("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "playback"
       })
     ]
@@ -2757,7 +2789,7 @@ var audioLatencyHintOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "playback",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag47];
+    const val = commandLine[cliFlag48];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -2769,21 +2801,21 @@ var audioLatencyHintOption = {
   setConfig: (profile) => {
     value = profile;
   },
-  id: cliFlag47
+  id: cliFlag48
 };
 
 // src/options/license-key.tsx
-import { jsx as jsx44, jsxs as jsxs30, Fragment as Fragment44 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs30, Fragment as Fragment45 } from "react/jsx-runtime";
 var currentLicenseKey = null;
-var cliFlag48 = "license-key";
+var cliFlag49 = "license-key";
 var licenseKeyOption = {
   name: "License key",
-  cliFlag: cliFlag48,
-  description: () => /* @__PURE__ */ jsxs30(Fragment44, {
+  cliFlag: cliFlag49,
+  description: () => /* @__PURE__ */ jsxs30(Fragment45, {
     children: [
       "License key for sending a usage event using",
       " ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "@remotion/licensing"
       }),
       "."
@@ -2793,10 +2825,10 @@ var licenseKeyOption = {
   docLink: "https://www.remotion.dev/docs/licensing",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag48] !== undefined) {
+    if (commandLine[cliFlag49] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag48]
+        value: commandLine[cliFlag49]
       };
     }
     return {
@@ -2807,47 +2839,47 @@ var licenseKeyOption = {
   setConfig: (value2) => {
     currentLicenseKey = value2;
   },
-  id: cliFlag48
+  id: cliFlag49
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx45, jsxs as jsxs31, Fragment as Fragment45 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs31, Fragment as Fragment46 } from "react/jsx-runtime";
 var logLevel = "info";
-var cliFlag49 = "log";
+var cliFlag50 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag49,
+  cliFlag: cliFlag50,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs31(Fragment45, {
+  description: () => /* @__PURE__ */ jsxs31(Fragment46, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx45("br", {}),
+      /* @__PURE__ */ jsx46("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx45("br", {}),
-      /* @__PURE__ */ jsx45("br", {}),
+      /* @__PURE__ */ jsx46("br", {}),
+      /* @__PURE__ */ jsx46("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx46("code", {
         children: "info"
       }),
       "."
@@ -2855,11 +2887,11 @@ var logLevelOption = {
   }),
   docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag49]) {
-      if (!isValidLogLevel(commandLine[cliFlag49])) {
+    if (commandLine[cliFlag50]) {
+      if (!isValidLogLevel(commandLine[cliFlag50])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag49], source: "cli" };
+      return { value: commandLine[cliFlag50], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -2870,23 +2902,23 @@ var logLevelOption = {
     logLevel = newLogLevel;
   },
   type: "error",
-  id: cliFlag49
+  id: cliFlag50
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx46, jsxs as jsxs32, Fragment as Fragment46 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32, Fragment as Fragment47 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag50 = "metadata";
+var cliFlag51 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag50,
+  cliFlag: cliFlag51,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs32(Fragment46, {
+      return /* @__PURE__ */ jsxs32(Fragment47, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx46("a", {
+          /* @__PURE__ */ jsx47("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -2894,18 +2926,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs32(Fragment46, {
+    return /* @__PURE__ */ jsxs32(Fragment47, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx46("a", {
+        /* @__PURE__ */ jsx47("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx46("br", {}),
+        /* @__PURE__ */ jsx47("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx46("code", {
+        /* @__PURE__ */ jsx47("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -2916,8 +2948,8 @@ var metadataOption = {
   docLink: "https://www.remotion.dev/docs/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag50] !== undefined) {
-      const val = commandLine[cliFlag50];
+    if (commandLine[cliFlag51] !== undefined) {
+      const val = commandLine[cliFlag51];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -2944,28 +2976,28 @@ var metadataOption = {
     metadata = newMetadata;
   },
   ssrName: "metadata",
-  id: cliFlag50
+  id: cliFlag51
 };
 
 // src/options/mute.tsx
-import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
+import { jsx as jsx48, Fragment as Fragment48 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag51 = "muted";
+var cliFlag52 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag51,
-  description: () => /* @__PURE__ */ jsx47(Fragment47, {
+  cliFlag: cliFlag52,
+  description: () => /* @__PURE__ */ jsx48(Fragment48, {
     children: "The Audio of the video will be omitted."
   }),
   ssrName: "muted",
   docLink: "https://www.remotion.dev/docs/audio/muting",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag51] !== null) {
+    if (commandLine[cliFlag52] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag51]
+        value: commandLine[cliFlag52]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -2982,17 +3014,17 @@ var mutedOption = {
   setConfig: () => {
     mutedState = true;
   },
-  id: cliFlag51
+  id: cliFlag52
 };
 
 // src/options/no-open.tsx
-import { jsx as jsx48, Fragment as Fragment48 } from "react/jsx-runtime";
+import { jsx as jsx49, Fragment as Fragment49 } from "react/jsx-runtime";
 var shouldOpenBrowser = true;
-var cliFlag52 = "no-open";
+var cliFlag53 = "no-open";
 var noOpenOption = {
   name: "Disable browser auto-open",
-  cliFlag: cliFlag52,
-  description: () => /* @__PURE__ */ jsx48(Fragment48, {
+  cliFlag: cliFlag53,
+  description: () => /* @__PURE__ */ jsx49(Fragment49, {
     children: "If specified, Remotion will not open a browser window when starting the Studio."
   }),
   ssrName: null,
@@ -3011,30 +3043,30 @@ var noOpenOption = {
   setConfig: (shouldOpen) => {
     shouldOpenBrowser = shouldOpen;
   },
-  id: cliFlag52
+  id: cliFlag53
 };
 
 // src/options/number-of-gif-loops.tsx
-import { jsx as jsx49, jsxs as jsxs33, Fragment as Fragment49 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs33, Fragment as Fragment50 } from "react/jsx-runtime";
 var currentLoop = null;
 var validate = (newLoop) => {
   if (newLoop !== null && typeof newLoop !== "number") {
     throw new Error("--number-of-gif-loops flag must be a number.");
   }
 };
-var cliFlag53 = "number-of-gif-loops";
+var cliFlag54 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag53,
+  cliFlag: cliFlag54,
   description: () => {
-    return /* @__PURE__ */ jsxs33(Fragment49, {
+    return /* @__PURE__ */ jsxs33(Fragment50, {
       children: [
         "Allows you to set the number of loops as follows:",
         /* @__PURE__ */ jsxs33("ul", {
           children: [
             /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx50("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
@@ -3042,7 +3074,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx50("code", {
                   children: "0"
                 }),
                 " disables looping"
@@ -3050,7 +3082,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx50("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
@@ -3058,7 +3090,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx50("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -3073,10 +3105,10 @@ var numberOfGifLoopsOption = {
   docLink: "https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag53] !== undefined) {
-      validate(commandLine[cliFlag53]);
+    if (commandLine[cliFlag54] !== undefined) {
+      validate(commandLine[cliFlag54]);
       return {
-        value: commandLine[cliFlag53],
+        value: commandLine[cliFlag54],
         source: "cli"
       };
     }
@@ -3095,21 +3127,21 @@ var numberOfGifLoopsOption = {
     validate(newLoop);
     currentLoop = newLoop;
   },
-  id: cliFlag53
+  id: cliFlag54
 };
 
 // src/options/number-of-shared-audio-tags.tsx
-import { jsx as jsx50, jsxs as jsxs34, Fragment as Fragment50 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs34, Fragment as Fragment51 } from "react/jsx-runtime";
 var numberOfSharedAudioTags = 0;
-var cliFlag54 = "number-of-shared-audio-tags";
+var cliFlag55 = "number-of-shared-audio-tags";
 var numberOfSharedAudioTagsOption = {
   name: "Number of shared audio tags",
-  cliFlag: cliFlag54,
-  description: () => /* @__PURE__ */ jsxs34(Fragment50, {
+  cliFlag: cliFlag55,
+  description: () => /* @__PURE__ */ jsxs34(Fragment51, {
     children: [
       "Set number of shared audio tags. See",
       " ",
-      /* @__PURE__ */ jsx50("a", {
+      /* @__PURE__ */ jsx51("a", {
         href: "https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop",
         children: "Using the numberOfSharedAudioTags prop"
       }),
@@ -3121,9 +3153,9 @@ var numberOfSharedAudioTagsOption = {
   docLink: "https://www.remotion.dev/docs/config#setnumberofsharedaudiotags",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag54] !== undefined) {
+    if (commandLine[cliFlag55] !== undefined) {
       return {
-        value: commandLine[cliFlag54],
+        value: commandLine[cliFlag55],
         source: "cli"
       };
     }
@@ -3135,39 +3167,39 @@ var numberOfSharedAudioTagsOption = {
   setConfig(value2) {
     numberOfSharedAudioTags = value2;
   },
-  id: cliFlag54
+  id: cliFlag55
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx51, jsxs as jsxs35, Fragment as Fragment51 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs35, Fragment as Fragment52 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag55 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag56 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag55,
-  description: () => /* @__PURE__ */ jsxs35(Fragment51, {
+  cliFlag: cliFlag56,
+  description: () => /* @__PURE__ */ jsxs35(Fragment52, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx51("a", {
+      /* @__PURE__ */ jsx52("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx51("code", {
+        children: /* @__PURE__ */ jsx52("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx51("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx51("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       " This option allows to override the size of the cache. The higher it is, the faster the render will be, but the more memory will be used.",
-      /* @__PURE__ */ jsx51("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx51("br", {}),
+      /* @__PURE__ */ jsx52("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx51("code", {
+      /* @__PURE__ */ jsx52("code", {
         children: "null"
       })
     ]
@@ -3176,10 +3208,10 @@ var offthreadVideoCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag55] !== undefined) {
+    if (commandLine[cliFlag56] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag55]
+        value: commandLine[cliFlag56]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -3196,22 +3228,22 @@ var offthreadVideoCacheSizeInBytesOption = {
   setConfig: (size) => {
     offthreadVideoCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag55
+  id: cliFlag56
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx52, jsxs as jsxs36, Fragment as Fragment52 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs36, Fragment as Fragment53 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag56 = "offthreadvideo-video-threads";
+var cliFlag57 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag56,
-  description: () => /* @__PURE__ */ jsxs36(Fragment52, {
+  cliFlag: cliFlag57,
+  description: () => /* @__PURE__ */ jsxs36(Fragment53, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx52("a", {
+      /* @__PURE__ */ jsx53("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx52("code", {
+        children: /* @__PURE__ */ jsx53("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -3226,10 +3258,10 @@ var offthreadVideoThreadsOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag56] !== undefined) {
+    if (commandLine[cliFlag57] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag56]
+        value: commandLine[cliFlag57]
       };
     }
     if (value2 !== null) {
@@ -3246,21 +3278,21 @@ var offthreadVideoThreadsOption = {
   setConfig: (size) => {
     value2 = size ?? null;
   },
-  id: cliFlag56
+  id: cliFlag57
 };
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx53, jsxs as jsxs37, Fragment as Fragment53 } from "react/jsx-runtime";
-var cliFlag57 = "on-browser-download";
+import { jsx as jsx54, jsxs as jsxs37, Fragment as Fragment54 } from "react/jsx-runtime";
+var cliFlag58 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag57,
-  description: () => /* @__PURE__ */ jsxs37(Fragment53, {
+  cliFlag: cliFlag58,
+  description: () => /* @__PURE__ */ jsxs37(Fragment54, {
     children: [
       "Gets called when no compatible local browser is detected on the system and this API needs to download a browser. Return a callback to observe progress.",
       " ",
-      /* @__PURE__ */ jsx53("a", {
+      /* @__PURE__ */ jsx54("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
@@ -3275,26 +3307,26 @@ var onBrowserDownloadOption = {
   setConfig: () => {
     throw new Error("does not support config file");
   },
-  id: cliFlag57
+  id: cliFlag58
 };
 
 // src/options/out-dir.tsx
-import { jsx as jsx54, jsxs as jsxs38, Fragment as Fragment54 } from "react/jsx-runtime";
-var cliFlag58 = "out-dir";
+import { jsx as jsx55, jsxs as jsxs38, Fragment as Fragment55 } from "react/jsx-runtime";
+var cliFlag59 = "out-dir";
 var currentOutDir = null;
 var outDirOption = {
   name: "Output Directory",
-  cliFlag: cliFlag58,
+  cliFlag: cliFlag59,
   description: () => {
-    return /* @__PURE__ */ jsxs38(Fragment54, {
+    return /* @__PURE__ */ jsxs38(Fragment55, {
       children: [
         "Define the location of the resulting bundle. By default it is a folder called ",
-        /* @__PURE__ */ jsx54("code", {
+        /* @__PURE__ */ jsx55("code", {
           children: "build"
         }),
         ", adjacent to the",
         " ",
-        /* @__PURE__ */ jsx54("a", {
+        /* @__PURE__ */ jsx55("a", {
           href: "/docs/terminology/remotion-root",
           children: "Remotion Root"
         }),
@@ -3305,10 +3337,10 @@ var outDirOption = {
   ssrName: "outDir",
   docLink: "https://www.remotion.dev/docs/cli/bundle#--out-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag58] !== undefined) {
+    if (commandLine[cliFlag59] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag58]
+        value: commandLine[cliFlag59]
       };
     }
     if (currentOutDir !== null) {
@@ -3326,7 +3358,7 @@ var outDirOption = {
     currentOutDir = value3;
   },
   type: "",
-  id: cliFlag58
+  id: cliFlag59
 };
 
 // src/validate.ts
@@ -3336,21 +3368,21 @@ var validateDimension = NoReactInternals2.validateDimension;
 var validateDurationInFrames = NoReactInternals2.validateDurationInFrames;
 
 // src/options/override-duration.tsx
-import { jsx as jsx55, Fragment as Fragment55 } from "react/jsx-runtime";
+import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
 var currentDuration = null;
-var cliFlag59 = "duration";
+var cliFlag60 = "duration";
 var overrideDurationOption = {
   name: "Override Duration",
-  cliFlag: cliFlag59,
-  description: () => /* @__PURE__ */ jsx55(Fragment55, {
+  cliFlag: cliFlag60,
+  description: () => /* @__PURE__ */ jsx56(Fragment56, {
     children: "Overrides the duration in frames of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overrideduration",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag59] !== undefined) {
-      const value3 = commandLine[cliFlag59];
+    if (commandLine[cliFlag60] !== undefined) {
+      const value3 = commandLine[cliFlag60];
       validateDurationInFrames(value3, {
         component: "in --duration flag",
         allowFloats: false
@@ -3378,25 +3410,25 @@ var overrideDurationOption = {
     });
     currentDuration = duration;
   },
-  id: cliFlag59
+  id: cliFlag60
 };
 
 // src/options/override-fps.tsx
-import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
+import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
 var currentFps = null;
-var cliFlag60 = "fps";
+var cliFlag61 = "fps";
 var overrideFpsOption = {
   name: "Override FPS",
-  cliFlag: cliFlag60,
-  description: () => /* @__PURE__ */ jsx56(Fragment56, {
+  cliFlag: cliFlag61,
+  description: () => /* @__PURE__ */ jsx57(Fragment57, {
     children: "Overrides the frames per second of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overridefps",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag60] !== undefined) {
-      const value3 = commandLine[cliFlag60];
+    if (commandLine[cliFlag61] !== undefined) {
+      const value3 = commandLine[cliFlag61];
       validateFps(value3, "in --fps flag", false);
       return {
         source: "cli",
@@ -3418,25 +3450,25 @@ var overrideFpsOption = {
     validateFps(fps, "in Config.overrideFps()", false);
     currentFps = fps;
   },
-  id: cliFlag60
+  id: cliFlag61
 };
 
 // src/options/override-height.tsx
-import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
+import { jsx as jsx58, Fragment as Fragment58 } from "react/jsx-runtime";
 var currentHeight = null;
-var cliFlag61 = "height";
+var cliFlag62 = "height";
 var overrideHeightOption = {
   name: "Override Height",
-  cliFlag: cliFlag61,
-  description: () => /* @__PURE__ */ jsx57(Fragment57, {
+  cliFlag: cliFlag62,
+  description: () => /* @__PURE__ */ jsx58(Fragment58, {
     children: "Overrides the height of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overrideheight",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag61] !== undefined) {
-      const value3 = commandLine[cliFlag61];
+    if (commandLine[cliFlag62] !== undefined) {
+      const value3 = commandLine[cliFlag62];
       validateDimension(value3, "height", "in --height flag");
       return {
         source: "cli",
@@ -3458,25 +3490,25 @@ var overrideHeightOption = {
     validateDimension(height, "height", "in Config.overrideHeight()");
     currentHeight = height;
   },
-  id: cliFlag61
+  id: cliFlag62
 };
 
 // src/options/override-width.tsx
-import { jsx as jsx58, Fragment as Fragment58 } from "react/jsx-runtime";
+import { jsx as jsx59, Fragment as Fragment59 } from "react/jsx-runtime";
 var currentWidth = null;
-var cliFlag62 = "width";
+var cliFlag63 = "width";
 var overrideWidthOption = {
   name: "Override Width",
-  cliFlag: cliFlag62,
-  description: () => /* @__PURE__ */ jsx58(Fragment58, {
+  cliFlag: cliFlag63,
+  description: () => /* @__PURE__ */ jsx59(Fragment59, {
     children: "Overrides the width of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overridewidth",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag62] !== undefined) {
-      const value3 = commandLine[cliFlag62];
+    if (commandLine[cliFlag63] !== undefined) {
+      const value3 = commandLine[cliFlag63];
       validateDimension(value3, "width", "in --width flag");
       return {
         source: "cli",
@@ -3498,13 +3530,13 @@ var overrideWidthOption = {
     validateDimension(width, "width", "in Config.overrideWidth()");
     currentWidth = width;
   },
-  id: cliFlag62
+  id: cliFlag63
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx59, jsxs as jsxs39, Fragment as Fragment59 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs39, Fragment as Fragment60 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag63 = "overwrite";
+var cliFlag64 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -3512,15 +3544,15 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag63,
-  description: () => /* @__PURE__ */ jsxs39(Fragment59, {
+  cliFlag: cliFlag64,
+  description: () => /* @__PURE__ */ jsxs39(Fragment60, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx59("code", {
+      /* @__PURE__ */ jsx60("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx59("code", {
+      /* @__PURE__ */ jsx60("code", {
         children: "true"
       }),
       "."
@@ -3530,11 +3562,11 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag63] !== undefined && commandLine[cliFlag63] !== null) {
-      validate2(commandLine[cliFlag63]);
+    if (commandLine[cliFlag64] !== undefined && commandLine[cliFlag64] !== null) {
+      validate2(commandLine[cliFlag64]);
       return {
         source: "cli",
-        value: commandLine[cliFlag63]
+        value: commandLine[cliFlag64]
       };
     }
     if (shouldOverwrite !== null) {
@@ -3552,36 +3584,36 @@ var overwriteOption = {
     validate2(value3);
     shouldOverwrite = value3;
   },
-  id: cliFlag63
+  id: cliFlag64
 };
 
 // src/options/package-manager.tsx
-import { jsx as jsx60, jsxs as jsxs40, Fragment as Fragment60 } from "react/jsx-runtime";
-var cliFlag64 = "package-manager";
+import { jsx as jsx61, jsxs as jsxs40, Fragment as Fragment61 } from "react/jsx-runtime";
+var cliFlag65 = "package-manager";
 var currentPackageManager = null;
 var packageManagerOption = {
   name: "Package Manager",
-  cliFlag: cliFlag64,
+  cliFlag: cliFlag65,
   description: () => {
-    return /* @__PURE__ */ jsxs40(Fragment60, {
+    return /* @__PURE__ */ jsxs40(Fragment61, {
       children: [
         "Forces a specific package manager to be used. By default, Remotion will auto-detect the package manager based on your lockfile.",
-        /* @__PURE__ */ jsx60("br", {}),
+        /* @__PURE__ */ jsx61("br", {}),
         "Acceptable values are ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx61("code", {
           children: "npm"
         }),
         ", ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx61("code", {
           children: "yarn"
         }),
         ",",
         " ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx61("code", {
           children: "pnpm"
         }),
         " and ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx61("code", {
           children: "bun"
         }),
         "."
@@ -3591,10 +3623,10 @@ var packageManagerOption = {
   ssrName: "packageManager",
   docLink: "https://www.remotion.dev/docs/cli/upgrade#--package-manager",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag64] !== undefined) {
+    if (commandLine[cliFlag65] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag64]
+        value: commandLine[cliFlag65]
       };
     }
     if (currentPackageManager !== null) {
@@ -3612,7 +3644,7 @@ var packageManagerOption = {
     currentPackageManager = value3;
   },
   type: "",
-  id: cliFlag64
+  id: cliFlag65
 };
 
 // src/pixel-format.ts
@@ -3635,17 +3667,17 @@ var validPixelFormatsForCodec = (codec) => {
 };
 
 // src/options/pixel-format.tsx
-import { jsx as jsx61, jsxs as jsxs41, Fragment as Fragment61 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs41, Fragment as Fragment62 } from "react/jsx-runtime";
 var currentPixelFormat = DEFAULT_PIXEL_FORMAT;
-var cliFlag65 = "pixel-format";
+var cliFlag66 = "pixel-format";
 var pixelFormatOption = {
   name: "Pixel format",
-  cliFlag: cliFlag65,
-  description: () => /* @__PURE__ */ jsxs41(Fragment61, {
+  cliFlag: cliFlag66,
+  description: () => /* @__PURE__ */ jsxs41(Fragment62, {
     children: [
       "Sets the pixel format in FFmpeg. See",
       " ",
-      /* @__PURE__ */ jsx61("a", {
+      /* @__PURE__ */ jsx62("a", {
         href: "https://trac.ffmpeg.org/wiki/Chroma%20Subsampling",
         children: "the FFmpeg docs for an explanation"
       }),
@@ -3664,10 +3696,10 @@ var pixelFormatOption = {
         value: options.uiPixelFormat
       };
     }
-    if (commandLine[cliFlag65] !== undefined) {
+    if (commandLine[cliFlag66] !== undefined) {
       return {
         source: "from --pixel-format flag",
-        value: commandLine[cliFlag65]
+        value: commandLine[cliFlag66]
       };
     }
     if (options && options.compositionDefaultPixelFormat !== null) {
@@ -3693,26 +3725,26 @@ var pixelFormatOption = {
     }
     currentPixelFormat = value3;
   },
-  id: cliFlag65
+  id: cliFlag66
 };
 
 // src/options/port.tsx
-import { jsx as jsx62, Fragment as Fragment62 } from "react/jsx-runtime";
-var cliFlag66 = "port";
+import { jsx as jsx63, Fragment as Fragment63 } from "react/jsx-runtime";
+var cliFlag67 = "port";
 var currentPort = null;
 var portOption = {
   name: "Port",
-  cliFlag: cliFlag66,
-  description: () => /* @__PURE__ */ jsx62(Fragment62, {
+  cliFlag: cliFlag67,
+  description: () => /* @__PURE__ */ jsx63(Fragment63, {
     children: "Set a custom HTTP server port for the Studio or the render process. If not defined, Remotion will try to find a free port."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setstudioport",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag66] !== undefined) {
+    if (commandLine[cliFlag67] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag66]
+        value: commandLine[cliFlag67]
       };
     }
     if (currentPort !== null) {
@@ -3730,25 +3762,25 @@ var portOption = {
     currentPort = value3;
   },
   type: 0,
-  id: cliFlag66
+  id: cliFlag67
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx63, jsxs as jsxs42, Fragment as Fragment63 } from "react/jsx-runtime";
-var cliFlag67 = "prefer-lossless";
+import { jsx as jsx64, jsxs as jsxs42, Fragment as Fragment64 } from "react/jsx-runtime";
+var cliFlag68 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag67,
-  description: () => /* @__PURE__ */ jsxs42(Fragment63, {
+  cliFlag: cliFlag68,
+  description: () => /* @__PURE__ */ jsxs42(Fragment64, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx63("code", {
+      /* @__PURE__ */ jsx64("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx63("code", {
+      /* @__PURE__ */ jsx64("code", {
         children: "preferLossless"
       }),
       "."
@@ -3758,7 +3790,7 @@ var preferLosslessAudioOption = {
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag67]) {
+    if (commandLine[cliFlag68]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -3769,20 +3801,20 @@ var preferLosslessAudioOption = {
   setConfig: (val) => {
     input = val;
   },
-  id: cliFlag67
+  id: cliFlag68
 };
 
 // src/options/preview-sample-rate.tsx
-import { jsx as jsx64, jsxs as jsxs43, Fragment as Fragment64 } from "react/jsx-runtime";
-var cliFlag68 = "preview-sample-rate";
+import { jsx as jsx65, jsxs as jsxs43, Fragment as Fragment65 } from "react/jsx-runtime";
+var cliFlag69 = "preview-sample-rate";
 var currentPreviewSampleRate = null;
 var previewSampleRateOption = {
   name: "Preview Sample Rate",
-  cliFlag: cliFlag68,
-  description: () => /* @__PURE__ */ jsxs43(Fragment64, {
+  cliFlag: cliFlag69,
+  description: () => /* @__PURE__ */ jsxs43(Fragment65, {
     children: [
       "Controls the sample rate used for audio playback during preview. When unset, Remotion uses ",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx65("code", {
         children: "48000"
       }),
       " Hz."
@@ -3792,8 +3824,8 @@ var previewSampleRateOption = {
   docLink: "https://www.remotion.dev/docs/config#setpreviewsamplerate",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag68] !== undefined) {
-      return { value: commandLine[cliFlag68], source: "cli" };
+    if (commandLine[cliFlag69] !== undefined) {
+      return { value: commandLine[cliFlag69], source: "cli" };
     }
     if (currentPreviewSampleRate !== null) {
       return { value: currentPreviewSampleRate, source: "config file" };
@@ -3803,16 +3835,16 @@ var previewSampleRateOption = {
   setConfig: (value3) => {
     currentPreviewSampleRate = value3;
   },
-  id: cliFlag68
+  id: cliFlag69
 };
 
 // src/options/props.tsx
-import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
-var cliFlag69 = "props";
+import { jsx as jsx66, jsxs as jsxs44, Fragment as Fragment66 } from "react/jsx-runtime";
+var cliFlag70 = "props";
 var propsOption = {
   name: "Input Props",
-  cliFlag: cliFlag69,
-  description: () => /* @__PURE__ */ jsxs44(Fragment65, {
+  cliFlag: cliFlag70,
+  description: () => /* @__PURE__ */ jsxs44(Fragment66, {
     children: [
       "Input Props to pass to the selected composition of your video. Must be a serialized JSON string (",
       /* @__PURE__ */ jsxs44("code", {
@@ -3825,7 +3857,7 @@ var propsOption = {
         ]
       }),
       ") or a path to a JSON file (",
-      /* @__PURE__ */ jsx65("code", {
+      /* @__PURE__ */ jsx66("code", {
         children: "./path/to/props.json"
       }),
       ")."
@@ -3834,10 +3866,10 @@ var propsOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/passing-props#passing-input-props-in-the-cli",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag69] !== undefined) {
+    if (commandLine[cliFlag70] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag69]
+        value: commandLine[cliFlag70]
       };
     }
     return {
@@ -3849,11 +3881,11 @@ var propsOption = {
     throw new Error("setProps is not supported. Pass --props via the CLI instead.");
   },
   type: "",
-  id: cliFlag69
+  id: cliFlag70
 };
 
 // src/options/prores-profile.tsx
-import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs45, Fragment as Fragment67 } from "react/jsx-runtime";
 var validProResProfiles = [
   "4444-xq",
   "4444",
@@ -3863,14 +3895,14 @@ var validProResProfiles = [
   "proxy"
 ];
 var proResProfile;
-var cliFlag70 = "prores-profile";
+var cliFlag71 = "prores-profile";
 var proResProfileOption = {
   name: "ProRes profile",
-  cliFlag: cliFlag70,
-  description: () => /* @__PURE__ */ jsxs45(Fragment66, {
+  cliFlag: cliFlag71,
+  description: () => /* @__PURE__ */ jsxs45(Fragment67, {
     children: [
       "Set the ProRes profile. This option is only valid if the codec has been set to ",
-      /* @__PURE__ */ jsx66("code", {
+      /* @__PURE__ */ jsx67("code", {
         children: "prores"
       }),
       ". Possible values:",
@@ -3878,12 +3910,12 @@ var proResProfileOption = {
       validProResProfiles.map((p) => `"${p}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx66("code", {
+      /* @__PURE__ */ jsx67("code", {
         children: '"hq"'
       }),
       ". See",
       " ",
-      /* @__PURE__ */ jsx66("a", {
+      /* @__PURE__ */ jsx67("a", {
         href: "https://video.stackexchange.com/a/14715",
         children: "here"
       }),
@@ -3900,10 +3932,10 @@ var proResProfileOption = {
         value: options.uiProResProfile
       };
     }
-    if (commandLine[cliFlag70] !== undefined) {
+    if (commandLine[cliFlag71] !== undefined) {
       return {
         source: "from --prores-profile flag",
-        value: String(commandLine[cliFlag70])
+        value: String(commandLine[cliFlag71])
       };
     }
     if (options && options.compositionDefaultProResProfile !== null) {
@@ -3926,24 +3958,24 @@ var proResProfileOption = {
   setConfig: (value3) => {
     proResProfile = value3;
   },
-  id: cliFlag70
+  id: cliFlag71
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
-var cliFlag71 = "public-dir";
+import { jsx as jsx68, jsxs as jsxs46, Fragment as Fragment68 } from "react/jsx-runtime";
+var cliFlag72 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag71,
+  cliFlag: cliFlag72,
   description: () => {
-    return /* @__PURE__ */ jsxs46(Fragment67, {
+    return /* @__PURE__ */ jsxs46(Fragment68, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx67("a", {
+        /* @__PURE__ */ jsx68("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx67("code", {
+          children: /* @__PURE__ */ jsx68("code", {
             children: "public/ directory"
           })
         }),
@@ -3954,10 +3986,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag71] !== undefined) {
+    if (commandLine[cliFlag72] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag71]
+        value: commandLine[cliFlag72]
       };
     }
     if (currentPublicDir !== null) {
@@ -3975,20 +4007,20 @@ var publicDirOption = {
     currentPublicDir = value3;
   },
   type: "",
-  id: cliFlag71
+  id: cliFlag72
 };
 
 // src/options/public-license-key.tsx
-import { jsx as jsx68, jsxs as jsxs47, Fragment as Fragment68 } from "react/jsx-runtime";
-var cliFlag72 = "public-license-key";
+import { jsx as jsx69, jsxs as jsxs47, Fragment as Fragment69 } from "react/jsx-runtime";
+var cliFlag73 = "public-license-key";
 var currentPublicLicenseKey = null;
 var publicLicenseKeyOption = {
   name: "Public License Key",
-  cliFlag: cliFlag72,
-  description: () => /* @__PURE__ */ jsxs47(Fragment68, {
+  cliFlag: cliFlag73,
+  description: () => /* @__PURE__ */ jsxs47(Fragment69, {
     children: [
       "The public license key for your company license, obtained from the License keys page on ",
-      /* @__PURE__ */ jsx68("a", {
+      /* @__PURE__ */ jsx69("a", {
         href: "https://remotion.pro/dashboard",
         children: "remotion.pro"
       }),
@@ -3998,10 +4030,10 @@ var publicLicenseKeyOption = {
   ssrName: "publicLicenseKey",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag72] !== undefined) {
+    if (commandLine[cliFlag73] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag72]
+        value: commandLine[cliFlag73]
       };
     }
     if (currentPublicLicenseKey !== null) {
@@ -4022,29 +4054,29 @@ var publicLicenseKeyOption = {
     currentPublicLicenseKey = value3;
   },
   type: null,
-  id: cliFlag72
+  id: cliFlag73
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx69, jsxs as jsxs48, Fragment as Fragment69 } from "react/jsx-runtime";
-var cliFlag73 = "public-path";
+import { jsx as jsx70, jsxs as jsxs48, Fragment as Fragment70 } from "react/jsx-runtime";
+var cliFlag74 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag73,
+  cliFlag: cliFlag74,
   description: () => {
-    return /* @__PURE__ */ jsxs48(Fragment69, {
+    return /* @__PURE__ */ jsxs48(Fragment70, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx69("code", {
+        /* @__PURE__ */ jsx70("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx69("code", {
+        /* @__PURE__ */ jsx70("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx69("code", {
+        /* @__PURE__ */ jsx70("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -4054,10 +4086,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag73] !== undefined) {
+    if (commandLine[cliFlag74] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag73]
+        value: commandLine[cliFlag74]
       };
     }
     if (currentPublicPath !== null) {
@@ -4075,29 +4107,29 @@ var publicPathOption = {
     currentPublicPath = value3;
   },
   type: "",
-  id: cliFlag73
+  id: cliFlag74
 };
 
 // src/options/repro.tsx
-import { jsx as jsx70, Fragment as Fragment70 } from "react/jsx-runtime";
+import { jsx as jsx71, Fragment as Fragment71 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag74 = "repro";
+var cliFlag75 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag74,
-  description: () => /* @__PURE__ */ jsx70(Fragment70, {
+  cliFlag: cliFlag75,
+  description: () => /* @__PURE__ */ jsx71(Fragment71, {
     children: "Create a ZIP that you can submit to Remotion if asked for a reproduction."
   }),
   ssrName: "repro",
   docLink: "https://www.remotion.dev/docs/render-media#repro",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag74] !== undefined && commandLine[cliFlag74] !== null) {
+    if (commandLine[cliFlag75] !== undefined && commandLine[cliFlag75] !== null) {
       return {
-        value: commandLine[cliFlag74],
+        value: commandLine[cliFlag75],
         source: "cli"
       };
     }
@@ -4113,27 +4145,27 @@ var reproOption = {
     };
   },
   setConfig: setRepro,
-  id: cliFlag74
+  id: cliFlag75
 };
 
 // src/options/rspack.tsx
-import { jsx as jsx71, Fragment as Fragment71 } from "react/jsx-runtime";
+import { jsx as jsx72, Fragment as Fragment72 } from "react/jsx-runtime";
 var rspackEnabled = false;
-var cliFlag75 = "experimental-rspack";
+var cliFlag76 = "experimental-rspack";
 var rspackOption = {
   name: "Experimental Rspack",
-  cliFlag: cliFlag75,
-  description: () => /* @__PURE__ */ jsx71(Fragment71, {
+  cliFlag: cliFlag76,
+  description: () => /* @__PURE__ */ jsx72(Fragment72, {
     children: "Uses Rspack instead of Webpack as the bundler for the Studio or bundle."
   }),
   ssrName: null,
   docLink: null,
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag75] !== undefined) {
+    if (commandLine[cliFlag76] !== undefined) {
       rspackEnabled = true;
       return {
-        value: commandLine[cliFlag75],
+        value: commandLine[cliFlag76],
         source: "cli"
       };
     }
@@ -4145,21 +4177,21 @@ var rspackOption = {
   setConfig(value3) {
     rspackEnabled = value3;
   },
-  id: cliFlag75
+  id: cliFlag76
 };
 
 // src/options/runs.tsx
-import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs49, Fragment as Fragment73 } from "react/jsx-runtime";
 var DEFAULT_RUNS = 3;
 var currentRuns = DEFAULT_RUNS;
-var cliFlag76 = "runs";
+var cliFlag77 = "runs";
 var runsOption = {
   name: "Benchmark runs",
-  cliFlag: cliFlag76,
-  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
+  cliFlag: cliFlag77,
+  description: () => /* @__PURE__ */ jsxs49(Fragment73, {
     children: [
       "Specify how many times the video should be rendered during a benchmark. Default ",
-      /* @__PURE__ */ jsx72("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: DEFAULT_RUNS
       }),
       "."
@@ -4169,10 +4201,10 @@ var runsOption = {
   docLink: "https://www.remotion.dev/docs/cli/benchmark#--runs",
   type: DEFAULT_RUNS,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag76] !== undefined) {
-      const value3 = Number(commandLine[cliFlag76]);
+    if (commandLine[cliFlag77] !== undefined) {
+      const value3 = Number(commandLine[cliFlag77]);
       if (isNaN(value3) || value3 < 1) {
-        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag76]}`);
+        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag77]}`);
       }
       return { value: value3, source: "cli" };
     }
@@ -4187,21 +4219,21 @@ var runsOption = {
     }
     currentRuns = value3;
   },
-  id: cliFlag76
+  id: cliFlag77
 };
 
 // src/options/sample-rate.tsx
-import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
-var cliFlag77 = "sample-rate";
+import { jsx as jsx74, jsxs as jsxs50, Fragment as Fragment74 } from "react/jsx-runtime";
+var cliFlag78 = "sample-rate";
 var currentSampleRate = 48000;
 var sampleRateOption = {
   name: "Sample Rate",
-  cliFlag: cliFlag77,
-  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
+  cliFlag: cliFlag78,
+  description: () => /* @__PURE__ */ jsxs50(Fragment74, {
     children: [
       "Controls the sample rate of the output audio. The default is",
       " ",
-      /* @__PURE__ */ jsx73("code", {
+      /* @__PURE__ */ jsx74("code", {
         children: "48000"
       }),
       " Hz. Match this to your source audio to avoid resampling artifacts."
@@ -4211,8 +4243,8 @@ var sampleRateOption = {
   docLink: "https://www.remotion.dev/docs/sample-rate",
   type: 48000,
   getValue: ({ commandLine }, compositionSampleRate) => {
-    if (commandLine[cliFlag77] !== undefined) {
-      return { value: commandLine[cliFlag77], source: "cli" };
+    if (commandLine[cliFlag78] !== undefined) {
+      return { value: commandLine[cliFlag78], source: "cli" };
     }
     if (currentSampleRate !== 48000) {
       return { value: currentSampleRate, source: "config file" };
@@ -4228,13 +4260,13 @@ var sampleRateOption = {
   setConfig: (value3) => {
     currentSampleRate = value3;
   },
-  id: cliFlag77
+  id: cliFlag78
 };
 
 // src/options/scale.tsx
-import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs51, Fragment as Fragment75 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag78 = "scale";
+var cliFlag79 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -4242,15 +4274,15 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag78,
-  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
+  cliFlag: cliFlag79,
+  description: () => /* @__PURE__ */ jsxs51(Fragment75, {
     children: [
       "Scales the output dimensions by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx75("code", {
         children: "1.5"
       }),
       ". See ",
-      /* @__PURE__ */ jsx74("a", {
+      /* @__PURE__ */ jsx75("a", {
         href: "https://www.remotion.dev/docs/scaling",
         children: "Scaling"
       }),
@@ -4261,11 +4293,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag78] !== undefined) {
-      validateScale(commandLine[cliFlag78]);
+    if (commandLine[cliFlag79] !== undefined) {
+      validateScale(commandLine[cliFlag79]);
       return {
         source: "cli",
-        value: commandLine[cliFlag78]
+        value: commandLine[cliFlag79]
       };
     }
     if (currentScale !== null) {
@@ -4282,13 +4314,13 @@ var scaleOption = {
   setConfig: (scale) => {
     currentScale = scale;
   },
-  id: cliFlag78
+  id: cliFlag79
 };
 
 // src/options/still-frame.tsx
 import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
-import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } from "react/jsx-runtime";
-var cliFlag79 = "frame";
+import { jsx as jsx76, jsxs as jsxs52, Fragment as Fragment76 } from "react/jsx-runtime";
+var cliFlag80 = "frame";
 var currentFrame = null;
 var validate3 = (frame) => {
   NoReactInternals3.validateFrame({
@@ -4299,17 +4331,17 @@ var validate3 = (frame) => {
 };
 var stillFrameOption = {
   name: "Frame",
-  cliFlag: cliFlag79,
-  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
+  cliFlag: cliFlag80,
+  description: () => /* @__PURE__ */ jsxs52(Fragment76, {
     children: [
       "Which frame should be rendered when rendering a still. Default",
       " ",
-      /* @__PURE__ */ jsx75("code", {
+      /* @__PURE__ */ jsx76("code", {
         children: "0"
       }),
       ". From v3.2.27, negative values are allowed, with",
       " ",
-      /* @__PURE__ */ jsx75("code", {
+      /* @__PURE__ */ jsx76("code", {
         children: "-1"
       }),
       " being the last frame."
@@ -4318,8 +4350,8 @@ var stillFrameOption = {
   ssrName: "frame",
   docLink: "https://www.remotion.dev/docs/cli/still#--frame",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag79] !== undefined) {
-      const frame = Number(commandLine[cliFlag79]);
+    if (commandLine[cliFlag80] !== undefined) {
+      const frame = Number(commandLine[cliFlag80]);
       validate3(frame);
       return {
         source: "cli",
@@ -4344,24 +4376,24 @@ var stillFrameOption = {
     currentFrame = value3;
   },
   type: 0,
-  id: cliFlag79
+  id: cliFlag80
 };
 
 // src/options/still-image-format.tsx
-import { jsx as jsx76, jsxs as jsxs53, Fragment as Fragment76 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs53, Fragment as Fragment77 } from "react/jsx-runtime";
 var currentStillImageFormat = null;
-var cliFlag80 = "image-format";
+var cliFlag81 = "image-format";
 var stillImageFormatOption = {
   name: "Still Image Format",
-  cliFlag: cliFlag80,
-  description: () => /* @__PURE__ */ jsxs53(Fragment76, {
+  cliFlag: cliFlag81,
+  description: () => /* @__PURE__ */ jsxs53(Fragment77, {
     children: [
       "The image format to use when rendering a still. Must be one of",
       " ",
       validStillImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx76("code", {
+      /* @__PURE__ */ jsx77("code", {
         children: '"png"'
       }),
       "."
@@ -4371,8 +4403,8 @@ var stillImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag80] !== undefined) {
-      const value3 = commandLine[cliFlag80];
+    if (commandLine[cliFlag81] !== undefined) {
+      const value3 = commandLine[cliFlag81];
       if (!validStillImageFormats.includes(value3)) {
         throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
       }
@@ -4410,16 +4442,16 @@ var stillImageFormatOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag81 = "throw-if-site-exists";
+var cliFlag82 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag81,
+  cliFlag: cliFlag82,
   description: () => `Prevents accidential update of an existing site. If there are any files in the subfolder where the site should be placed, the function will throw.`,
   docLink: "https://remotion.dev/docs/lambda/deploy-site",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag81]) {
+    if (commandLine[cliFlag82]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag81]
+        value: commandLine[cliFlag82]
       };
     }
     return {
@@ -4433,41 +4465,41 @@ var throwIfSiteExistsOption = {
   },
   ssrName: "throwIfSiteExists",
   type: false,
-  id: cliFlag81
+  id: cliFlag82
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx77, jsxs as jsxs54, Fragment as Fragment77 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs54, Fragment as Fragment78 } from "react/jsx-runtime";
 var currentTimeout = DEFAULT_TIMEOUT;
 var validate4 = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("--timeout flag / setDelayRenderTimeoutInMilliseconds() must be a number, but got " + JSON.stringify(value3));
   }
 };
-var cliFlag82 = "timeout";
+var cliFlag83 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag82,
-  description: () => /* @__PURE__ */ jsxs54(Fragment77, {
+  cliFlag: cliFlag83,
+  description: () => /* @__PURE__ */ jsxs54(Fragment78, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx77("a", {
+      /* @__PURE__ */ jsx78("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx77("code", {
+        children: /* @__PURE__ */ jsx78("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx77("a", {
+      /* @__PURE__ */ jsx78("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx77("code", {
+      /* @__PURE__ */ jsx78("code", {
         children: "30000"
       })
     ]
@@ -4476,10 +4508,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag82] !== undefined) {
+    if (commandLine[cliFlag83] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag82]
+        value: commandLine[cliFlag83]
       };
     }
     if (currentTimeout !== null) {
@@ -4498,27 +4530,27 @@ var delayRenderTimeoutInMillisecondsOption = {
     validate4(value3);
     currentTimeout = value3;
   },
-  id: cliFlag82
+  id: cliFlag83
 };
 
 // src/options/user-agent.tsx
-import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
+import { jsx as jsx79, Fragment as Fragment79 } from "react/jsx-runtime";
 var userAgent = null;
-var cliFlag83 = "user-agent";
+var cliFlag84 = "user-agent";
 var userAgentOption = {
   name: "User agent",
-  cliFlag: cliFlag83,
-  description: () => /* @__PURE__ */ jsx78(Fragment78, {
+  cliFlag: cliFlag84,
+  description: () => /* @__PURE__ */ jsx79(Fragment79, {
     children: "Lets you set a custom user agent that the headless Chrome browser assumes."
   }),
   ssrName: "userAgent",
   docLink: "https://www.remotion.dev/docs/chromium-flags#--user-agent",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag83] !== undefined) {
+    if (commandLine[cliFlag84] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag83]
+        value: commandLine[cliFlag84]
       };
     }
     if (userAgent !== null) {
@@ -4535,25 +4567,25 @@ var userAgentOption = {
   setConfig: (value3) => {
     userAgent = value3;
   },
-  id: cliFlag83
+  id: cliFlag84
 };
 
 // src/options/version-flag.tsx
-import { jsx as jsx79, Fragment as Fragment79 } from "react/jsx-runtime";
-var cliFlag84 = "version";
+import { jsx as jsx80, Fragment as Fragment80 } from "react/jsx-runtime";
+var cliFlag85 = "version";
 var versionFlagOption = {
   name: "Version",
-  cliFlag: cliFlag84,
-  description: () => /* @__PURE__ */ jsx79(Fragment79, {
+  cliFlag: cliFlag85,
+  description: () => /* @__PURE__ */ jsx80(Fragment80, {
     children: "Install a specific version. Also enables downgrading to an older version."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/cli/upgrade#--version",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag84] !== undefined) {
+    if (commandLine[cliFlag85] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag84])
+        value: String(commandLine[cliFlag85])
       };
     }
     return {
@@ -4565,30 +4597,30 @@ var versionFlagOption = {
     throw new Error("Cannot set version via config file");
   },
   type: "",
-  id: cliFlag84
+  id: cliFlag85
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx80, jsxs as jsxs55, Fragment as Fragment80 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs55, Fragment as Fragment81 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag85 = "video-bitrate";
+var cliFlag86 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag85,
-  description: () => /* @__PURE__ */ jsxs55(Fragment80, {
+  cliFlag: cliFlag86,
+  description: () => /* @__PURE__ */ jsxs55(Fragment81, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "-b:v"
       }),
       " parameter should be used. FFmpeg may encode the video in a way that will not result in the exact video bitrate specified. Example values: ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -4598,10 +4630,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag85] !== undefined) {
+    if (commandLine[cliFlag86] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag85]
+        value: commandLine[cliFlag86]
       };
     }
     if (videoBitrate !== null) {
@@ -4618,33 +4650,33 @@ var videoBitrateOption = {
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
   },
-  id: cliFlag85
+  id: cliFlag86
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx81, jsxs as jsxs56, Fragment as Fragment81 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs56, Fragment as Fragment82 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag86 = "media-cache-size-in-bytes";
+var cliFlag87 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag86,
-  description: () => /* @__PURE__ */ jsxs56(Fragment81, {
+  cliFlag: cliFlag87,
+  description: () => /* @__PURE__ */ jsxs56(Fragment82, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx82("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx82("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx82("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx81("br", {}),
+      /* @__PURE__ */ jsx82("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -4652,10 +4684,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag86] !== undefined) {
+    if (commandLine[cliFlag87] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag86]
+        value: commandLine[cliFlag87]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -4672,7 +4704,7 @@ var mediaCacheSizeInBytesOption = {
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag86
+  id: cliFlag87
 };
 
 // src/path-normalize.ts
@@ -4791,7 +4823,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx82, Fragment as Fragment82 } from "react/jsx-runtime";
+import { jsx as jsx83, Fragment as Fragment83 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -4815,11 +4847,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag87 = "codec";
+var cliFlag88 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag87,
-  description: () => /* @__PURE__ */ jsx82(Fragment82, {
+  cliFlag: cliFlag88,
+  description: () => /* @__PURE__ */ jsx83(Fragment83, {
     children: "H264 works well in most cases, but sometimes it's worth going for a different codec. WebM achieves higher compression but is slower to render. WebM, GIF and ProRes support transparency."
   }),
   ssrName: "codec",
@@ -4842,7 +4874,7 @@ var videoCodecOption = {
     if (derivedDownloadCodecs.possible.length > 0 && derivedOutNameCodecs.possible.length > 0 && derivedDownloadCodecs.possible.join("") !== derivedOutNameCodecs.possible.join("")) {
       throw new TypeError(`The download name is ${downloadName} but the output name is ${outName}. The file extensions must match`);
     }
-    const cliArgument = commandLine[cliFlag87];
+    const cliArgument = commandLine[cliFlag88];
     if (cliArgument) {
       if (derivedDownloadCodecs.possible.length > 0 && derivedDownloadCodecs.possible.indexOf(cliArgument) === -1) {
         throw new TypeError(`The download name is ${downloadName} but --codec=${cliArgument} was passed. The download name implies a codec of ${derivedDownloadCodecs.possible.join(" or ")} which does not align with the --codec flag.`);
@@ -4888,24 +4920,24 @@ var videoCodecOption = {
     return { value: DEFAULT_CODEC, source: "default" };
   },
   setConfig: setCodec,
-  id: cliFlag87
+  id: cliFlag88
 };
 
 // src/options/video-image-format.tsx
-import { jsx as jsx83, jsxs as jsxs57, Fragment as Fragment83 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs57, Fragment as Fragment84 } from "react/jsx-runtime";
 var currentVideoImageFormat = null;
-var cliFlag88 = "image-format";
+var cliFlag89 = "image-format";
 var videoImageFormatOption = {
   name: "Video Image Format",
-  cliFlag: cliFlag88,
-  description: () => /* @__PURE__ */ jsxs57(Fragment83, {
+  cliFlag: cliFlag89,
+  description: () => /* @__PURE__ */ jsxs57(Fragment84, {
     children: [
       "The image format to use when rendering frames for a video. Must be one of",
       " ",
       validVideoImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: '"jpeg"'
       }),
       ". JPEG is faster, but does not support transparency."
@@ -4921,8 +4953,8 @@ var videoImageFormatOption = {
         value: options.uiVideoImageFormat
       };
     }
-    if (commandLine[cliFlag88] !== undefined) {
-      const value3 = commandLine[cliFlag88];
+    if (commandLine[cliFlag89] !== undefined) {
+      const value3 = commandLine[cliFlag89];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
@@ -4986,12 +5018,12 @@ var videoImageFormatOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs58, Fragment as Fragment84 } from "react/jsx-runtime";
-var cliFlag89 = "webhook-custom-data";
+import { jsxs as jsxs58, Fragment as Fragment85 } from "react/jsx-runtime";
+var cliFlag90 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag89,
-  description: (type) => /* @__PURE__ */ jsxs58(Fragment84, {
+  cliFlag: cliFlag90,
+  description: (type) => /* @__PURE__ */ jsxs58(Fragment85, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -5007,24 +5039,24 @@ var webhookCustomDataOption = {
   setConfig: () => {
     throw new Error("Not implemented");
   },
-  id: cliFlag89
+  id: cliFlag90
 };
 
 // src/options/webpack-poll.tsx
-import { jsx as jsx84, Fragment as Fragment85 } from "react/jsx-runtime";
-var cliFlag90 = "webpack-poll";
+import { jsx as jsx85, Fragment as Fragment86 } from "react/jsx-runtime";
+var cliFlag91 = "webpack-poll";
 var webpackPolling = null;
 var webpackPollOption = {
   name: "Webpack Polling",
-  cliFlag: cliFlag90,
-  description: () => /* @__PURE__ */ jsx84(Fragment85, {
+  cliFlag: cliFlag91,
+  description: () => /* @__PURE__ */ jsx85(Fragment86, {
     children: "Enables Webpack polling instead of the file system event listeners for hot reloading. This is useful if you are inside a virtual machine or have a remote file system. Pass a value in milliseconds."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setwebpackpollinginmilliseconds",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag90] !== undefined) {
-      const val = commandLine[cliFlag90];
+    if (commandLine[cliFlag91] !== undefined) {
+      const val = commandLine[cliFlag91];
       if (typeof val !== "number") {
         throw new TypeError(`Webpack polling must be a number, got ${JSON.stringify(val)}`);
       }
@@ -5051,11 +5083,11 @@ var webpackPollOption = {
     webpackPolling = value3;
   },
   type: 0,
-  id: cliFlag90
+  id: cliFlag91
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx85, jsxs as jsxs59, Fragment as Fragment86 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs59, Fragment as Fragment87 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -5069,63 +5101,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag91 = "x264-preset";
+var cliFlag92 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag91,
-  description: () => /* @__PURE__ */ jsxs59(Fragment86, {
+  cliFlag: cliFlag92,
+  description: () => /* @__PURE__ */ jsxs59(Fragment87, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx85("br", {}),
+      /* @__PURE__ */ jsx86("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx85("br", {}),
+      /* @__PURE__ */ jsx86("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx85("code", {
+      /* @__PURE__ */ jsx86("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -5134,7 +5166,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag91];
+    const value3 = commandLine[cliFlag92];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -5146,7 +5178,7 @@ var x264Option = {
   setConfig: (profile) => {
     preset = profile;
   },
-  id: cliFlag91
+  id: cliFlag92
 };
 
 // src/options/index.tsx
@@ -5215,6 +5247,7 @@ var allOptions = {
   publicLicenseKeyOption,
   isProductionOption,
   askAIOption,
+  interactivityOption,
   experimentalClientSideRenderingOption,
   keyboardShortcutsOption,
   framesOption,