@remotion/renderer 4.0.459 → 4.0.461

package/dist/esm/client.mjs

@@ -1853,54 +1853,23 @@ var experimentalClientSideRenderingOption = {
   id: cliFlag31
 };
 
-// src/options/experimental-visual-mode.tsx
-import { jsx as jsx29, Fragment as Fragment29 } from "react/jsx-runtime";
-var experimentalVisualModeEnabled = false;
-var cliFlag32 = "experimental-visual-mode";
-var experimentalVisualModeOption = {
-  name: "Experimental Visual Mode",
-  cliFlag: cliFlag32,
-  description: () => /* @__PURE__ */ jsx29(Fragment29, {
-    children: "Nothing here yet, but this is our playground for experiments."
-  }),
-  ssrName: null,
-  docLink: "https://www.remotion.dev/docs/config#setexperimentalvisualmode",
-  type: false,
-  getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag32] !== null) {
-      return {
-        value: commandLine[cliFlag32],
-        source: "cli"
-      };
-    }
-    return {
-      value: experimentalVisualModeEnabled,
-      source: "config"
-    };
-  },
-  setConfig(value) {
-    experimentalVisualModeEnabled = value;
-  },
-  id: cliFlag32
-};
-
 // src/options/folder-expiry.tsx
-import { jsx as jsx30, jsxs as jsxs20, Fragment as Fragment30 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs20, Fragment as Fragment29 } from "react/jsx-runtime";
 var enableFolderExpiry = null;
-var cliFlag33 = "enable-folder-expiry";
+var cliFlag32 = "enable-folder-expiry";
 var folderExpiryOption = {
   name: "Lambda render expiration",
-  cliFlag: cliFlag33,
+  cliFlag: cliFlag32,
   description: () => {
-    return /* @__PURE__ */ jsxs20(Fragment30, {
+    return /* @__PURE__ */ jsxs20(Fragment29, {
       children: [
         "When deploying sites, enable or disable S3 Lifecycle policies which allow for renders to auto-delete after a certain time. Default is",
         " ",
-        /* @__PURE__ */ jsx30("code", {
+        /* @__PURE__ */ jsx29("code", {
           children: "null"
         }),
         ", which does not change any lifecycle policies of the S3 bucket. See: ",
-        /* @__PURE__ */ jsx30("a", {
+        /* @__PURE__ */ jsx29("a", {
           href: "/docs/lambda/autodelete",
           children: "Lambda autodelete"
         }),
@@ -1912,10 +1881,10 @@ var folderExpiryOption = {
   docLink: "https://www.remotion.dev/docs/lambda/autodelete",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag33] !== undefined) {
+    if (commandLine[cliFlag32] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag33]
+        value: commandLine[cliFlag32]
       };
     }
     if (enableFolderExpiry !== null) {
@@ -1932,28 +1901,28 @@ var folderExpiryOption = {
   setConfig: (value) => {
     enableFolderExpiry = value;
   },
-  id: cliFlag33
+  id: cliFlag32
 };
 
 // src/options/for-seamless-aac-concatenation.tsx
-import { jsx as jsx31, jsxs as jsxs21, Fragment as Fragment31 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs21, Fragment as Fragment30 } from "react/jsx-runtime";
 var DEFAULT3 = false;
 var forSeamlessAacConcatenation = DEFAULT3;
-var cliFlag34 = "for-seamless-aac-concatenation";
+var cliFlag33 = "for-seamless-aac-concatenation";
 var forSeamlessAacConcatenationOption = {
   name: "For seamless AAC concatenation",
-  cliFlag: cliFlag34,
-  description: () => /* @__PURE__ */ jsxs21(Fragment31, {
+  cliFlag: cliFlag33,
+  description: () => /* @__PURE__ */ jsxs21(Fragment30, {
     children: [
       "If enabled, the audio is trimmed to the nearest AAC frame, which is required for seamless concatenation of AAC files. This is a requirement if you later want to combine multiple video snippets seamlessly.",
-      /* @__PURE__ */ jsx31("br", {}),
-      /* @__PURE__ */ jsx31("br", {}),
+      /* @__PURE__ */ jsx30("br", {}),
+      /* @__PURE__ */ jsx30("br", {}),
       " This option is used internally. There is currently no documentation yet for to concatenate the audio chunks."
     ]
   }),
   docLink: "https://remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag34]) {
+    if (commandLine[cliFlag33]) {
       return {
         source: "cli",
         value: true
@@ -1975,26 +1944,26 @@ var forSeamlessAacConcatenationOption = {
   },
   ssrName: "forSeamlessAacConcatenation",
   type: false,
-  id: cliFlag34
+  id: cliFlag33
 };
 
 // src/options/force-new-studio.tsx
-import { jsx as jsx32, Fragment as Fragment32 } from "react/jsx-runtime";
+import { jsx as jsx31, Fragment as Fragment31 } from "react/jsx-runtime";
 var forceNewEnabled = false;
-var cliFlag35 = "force-new";
+var cliFlag34 = "force-new";
 var forceNewStudioOption = {
   name: "Force New Studio",
-  cliFlag: cliFlag35,
-  description: () => /* @__PURE__ */ jsx32(Fragment32, {
+  cliFlag: cliFlag34,
+  description: () => /* @__PURE__ */ jsx31(Fragment31, {
     children: "Forces starting a new Studio instance even if one is already running on the same port for the same project."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setforcenewstudioenabled",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag35] !== undefined) {
+    if (commandLine[cliFlag34] !== undefined) {
       return {
-        value: commandLine[cliFlag35],
+        value: commandLine[cliFlag34],
         source: "cli"
       };
     }
@@ -2006,7 +1975,7 @@ var forceNewStudioOption = {
   setConfig(value) {
     forceNewEnabled = value;
   },
-  id: cliFlag35
+  id: cliFlag34
 };
 
 // src/frame-range.ts
@@ -2067,8 +2036,8 @@ var validateFrameRange = (frameRange) => {
 };
 
 // src/options/frames.tsx
-import { jsx as jsx33, jsxs as jsxs22, Fragment as Fragment33 } from "react/jsx-runtime";
-var cliFlag36 = "frames";
+import { jsx as jsx32, jsxs as jsxs22, Fragment as Fragment32 } from "react/jsx-runtime";
+var cliFlag35 = "frames";
 var frameRange = null;
 var parseFrameRangeFromCli = (newFrameRange) => {
   if (typeof newFrameRange === "number") {
@@ -2116,16 +2085,16 @@ var parseFrameRangeFromCli = (newFrameRange) => {
 };
 var framesOption = {
   name: "Frame Range",
-  cliFlag: cliFlag36,
-  description: () => /* @__PURE__ */ jsxs22(Fragment33, {
+  cliFlag: cliFlag35,
+  description: () => /* @__PURE__ */ jsxs22(Fragment32, {
     children: [
       "Render a subset of a video. Pass a single number to render a still, or a range (e.g. ",
-      /* @__PURE__ */ jsx33("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "0-9"
       }),
       ") to render a subset of frames. Pass",
       " ",
-      /* @__PURE__ */ jsx33("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "100-"
       }),
       " to render from frame 100 to the end."
@@ -2135,8 +2104,8 @@ var framesOption = {
   docLink: "https://www.remotion.dev/docs/config#setframerange",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag36] !== undefined) {
-      const value = parseFrameRangeFromCli(commandLine[cliFlag36]);
+    if (commandLine[cliFlag35] !== undefined) {
+      const value = parseFrameRangeFromCli(commandLine[cliFlag35]);
       validateFrameRange(value);
       return {
         source: "cli",
@@ -2154,11 +2123,11 @@ var framesOption = {
     }
     frameRange = value;
   },
-  id: cliFlag36
+  id: cliFlag35
 };
 
 // src/options/gl.tsx
-import { jsx as jsx34, jsxs as jsxs23, Fragment as Fragment34 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs23, Fragment as Fragment33 } from "react/jsx-runtime";
 var validOpenGlRenderers = [
   "swangle",
   "angle",
@@ -2173,7 +2142,7 @@ var AngleChangelog = () => {
   return /* @__PURE__ */ jsxs23("details", {
     style: { fontSize: "0.9em", marginBottom: "1em" },
     children: [
-      /* @__PURE__ */ jsx34("summary", {
+      /* @__PURE__ */ jsx33("summary", {
         children: "Changelog"
       }),
       /* @__PURE__ */ jsxs23("ul", {
@@ -2182,12 +2151,12 @@ var AngleChangelog = () => {
             children: [
               "From Remotion v2.6.7 until v3.0.7, the default for Remotion Lambda was",
               " ",
-              /* @__PURE__ */ jsx34("code", {
+              /* @__PURE__ */ jsx33("code", {
                 children: "swiftshader"
               }),
               ", but from v3.0.8 the default is",
               " ",
-              /* @__PURE__ */ jsx34("code", {
+              /* @__PURE__ */ jsx33("code", {
                 children: "swangle"
               }),
               " (Swiftshader on Angle) since Chrome 101 added support for it."
@@ -2196,7 +2165,7 @@ var AngleChangelog = () => {
           /* @__PURE__ */ jsxs23("li", {
             children: [
               "From Remotion v2.4.3 until v2.6.6, the default was ",
-              /* @__PURE__ */ jsx34("code", {
+              /* @__PURE__ */ jsx33("code", {
                 children: "angle"
               }),
               ", however it turns out to have a small memory leak that could crash long Remotion renders."
@@ -2207,53 +2176,53 @@ var AngleChangelog = () => {
     ]
   });
 };
-var cliFlag37 = "gl";
+var cliFlag36 = "gl";
 var glOption = {
-  cliFlag: cliFlag37,
+  cliFlag: cliFlag36,
   docLink: "https://www.remotion.dev/docs/chromium-flags#--gl",
   name: "OpenGL renderer",
   type: "angle",
   ssrName: "gl",
   description: () => {
-    return /* @__PURE__ */ jsxs23(Fragment34, {
+    return /* @__PURE__ */ jsxs23(Fragment33, {
       children: [
-        /* @__PURE__ */ jsx34(AngleChangelog, {}),
+        /* @__PURE__ */ jsx33(AngleChangelog, {}),
         /* @__PURE__ */ jsxs23("p", {
           children: [
             "Select the OpenGL renderer backend for Chromium. ",
-            /* @__PURE__ */ jsx34("br", {}),
+            /* @__PURE__ */ jsx33("br", {}),
             "Accepted values:"
           ]
         }),
         /* @__PURE__ */ jsxs23("ul", {
           children: [
-            /* @__PURE__ */ jsx34("li", {
-              children: /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("li", {
+              children: /* @__PURE__ */ jsx33("code", {
                 children: '"angle"'
               })
             }),
-            /* @__PURE__ */ jsx34("li", {
-              children: /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("li", {
+              children: /* @__PURE__ */ jsx33("code", {
                 children: '"egl"'
               })
             }),
-            /* @__PURE__ */ jsx34("li", {
-              children: /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("li", {
+              children: /* @__PURE__ */ jsx33("code", {
                 children: '"swiftshader"'
               })
             }),
-            /* @__PURE__ */ jsx34("li", {
-              children: /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("li", {
+              children: /* @__PURE__ */ jsx33("code", {
                 children: '"swangle"'
               })
             }),
             /* @__PURE__ */ jsxs23("li", {
               children: [
-                /* @__PURE__ */ jsx34("code", {
+                /* @__PURE__ */ jsx33("code", {
                   children: '"vulkan"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx34("em", {
+                /* @__PURE__ */ jsx33("em", {
                   children: "from Remotion v4.0.41"
                 }),
                 ")"
@@ -2261,11 +2230,11 @@ var glOption = {
             }),
             /* @__PURE__ */ jsxs23("li", {
               children: [
-                /* @__PURE__ */ jsx34("code", {
+                /* @__PURE__ */ jsx33("code", {
                   children: '"angle-egl"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx34("em", {
+                /* @__PURE__ */ jsx33("em", {
                   children: "from Remotion v4.0.51"
                 }),
                 ")"
@@ -2276,11 +2245,11 @@ var glOption = {
         /* @__PURE__ */ jsxs23("p", {
           children: [
             "The default is ",
-            /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("code", {
               children: "null"
             }),
             ", letting Chrome decide, except on Lambda where the default is ",
-            /* @__PURE__ */ jsx34("code", {
+            /* @__PURE__ */ jsx33("code", {
               children: '"swangle"'
             })
           ]
@@ -2289,10 +2258,10 @@ var glOption = {
     });
   },
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag37]) {
-      validateOpenGlRenderer(commandLine[cliFlag37]);
+    if (commandLine[cliFlag36]) {
+      validateOpenGlRenderer(commandLine[cliFlag36]);
       return {
-        value: commandLine[cliFlag37],
+        value: commandLine[cliFlag36],
         source: "cli"
       };
     }
@@ -2311,7 +2280,7 @@ var glOption = {
     validateOpenGlRenderer(value);
     openGlRenderer = value;
   },
-  id: cliFlag37
+  id: cliFlag36
 };
 var validateOpenGlRenderer = (option2) => {
   if (option2 === null) {
@@ -2329,11 +2298,11 @@ var hardwareAccelerationOptions = [
   "if-possible",
   "required"
 ];
-var cliFlag38 = "hardware-acceleration";
+var cliFlag37 = "hardware-acceleration";
 var currentValue = null;
 var hardwareAccelerationOption = {
   name: "Hardware Acceleration",
-  cliFlag: cliFlag38,
+  cliFlag: cliFlag37,
   description: () => `
 			One of
 			${new Intl.ListFormat("en", { type: "disjunction" }).format(hardwareAccelerationOptions.map((a) => JSON.stringify(a)))}
@@ -2345,10 +2314,10 @@ var hardwareAccelerationOption = {
   docLink: "https://www.remotion.dev/docs/encoding",
   type: "disable",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag38] !== undefined) {
-      const value = commandLine[cliFlag38];
+    if (commandLine[cliFlag37] !== undefined) {
+      const value = commandLine[cliFlag37];
       if (!hardwareAccelerationOptions.includes(value)) {
-        throw new Error(`Invalid value for --${cliFlag38}: ${value}`);
+        throw new Error(`Invalid value for --${cliFlag37}: ${value}`);
       }
       return {
         source: "cli",
@@ -2368,32 +2337,32 @@ var hardwareAccelerationOption = {
   },
   setConfig: (value) => {
     if (!hardwareAccelerationOptions.includes(value)) {
-      throw new Error(`Invalid value for --${cliFlag38}: ${value}`);
+      throw new Error(`Invalid value for --${cliFlag37}: ${value}`);
     }
     currentValue = value;
   },
-  id: cliFlag38
+  id: cliFlag37
 };
 
 // src/options/headless.tsx
-import { jsx as jsx35, jsxs as jsxs24, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs24, Fragment as Fragment34 } from "react/jsx-runtime";
 var DEFAULT4 = true;
 var headlessMode = DEFAULT4;
-var cliFlag39 = "disable-headless";
+var cliFlag38 = "disable-headless";
 var headlessOption = {
   name: "Disable Headless Mode",
-  cliFlag: cliFlag39,
-  description: () => /* @__PURE__ */ jsxs24(Fragment35, {
+  cliFlag: cliFlag38,
+  description: () => /* @__PURE__ */ jsxs24(Fragment34, {
     children: [
       "Deprecated - will be removed in 5.0.0. With the migration to",
       " ",
-      /* @__PURE__ */ jsx35("a", {
+      /* @__PURE__ */ jsx34("a", {
         href: "/docs/miscellaneous/chrome-headless-shell",
         children: "Chrome Headless Shell"
       }),
       ", this option is not functional anymore.",
-      /* @__PURE__ */ jsx35("br", {}),
-      /* @__PURE__ */ jsx35("br", {}),
+      /* @__PURE__ */ jsx34("br", {}),
+      /* @__PURE__ */ jsx34("br", {}),
       " If disabled, the render will open an actual Chrome window where you can see the render happen. The default is headless mode."
     ]
   }),
@@ -2401,10 +2370,10 @@ var headlessOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-headless",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag39] !== undefined) {
+    if (commandLine[cliFlag38] !== undefined) {
       return {
         source: "cli",
-        value: !commandLine[cliFlag39]
+        value: !commandLine[cliFlag38]
       };
     }
     if (headlessMode !== DEFAULT4) {
@@ -2421,27 +2390,27 @@ var headlessOption = {
   setConfig: (value) => {
     headlessMode = value;
   },
-  id: cliFlag39
+  id: cliFlag38
 };
 
 // src/options/ignore-certificate-errors.tsx
-import { jsx as jsx36, Fragment as Fragment36 } from "react/jsx-runtime";
+import { jsx as jsx35, Fragment as Fragment35 } from "react/jsx-runtime";
 var ignoreCertificateErrors = false;
-var cliFlag40 = "ignore-certificate-errors";
+var cliFlag39 = "ignore-certificate-errors";
 var ignoreCertificateErrorsOption = {
   name: "Ignore certificate errors",
-  cliFlag: cliFlag40,
-  description: () => /* @__PURE__ */ jsx36(Fragment36, {
+  cliFlag: cliFlag39,
+  description: () => /* @__PURE__ */ jsx35(Fragment35, {
     children: "Results in invalid SSL certificates in Chrome, such as self-signed ones, being ignored."
   }),
   ssrName: "ignoreCertificateErrors",
   docLink: "https://www.remotion.dev/docs/chromium-flags#--ignore-certificate-errors",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag40] !== undefined) {
+    if (commandLine[cliFlag39] !== undefined) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag40])
+        value: Boolean(commandLine[cliFlag39])
       };
     }
     if (ignoreCertificateErrors) {
@@ -2458,23 +2427,23 @@ var ignoreCertificateErrorsOption = {
   setConfig: (value) => {
     ignoreCertificateErrors = value;
   },
-  id: cliFlag40
+  id: cliFlag39
 };
 
 // src/options/image-sequence.tsx
-import { jsx as jsx37, jsxs as jsxs25, Fragment as Fragment37 } from "react/jsx-runtime";
-var cliFlag41 = "sequence";
+import { jsx as jsx36, jsxs as jsxs25, Fragment as Fragment36 } from "react/jsx-runtime";
+var cliFlag40 = "sequence";
 var imageSequence = false;
 var imageSequenceOption = {
   name: "Image Sequence",
-  cliFlag: cliFlag41,
-  description: () => /* @__PURE__ */ jsxs25(Fragment37, {
+  cliFlag: cliFlag40,
+  description: () => /* @__PURE__ */ jsxs25(Fragment36, {
     children: [
       "Pass this flag to output an image sequence instead of a video. The default image format is JPEG. See",
       " ",
-      /* @__PURE__ */ jsx37("a", {
+      /* @__PURE__ */ jsx36("a", {
         href: "/docs/config#setimagesequence",
-        children: /* @__PURE__ */ jsx37("code", {
+        children: /* @__PURE__ */ jsx36("code", {
           children: "setImageSequence()"
         })
       }),
@@ -2485,10 +2454,10 @@ var imageSequenceOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setimagesequence",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag41] !== undefined) {
+    if (commandLine[cliFlag40] !== undefined) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag41])
+        value: Boolean(commandLine[cliFlag40])
       };
     }
     return {
@@ -2500,25 +2469,25 @@ var imageSequenceOption = {
     imageSequence = value;
   },
   type: false,
-  id: cliFlag41
+  id: cliFlag40
 };
 
 // src/options/image-sequence-pattern.tsx
-import { jsx as jsx38, jsxs as jsxs26, Fragment as Fragment38 } from "react/jsx-runtime";
-var cliFlag42 = "image-sequence-pattern";
+import { jsx as jsx37, jsxs as jsxs26, Fragment as Fragment37 } from "react/jsx-runtime";
+var cliFlag41 = "image-sequence-pattern";
 var currentImageSequencePattern = null;
 var imageSequencePatternOption = {
   name: "Image Sequence Pattern",
-  cliFlag: cliFlag42,
+  cliFlag: cliFlag41,
   ssrName: "imageSequencePattern",
-  description: () => /* @__PURE__ */ jsxs26(Fragment38, {
+  description: () => /* @__PURE__ */ jsxs26(Fragment37, {
     children: [
       "Pattern for naming image sequence files. Supports ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx37("code", {
         children: "[frame]"
       }),
       " for the zero-padded frame number and ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx37("code", {
         children: "[ext]"
       }),
       " for the file extension."
@@ -2534,33 +2503,33 @@ var imageSequencePatternOption = {
       };
     }
     return {
-      value: commandLine[cliFlag42],
+      value: commandLine[cliFlag41],
       source: "cli"
     };
   },
   setConfig: (pattern) => {
     currentImageSequencePattern = pattern;
   },
-  id: cliFlag42
+  id: cliFlag41
 };
 
 // src/options/ipv4.tsx
-import { jsx as jsx39, Fragment as Fragment39 } from "react/jsx-runtime";
+import { jsx as jsx38, Fragment as Fragment38 } from "react/jsx-runtime";
 var forceIPv4 = false;
-var cliFlag43 = "ipv4";
+var cliFlag42 = "ipv4";
 var ipv4Option = {
   name: "IPv4",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsx39(Fragment39, {
+  cliFlag: cliFlag42,
+  description: () => /* @__PURE__ */ jsx38(Fragment38, {
     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) {
+    if (commandLine[cliFlag42] !== undefined) {
       return {
-        value: commandLine[cliFlag43],
+        value: commandLine[cliFlag42],
         source: "cli"
       };
     }
@@ -2572,25 +2541,25 @@ var ipv4Option = {
   setConfig(value) {
     forceIPv4 = value;
   },
-  id: cliFlag43
+  id: cliFlag42
 };
 
 // src/options/is-production.tsx
-import { jsx as jsx40, jsxs as jsxs27, Fragment as Fragment40 } from "react/jsx-runtime";
-var cliFlag44 = "is-production";
+import { jsx as jsx39, jsxs as jsxs27, Fragment as Fragment39 } from "react/jsx-runtime";
+var cliFlag43 = "is-production";
 var currentIsProductionKey = null;
 var isProductionOption = {
   name: "Is Production",
-  cliFlag: cliFlag44,
-  description: () => /* @__PURE__ */ jsxs27(Fragment40, {
+  cliFlag: cliFlag43,
+  description: () => /* @__PURE__ */ jsxs27(Fragment39, {
     children: [
       "Pass ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx39("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__ */ jsx39("code", {
         children: "licenseKey"
       }),
       "."
@@ -2599,10 +2568,10 @@ var isProductionOption = {
   ssrName: "isProduction",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag44] !== undefined) {
+    if (commandLine[cliFlag43] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag44]
+        value: commandLine[cliFlag43]
       };
     }
     if (currentIsProductionKey !== null) {
@@ -2620,11 +2589,11 @@ var isProductionOption = {
     currentIsProductionKey = value;
   },
   type: false,
-  id: cliFlag44
+  id: cliFlag43
 };
 
 // src/options/jpeg-quality.tsx
-import { jsx as jsx41, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx40, Fragment as Fragment40 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -2635,11 +2604,11 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag45 = "jpeg-quality";
+var cliFlag44 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag45,
-  description: () => /* @__PURE__ */ jsx41(Fragment41, {
+  cliFlag: cliFlag44,
+  description: () => /* @__PURE__ */ jsx40(Fragment40, {
     children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
   }),
   ssrName: "jpegQuality",
@@ -2647,11 +2616,11 @@ var jpegQualityOption = {
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag45] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag45]);
+    if (commandLine[cliFlag44] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag44]);
       return {
         source: "cli",
-        value: commandLine[cliFlag45]
+        value: commandLine[cliFlag44]
       };
     }
     if (quality !== defaultValue) {
@@ -2665,25 +2634,25 @@ var jpegQualityOption = {
       value: defaultValue
     };
   },
-  id: cliFlag45
+  id: cliFlag44
 };
 
 // src/options/keyboard-shortcuts.tsx
-import { jsx as jsx42, Fragment as Fragment42 } from "react/jsx-runtime";
+import { jsx as jsx41, Fragment as Fragment41 } from "react/jsx-runtime";
 var keyboardShortcutsEnabled = true;
-var cliFlag46 = "disable-keyboard-shortcuts";
+var cliFlag45 = "disable-keyboard-shortcuts";
 var keyboardShortcutsOption = {
   name: "Disable or Enable keyboard shortcuts",
-  cliFlag: cliFlag46,
-  description: () => /* @__PURE__ */ jsx42(Fragment42, {
+  cliFlag: cliFlag45,
+  description: () => /* @__PURE__ */ jsx41(Fragment41, {
     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) {
-      keyboardShortcutsEnabled = commandLine[cliFlag46] === false;
+    if (commandLine[cliFlag45] !== undefined) {
+      keyboardShortcutsEnabled = commandLine[cliFlag45] === false;
       return {
         value: keyboardShortcutsEnabled,
         source: "cli"
@@ -2697,42 +2666,42 @@ var keyboardShortcutsOption = {
   setConfig(value) {
     keyboardShortcutsEnabled = value;
   },
-  id: cliFlag46
+  id: cliFlag45
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx43, jsxs as jsxs28, Fragment as Fragment43 } from "react/jsx-runtime";
-var cliFlag47 = "audio-latency-hint";
+import { jsx as jsx42, jsxs as jsxs28, Fragment as Fragment42 } from "react/jsx-runtime";
+var cliFlag46 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag47,
-  description: () => /* @__PURE__ */ jsxs28(Fragment43, {
+  cliFlag: cliFlag46,
+  description: () => /* @__PURE__ */ jsxs28(Fragment42, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx43("a", {
+      /* @__PURE__ */ jsx42("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx42("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx43("br", {}),
+      /* @__PURE__ */ jsx42("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx42("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx42("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx42("code", {
         children: "playback"
       })
     ]
@@ -2741,7 +2710,7 @@ var audioLatencyHintOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "playback",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag47];
+    const val = commandLine[cliFlag46];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -2753,21 +2722,21 @@ var audioLatencyHintOption = {
   setConfig: (profile) => {
     value = profile;
   },
-  id: cliFlag47
+  id: cliFlag46
 };
 
 // src/options/license-key.tsx
-import { jsx as jsx44, jsxs as jsxs29, Fragment as Fragment44 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs29, Fragment as Fragment43 } from "react/jsx-runtime";
 var currentLicenseKey = null;
-var cliFlag48 = "license-key";
+var cliFlag47 = "license-key";
 var licenseKeyOption = {
   name: "License key",
-  cliFlag: cliFlag48,
-  description: () => /* @__PURE__ */ jsxs29(Fragment44, {
+  cliFlag: cliFlag47,
+  description: () => /* @__PURE__ */ jsxs29(Fragment43, {
     children: [
       "License key for sending a usage event using",
       " ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx43("code", {
         children: "@remotion/licensing"
       }),
       "."
@@ -2777,10 +2746,10 @@ var licenseKeyOption = {
   docLink: "https://www.remotion.dev/docs/licensing",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag48] !== undefined) {
+    if (commandLine[cliFlag47] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag48]
+        value: commandLine[cliFlag47]
       };
     }
     return {
@@ -2791,47 +2760,47 @@ var licenseKeyOption = {
   setConfig: (value2) => {
     currentLicenseKey = value2;
   },
-  id: cliFlag48
+  id: cliFlag47
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx45, jsxs as jsxs30, Fragment as Fragment45 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30, Fragment as Fragment44 } from "react/jsx-runtime";
 var logLevel = "info";
-var cliFlag49 = "log";
+var cliFlag48 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag49,
+  cliFlag: cliFlag48,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs30(Fragment45, {
+  description: () => /* @__PURE__ */ jsxs30(Fragment44, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx45("br", {}),
+      /* @__PURE__ */ jsx44("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx45("br", {}),
-      /* @__PURE__ */ jsx45("br", {}),
+      /* @__PURE__ */ jsx44("br", {}),
+      /* @__PURE__ */ jsx44("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx45("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "info"
       }),
       "."
@@ -2839,11 +2808,11 @@ var logLevelOption = {
   }),
   docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag49]) {
-      if (!isValidLogLevel(commandLine[cliFlag49])) {
+    if (commandLine[cliFlag48]) {
+      if (!isValidLogLevel(commandLine[cliFlag48])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag49], source: "cli" };
+      return { value: commandLine[cliFlag48], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -2854,23 +2823,23 @@ var logLevelOption = {
     logLevel = newLogLevel;
   },
   type: "error",
-  id: cliFlag49
+  id: cliFlag48
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx46, jsxs as jsxs31, Fragment as Fragment46 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs31, Fragment as Fragment45 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag50 = "metadata";
+var cliFlag49 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag50,
+  cliFlag: cliFlag49,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs31(Fragment46, {
+      return /* @__PURE__ */ jsxs31(Fragment45, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx46("a", {
+          /* @__PURE__ */ jsx45("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -2878,18 +2847,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs31(Fragment46, {
+    return /* @__PURE__ */ jsxs31(Fragment45, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx46("a", {
+        /* @__PURE__ */ jsx45("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx46("br", {}),
+        /* @__PURE__ */ jsx45("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx46("code", {
+        /* @__PURE__ */ jsx45("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -2900,8 +2869,8 @@ var metadataOption = {
   docLink: "https://www.remotion.dev/docs/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag50] !== undefined) {
-      const val = commandLine[cliFlag50];
+    if (commandLine[cliFlag49] !== undefined) {
+      const val = commandLine[cliFlag49];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -2928,28 +2897,28 @@ var metadataOption = {
     metadata = newMetadata;
   },
   ssrName: "metadata",
-  id: cliFlag50
+  id: cliFlag49
 };
 
 // src/options/mute.tsx
-import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
+import { jsx as jsx46, Fragment as Fragment46 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag51 = "muted";
+var cliFlag50 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag51,
-  description: () => /* @__PURE__ */ jsx47(Fragment47, {
+  cliFlag: cliFlag50,
+  description: () => /* @__PURE__ */ jsx46(Fragment46, {
     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[cliFlag50] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag51]
+        value: commandLine[cliFlag50]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -2966,17 +2935,17 @@ var mutedOption = {
   setConfig: () => {
     mutedState = true;
   },
-  id: cliFlag51
+  id: cliFlag50
 };
 
 // src/options/no-open.tsx
-import { jsx as jsx48, Fragment as Fragment48 } from "react/jsx-runtime";
+import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
 var shouldOpenBrowser = true;
-var cliFlag52 = "no-open";
+var cliFlag51 = "no-open";
 var noOpenOption = {
   name: "Disable browser auto-open",
-  cliFlag: cliFlag52,
-  description: () => /* @__PURE__ */ jsx48(Fragment48, {
+  cliFlag: cliFlag51,
+  description: () => /* @__PURE__ */ jsx47(Fragment47, {
     children: "If specified, Remotion will not open a browser window when starting the Studio."
   }),
   ssrName: null,
@@ -2995,30 +2964,30 @@ var noOpenOption = {
   setConfig: (shouldOpen) => {
     shouldOpenBrowser = shouldOpen;
   },
-  id: cliFlag52
+  id: cliFlag51
 };
 
 // src/options/number-of-gif-loops.tsx
-import { jsx as jsx49, jsxs as jsxs32, Fragment as Fragment49 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs32, Fragment as Fragment48 } 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 cliFlag52 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag53,
+  cliFlag: cliFlag52,
   description: () => {
-    return /* @__PURE__ */ jsxs32(Fragment49, {
+    return /* @__PURE__ */ jsxs32(Fragment48, {
       children: [
         "Allows you to set the number of loops as follows:",
         /* @__PURE__ */ jsxs32("ul", {
           children: [
             /* @__PURE__ */ jsxs32("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx48("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
@@ -3026,7 +2995,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs32("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx48("code", {
                   children: "0"
                 }),
                 " disables looping"
@@ -3034,7 +3003,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs32("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx48("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
@@ -3042,7 +3011,7 @@ var numberOfGifLoopsOption = {
             }),
             /* @__PURE__ */ jsxs32("li", {
               children: [
-                /* @__PURE__ */ jsx49("code", {
+                /* @__PURE__ */ jsx48("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -3057,10 +3026,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[cliFlag52] !== undefined) {
+      validate(commandLine[cliFlag52]);
       return {
-        value: commandLine[cliFlag53],
+        value: commandLine[cliFlag52],
         source: "cli"
       };
     }
@@ -3079,21 +3048,21 @@ var numberOfGifLoopsOption = {
     validate(newLoop);
     currentLoop = newLoop;
   },
-  id: cliFlag53
+  id: cliFlag52
 };
 
 // src/options/number-of-shared-audio-tags.tsx
-import { jsx as jsx50, jsxs as jsxs33, Fragment as Fragment50 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33, Fragment as Fragment49 } from "react/jsx-runtime";
 var numberOfSharedAudioTags = 0;
-var cliFlag54 = "number-of-shared-audio-tags";
+var cliFlag53 = "number-of-shared-audio-tags";
 var numberOfSharedAudioTagsOption = {
   name: "Number of shared audio tags",
-  cliFlag: cliFlag54,
-  description: () => /* @__PURE__ */ jsxs33(Fragment50, {
+  cliFlag: cliFlag53,
+  description: () => /* @__PURE__ */ jsxs33(Fragment49, {
     children: [
       "Set number of shared audio tags. See",
       " ",
-      /* @__PURE__ */ jsx50("a", {
+      /* @__PURE__ */ jsx49("a", {
         href: "https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop",
         children: "Using the numberOfSharedAudioTags prop"
       }),
@@ -3105,9 +3074,9 @@ var numberOfSharedAudioTagsOption = {
   docLink: "https://www.remotion.dev/docs/config#setnumberofsharedaudiotags",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag54] !== undefined) {
+    if (commandLine[cliFlag53] !== undefined) {
       return {
-        value: commandLine[cliFlag54],
+        value: commandLine[cliFlag53],
         source: "cli"
       };
     }
@@ -3119,39 +3088,39 @@ var numberOfSharedAudioTagsOption = {
   setConfig(value2) {
     numberOfSharedAudioTags = value2;
   },
-  id: cliFlag54
+  id: cliFlag53
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx51, jsxs as jsxs34, Fragment as Fragment51 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34, Fragment as Fragment50 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag55 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag54 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag55,
-  description: () => /* @__PURE__ */ jsxs34(Fragment51, {
+  cliFlag: cliFlag54,
+  description: () => /* @__PURE__ */ jsxs34(Fragment50, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx51("a", {
+      /* @__PURE__ */ jsx50("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx51("code", {
+        children: /* @__PURE__ */ jsx50("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx51("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx51("br", {}),
+      /* @__PURE__ */ jsx50("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__ */ jsx50("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx51("br", {}),
+      /* @__PURE__ */ jsx50("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx51("code", {
+      /* @__PURE__ */ jsx50("code", {
         children: "null"
       })
     ]
@@ -3160,10 +3129,10 @@ var offthreadVideoCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag55] !== undefined) {
+    if (commandLine[cliFlag54] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag55]
+        value: commandLine[cliFlag54]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -3180,22 +3149,22 @@ var offthreadVideoCacheSizeInBytesOption = {
   setConfig: (size) => {
     offthreadVideoCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag55
+  id: cliFlag54
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx52, jsxs as jsxs35, Fragment as Fragment52 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs35, Fragment as Fragment51 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag56 = "offthreadvideo-video-threads";
+var cliFlag55 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag56,
-  description: () => /* @__PURE__ */ jsxs35(Fragment52, {
+  cliFlag: cliFlag55,
+  description: () => /* @__PURE__ */ jsxs35(Fragment51, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx52("a", {
+      /* @__PURE__ */ jsx51("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx52("code", {
+        children: /* @__PURE__ */ jsx51("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -3210,10 +3179,10 @@ var offthreadVideoThreadsOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag56] !== undefined) {
+    if (commandLine[cliFlag55] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag56]
+        value: commandLine[cliFlag55]
       };
     }
     if (value2 !== null) {
@@ -3230,21 +3199,21 @@ var offthreadVideoThreadsOption = {
   setConfig: (size) => {
     value2 = size ?? null;
   },
-  id: cliFlag56
+  id: cliFlag55
 };
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx53, jsxs as jsxs36, Fragment as Fragment53 } from "react/jsx-runtime";
-var cliFlag57 = "on-browser-download";
+import { jsx as jsx52, jsxs as jsxs36, Fragment as Fragment52 } from "react/jsx-runtime";
+var cliFlag56 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag57,
-  description: () => /* @__PURE__ */ jsxs36(Fragment53, {
+  cliFlag: cliFlag56,
+  description: () => /* @__PURE__ */ jsxs36(Fragment52, {
     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__ */ jsx52("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
@@ -3259,26 +3228,26 @@ var onBrowserDownloadOption = {
   setConfig: () => {
     throw new Error("does not support config file");
   },
-  id: cliFlag57
+  id: cliFlag56
 };
 
 // src/options/out-dir.tsx
-import { jsx as jsx54, jsxs as jsxs37, Fragment as Fragment54 } from "react/jsx-runtime";
-var cliFlag58 = "out-dir";
+import { jsx as jsx53, jsxs as jsxs37, Fragment as Fragment53 } from "react/jsx-runtime";
+var cliFlag57 = "out-dir";
 var currentOutDir = null;
 var outDirOption = {
   name: "Output Directory",
-  cliFlag: cliFlag58,
+  cliFlag: cliFlag57,
   description: () => {
-    return /* @__PURE__ */ jsxs37(Fragment54, {
+    return /* @__PURE__ */ jsxs37(Fragment53, {
       children: [
         "Define the location of the resulting bundle. By default it is a folder called ",
-        /* @__PURE__ */ jsx54("code", {
+        /* @__PURE__ */ jsx53("code", {
           children: "build"
         }),
         ", adjacent to the",
         " ",
-        /* @__PURE__ */ jsx54("a", {
+        /* @__PURE__ */ jsx53("a", {
           href: "/docs/terminology/remotion-root",
           children: "Remotion Root"
         }),
@@ -3289,10 +3258,10 @@ var outDirOption = {
   ssrName: "outDir",
   docLink: "https://www.remotion.dev/docs/cli/bundle#--out-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag58] !== undefined) {
+    if (commandLine[cliFlag57] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag58]
+        value: commandLine[cliFlag57]
       };
     }
     if (currentOutDir !== null) {
@@ -3310,7 +3279,7 @@ var outDirOption = {
     currentOutDir = value3;
   },
   type: "",
-  id: cliFlag58
+  id: cliFlag57
 };
 
 // src/validate.ts
@@ -3320,21 +3289,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 jsx54, Fragment as Fragment54 } from "react/jsx-runtime";
 var currentDuration = null;
-var cliFlag59 = "duration";
+var cliFlag58 = "duration";
 var overrideDurationOption = {
   name: "Override Duration",
-  cliFlag: cliFlag59,
-  description: () => /* @__PURE__ */ jsx55(Fragment55, {
+  cliFlag: cliFlag58,
+  description: () => /* @__PURE__ */ jsx54(Fragment54, {
     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[cliFlag58] !== undefined) {
+      const value3 = commandLine[cliFlag58];
       validateDurationInFrames(value3, {
         component: "in --duration flag",
         allowFloats: false
@@ -3362,25 +3331,25 @@ var overrideDurationOption = {
     });
     currentDuration = duration;
   },
-  id: cliFlag59
+  id: cliFlag58
 };
 
 // src/options/override-fps.tsx
-import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
+import { jsx as jsx55, Fragment as Fragment55 } from "react/jsx-runtime";
 var currentFps = null;
-var cliFlag60 = "fps";
+var cliFlag59 = "fps";
 var overrideFpsOption = {
   name: "Override FPS",
-  cliFlag: cliFlag60,
-  description: () => /* @__PURE__ */ jsx56(Fragment56, {
+  cliFlag: cliFlag59,
+  description: () => /* @__PURE__ */ jsx55(Fragment55, {
     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[cliFlag59] !== undefined) {
+      const value3 = commandLine[cliFlag59];
       validateFps(value3, "in --fps flag", false);
       return {
         source: "cli",
@@ -3402,25 +3371,25 @@ var overrideFpsOption = {
     validateFps(fps, "in Config.overrideFps()", false);
     currentFps = fps;
   },
-  id: cliFlag60
+  id: cliFlag59
 };
 
 // src/options/override-height.tsx
-import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
+import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
 var currentHeight = null;
-var cliFlag61 = "height";
+var cliFlag60 = "height";
 var overrideHeightOption = {
   name: "Override Height",
-  cliFlag: cliFlag61,
-  description: () => /* @__PURE__ */ jsx57(Fragment57, {
+  cliFlag: cliFlag60,
+  description: () => /* @__PURE__ */ jsx56(Fragment56, {
     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[cliFlag60] !== undefined) {
+      const value3 = commandLine[cliFlag60];
       validateDimension(value3, "height", "in --height flag");
       return {
         source: "cli",
@@ -3442,25 +3411,25 @@ var overrideHeightOption = {
     validateDimension(height, "height", "in Config.overrideHeight()");
     currentHeight = height;
   },
-  id: cliFlag61
+  id: cliFlag60
 };
 
 // src/options/override-width.tsx
-import { jsx as jsx58, Fragment as Fragment58 } from "react/jsx-runtime";
+import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
 var currentWidth = null;
-var cliFlag62 = "width";
+var cliFlag61 = "width";
 var overrideWidthOption = {
   name: "Override Width",
-  cliFlag: cliFlag62,
-  description: () => /* @__PURE__ */ jsx58(Fragment58, {
+  cliFlag: cliFlag61,
+  description: () => /* @__PURE__ */ jsx57(Fragment57, {
     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[cliFlag61] !== undefined) {
+      const value3 = commandLine[cliFlag61];
       validateDimension(value3, "width", "in --width flag");
       return {
         source: "cli",
@@ -3482,13 +3451,13 @@ var overrideWidthOption = {
     validateDimension(width, "width", "in Config.overrideWidth()");
     currentWidth = width;
   },
-  id: cliFlag62
+  id: cliFlag61
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx59, jsxs as jsxs38, Fragment as Fragment59 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs38, Fragment as Fragment58 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag63 = "overwrite";
+var cliFlag62 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -3496,15 +3465,15 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag63,
-  description: () => /* @__PURE__ */ jsxs38(Fragment59, {
+  cliFlag: cliFlag62,
+  description: () => /* @__PURE__ */ jsxs38(Fragment58, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx59("code", {
+      /* @__PURE__ */ jsx58("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx59("code", {
+      /* @__PURE__ */ jsx58("code", {
         children: "true"
       }),
       "."
@@ -3514,11 +3483,11 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag63] !== undefined) {
-      validate2(commandLine[cliFlag63]);
+    if (commandLine[cliFlag62] !== undefined) {
+      validate2(commandLine[cliFlag62]);
       return {
         source: "cli",
-        value: commandLine[cliFlag63]
+        value: commandLine[cliFlag62]
       };
     }
     if (shouldOverwrite !== null) {
@@ -3536,36 +3505,36 @@ var overwriteOption = {
     validate2(value3);
     shouldOverwrite = value3;
   },
-  id: cliFlag63
+  id: cliFlag62
 };
 
 // src/options/package-manager.tsx
-import { jsx as jsx60, jsxs as jsxs39, Fragment as Fragment60 } from "react/jsx-runtime";
-var cliFlag64 = "package-manager";
+import { jsx as jsx59, jsxs as jsxs39, Fragment as Fragment59 } from "react/jsx-runtime";
+var cliFlag63 = "package-manager";
 var currentPackageManager = null;
 var packageManagerOption = {
   name: "Package Manager",
-  cliFlag: cliFlag64,
+  cliFlag: cliFlag63,
   description: () => {
-    return /* @__PURE__ */ jsxs39(Fragment60, {
+    return /* @__PURE__ */ jsxs39(Fragment59, {
       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__ */ jsx59("br", {}),
         "Acceptable values are ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx59("code", {
           children: "npm"
         }),
         ", ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx59("code", {
           children: "yarn"
         }),
         ",",
         " ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx59("code", {
           children: "pnpm"
         }),
         " and ",
-        /* @__PURE__ */ jsx60("code", {
+        /* @__PURE__ */ jsx59("code", {
           children: "bun"
         }),
         "."
@@ -3575,10 +3544,10 @@ var packageManagerOption = {
   ssrName: "packageManager",
   docLink: "https://www.remotion.dev/docs/cli/upgrade#--package-manager",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag64] !== undefined) {
+    if (commandLine[cliFlag63] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag64]
+        value: commandLine[cliFlag63]
       };
     }
     if (currentPackageManager !== null) {
@@ -3596,7 +3565,7 @@ var packageManagerOption = {
     currentPackageManager = value3;
   },
   type: "",
-  id: cliFlag64
+  id: cliFlag63
 };
 
 // src/pixel-format.ts
@@ -3619,17 +3588,17 @@ var validPixelFormatsForCodec = (codec) => {
 };
 
 // src/options/pixel-format.tsx
-import { jsx as jsx61, jsxs as jsxs40, Fragment as Fragment61 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs40, Fragment as Fragment60 } from "react/jsx-runtime";
 var currentPixelFormat = DEFAULT_PIXEL_FORMAT;
-var cliFlag65 = "pixel-format";
+var cliFlag64 = "pixel-format";
 var pixelFormatOption = {
   name: "Pixel format",
-  cliFlag: cliFlag65,
-  description: () => /* @__PURE__ */ jsxs40(Fragment61, {
+  cliFlag: cliFlag64,
+  description: () => /* @__PURE__ */ jsxs40(Fragment60, {
     children: [
       "Sets the pixel format in FFmpeg. See",
       " ",
-      /* @__PURE__ */ jsx61("a", {
+      /* @__PURE__ */ jsx60("a", {
         href: "https://trac.ffmpeg.org/wiki/Chroma%20Subsampling",
         children: "the FFmpeg docs for an explanation"
       }),
@@ -3642,10 +3611,10 @@ var pixelFormatOption = {
   docLink: "https://www.remotion.dev/docs/config#setpixelformat",
   type: DEFAULT_PIXEL_FORMAT,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag65] !== undefined) {
+    if (commandLine[cliFlag64] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag65]
+        value: commandLine[cliFlag64]
       };
     }
     if (currentPixelFormat !== DEFAULT_PIXEL_FORMAT) {
@@ -3665,26 +3634,26 @@ var pixelFormatOption = {
     }
     currentPixelFormat = value3;
   },
-  id: cliFlag65
+  id: cliFlag64
 };
 
 // src/options/port.tsx
-import { jsx as jsx62, Fragment as Fragment62 } from "react/jsx-runtime";
-var cliFlag66 = "port";
+import { jsx as jsx61, Fragment as Fragment61 } from "react/jsx-runtime";
+var cliFlag65 = "port";
 var currentPort = null;
 var portOption = {
   name: "Port",
-  cliFlag: cliFlag66,
-  description: () => /* @__PURE__ */ jsx62(Fragment62, {
+  cliFlag: cliFlag65,
+  description: () => /* @__PURE__ */ jsx61(Fragment61, {
     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[cliFlag65] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag66]
+        value: commandLine[cliFlag65]
       };
     }
     if (currentPort !== null) {
@@ -3702,25 +3671,25 @@ var portOption = {
     currentPort = value3;
   },
   type: 0,
-  id: cliFlag66
+  id: cliFlag65
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx63, jsxs as jsxs41, Fragment as Fragment63 } from "react/jsx-runtime";
-var cliFlag67 = "prefer-lossless";
+import { jsx as jsx62, jsxs as jsxs41, Fragment as Fragment62 } from "react/jsx-runtime";
+var cliFlag66 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag67,
-  description: () => /* @__PURE__ */ jsxs41(Fragment63, {
+  cliFlag: cliFlag66,
+  description: () => /* @__PURE__ */ jsxs41(Fragment62, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx63("code", {
+      /* @__PURE__ */ jsx62("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx63("code", {
+      /* @__PURE__ */ jsx62("code", {
         children: "preferLossless"
       }),
       "."
@@ -3730,7 +3699,7 @@ var preferLosslessAudioOption = {
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag67]) {
+    if (commandLine[cliFlag66]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -3741,16 +3710,16 @@ var preferLosslessAudioOption = {
   setConfig: (val) => {
     input = val;
   },
-  id: cliFlag67
+  id: cliFlag66
 };
 
 // src/options/props.tsx
-import { jsx as jsx64, jsxs as jsxs42, Fragment as Fragment64 } from "react/jsx-runtime";
-var cliFlag68 = "props";
+import { jsx as jsx63, jsxs as jsxs42, Fragment as Fragment63 } from "react/jsx-runtime";
+var cliFlag67 = "props";
 var propsOption = {
   name: "Input Props",
-  cliFlag: cliFlag68,
-  description: () => /* @__PURE__ */ jsxs42(Fragment64, {
+  cliFlag: cliFlag67,
+  description: () => /* @__PURE__ */ jsxs42(Fragment63, {
     children: [
       "Input Props to pass to the selected composition of your video. Must be a serialized JSON string (",
       /* @__PURE__ */ jsxs42("code", {
@@ -3763,7 +3732,7 @@ var propsOption = {
         ]
       }),
       ") or a path to a JSON file (",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx63("code", {
         children: "./path/to/props.json"
       }),
       ")."
@@ -3772,10 +3741,10 @@ var propsOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/passing-props#passing-input-props-in-the-cli",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag68] !== undefined) {
+    if (commandLine[cliFlag67] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag68]
+        value: commandLine[cliFlag67]
       };
     }
     return {
@@ -3787,11 +3756,11 @@ var propsOption = {
     throw new Error("setProps is not supported. Pass --props via the CLI instead.");
   },
   type: "",
-  id: cliFlag68
+  id: cliFlag67
 };
 
 // src/options/prores-profile.tsx
-import { jsx as jsx65, jsxs as jsxs43, Fragment as Fragment65 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs43, Fragment as Fragment64 } from "react/jsx-runtime";
 var validProResProfiles = [
   "4444-xq",
   "4444",
@@ -3801,14 +3770,14 @@ var validProResProfiles = [
   "proxy"
 ];
 var proResProfile;
-var cliFlag69 = "prores-profile";
+var cliFlag68 = "prores-profile";
 var proResProfileOption = {
   name: "ProRes profile",
-  cliFlag: cliFlag69,
-  description: () => /* @__PURE__ */ jsxs43(Fragment65, {
+  cliFlag: cliFlag68,
+  description: () => /* @__PURE__ */ jsxs43(Fragment64, {
     children: [
       "Set the ProRes profile. This option is only valid if the codec has been set to ",
-      /* @__PURE__ */ jsx65("code", {
+      /* @__PURE__ */ jsx64("code", {
         children: "prores"
       }),
       ". Possible values:",
@@ -3816,12 +3785,12 @@ var proResProfileOption = {
       validProResProfiles.map((p) => `"${p}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx65("code", {
+      /* @__PURE__ */ jsx64("code", {
         children: '"hq"'
       }),
       ". See",
       " ",
-      /* @__PURE__ */ jsx65("a", {
+      /* @__PURE__ */ jsx64("a", {
         href: "https://video.stackexchange.com/a/14715",
         children: "here"
       }),
@@ -3832,10 +3801,10 @@ var proResProfileOption = {
   docLink: "https://www.remotion.dev/docs/config#setproresprofile",
   type: undefined,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag69] !== undefined) {
+    if (commandLine[cliFlag68] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag69])
+        value: String(commandLine[cliFlag68])
       };
     }
     if (proResProfile !== undefined) {
@@ -3852,24 +3821,24 @@ var proResProfileOption = {
   setConfig: (value3) => {
     proResProfile = value3;
   },
-  id: cliFlag69
+  id: cliFlag68
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx66, jsxs as jsxs44, Fragment as Fragment66 } from "react/jsx-runtime";
-var cliFlag70 = "public-dir";
+import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
+var cliFlag69 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag70,
+  cliFlag: cliFlag69,
   description: () => {
-    return /* @__PURE__ */ jsxs44(Fragment66, {
+    return /* @__PURE__ */ jsxs44(Fragment65, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx66("a", {
+        /* @__PURE__ */ jsx65("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx66("code", {
+          children: /* @__PURE__ */ jsx65("code", {
             children: "public/ directory"
           })
         }),
@@ -3880,10 +3849,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag70] !== undefined) {
+    if (commandLine[cliFlag69] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag70]
+        value: commandLine[cliFlag69]
       };
     }
     if (currentPublicDir !== null) {
@@ -3901,20 +3870,20 @@ var publicDirOption = {
     currentPublicDir = value3;
   },
   type: "",
-  id: cliFlag70
+  id: cliFlag69
 };
 
 // src/options/public-license-key.tsx
-import { jsx as jsx67, jsxs as jsxs45, Fragment as Fragment67 } from "react/jsx-runtime";
-var cliFlag71 = "public-license-key";
+import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
+var cliFlag70 = "public-license-key";
 var currentPublicLicenseKey = null;
 var publicLicenseKeyOption = {
   name: "Public License Key",
-  cliFlag: cliFlag71,
-  description: () => /* @__PURE__ */ jsxs45(Fragment67, {
+  cliFlag: cliFlag70,
+  description: () => /* @__PURE__ */ jsxs45(Fragment66, {
     children: [
       "The public license key for your company license, obtained from the License keys page on ",
-      /* @__PURE__ */ jsx67("a", {
+      /* @__PURE__ */ jsx66("a", {
         href: "https://remotion.pro/dashboard",
         children: "remotion.pro"
       }),
@@ -3924,10 +3893,10 @@ var publicLicenseKeyOption = {
   ssrName: "publicLicenseKey",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag71] !== undefined) {
+    if (commandLine[cliFlag70] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag71]
+        value: commandLine[cliFlag70]
       };
     }
     if (currentPublicLicenseKey !== null) {
@@ -3948,29 +3917,29 @@ var publicLicenseKeyOption = {
     currentPublicLicenseKey = value3;
   },
   type: null,
-  id: cliFlag71
+  id: cliFlag70
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx68, jsxs as jsxs46, Fragment as Fragment68 } from "react/jsx-runtime";
-var cliFlag72 = "public-path";
+import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
+var cliFlag71 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag72,
+  cliFlag: cliFlag71,
   description: () => {
-    return /* @__PURE__ */ jsxs46(Fragment68, {
+    return /* @__PURE__ */ jsxs46(Fragment67, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx67("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -3980,10 +3949,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag72] !== undefined) {
+    if (commandLine[cliFlag71] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag72]
+        value: commandLine[cliFlag71]
       };
     }
     if (currentPublicPath !== null) {
@@ -4001,29 +3970,29 @@ var publicPathOption = {
     currentPublicPath = value3;
   },
   type: "",
-  id: cliFlag72
+  id: cliFlag71
 };
 
 // src/options/repro.tsx
-import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
+import { jsx as jsx68, Fragment as Fragment68 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag73 = "repro";
+var cliFlag72 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag73,
-  description: () => /* @__PURE__ */ jsx69(Fragment69, {
+  cliFlag: cliFlag72,
+  description: () => /* @__PURE__ */ jsx68(Fragment68, {
     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[cliFlag73] !== undefined) {
+    if (commandLine[cliFlag72] !== undefined) {
       return {
-        value: commandLine[cliFlag73],
+        value: commandLine[cliFlag72],
         source: "cli"
       };
     }
@@ -4039,27 +4008,27 @@ var reproOption = {
     };
   },
   setConfig: setRepro,
-  id: cliFlag73
+  id: cliFlag72
 };
 
 // src/options/rspack.tsx
-import { jsx as jsx70, Fragment as Fragment70 } from "react/jsx-runtime";
+import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
 var rspackEnabled = false;
-var cliFlag74 = "experimental-rspack";
+var cliFlag73 = "experimental-rspack";
 var rspackOption = {
   name: "Experimental Rspack",
-  cliFlag: cliFlag74,
-  description: () => /* @__PURE__ */ jsx70(Fragment70, {
+  cliFlag: cliFlag73,
+  description: () => /* @__PURE__ */ jsx69(Fragment69, {
     children: "Uses Rspack instead of Webpack as the bundler for the Studio or bundle."
   }),
   ssrName: null,
   docLink: null,
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag74] !== undefined) {
+    if (commandLine[cliFlag73] !== undefined) {
       rspackEnabled = true;
       return {
-        value: commandLine[cliFlag74],
+        value: commandLine[cliFlag73],
         source: "cli"
       };
     }
@@ -4071,21 +4040,21 @@ var rspackOption = {
   setConfig(value3) {
     rspackEnabled = value3;
   },
-  id: cliFlag74
+  id: cliFlag73
 };
 
 // src/options/runs.tsx
-import { jsx as jsx71, jsxs as jsxs47, Fragment as Fragment71 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs47, Fragment as Fragment70 } from "react/jsx-runtime";
 var DEFAULT_RUNS = 3;
 var currentRuns = DEFAULT_RUNS;
-var cliFlag75 = "runs";
+var cliFlag74 = "runs";
 var runsOption = {
   name: "Benchmark runs",
-  cliFlag: cliFlag75,
-  description: () => /* @__PURE__ */ jsxs47(Fragment71, {
+  cliFlag: cliFlag74,
+  description: () => /* @__PURE__ */ jsxs47(Fragment70, {
     children: [
       "Specify how many times the video should be rendered during a benchmark. Default ",
-      /* @__PURE__ */ jsx71("code", {
+      /* @__PURE__ */ jsx70("code", {
         children: DEFAULT_RUNS
       }),
       "."
@@ -4095,10 +4064,10 @@ var runsOption = {
   docLink: "https://www.remotion.dev/docs/cli/benchmark#--runs",
   type: DEFAULT_RUNS,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag75] !== undefined) {
-      const value3 = Number(commandLine[cliFlag75]);
+    if (commandLine[cliFlag74] !== undefined) {
+      const value3 = Number(commandLine[cliFlag74]);
       if (isNaN(value3) || value3 < 1) {
-        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag75]}`);
+        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag74]}`);
       }
       return { value: value3, source: "cli" };
     }
@@ -4113,21 +4082,21 @@ var runsOption = {
     }
     currentRuns = value3;
   },
-  id: cliFlag75
+  id: cliFlag74
 };
 
 // src/options/sample-rate.tsx
-import { jsx as jsx72, jsxs as jsxs48, Fragment as Fragment72 } from "react/jsx-runtime";
-var cliFlag76 = "sample-rate";
+import { jsx as jsx71, jsxs as jsxs48, Fragment as Fragment71 } from "react/jsx-runtime";
+var cliFlag75 = "sample-rate";
 var currentSampleRate = 48000;
 var sampleRateOption = {
   name: "Sample Rate",
-  cliFlag: cliFlag76,
-  description: () => /* @__PURE__ */ jsxs48(Fragment72, {
+  cliFlag: cliFlag75,
+  description: () => /* @__PURE__ */ jsxs48(Fragment71, {
     children: [
       "Controls the sample rate of the output audio. The default is",
       " ",
-      /* @__PURE__ */ jsx72("code", {
+      /* @__PURE__ */ jsx71("code", {
         children: "48000"
       }),
       " Hz. Match this to your source audio to avoid resampling artifacts."
@@ -4137,8 +4106,8 @@ var sampleRateOption = {
   docLink: "https://www.remotion.dev/docs/sample-rate",
   type: 48000,
   getValue: ({ commandLine }, compositionSampleRate) => {
-    if (commandLine[cliFlag76] !== undefined) {
-      return { value: commandLine[cliFlag76], source: "cli" };
+    if (commandLine[cliFlag75] !== undefined) {
+      return { value: commandLine[cliFlag75], source: "cli" };
     }
     if (currentSampleRate !== 48000) {
       return { value: currentSampleRate, source: "config file" };
@@ -4154,13 +4123,13 @@ var sampleRateOption = {
   setConfig: (value3) => {
     currentSampleRate = value3;
   },
-  id: cliFlag76
+  id: cliFlag75
 };
 
 // src/options/scale.tsx
-import { jsx as jsx73, jsxs as jsxs49, Fragment as Fragment73 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag77 = "scale";
+var cliFlag76 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -4168,15 +4137,15 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag77,
-  description: () => /* @__PURE__ */ jsxs49(Fragment73, {
+  cliFlag: cliFlag76,
+  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
     children: [
       "Scales the output dimensions by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx73("code", {
+      /* @__PURE__ */ jsx72("code", {
         children: "1.5"
       }),
       ". See ",
-      /* @__PURE__ */ jsx73("a", {
+      /* @__PURE__ */ jsx72("a", {
         href: "https://www.remotion.dev/docs/scaling",
         children: "Scaling"
       }),
@@ -4187,11 +4156,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag77] !== undefined) {
-      validateScale(commandLine[cliFlag77]);
+    if (commandLine[cliFlag76] !== undefined) {
+      validateScale(commandLine[cliFlag76]);
       return {
         source: "cli",
-        value: commandLine[cliFlag77]
+        value: commandLine[cliFlag76]
       };
     }
     if (currentScale !== null) {
@@ -4208,13 +4177,13 @@ var scaleOption = {
   setConfig: (scale) => {
     currentScale = scale;
   },
-  id: cliFlag77
+  id: cliFlag76
 };
 
 // src/options/still-frame.tsx
 import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
-import { jsx as jsx74, jsxs as jsxs50, Fragment as Fragment74 } from "react/jsx-runtime";
-var cliFlag78 = "frame";
+import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
+var cliFlag77 = "frame";
 var currentFrame = null;
 var validate3 = (frame) => {
   NoReactInternals3.validateFrame({
@@ -4225,17 +4194,17 @@ var validate3 = (frame) => {
 };
 var stillFrameOption = {
   name: "Frame",
-  cliFlag: cliFlag78,
-  description: () => /* @__PURE__ */ jsxs50(Fragment74, {
+  cliFlag: cliFlag77,
+  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
     children: [
       "Which frame should be rendered when rendering a still. Default",
       " ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: "0"
       }),
       ". From v3.2.27, negative values are allowed, with",
       " ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: "-1"
       }),
       " being the last frame."
@@ -4244,8 +4213,8 @@ var stillFrameOption = {
   ssrName: "frame",
   docLink: "https://www.remotion.dev/docs/cli/still#--frame",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag78] !== undefined) {
-      const frame = Number(commandLine[cliFlag78]);
+    if (commandLine[cliFlag77] !== undefined) {
+      const frame = Number(commandLine[cliFlag77]);
       validate3(frame);
       return {
         source: "cli",
@@ -4270,24 +4239,24 @@ var stillFrameOption = {
     currentFrame = value3;
   },
   type: 0,
-  id: cliFlag78
+  id: cliFlag77
 };
 
 // src/options/still-image-format.tsx
-import { jsx as jsx75, jsxs as jsxs51, Fragment as Fragment75 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
 var currentStillImageFormat = null;
-var cliFlag79 = "image-format";
+var cliFlag78 = "image-format";
 var stillImageFormatOption = {
   name: "Still Image Format",
-  cliFlag: cliFlag79,
-  description: () => /* @__PURE__ */ jsxs51(Fragment75, {
+  cliFlag: cliFlag78,
+  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
     children: [
       "The image format to use when rendering a still. Must be one of",
       " ",
       validStillImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx75("code", {
+      /* @__PURE__ */ jsx74("code", {
         children: '"png"'
       }),
       "."
@@ -4297,8 +4266,8 @@ var stillImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag79] !== undefined) {
-      const value3 = commandLine[cliFlag79];
+    if (commandLine[cliFlag78] !== undefined) {
+      const value3 = commandLine[cliFlag78];
       if (!validStillImageFormats.includes(value3)) {
         throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
       }
@@ -4336,16 +4305,16 @@ var stillImageFormatOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag80 = "throw-if-site-exists";
+var cliFlag79 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag80,
+  cliFlag: cliFlag79,
   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[cliFlag80]) {
+    if (commandLine[cliFlag79]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag80]
+        value: commandLine[cliFlag79]
       };
     }
     return {
@@ -4359,41 +4328,41 @@ var throwIfSiteExistsOption = {
   },
   ssrName: "throwIfSiteExists",
   type: false,
-  id: cliFlag80
+  id: cliFlag79
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx76, jsxs as jsxs52, Fragment as Fragment76 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } 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 cliFlag81 = "timeout";
+var cliFlag80 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag81,
-  description: () => /* @__PURE__ */ jsxs52(Fragment76, {
+  cliFlag: cliFlag80,
+  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx76("a", {
+      /* @__PURE__ */ jsx75("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx76("code", {
+        children: /* @__PURE__ */ jsx75("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx76("a", {
+      /* @__PURE__ */ jsx75("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx76("code", {
+      /* @__PURE__ */ jsx75("code", {
         children: "30000"
       })
     ]
@@ -4402,10 +4371,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag81] !== undefined) {
+    if (commandLine[cliFlag80] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag81]
+        value: commandLine[cliFlag80]
       };
     }
     if (currentTimeout !== null) {
@@ -4424,27 +4393,27 @@ var delayRenderTimeoutInMillisecondsOption = {
     validate4(value3);
     currentTimeout = value3;
   },
-  id: cliFlag81
+  id: cliFlag80
 };
 
 // src/options/user-agent.tsx
-import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
+import { jsx as jsx76, Fragment as Fragment76 } from "react/jsx-runtime";
 var userAgent = null;
-var cliFlag82 = "user-agent";
+var cliFlag81 = "user-agent";
 var userAgentOption = {
   name: "User agent",
-  cliFlag: cliFlag82,
-  description: () => /* @__PURE__ */ jsx77(Fragment77, {
+  cliFlag: cliFlag81,
+  description: () => /* @__PURE__ */ jsx76(Fragment76, {
     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[cliFlag82] !== undefined) {
+    if (commandLine[cliFlag81] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag82]
+        value: commandLine[cliFlag81]
       };
     }
     if (userAgent !== null) {
@@ -4461,25 +4430,25 @@ var userAgentOption = {
   setConfig: (value3) => {
     userAgent = value3;
   },
-  id: cliFlag82
+  id: cliFlag81
 };
 
 // src/options/version-flag.tsx
-import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
-var cliFlag83 = "version";
+import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
+var cliFlag82 = "version";
 var versionFlagOption = {
   name: "Version",
-  cliFlag: cliFlag83,
-  description: () => /* @__PURE__ */ jsx78(Fragment78, {
+  cliFlag: cliFlag82,
+  description: () => /* @__PURE__ */ jsx77(Fragment77, {
     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[cliFlag83] !== undefined) {
+    if (commandLine[cliFlag82] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag83])
+        value: String(commandLine[cliFlag82])
       };
     }
     return {
@@ -4491,30 +4460,30 @@ var versionFlagOption = {
     throw new Error("Cannot set version via config file");
   },
   type: "",
-  id: cliFlag83
+  id: cliFlag82
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx79, jsxs as jsxs53, Fragment as Fragment79 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs53, Fragment as Fragment78 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag84 = "video-bitrate";
+var cliFlag83 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag84,
-  description: () => /* @__PURE__ */ jsxs53(Fragment79, {
+  cliFlag: cliFlag83,
+  description: () => /* @__PURE__ */ jsxs53(Fragment78, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx78("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__ */ jsx79("code", {
+      /* @__PURE__ */ jsx78("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx78("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -4524,10 +4493,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag84] !== undefined) {
+    if (commandLine[cliFlag83] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag84]
+        value: commandLine[cliFlag83]
       };
     }
     if (videoBitrate !== null) {
@@ -4544,33 +4513,33 @@ var videoBitrateOption = {
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
   },
-  id: cliFlag84
+  id: cliFlag83
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx80, jsxs as jsxs54, Fragment as Fragment80 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs54, Fragment as Fragment79 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag85 = "media-cache-size-in-bytes";
+var cliFlag84 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag85,
-  description: () => /* @__PURE__ */ jsxs54(Fragment80, {
+  cliFlag: cliFlag84,
+  description: () => /* @__PURE__ */ jsxs54(Fragment79, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx80("br", {}),
+      /* @__PURE__ */ jsx79("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -4578,10 +4547,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag85] !== undefined) {
+    if (commandLine[cliFlag84] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag85]
+        value: commandLine[cliFlag84]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -4598,7 +4567,7 @@ var mediaCacheSizeInBytesOption = {
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag85
+  id: cliFlag84
 };
 
 // src/path-normalize.ts
@@ -4717,7 +4686,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx81, Fragment as Fragment81 } from "react/jsx-runtime";
+import { jsx as jsx80, Fragment as Fragment80 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -4741,11 +4710,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag86 = "codec";
+var cliFlag85 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag86,
-  description: () => /* @__PURE__ */ jsx81(Fragment81, {
+  cliFlag: cliFlag85,
+  description: () => /* @__PURE__ */ jsx80(Fragment80, {
     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",
@@ -4768,7 +4737,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[cliFlag86];
+    const cliArgument = commandLine[cliFlag85];
     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.`);
@@ -4814,24 +4783,24 @@ var videoCodecOption = {
     return { value: DEFAULT_CODEC, source: "default" };
   },
   setConfig: setCodec,
-  id: cliFlag86
+  id: cliFlag85
 };
 
 // src/options/video-image-format.tsx
-import { jsx as jsx82, jsxs as jsxs55, Fragment as Fragment82 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs55, Fragment as Fragment81 } from "react/jsx-runtime";
 var currentVideoImageFormat = null;
-var cliFlag87 = "image-format";
+var cliFlag86 = "image-format";
 var videoImageFormatOption = {
   name: "Video Image Format",
-  cliFlag: cliFlag87,
-  description: () => /* @__PURE__ */ jsxs55(Fragment82, {
+  cliFlag: cliFlag86,
+  description: () => /* @__PURE__ */ jsxs55(Fragment81, {
     children: [
       "The image format to use when rendering frames for a video. Must be one of",
       " ",
       validVideoImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx82("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: '"jpeg"'
       }),
       ". JPEG is faster, but does not support transparency."
@@ -4841,8 +4810,8 @@ var videoImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag87] !== undefined) {
-      const value3 = commandLine[cliFlag87];
+    if (commandLine[cliFlag86] !== undefined) {
+      const value3 = commandLine[cliFlag86];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
@@ -4879,12 +4848,12 @@ var videoImageFormatOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs56, Fragment as Fragment83 } from "react/jsx-runtime";
-var cliFlag88 = "webhook-custom-data";
+import { jsxs as jsxs56, Fragment as Fragment82 } from "react/jsx-runtime";
+var cliFlag87 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag88,
-  description: (type) => /* @__PURE__ */ jsxs56(Fragment83, {
+  cliFlag: cliFlag87,
+  description: (type) => /* @__PURE__ */ jsxs56(Fragment82, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -4900,24 +4869,24 @@ var webhookCustomDataOption = {
   setConfig: () => {
     throw new Error("Not implemented");
   },
-  id: cliFlag88
+  id: cliFlag87
 };
 
 // src/options/webpack-poll.tsx
-import { jsx as jsx83, Fragment as Fragment84 } from "react/jsx-runtime";
-var cliFlag89 = "webpack-poll";
+import { jsx as jsx82, Fragment as Fragment83 } from "react/jsx-runtime";
+var cliFlag88 = "webpack-poll";
 var webpackPolling = null;
 var webpackPollOption = {
   name: "Webpack Polling",
-  cliFlag: cliFlag89,
-  description: () => /* @__PURE__ */ jsx83(Fragment84, {
+  cliFlag: cliFlag88,
+  description: () => /* @__PURE__ */ jsx82(Fragment83, {
     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[cliFlag89] !== undefined) {
-      const val = commandLine[cliFlag89];
+    if (commandLine[cliFlag88] !== undefined) {
+      const val = commandLine[cliFlag88];
       if (typeof val !== "number") {
         throw new TypeError(`Webpack polling must be a number, got ${JSON.stringify(val)}`);
       }
@@ -4944,11 +4913,11 @@ var webpackPollOption = {
     webpackPolling = value3;
   },
   type: 0,
-  id: cliFlag89
+  id: cliFlag88
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx84, jsxs as jsxs57, Fragment as Fragment85 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs57, Fragment as Fragment84 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -4962,63 +4931,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag90 = "x264-preset";
+var cliFlag89 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag90,
-  description: () => /* @__PURE__ */ jsxs57(Fragment85, {
+  cliFlag: cliFlag89,
+  description: () => /* @__PURE__ */ jsxs57(Fragment84, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx84("br", {}),
+      /* @__PURE__ */ jsx83("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx84("br", {}),
+      /* @__PURE__ */ jsx83("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -5027,7 +4996,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag90];
+    const value3 = commandLine[cliFlag89];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -5039,7 +5008,7 @@ var x264Option = {
   setConfig: (profile) => {
     preset = profile;
   },
-  id: cliFlag90
+  id: cliFlag89
 };
 
 // src/options/index.tsx
@@ -5107,7 +5076,6 @@ var allOptions = {
   isProductionOption,
   askAIOption,
   experimentalClientSideRenderingOption,
-  experimentalVisualModeOption,
   keyboardShortcutsOption,
   framesOption,
   forceNewStudioOption,