@remotion/renderer 4.0.465 → 4.0.466

package/dist/esm/client.mjs

@@ -2292,17 +2292,59 @@ var validateOpenGlRenderer = (option2) => {
   return option2;
 };
 
+// src/options/gop-size.tsx
+import { jsx as jsx34, jsxs as jsxs24, Fragment as Fragment34 } from "react/jsx-runtime";
+var gopSize = null;
+var validateGopSize = (value) => {
+  if (value === null) {
+    return;
+  }
+  if (typeof value !== "number" || !Number.isFinite(value) || !Number.isInteger(value) || value <= 0) {
+    throw new TypeError("The GOP size must be an integer greater than 0 or null.");
+  }
+};
+var cliFlag37 = "gop";
+var gopSizeOption = {
+  name: "GOP size",
+  cliFlag: cliFlag37,
+  description: () => /* @__PURE__ */ jsxs24(Fragment34, {
+    children: [
+      "Set the maximum number of frames between two keyframes. This maps to FFmpeg's ",
+      /* @__PURE__ */ jsx34("code", {
+        children: "-g"
+      }),
+      " option. Default: Let the encoder decide."
+    ]
+  }),
+  ssrName: "gopSize",
+  docLink: "https://www.remotion.dev/docs/config#setgopsize",
+  type: null,
+  getValue: ({ commandLine }) => {
+    const value = commandLine[cliFlag37];
+    if (value !== undefined) {
+      validateGopSize(value);
+      return { value, source: "cli" };
+    }
+    return { value: gopSize, source: gopSize === null ? "default" : "config" };
+  },
+  setConfig: (value) => {
+    validateGopSize(value);
+    gopSize = value;
+  },
+  id: cliFlag37
+};
+
 // src/options/hardware-acceleration.tsx
 var hardwareAccelerationOptions = [
   "disable",
   "if-possible",
   "required"
 ];
-var cliFlag37 = "hardware-acceleration";
+var cliFlag38 = "hardware-acceleration";
 var currentValue = null;
 var hardwareAccelerationOption = {
   name: "Hardware Acceleration",
-  cliFlag: cliFlag37,
+  cliFlag: cliFlag38,
   description: () => `
 			One of
 			${new Intl.ListFormat("en", { type: "disjunction" }).format(hardwareAccelerationOptions.map((a) => JSON.stringify(a)))}
@@ -2314,10 +2356,10 @@ var hardwareAccelerationOption = {
   docLink: "https://www.remotion.dev/docs/encoding",
   type: "disable",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag37] !== undefined) {
-      const value = commandLine[cliFlag37];
+    if (commandLine[cliFlag38] !== undefined) {
+      const value = commandLine[cliFlag38];
       if (!hardwareAccelerationOptions.includes(value)) {
-        throw new Error(`Invalid value for --${cliFlag37}: ${value}`);
+        throw new Error(`Invalid value for --${cliFlag38}: ${value}`);
       }
       return {
         source: "cli",
@@ -2337,32 +2379,32 @@ var hardwareAccelerationOption = {
   },
   setConfig: (value) => {
     if (!hardwareAccelerationOptions.includes(value)) {
-      throw new Error(`Invalid value for --${cliFlag37}: ${value}`);
+      throw new Error(`Invalid value for --${cliFlag38}: ${value}`);
     }
     currentValue = value;
   },
-  id: cliFlag37
+  id: cliFlag38
 };
 
 // src/options/headless.tsx
-import { jsx as jsx34, jsxs as jsxs24, Fragment as Fragment34 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs25, Fragment as Fragment35 } from "react/jsx-runtime";
 var DEFAULT4 = true;
 var headlessMode = DEFAULT4;
-var cliFlag38 = "disable-headless";
+var cliFlag39 = "disable-headless";
 var headlessOption = {
   name: "Disable Headless Mode",
-  cliFlag: cliFlag38,
-  description: () => /* @__PURE__ */ jsxs24(Fragment34, {
+  cliFlag: cliFlag39,
+  description: () => /* @__PURE__ */ jsxs25(Fragment35, {
     children: [
       "Deprecated - will be removed in 5.0.0. With the migration to",
       " ",
-      /* @__PURE__ */ jsx34("a", {
+      /* @__PURE__ */ jsx35("a", {
         href: "/docs/miscellaneous/chrome-headless-shell",
         children: "Chrome Headless Shell"
       }),
       ", this option is not functional anymore.",
-      /* @__PURE__ */ jsx34("br", {}),
-      /* @__PURE__ */ jsx34("br", {}),
+      /* @__PURE__ */ jsx35("br", {}),
+      /* @__PURE__ */ jsx35("br", {}),
       " If disabled, the render will open an actual Chrome window where you can see the render happen. The default is headless mode."
     ]
   }),
@@ -2370,10 +2412,10 @@ var headlessOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-headless",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag38] !== undefined) {
+    if (commandLine[cliFlag39] !== undefined) {
       return {
         source: "cli",
-        value: !commandLine[cliFlag38]
+        value: !commandLine[cliFlag39]
       };
     }
     if (headlessMode !== DEFAULT4) {
@@ -2390,27 +2432,27 @@ var headlessOption = {
   setConfig: (value) => {
     headlessMode = value;
   },
-  id: cliFlag38
+  id: cliFlag39
 };
 
 // src/options/ignore-certificate-errors.tsx
-import { jsx as jsx35, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx36, Fragment as Fragment36 } from "react/jsx-runtime";
 var ignoreCertificateErrors = false;
-var cliFlag39 = "ignore-certificate-errors";
+var cliFlag40 = "ignore-certificate-errors";
 var ignoreCertificateErrorsOption = {
   name: "Ignore certificate errors",
-  cliFlag: cliFlag39,
-  description: () => /* @__PURE__ */ jsx35(Fragment35, {
+  cliFlag: cliFlag40,
+  description: () => /* @__PURE__ */ jsx36(Fragment36, {
     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[cliFlag39] !== undefined) {
+    if (commandLine[cliFlag40] !== undefined) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag39])
+        value: Boolean(commandLine[cliFlag40])
       };
     }
     if (ignoreCertificateErrors) {
@@ -2427,23 +2469,23 @@ var ignoreCertificateErrorsOption = {
   setConfig: (value) => {
     ignoreCertificateErrors = value;
   },
-  id: cliFlag39
+  id: cliFlag40
 };
 
 // src/options/image-sequence.tsx
-import { jsx as jsx36, jsxs as jsxs25, Fragment as Fragment36 } from "react/jsx-runtime";
-var cliFlag40 = "sequence";
+import { jsx as jsx37, jsxs as jsxs26, Fragment as Fragment37 } from "react/jsx-runtime";
+var cliFlag41 = "sequence";
 var imageSequence = false;
 var imageSequenceOption = {
   name: "Image Sequence",
-  cliFlag: cliFlag40,
-  description: () => /* @__PURE__ */ jsxs25(Fragment36, {
+  cliFlag: cliFlag41,
+  description: () => /* @__PURE__ */ jsxs26(Fragment37, {
     children: [
       "Pass this flag to output an image sequence instead of a video. The default image format is JPEG. See",
       " ",
-      /* @__PURE__ */ jsx36("a", {
+      /* @__PURE__ */ jsx37("a", {
         href: "/docs/config#setimagesequence",
-        children: /* @__PURE__ */ jsx36("code", {
+        children: /* @__PURE__ */ jsx37("code", {
           children: "setImageSequence()"
         })
       }),
@@ -2454,10 +2496,10 @@ var imageSequenceOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setimagesequence",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag40] !== undefined) {
+    if (commandLine[cliFlag41] !== undefined) {
       return {
         source: "cli",
-        value: Boolean(commandLine[cliFlag40])
+        value: Boolean(commandLine[cliFlag41])
       };
     }
     return {
@@ -2469,25 +2511,25 @@ var imageSequenceOption = {
     imageSequence = value;
   },
   type: false,
-  id: cliFlag40
+  id: cliFlag41
 };
 
 // src/options/image-sequence-pattern.tsx
-import { jsx as jsx37, jsxs as jsxs26, Fragment as Fragment37 } from "react/jsx-runtime";
-var cliFlag41 = "image-sequence-pattern";
+import { jsx as jsx38, jsxs as jsxs27, Fragment as Fragment38 } from "react/jsx-runtime";
+var cliFlag42 = "image-sequence-pattern";
 var currentImageSequencePattern = null;
 var imageSequencePatternOption = {
   name: "Image Sequence Pattern",
-  cliFlag: cliFlag41,
+  cliFlag: cliFlag42,
   ssrName: "imageSequencePattern",
-  description: () => /* @__PURE__ */ jsxs26(Fragment37, {
+  description: () => /* @__PURE__ */ jsxs27(Fragment38, {
     children: [
       "Pattern for naming image sequence files. Supports ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "[frame]"
       }),
       " for the zero-padded frame number and ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "[ext]"
       }),
       " for the file extension."
@@ -2503,33 +2545,33 @@ var imageSequencePatternOption = {
       };
     }
     return {
-      value: commandLine[cliFlag41],
+      value: commandLine[cliFlag42],
       source: "cli"
     };
   },
   setConfig: (pattern) => {
     currentImageSequencePattern = pattern;
   },
-  id: cliFlag41
+  id: cliFlag42
 };
 
 // src/options/ipv4.tsx
-import { jsx as jsx38, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx39, Fragment as Fragment39 } from "react/jsx-runtime";
 var forceIPv4 = false;
-var cliFlag42 = "ipv4";
+var cliFlag43 = "ipv4";
 var ipv4Option = {
   name: "IPv4",
-  cliFlag: cliFlag42,
-  description: () => /* @__PURE__ */ jsx38(Fragment38, {
+  cliFlag: cliFlag43,
+  description: () => /* @__PURE__ */ jsx39(Fragment39, {
     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[cliFlag42] !== undefined) {
+    if (commandLine[cliFlag43] !== undefined) {
       return {
-        value: commandLine[cliFlag42],
+        value: commandLine[cliFlag43],
         source: "cli"
       };
     }
@@ -2541,25 +2583,25 @@ var ipv4Option = {
   setConfig(value) {
     forceIPv4 = value;
   },
-  id: cliFlag42
+  id: cliFlag43
 };
 
 // src/options/is-production.tsx
-import { jsx as jsx39, jsxs as jsxs27, Fragment as Fragment39 } from "react/jsx-runtime";
-var cliFlag43 = "is-production";
+import { jsx as jsx40, jsxs as jsxs28, Fragment as Fragment40 } from "react/jsx-runtime";
+var cliFlag44 = "is-production";
 var currentIsProductionKey = null;
 var isProductionOption = {
   name: "Is Production",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsxs27(Fragment39, {
+  cliFlag: cliFlag44,
+  description: () => /* @__PURE__ */ jsxs28(Fragment40, {
     children: [
       "Pass ",
-      /* @__PURE__ */ jsx39("code", {
+      /* @__PURE__ */ jsx40("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__ */ jsx39("code", {
+      /* @__PURE__ */ jsx40("code", {
         children: "licenseKey"
       }),
       "."
@@ -2568,10 +2610,10 @@ var isProductionOption = {
   ssrName: "isProduction",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag43] !== undefined) {
+    if (commandLine[cliFlag44] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag43]
+        value: commandLine[cliFlag44]
       };
     }
     if (currentIsProductionKey !== null) {
@@ -2589,11 +2631,11 @@ var isProductionOption = {
     currentIsProductionKey = value;
   },
   type: false,
-  id: cliFlag43
+  id: cliFlag44
 };
 
 // src/options/jpeg-quality.tsx
-import { jsx as jsx40, Fragment as Fragment40 } from "react/jsx-runtime";
+import { jsx as jsx41, Fragment as Fragment41 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -2604,11 +2646,11 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag44 = "jpeg-quality";
+var cliFlag45 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag44,
-  description: () => /* @__PURE__ */ jsx40(Fragment40, {
+  cliFlag: cliFlag45,
+  description: () => /* @__PURE__ */ jsx41(Fragment41, {
     children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
   }),
   ssrName: "jpegQuality",
@@ -2616,11 +2658,11 @@ var jpegQualityOption = {
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag44] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag44]);
+    if (commandLine[cliFlag45] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag45]);
       return {
         source: "cli",
-        value: commandLine[cliFlag44]
+        value: commandLine[cliFlag45]
       };
     }
     if (quality !== defaultValue) {
@@ -2634,25 +2676,25 @@ var jpegQualityOption = {
       value: defaultValue
     };
   },
-  id: cliFlag44
+  id: cliFlag45
 };
 
 // src/options/keyboard-shortcuts.tsx
-import { jsx as jsx41, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx42, Fragment as Fragment42 } from "react/jsx-runtime";
 var keyboardShortcutsEnabled = true;
-var cliFlag45 = "disable-keyboard-shortcuts";
+var cliFlag46 = "disable-keyboard-shortcuts";
 var keyboardShortcutsOption = {
   name: "Disable or Enable keyboard shortcuts",
-  cliFlag: cliFlag45,
-  description: () => /* @__PURE__ */ jsx41(Fragment41, {
+  cliFlag: cliFlag46,
+  description: () => /* @__PURE__ */ jsx42(Fragment42, {
     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[cliFlag45] !== undefined) {
-      keyboardShortcutsEnabled = commandLine[cliFlag45] === false;
+    if (commandLine[cliFlag46] !== undefined) {
+      keyboardShortcutsEnabled = commandLine[cliFlag46] === false;
       return {
         value: keyboardShortcutsEnabled,
         source: "cli"
@@ -2666,42 +2708,42 @@ var keyboardShortcutsOption = {
   setConfig(value) {
     keyboardShortcutsEnabled = value;
   },
-  id: cliFlag45
+  id: cliFlag46
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx42, jsxs as jsxs28, Fragment as Fragment42 } from "react/jsx-runtime";
-var cliFlag46 = "audio-latency-hint";
+import { jsx as jsx43, jsxs as jsxs29, Fragment as Fragment43 } from "react/jsx-runtime";
+var cliFlag47 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag46,
-  description: () => /* @__PURE__ */ jsxs28(Fragment42, {
+  cliFlag: cliFlag47,
+  description: () => /* @__PURE__ */ jsxs29(Fragment43, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx42("a", {
+      /* @__PURE__ */ jsx43("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx43("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx42("br", {}),
+      /* @__PURE__ */ jsx43("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx43("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx43("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx42("code", {
+      /* @__PURE__ */ jsx43("code", {
         children: "playback"
       })
     ]
@@ -2710,7 +2752,7 @@ var audioLatencyHintOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "playback",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag46];
+    const val = commandLine[cliFlag47];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -2722,21 +2764,21 @@ var audioLatencyHintOption = {
   setConfig: (profile) => {
     value = profile;
   },
-  id: cliFlag46
+  id: cliFlag47
 };
 
 // src/options/license-key.tsx
-import { jsx as jsx43, jsxs as jsxs29, Fragment as Fragment43 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30, Fragment as Fragment44 } from "react/jsx-runtime";
 var currentLicenseKey = null;
-var cliFlag47 = "license-key";
+var cliFlag48 = "license-key";
 var licenseKeyOption = {
   name: "License key",
-  cliFlag: cliFlag47,
-  description: () => /* @__PURE__ */ jsxs29(Fragment43, {
+  cliFlag: cliFlag48,
+  description: () => /* @__PURE__ */ jsxs30(Fragment44, {
     children: [
       "License key for sending a usage event using",
       " ",
-      /* @__PURE__ */ jsx43("code", {
+      /* @__PURE__ */ jsx44("code", {
         children: "@remotion/licensing"
       }),
       "."
@@ -2746,10 +2788,10 @@ var licenseKeyOption = {
   docLink: "https://www.remotion.dev/docs/licensing",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag47] !== undefined) {
+    if (commandLine[cliFlag48] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag47]
+        value: commandLine[cliFlag48]
       };
     }
     return {
@@ -2760,47 +2802,47 @@ var licenseKeyOption = {
   setConfig: (value2) => {
     currentLicenseKey = value2;
   },
-  id: cliFlag47
+  id: cliFlag48
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx44, jsxs as jsxs30, Fragment as Fragment44 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs31, Fragment as Fragment45 } from "react/jsx-runtime";
 var logLevel = "info";
-var cliFlag48 = "log";
+var cliFlag49 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag48,
+  cliFlag: cliFlag49,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs30(Fragment44, {
+  description: () => /* @__PURE__ */ jsxs31(Fragment45, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx44("br", {}),
+      /* @__PURE__ */ jsx45("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx44("br", {}),
-      /* @__PURE__ */ jsx44("br", {}),
+      /* @__PURE__ */ jsx45("br", {}),
+      /* @__PURE__ */ jsx45("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx44("code", {
+      /* @__PURE__ */ jsx45("code", {
         children: "info"
       }),
       "."
@@ -2808,11 +2850,11 @@ var logLevelOption = {
   }),
   docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag48]) {
-      if (!isValidLogLevel(commandLine[cliFlag48])) {
+    if (commandLine[cliFlag49]) {
+      if (!isValidLogLevel(commandLine[cliFlag49])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag48], source: "cli" };
+      return { value: commandLine[cliFlag49], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -2823,23 +2865,23 @@ var logLevelOption = {
     logLevel = newLogLevel;
   },
   type: "error",
-  id: cliFlag48
+  id: cliFlag49
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx45, jsxs as jsxs31, Fragment as Fragment45 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs32, Fragment as Fragment46 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag49 = "metadata";
+var cliFlag50 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag49,
+  cliFlag: cliFlag50,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs31(Fragment45, {
+      return /* @__PURE__ */ jsxs32(Fragment46, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx45("a", {
+          /* @__PURE__ */ jsx46("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -2847,18 +2889,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs31(Fragment45, {
+    return /* @__PURE__ */ jsxs32(Fragment46, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx45("a", {
+        /* @__PURE__ */ jsx46("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx45("br", {}),
+        /* @__PURE__ */ jsx46("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx45("code", {
+        /* @__PURE__ */ jsx46("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -2869,8 +2911,8 @@ var metadataOption = {
   docLink: "https://www.remotion.dev/docs/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag49] !== undefined) {
-      const val = commandLine[cliFlag49];
+    if (commandLine[cliFlag50] !== undefined) {
+      const val = commandLine[cliFlag50];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -2897,28 +2939,28 @@ var metadataOption = {
     metadata = newMetadata;
   },
   ssrName: "metadata",
-  id: cliFlag49
+  id: cliFlag50
 };
 
 // src/options/mute.tsx
-import { jsx as jsx46, Fragment as Fragment46 } from "react/jsx-runtime";
+import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag50 = "muted";
+var cliFlag51 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag50,
-  description: () => /* @__PURE__ */ jsx46(Fragment46, {
+  cliFlag: cliFlag51,
+  description: () => /* @__PURE__ */ jsx47(Fragment47, {
     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[cliFlag50] !== null) {
+    if (commandLine[cliFlag51] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag50]
+        value: commandLine[cliFlag51]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -2935,17 +2977,17 @@ var mutedOption = {
   setConfig: () => {
     mutedState = true;
   },
-  id: cliFlag50
+  id: cliFlag51
 };
 
 // src/options/no-open.tsx
-import { jsx as jsx47, Fragment as Fragment47 } from "react/jsx-runtime";
+import { jsx as jsx48, Fragment as Fragment48 } from "react/jsx-runtime";
 var shouldOpenBrowser = true;
-var cliFlag51 = "no-open";
+var cliFlag52 = "no-open";
 var noOpenOption = {
   name: "Disable browser auto-open",
-  cliFlag: cliFlag51,
-  description: () => /* @__PURE__ */ jsx47(Fragment47, {
+  cliFlag: cliFlag52,
+  description: () => /* @__PURE__ */ jsx48(Fragment48, {
     children: "If specified, Remotion will not open a browser window when starting the Studio."
   }),
   ssrName: null,
@@ -2964,54 +3006,54 @@ var noOpenOption = {
   setConfig: (shouldOpen) => {
     shouldOpenBrowser = shouldOpen;
   },
-  id: cliFlag51
+  id: cliFlag52
 };
 
 // src/options/number-of-gif-loops.tsx
-import { jsx as jsx48, jsxs as jsxs32, Fragment as Fragment48 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33, Fragment as Fragment49 } 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 cliFlag52 = "number-of-gif-loops";
+var cliFlag53 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag52,
+  cliFlag: cliFlag53,
   description: () => {
-    return /* @__PURE__ */ jsxs32(Fragment48, {
+    return /* @__PURE__ */ jsxs33(Fragment49, {
       children: [
         "Allows you to set the number of loops as follows:",
-        /* @__PURE__ */ jsxs32("ul", {
+        /* @__PURE__ */ jsxs33("ul", {
           children: [
-            /* @__PURE__ */ jsxs32("li", {
+            /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx48("code", {
+                /* @__PURE__ */ jsx49("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
               ]
             }),
-            /* @__PURE__ */ jsxs32("li", {
+            /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx48("code", {
+                /* @__PURE__ */ jsx49("code", {
                   children: "0"
                 }),
                 " disables looping"
               ]
             }),
-            /* @__PURE__ */ jsxs32("li", {
+            /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx48("code", {
+                /* @__PURE__ */ jsx49("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
               ]
             }),
-            /* @__PURE__ */ jsxs32("li", {
+            /* @__PURE__ */ jsxs33("li", {
               children: [
-                /* @__PURE__ */ jsx48("code", {
+                /* @__PURE__ */ jsx49("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -3026,10 +3068,10 @@ var numberOfGifLoopsOption = {
   docLink: "https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag52] !== undefined) {
-      validate(commandLine[cliFlag52]);
+    if (commandLine[cliFlag53] !== undefined) {
+      validate(commandLine[cliFlag53]);
       return {
-        value: commandLine[cliFlag52],
+        value: commandLine[cliFlag53],
         source: "cli"
       };
     }
@@ -3048,21 +3090,21 @@ var numberOfGifLoopsOption = {
     validate(newLoop);
     currentLoop = newLoop;
   },
-  id: cliFlag52
+  id: cliFlag53
 };
 
 // src/options/number-of-shared-audio-tags.tsx
-import { jsx as jsx49, jsxs as jsxs33, Fragment as Fragment49 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34, Fragment as Fragment50 } from "react/jsx-runtime";
 var numberOfSharedAudioTags = 0;
-var cliFlag53 = "number-of-shared-audio-tags";
+var cliFlag54 = "number-of-shared-audio-tags";
 var numberOfSharedAudioTagsOption = {
   name: "Number of shared audio tags",
-  cliFlag: cliFlag53,
-  description: () => /* @__PURE__ */ jsxs33(Fragment49, {
+  cliFlag: cliFlag54,
+  description: () => /* @__PURE__ */ jsxs34(Fragment50, {
     children: [
       "Set number of shared audio tags. See",
       " ",
-      /* @__PURE__ */ jsx49("a", {
+      /* @__PURE__ */ jsx50("a", {
         href: "https://www.remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop",
         children: "Using the numberOfSharedAudioTags prop"
       }),
@@ -3074,9 +3116,9 @@ var numberOfSharedAudioTagsOption = {
   docLink: "https://www.remotion.dev/docs/config#setnumberofsharedaudiotags",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag53] !== undefined) {
+    if (commandLine[cliFlag54] !== undefined) {
       return {
-        value: commandLine[cliFlag53],
+        value: commandLine[cliFlag54],
         source: "cli"
       };
     }
@@ -3088,39 +3130,39 @@ var numberOfSharedAudioTagsOption = {
   setConfig(value2) {
     numberOfSharedAudioTags = value2;
   },
-  id: cliFlag53
+  id: cliFlag54
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx50, jsxs as jsxs34, Fragment as Fragment50 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs35, Fragment as Fragment51 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag54 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag55 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag54,
-  description: () => /* @__PURE__ */ jsxs34(Fragment50, {
+  cliFlag: cliFlag55,
+  description: () => /* @__PURE__ */ jsxs35(Fragment51, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx50("a", {
+      /* @__PURE__ */ jsx51("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx50("code", {
+        children: /* @__PURE__ */ jsx51("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx51("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx51("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__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx51("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx50("br", {}),
+      /* @__PURE__ */ jsx51("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx50("code", {
+      /* @__PURE__ */ jsx51("code", {
         children: "null"
       })
     ]
@@ -3129,10 +3171,10 @@ var offthreadVideoCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag54] !== undefined) {
+    if (commandLine[cliFlag55] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag54]
+        value: commandLine[cliFlag55]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -3149,22 +3191,22 @@ var offthreadVideoCacheSizeInBytesOption = {
   setConfig: (size) => {
     offthreadVideoCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag54
+  id: cliFlag55
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx51, jsxs as jsxs35, Fragment as Fragment51 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs36, Fragment as Fragment52 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag55 = "offthreadvideo-video-threads";
+var cliFlag56 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag55,
-  description: () => /* @__PURE__ */ jsxs35(Fragment51, {
+  cliFlag: cliFlag56,
+  description: () => /* @__PURE__ */ jsxs36(Fragment52, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx51("a", {
+      /* @__PURE__ */ jsx52("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx51("code", {
+        children: /* @__PURE__ */ jsx52("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -3179,10 +3221,10 @@ var offthreadVideoThreadsOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag55] !== undefined) {
+    if (commandLine[cliFlag56] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag55]
+        value: commandLine[cliFlag56]
       };
     }
     if (value2 !== null) {
@@ -3199,21 +3241,21 @@ var offthreadVideoThreadsOption = {
   setConfig: (size) => {
     value2 = size ?? null;
   },
-  id: cliFlag55
+  id: cliFlag56
 };
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx52, jsxs as jsxs36, Fragment as Fragment52 } from "react/jsx-runtime";
-var cliFlag56 = "on-browser-download";
+import { jsx as jsx53, jsxs as jsxs37, Fragment as Fragment53 } from "react/jsx-runtime";
+var cliFlag57 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag56,
-  description: () => /* @__PURE__ */ jsxs36(Fragment52, {
+  cliFlag: cliFlag57,
+  description: () => /* @__PURE__ */ jsxs37(Fragment53, {
     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__ */ jsx52("a", {
+      /* @__PURE__ */ jsx53("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
@@ -3228,26 +3270,26 @@ var onBrowserDownloadOption = {
   setConfig: () => {
     throw new Error("does not support config file");
   },
-  id: cliFlag56
+  id: cliFlag57
 };
 
 // src/options/out-dir.tsx
-import { jsx as jsx53, jsxs as jsxs37, Fragment as Fragment53 } from "react/jsx-runtime";
-var cliFlag57 = "out-dir";
+import { jsx as jsx54, jsxs as jsxs38, Fragment as Fragment54 } from "react/jsx-runtime";
+var cliFlag58 = "out-dir";
 var currentOutDir = null;
 var outDirOption = {
   name: "Output Directory",
-  cliFlag: cliFlag57,
+  cliFlag: cliFlag58,
   description: () => {
-    return /* @__PURE__ */ jsxs37(Fragment53, {
+    return /* @__PURE__ */ jsxs38(Fragment54, {
       children: [
         "Define the location of the resulting bundle. By default it is a folder called ",
-        /* @__PURE__ */ jsx53("code", {
+        /* @__PURE__ */ jsx54("code", {
           children: "build"
         }),
         ", adjacent to the",
         " ",
-        /* @__PURE__ */ jsx53("a", {
+        /* @__PURE__ */ jsx54("a", {
           href: "/docs/terminology/remotion-root",
           children: "Remotion Root"
         }),
@@ -3258,10 +3300,10 @@ var outDirOption = {
   ssrName: "outDir",
   docLink: "https://www.remotion.dev/docs/cli/bundle#--out-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag57] !== undefined) {
+    if (commandLine[cliFlag58] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag57]
+        value: commandLine[cliFlag58]
       };
     }
     if (currentOutDir !== null) {
@@ -3279,7 +3321,7 @@ var outDirOption = {
     currentOutDir = value3;
   },
   type: "",
-  id: cliFlag57
+  id: cliFlag58
 };
 
 // src/validate.ts
@@ -3289,21 +3331,21 @@ var validateDimension = NoReactInternals2.validateDimension;
 var validateDurationInFrames = NoReactInternals2.validateDurationInFrames;
 
 // src/options/override-duration.tsx
-import { jsx as jsx54, Fragment as Fragment54 } from "react/jsx-runtime";
+import { jsx as jsx55, Fragment as Fragment55 } from "react/jsx-runtime";
 var currentDuration = null;
-var cliFlag58 = "duration";
+var cliFlag59 = "duration";
 var overrideDurationOption = {
   name: "Override Duration",
-  cliFlag: cliFlag58,
-  description: () => /* @__PURE__ */ jsx54(Fragment54, {
+  cliFlag: cliFlag59,
+  description: () => /* @__PURE__ */ jsx55(Fragment55, {
     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[cliFlag58] !== undefined) {
-      const value3 = commandLine[cliFlag58];
+    if (commandLine[cliFlag59] !== undefined) {
+      const value3 = commandLine[cliFlag59];
       validateDurationInFrames(value3, {
         component: "in --duration flag",
         allowFloats: false
@@ -3331,25 +3373,25 @@ var overrideDurationOption = {
     });
     currentDuration = duration;
   },
-  id: cliFlag58
+  id: cliFlag59
 };
 
 // src/options/override-fps.tsx
-import { jsx as jsx55, Fragment as Fragment55 } from "react/jsx-runtime";
+import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
 var currentFps = null;
-var cliFlag59 = "fps";
+var cliFlag60 = "fps";
 var overrideFpsOption = {
   name: "Override FPS",
-  cliFlag: cliFlag59,
-  description: () => /* @__PURE__ */ jsx55(Fragment55, {
+  cliFlag: cliFlag60,
+  description: () => /* @__PURE__ */ jsx56(Fragment56, {
     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[cliFlag59] !== undefined) {
-      const value3 = commandLine[cliFlag59];
+    if (commandLine[cliFlag60] !== undefined) {
+      const value3 = commandLine[cliFlag60];
       validateFps(value3, "in --fps flag", false);
       return {
         source: "cli",
@@ -3371,25 +3413,25 @@ var overrideFpsOption = {
     validateFps(fps, "in Config.overrideFps()", false);
     currentFps = fps;
   },
-  id: cliFlag59
+  id: cliFlag60
 };
 
 // src/options/override-height.tsx
-import { jsx as jsx56, Fragment as Fragment56 } from "react/jsx-runtime";
+import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
 var currentHeight = null;
-var cliFlag60 = "height";
+var cliFlag61 = "height";
 var overrideHeightOption = {
   name: "Override Height",
-  cliFlag: cliFlag60,
-  description: () => /* @__PURE__ */ jsx56(Fragment56, {
+  cliFlag: cliFlag61,
+  description: () => /* @__PURE__ */ jsx57(Fragment57, {
     children: "Overrides the height of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overrideheight",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag60] !== undefined) {
-      const value3 = commandLine[cliFlag60];
+    if (commandLine[cliFlag61] !== undefined) {
+      const value3 = commandLine[cliFlag61];
       validateDimension(value3, "height", "in --height flag");
       return {
         source: "cli",
@@ -3411,25 +3453,25 @@ var overrideHeightOption = {
     validateDimension(height, "height", "in Config.overrideHeight()");
     currentHeight = height;
   },
-  id: cliFlag60
+  id: cliFlag61
 };
 
 // src/options/override-width.tsx
-import { jsx as jsx57, Fragment as Fragment57 } from "react/jsx-runtime";
+import { jsx as jsx58, Fragment as Fragment58 } from "react/jsx-runtime";
 var currentWidth = null;
-var cliFlag61 = "width";
+var cliFlag62 = "width";
 var overrideWidthOption = {
   name: "Override Width",
-  cliFlag: cliFlag61,
-  description: () => /* @__PURE__ */ jsx57(Fragment57, {
+  cliFlag: cliFlag62,
+  description: () => /* @__PURE__ */ jsx58(Fragment58, {
     children: "Overrides the width of the composition."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#overridewidth",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag61] !== undefined) {
-      const value3 = commandLine[cliFlag61];
+    if (commandLine[cliFlag62] !== undefined) {
+      const value3 = commandLine[cliFlag62];
       validateDimension(value3, "width", "in --width flag");
       return {
         source: "cli",
@@ -3451,13 +3493,13 @@ var overrideWidthOption = {
     validateDimension(width, "width", "in Config.overrideWidth()");
     currentWidth = width;
   },
-  id: cliFlag61
+  id: cliFlag62
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx58, jsxs as jsxs38, Fragment as Fragment58 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs39, Fragment as Fragment59 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag62 = "overwrite";
+var cliFlag63 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -3465,15 +3507,15 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag62,
-  description: () => /* @__PURE__ */ jsxs38(Fragment58, {
+  cliFlag: cliFlag63,
+  description: () => /* @__PURE__ */ jsxs39(Fragment59, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx58("code", {
+      /* @__PURE__ */ jsx59("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx58("code", {
+      /* @__PURE__ */ jsx59("code", {
         children: "true"
       }),
       "."
@@ -3483,11 +3525,11 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag62] !== undefined) {
-      validate2(commandLine[cliFlag62]);
+    if (commandLine[cliFlag63] !== undefined) {
+      validate2(commandLine[cliFlag63]);
       return {
         source: "cli",
-        value: commandLine[cliFlag62]
+        value: commandLine[cliFlag63]
       };
     }
     if (shouldOverwrite !== null) {
@@ -3505,36 +3547,36 @@ var overwriteOption = {
     validate2(value3);
     shouldOverwrite = value3;
   },
-  id: cliFlag62
+  id: cliFlag63
 };
 
 // src/options/package-manager.tsx
-import { jsx as jsx59, jsxs as jsxs39, Fragment as Fragment59 } from "react/jsx-runtime";
-var cliFlag63 = "package-manager";
+import { jsx as jsx60, jsxs as jsxs40, Fragment as Fragment60 } from "react/jsx-runtime";
+var cliFlag64 = "package-manager";
 var currentPackageManager = null;
 var packageManagerOption = {
   name: "Package Manager",
-  cliFlag: cliFlag63,
+  cliFlag: cliFlag64,
   description: () => {
-    return /* @__PURE__ */ jsxs39(Fragment59, {
+    return /* @__PURE__ */ jsxs40(Fragment60, {
       children: [
         "Forces a specific package manager to be used. By default, Remotion will auto-detect the package manager based on your lockfile.",
-        /* @__PURE__ */ jsx59("br", {}),
+        /* @__PURE__ */ jsx60("br", {}),
         "Acceptable values are ",
-        /* @__PURE__ */ jsx59("code", {
+        /* @__PURE__ */ jsx60("code", {
           children: "npm"
         }),
         ", ",
-        /* @__PURE__ */ jsx59("code", {
+        /* @__PURE__ */ jsx60("code", {
           children: "yarn"
         }),
         ",",
         " ",
-        /* @__PURE__ */ jsx59("code", {
+        /* @__PURE__ */ jsx60("code", {
           children: "pnpm"
         }),
         " and ",
-        /* @__PURE__ */ jsx59("code", {
+        /* @__PURE__ */ jsx60("code", {
           children: "bun"
         }),
         "."
@@ -3544,10 +3586,10 @@ var packageManagerOption = {
   ssrName: "packageManager",
   docLink: "https://www.remotion.dev/docs/cli/upgrade#--package-manager",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag63] !== undefined) {
+    if (commandLine[cliFlag64] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag63]
+        value: commandLine[cliFlag64]
       };
     }
     if (currentPackageManager !== null) {
@@ -3565,7 +3607,7 @@ var packageManagerOption = {
     currentPackageManager = value3;
   },
   type: "",
-  id: cliFlag63
+  id: cliFlag64
 };
 
 // src/pixel-format.ts
@@ -3588,17 +3630,17 @@ var validPixelFormatsForCodec = (codec) => {
 };
 
 // src/options/pixel-format.tsx
-import { jsx as jsx60, jsxs as jsxs40, Fragment as Fragment60 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs41, Fragment as Fragment61 } from "react/jsx-runtime";
 var currentPixelFormat = DEFAULT_PIXEL_FORMAT;
-var cliFlag64 = "pixel-format";
+var cliFlag65 = "pixel-format";
 var pixelFormatOption = {
   name: "Pixel format",
-  cliFlag: cliFlag64,
-  description: () => /* @__PURE__ */ jsxs40(Fragment60, {
+  cliFlag: cliFlag65,
+  description: () => /* @__PURE__ */ jsxs41(Fragment61, {
     children: [
       "Sets the pixel format in FFmpeg. See",
       " ",
-      /* @__PURE__ */ jsx60("a", {
+      /* @__PURE__ */ jsx61("a", {
         href: "https://trac.ffmpeg.org/wiki/Chroma%20Subsampling",
         children: "the FFmpeg docs for an explanation"
       }),
@@ -3611,10 +3653,10 @@ var pixelFormatOption = {
   docLink: "https://www.remotion.dev/docs/config#setpixelformat",
   type: DEFAULT_PIXEL_FORMAT,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag64] !== undefined) {
+    if (commandLine[cliFlag65] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag64]
+        value: commandLine[cliFlag65]
       };
     }
     if (currentPixelFormat !== DEFAULT_PIXEL_FORMAT) {
@@ -3634,26 +3676,26 @@ var pixelFormatOption = {
     }
     currentPixelFormat = value3;
   },
-  id: cliFlag64
+  id: cliFlag65
 };
 
 // src/options/port.tsx
-import { jsx as jsx61, Fragment as Fragment61 } from "react/jsx-runtime";
-var cliFlag65 = "port";
+import { jsx as jsx62, Fragment as Fragment62 } from "react/jsx-runtime";
+var cliFlag66 = "port";
 var currentPort = null;
 var portOption = {
   name: "Port",
-  cliFlag: cliFlag65,
-  description: () => /* @__PURE__ */ jsx61(Fragment61, {
+  cliFlag: cliFlag66,
+  description: () => /* @__PURE__ */ jsx62(Fragment62, {
     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[cliFlag65] !== undefined) {
+    if (commandLine[cliFlag66] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag65]
+        value: commandLine[cliFlag66]
       };
     }
     if (currentPort !== null) {
@@ -3671,25 +3713,25 @@ var portOption = {
     currentPort = value3;
   },
   type: 0,
-  id: cliFlag65
+  id: cliFlag66
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx62, jsxs as jsxs41, Fragment as Fragment62 } from "react/jsx-runtime";
-var cliFlag66 = "prefer-lossless";
+import { jsx as jsx63, jsxs as jsxs42, Fragment as Fragment63 } from "react/jsx-runtime";
+var cliFlag67 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag66,
-  description: () => /* @__PURE__ */ jsxs41(Fragment62, {
+  cliFlag: cliFlag67,
+  description: () => /* @__PURE__ */ jsxs42(Fragment63, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx62("code", {
+      /* @__PURE__ */ jsx63("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx62("code", {
+      /* @__PURE__ */ jsx63("code", {
         children: "preferLossless"
       }),
       "."
@@ -3699,7 +3741,7 @@ var preferLosslessAudioOption = {
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag66]) {
+    if (commandLine[cliFlag67]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -3710,19 +3752,19 @@ var preferLosslessAudioOption = {
   setConfig: (val) => {
     input = val;
   },
-  id: cliFlag66
+  id: cliFlag67
 };
 
 // src/options/props.tsx
-import { jsx as jsx63, jsxs as jsxs42, Fragment as Fragment63 } from "react/jsx-runtime";
-var cliFlag67 = "props";
+import { jsx as jsx64, jsxs as jsxs43, Fragment as Fragment64 } from "react/jsx-runtime";
+var cliFlag68 = "props";
 var propsOption = {
   name: "Input Props",
-  cliFlag: cliFlag67,
-  description: () => /* @__PURE__ */ jsxs42(Fragment63, {
+  cliFlag: cliFlag68,
+  description: () => /* @__PURE__ */ jsxs43(Fragment64, {
     children: [
       "Input Props to pass to the selected composition of your video. Must be a serialized JSON string (",
-      /* @__PURE__ */ jsxs42("code", {
+      /* @__PURE__ */ jsxs43("code", {
         children: [
           "--props='",
           "{",
@@ -3732,7 +3774,7 @@ var propsOption = {
         ]
       }),
       ") or a path to a JSON file (",
-      /* @__PURE__ */ jsx63("code", {
+      /* @__PURE__ */ jsx64("code", {
         children: "./path/to/props.json"
       }),
       ")."
@@ -3741,10 +3783,10 @@ var propsOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/passing-props#passing-input-props-in-the-cli",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag67] !== undefined) {
+    if (commandLine[cliFlag68] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag67]
+        value: commandLine[cliFlag68]
       };
     }
     return {
@@ -3756,11 +3798,11 @@ var propsOption = {
     throw new Error("setProps is not supported. Pass --props via the CLI instead.");
   },
   type: "",
-  id: cliFlag67
+  id: cliFlag68
 };
 
 // src/options/prores-profile.tsx
-import { jsx as jsx64, jsxs as jsxs43, Fragment as Fragment64 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
 var validProResProfiles = [
   "4444-xq",
   "4444",
@@ -3770,14 +3812,14 @@ var validProResProfiles = [
   "proxy"
 ];
 var proResProfile;
-var cliFlag68 = "prores-profile";
+var cliFlag69 = "prores-profile";
 var proResProfileOption = {
   name: "ProRes profile",
-  cliFlag: cliFlag68,
-  description: () => /* @__PURE__ */ jsxs43(Fragment64, {
+  cliFlag: cliFlag69,
+  description: () => /* @__PURE__ */ jsxs44(Fragment65, {
     children: [
       "Set the ProRes profile. This option is only valid if the codec has been set to ",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx65("code", {
         children: "prores"
       }),
       ". Possible values:",
@@ -3785,12 +3827,12 @@ var proResProfileOption = {
       validProResProfiles.map((p) => `"${p}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx65("code", {
         children: '"hq"'
       }),
       ". See",
       " ",
-      /* @__PURE__ */ jsx64("a", {
+      /* @__PURE__ */ jsx65("a", {
         href: "https://video.stackexchange.com/a/14715",
         children: "here"
       }),
@@ -3801,10 +3843,10 @@ var proResProfileOption = {
   docLink: "https://www.remotion.dev/docs/config#setproresprofile",
   type: undefined,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag68] !== undefined) {
+    if (commandLine[cliFlag69] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag68])
+        value: String(commandLine[cliFlag69])
       };
     }
     if (proResProfile !== undefined) {
@@ -3821,24 +3863,24 @@ var proResProfileOption = {
   setConfig: (value3) => {
     proResProfile = value3;
   },
-  id: cliFlag68
+  id: cliFlag69
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
-var cliFlag69 = "public-dir";
+import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
+var cliFlag70 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag69,
+  cliFlag: cliFlag70,
   description: () => {
-    return /* @__PURE__ */ jsxs44(Fragment65, {
+    return /* @__PURE__ */ jsxs45(Fragment66, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx65("a", {
+        /* @__PURE__ */ jsx66("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx65("code", {
+          children: /* @__PURE__ */ jsx66("code", {
             children: "public/ directory"
           })
         }),
@@ -3849,10 +3891,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag69] !== undefined) {
+    if (commandLine[cliFlag70] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag69]
+        value: commandLine[cliFlag70]
       };
     }
     if (currentPublicDir !== null) {
@@ -3870,20 +3912,20 @@ var publicDirOption = {
     currentPublicDir = value3;
   },
   type: "",
-  id: cliFlag69
+  id: cliFlag70
 };
 
 // src/options/public-license-key.tsx
-import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
-var cliFlag70 = "public-license-key";
+import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
+var cliFlag71 = "public-license-key";
 var currentPublicLicenseKey = null;
 var publicLicenseKeyOption = {
   name: "Public License Key",
-  cliFlag: cliFlag70,
-  description: () => /* @__PURE__ */ jsxs45(Fragment66, {
+  cliFlag: cliFlag71,
+  description: () => /* @__PURE__ */ jsxs46(Fragment67, {
     children: [
       "The public license key for your company license, obtained from the License keys page on ",
-      /* @__PURE__ */ jsx66("a", {
+      /* @__PURE__ */ jsx67("a", {
         href: "https://remotion.pro/dashboard",
         children: "remotion.pro"
       }),
@@ -3893,10 +3935,10 @@ var publicLicenseKeyOption = {
   ssrName: "publicLicenseKey",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag70] !== undefined) {
+    if (commandLine[cliFlag71] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag70]
+        value: commandLine[cliFlag71]
       };
     }
     if (currentPublicLicenseKey !== null) {
@@ -3917,29 +3959,29 @@ var publicLicenseKeyOption = {
     currentPublicLicenseKey = value3;
   },
   type: null,
-  id: cliFlag70
+  id: cliFlag71
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
-var cliFlag71 = "public-path";
+import { jsx as jsx68, jsxs as jsxs47, Fragment as Fragment68 } from "react/jsx-runtime";
+var cliFlag72 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag71,
+  cliFlag: cliFlag72,
   description: () => {
-    return /* @__PURE__ */ jsxs46(Fragment67, {
+    return /* @__PURE__ */ jsxs47(Fragment68, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx67("code", {
+        /* @__PURE__ */ jsx68("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx67("code", {
+        /* @__PURE__ */ jsx68("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx67("code", {
+        /* @__PURE__ */ jsx68("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -3949,10 +3991,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag71] !== undefined) {
+    if (commandLine[cliFlag72] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag71]
+        value: commandLine[cliFlag72]
       };
     }
     if (currentPublicPath !== null) {
@@ -3970,29 +4012,29 @@ var publicPathOption = {
     currentPublicPath = value3;
   },
   type: "",
-  id: cliFlag71
+  id: cliFlag72
 };
 
 // src/options/repro.tsx
-import { jsx as jsx68, Fragment as Fragment68 } from "react/jsx-runtime";
+import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag72 = "repro";
+var cliFlag73 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag72,
-  description: () => /* @__PURE__ */ jsx68(Fragment68, {
+  cliFlag: cliFlag73,
+  description: () => /* @__PURE__ */ jsx69(Fragment69, {
     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[cliFlag72] !== undefined) {
+    if (commandLine[cliFlag73] !== undefined) {
       return {
-        value: commandLine[cliFlag72],
+        value: commandLine[cliFlag73],
         source: "cli"
       };
     }
@@ -4008,27 +4050,27 @@ var reproOption = {
     };
   },
   setConfig: setRepro,
-  id: cliFlag72
+  id: cliFlag73
 };
 
 // src/options/rspack.tsx
-import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
+import { jsx as jsx70, Fragment as Fragment70 } from "react/jsx-runtime";
 var rspackEnabled = false;
-var cliFlag73 = "experimental-rspack";
+var cliFlag74 = "experimental-rspack";
 var rspackOption = {
   name: "Experimental Rspack",
-  cliFlag: cliFlag73,
-  description: () => /* @__PURE__ */ jsx69(Fragment69, {
+  cliFlag: cliFlag74,
+  description: () => /* @__PURE__ */ jsx70(Fragment70, {
     children: "Uses Rspack instead of Webpack as the bundler for the Studio or bundle."
   }),
   ssrName: null,
   docLink: null,
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag73] !== undefined) {
+    if (commandLine[cliFlag74] !== undefined) {
       rspackEnabled = true;
       return {
-        value: commandLine[cliFlag73],
+        value: commandLine[cliFlag74],
         source: "cli"
       };
     }
@@ -4040,21 +4082,21 @@ var rspackOption = {
   setConfig(value3) {
     rspackEnabled = value3;
   },
-  id: cliFlag73
+  id: cliFlag74
 };
 
 // src/options/runs.tsx
-import { jsx as jsx70, jsxs as jsxs47, Fragment as Fragment70 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs48, Fragment as Fragment71 } from "react/jsx-runtime";
 var DEFAULT_RUNS = 3;
 var currentRuns = DEFAULT_RUNS;
-var cliFlag74 = "runs";
+var cliFlag75 = "runs";
 var runsOption = {
   name: "Benchmark runs",
-  cliFlag: cliFlag74,
-  description: () => /* @__PURE__ */ jsxs47(Fragment70, {
+  cliFlag: cliFlag75,
+  description: () => /* @__PURE__ */ jsxs48(Fragment71, {
     children: [
       "Specify how many times the video should be rendered during a benchmark. Default ",
-      /* @__PURE__ */ jsx70("code", {
+      /* @__PURE__ */ jsx71("code", {
         children: DEFAULT_RUNS
       }),
       "."
@@ -4064,10 +4106,10 @@ var runsOption = {
   docLink: "https://www.remotion.dev/docs/cli/benchmark#--runs",
   type: DEFAULT_RUNS,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag74] !== undefined) {
-      const value3 = Number(commandLine[cliFlag74]);
+    if (commandLine[cliFlag75] !== undefined) {
+      const value3 = Number(commandLine[cliFlag75]);
       if (isNaN(value3) || value3 < 1) {
-        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag74]}`);
+        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag75]}`);
       }
       return { value: value3, source: "cli" };
     }
@@ -4082,21 +4124,21 @@ var runsOption = {
     }
     currentRuns = value3;
   },
-  id: cliFlag74
+  id: cliFlag75
 };
 
 // src/options/sample-rate.tsx
-import { jsx as jsx71, jsxs as jsxs48, Fragment as Fragment71 } from "react/jsx-runtime";
-var cliFlag75 = "sample-rate";
+import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
+var cliFlag76 = "sample-rate";
 var currentSampleRate = 48000;
 var sampleRateOption = {
   name: "Sample Rate",
-  cliFlag: cliFlag75,
-  description: () => /* @__PURE__ */ jsxs48(Fragment71, {
+  cliFlag: cliFlag76,
+  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
     children: [
       "Controls the sample rate of the output audio. The default is",
       " ",
-      /* @__PURE__ */ jsx71("code", {
+      /* @__PURE__ */ jsx72("code", {
         children: "48000"
       }),
       " Hz. Match this to your source audio to avoid resampling artifacts."
@@ -4106,8 +4148,8 @@ var sampleRateOption = {
   docLink: "https://www.remotion.dev/docs/sample-rate",
   type: 48000,
   getValue: ({ commandLine }, compositionSampleRate) => {
-    if (commandLine[cliFlag75] !== undefined) {
-      return { value: commandLine[cliFlag75], source: "cli" };
+    if (commandLine[cliFlag76] !== undefined) {
+      return { value: commandLine[cliFlag76], source: "cli" };
     }
     if (currentSampleRate !== 48000) {
       return { value: currentSampleRate, source: "config file" };
@@ -4123,13 +4165,13 @@ var sampleRateOption = {
   setConfig: (value3) => {
     currentSampleRate = value3;
   },
-  id: cliFlag75
+  id: cliFlag76
 };
 
 // src/options/scale.tsx
-import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag76 = "scale";
+var cliFlag77 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -4137,15 +4179,15 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag76,
-  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
+  cliFlag: cliFlag77,
+  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
     children: [
       "Scales the output dimensions by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx72("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: "1.5"
       }),
       ". See ",
-      /* @__PURE__ */ jsx72("a", {
+      /* @__PURE__ */ jsx73("a", {
         href: "https://www.remotion.dev/docs/scaling",
         children: "Scaling"
       }),
@@ -4156,11 +4198,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag76] !== undefined) {
-      validateScale(commandLine[cliFlag76]);
+    if (commandLine[cliFlag77] !== undefined) {
+      validateScale(commandLine[cliFlag77]);
       return {
         source: "cli",
-        value: commandLine[cliFlag76]
+        value: commandLine[cliFlag77]
       };
     }
     if (currentScale !== null) {
@@ -4177,13 +4219,13 @@ var scaleOption = {
   setConfig: (scale) => {
     currentScale = scale;
   },
-  id: cliFlag76
+  id: cliFlag77
 };
 
 // src/options/still-frame.tsx
 import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
-import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
-var cliFlag77 = "frame";
+import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
+var cliFlag78 = "frame";
 var currentFrame = null;
 var validate3 = (frame) => {
   NoReactInternals3.validateFrame({
@@ -4194,17 +4236,17 @@ var validate3 = (frame) => {
 };
 var stillFrameOption = {
   name: "Frame",
-  cliFlag: cliFlag77,
-  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
+  cliFlag: cliFlag78,
+  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
     children: [
       "Which frame should be rendered when rendering a still. Default",
       " ",
-      /* @__PURE__ */ jsx73("code", {
+      /* @__PURE__ */ jsx74("code", {
         children: "0"
       }),
       ". From v3.2.27, negative values are allowed, with",
       " ",
-      /* @__PURE__ */ jsx73("code", {
+      /* @__PURE__ */ jsx74("code", {
         children: "-1"
       }),
       " being the last frame."
@@ -4213,8 +4255,8 @@ var stillFrameOption = {
   ssrName: "frame",
   docLink: "https://www.remotion.dev/docs/cli/still#--frame",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag77] !== undefined) {
-      const frame = Number(commandLine[cliFlag77]);
+    if (commandLine[cliFlag78] !== undefined) {
+      const frame = Number(commandLine[cliFlag78]);
       validate3(frame);
       return {
         source: "cli",
@@ -4239,24 +4281,24 @@ var stillFrameOption = {
     currentFrame = value3;
   },
   type: 0,
-  id: cliFlag77
+  id: cliFlag78
 };
 
 // src/options/still-image-format.tsx
-import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } from "react/jsx-runtime";
 var currentStillImageFormat = null;
-var cliFlag78 = "image-format";
+var cliFlag79 = "image-format";
 var stillImageFormatOption = {
   name: "Still Image Format",
-  cliFlag: cliFlag78,
-  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
+  cliFlag: cliFlag79,
+  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
     children: [
       "The image format to use when rendering a still. Must be one of",
       " ",
       validStillImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx75("code", {
         children: '"png"'
       }),
       "."
@@ -4266,8 +4308,8 @@ var stillImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag78] !== undefined) {
-      const value3 = commandLine[cliFlag78];
+    if (commandLine[cliFlag79] !== undefined) {
+      const value3 = commandLine[cliFlag79];
       if (!validStillImageFormats.includes(value3)) {
         throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
       }
@@ -4305,16 +4347,16 @@ var stillImageFormatOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag79 = "throw-if-site-exists";
+var cliFlag80 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag79,
+  cliFlag: cliFlag80,
   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[cliFlag79]) {
+    if (commandLine[cliFlag80]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag79]
+        value: commandLine[cliFlag80]
       };
     }
     return {
@@ -4328,41 +4370,41 @@ var throwIfSiteExistsOption = {
   },
   ssrName: "throwIfSiteExists",
   type: false,
-  id: cliFlag79
+  id: cliFlag80
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs53, Fragment as Fragment76 } 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 cliFlag80 = "timeout";
+var cliFlag81 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag80,
-  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
+  cliFlag: cliFlag81,
+  description: () => /* @__PURE__ */ jsxs53(Fragment76, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx75("a", {
+      /* @__PURE__ */ jsx76("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx75("code", {
+        children: /* @__PURE__ */ jsx76("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx75("a", {
+      /* @__PURE__ */ jsx76("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx75("code", {
+      /* @__PURE__ */ jsx76("code", {
         children: "30000"
       })
     ]
@@ -4371,10 +4413,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag80] !== undefined) {
+    if (commandLine[cliFlag81] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag80]
+        value: commandLine[cliFlag81]
       };
     }
     if (currentTimeout !== null) {
@@ -4393,27 +4435,27 @@ var delayRenderTimeoutInMillisecondsOption = {
     validate4(value3);
     currentTimeout = value3;
   },
-  id: cliFlag80
+  id: cliFlag81
 };
 
 // src/options/user-agent.tsx
-import { jsx as jsx76, Fragment as Fragment76 } from "react/jsx-runtime";
+import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
 var userAgent = null;
-var cliFlag81 = "user-agent";
+var cliFlag82 = "user-agent";
 var userAgentOption = {
   name: "User agent",
-  cliFlag: cliFlag81,
-  description: () => /* @__PURE__ */ jsx76(Fragment76, {
+  cliFlag: cliFlag82,
+  description: () => /* @__PURE__ */ jsx77(Fragment77, {
     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[cliFlag81] !== undefined) {
+    if (commandLine[cliFlag82] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag81]
+        value: commandLine[cliFlag82]
       };
     }
     if (userAgent !== null) {
@@ -4430,25 +4472,25 @@ var userAgentOption = {
   setConfig: (value3) => {
     userAgent = value3;
   },
-  id: cliFlag81
+  id: cliFlag82
 };
 
 // src/options/version-flag.tsx
-import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
-var cliFlag82 = "version";
+import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
+var cliFlag83 = "version";
 var versionFlagOption = {
   name: "Version",
-  cliFlag: cliFlag82,
-  description: () => /* @__PURE__ */ jsx77(Fragment77, {
+  cliFlag: cliFlag83,
+  description: () => /* @__PURE__ */ jsx78(Fragment78, {
     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[cliFlag82] !== undefined) {
+    if (commandLine[cliFlag83] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag82])
+        value: String(commandLine[cliFlag83])
       };
     }
     return {
@@ -4460,30 +4502,30 @@ var versionFlagOption = {
     throw new Error("Cannot set version via config file");
   },
   type: "",
-  id: cliFlag82
+  id: cliFlag83
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx78, jsxs as jsxs53, Fragment as Fragment78 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs54, Fragment as Fragment79 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag83 = "video-bitrate";
+var cliFlag84 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag83,
-  description: () => /* @__PURE__ */ jsxs53(Fragment78, {
+  cliFlag: cliFlag84,
+  description: () => /* @__PURE__ */ jsxs54(Fragment79, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx78("code", {
+      /* @__PURE__ */ jsx79("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__ */ jsx78("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx78("code", {
+      /* @__PURE__ */ jsx79("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -4493,10 +4535,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag83] !== undefined) {
+    if (commandLine[cliFlag84] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag83]
+        value: commandLine[cliFlag84]
       };
     }
     if (videoBitrate !== null) {
@@ -4513,33 +4555,33 @@ var videoBitrateOption = {
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
   },
-  id: cliFlag83
+  id: cliFlag84
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx79, jsxs as jsxs54, Fragment as Fragment79 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs55, Fragment as Fragment80 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag84 = "media-cache-size-in-bytes";
+var cliFlag85 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag84,
-  description: () => /* @__PURE__ */ jsxs54(Fragment79, {
+  cliFlag: cliFlag85,
+  description: () => /* @__PURE__ */ jsxs55(Fragment80, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx79("br", {}),
+      /* @__PURE__ */ jsx80("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -4547,10 +4589,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag84] !== undefined) {
+    if (commandLine[cliFlag85] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag84]
+        value: commandLine[cliFlag85]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -4567,7 +4609,7 @@ var mediaCacheSizeInBytesOption = {
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag84
+  id: cliFlag85
 };
 
 // src/path-normalize.ts
@@ -4686,7 +4728,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx80, Fragment as Fragment80 } from "react/jsx-runtime";
+import { jsx as jsx81, Fragment as Fragment81 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -4710,11 +4752,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag85 = "codec";
+var cliFlag86 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag85,
-  description: () => /* @__PURE__ */ jsx80(Fragment80, {
+  cliFlag: cliFlag86,
+  description: () => /* @__PURE__ */ jsx81(Fragment81, {
     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",
@@ -4737,7 +4779,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[cliFlag85];
+    const cliArgument = commandLine[cliFlag86];
     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.`);
@@ -4783,24 +4825,24 @@ var videoCodecOption = {
     return { value: DEFAULT_CODEC, source: "default" };
   },
   setConfig: setCodec,
-  id: cliFlag85
+  id: cliFlag86
 };
 
 // src/options/video-image-format.tsx
-import { jsx as jsx81, jsxs as jsxs55, Fragment as Fragment81 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs56, Fragment as Fragment82 } from "react/jsx-runtime";
 var currentVideoImageFormat = null;
-var cliFlag86 = "image-format";
+var cliFlag87 = "image-format";
 var videoImageFormatOption = {
   name: "Video Image Format",
-  cliFlag: cliFlag86,
-  description: () => /* @__PURE__ */ jsxs55(Fragment81, {
+  cliFlag: cliFlag87,
+  description: () => /* @__PURE__ */ jsxs56(Fragment82, {
     children: [
       "The image format to use when rendering frames for a video. Must be one of",
       " ",
       validVideoImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx81("code", {
+      /* @__PURE__ */ jsx82("code", {
         children: '"jpeg"'
       }),
       ". JPEG is faster, but does not support transparency."
@@ -4810,8 +4852,8 @@ var videoImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag86] !== undefined) {
-      const value3 = commandLine[cliFlag86];
+    if (commandLine[cliFlag87] !== undefined) {
+      const value3 = commandLine[cliFlag87];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
@@ -4848,12 +4890,12 @@ var videoImageFormatOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs56, Fragment as Fragment82 } from "react/jsx-runtime";
-var cliFlag87 = "webhook-custom-data";
+import { jsxs as jsxs57, Fragment as Fragment83 } from "react/jsx-runtime";
+var cliFlag88 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag87,
-  description: (type) => /* @__PURE__ */ jsxs56(Fragment82, {
+  cliFlag: cliFlag88,
+  description: (type) => /* @__PURE__ */ jsxs57(Fragment83, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -4869,24 +4911,24 @@ var webhookCustomDataOption = {
   setConfig: () => {
     throw new Error("Not implemented");
   },
-  id: cliFlag87
+  id: cliFlag88
 };
 
 // src/options/webpack-poll.tsx
-import { jsx as jsx82, Fragment as Fragment83 } from "react/jsx-runtime";
-var cliFlag88 = "webpack-poll";
+import { jsx as jsx83, Fragment as Fragment84 } from "react/jsx-runtime";
+var cliFlag89 = "webpack-poll";
 var webpackPolling = null;
 var webpackPollOption = {
   name: "Webpack Polling",
-  cliFlag: cliFlag88,
-  description: () => /* @__PURE__ */ jsx82(Fragment83, {
+  cliFlag: cliFlag89,
+  description: () => /* @__PURE__ */ jsx83(Fragment84, {
     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[cliFlag88] !== undefined) {
-      const val = commandLine[cliFlag88];
+    if (commandLine[cliFlag89] !== undefined) {
+      const val = commandLine[cliFlag89];
       if (typeof val !== "number") {
         throw new TypeError(`Webpack polling must be a number, got ${JSON.stringify(val)}`);
       }
@@ -4913,11 +4955,11 @@ var webpackPollOption = {
     webpackPolling = value3;
   },
   type: 0,
-  id: cliFlag88
+  id: cliFlag89
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx83, jsxs as jsxs57, Fragment as Fragment84 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs58, Fragment as Fragment85 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -4931,63 +4973,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag89 = "x264-preset";
+var cliFlag90 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag89,
-  description: () => /* @__PURE__ */ jsxs57(Fragment84, {
+  cliFlag: cliFlag90,
+  description: () => /* @__PURE__ */ jsxs58(Fragment85, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx83("br", {}),
+      /* @__PURE__ */ jsx84("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx83("br", {}),
+      /* @__PURE__ */ jsx84("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx83("code", {
+      /* @__PURE__ */ jsx84("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -4996,7 +5038,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag89];
+    const value3 = commandLine[cliFlag90];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -5008,7 +5050,7 @@ var x264Option = {
   setConfig: (profile) => {
     preset = profile;
   },
-  id: cliFlag89
+  id: cliFlag90
 };
 
 // src/options/index.tsx
@@ -5037,6 +5079,7 @@ var allOptions = {
   folderExpiryOption,
   enableMultiprocessOnLinuxOption,
   glOption,
+  gopSizeOption,
   enableLambdaInsights,
   encodingMaxRateOption,
   encodingBufferSizeOption,
@@ -5114,6 +5157,7 @@ var optionsMap = {
     numberOfGifLoops: numberOfGifLoopsOption,
     repro: reproOption,
     x264Preset: x264Option,
+    gopSize: gopSizeOption,
     audioBitrate: audioBitrateOption,
     colorSpace: colorSpaceOption,
     codec: videoCodecOption,
@@ -5195,6 +5239,7 @@ var optionsMap = {
     audioBitrate: audioBitrateOption,
     deleteAfter: deleteAfterOption,
     x264Preset: x264Option,
+    gopSize: gopSizeOption,
     encodingMaxRate: encodingMaxRateOption,
     encodingBufferSize: encodingBufferSizeOption,
     colorSpace: colorSpaceOption,
@@ -5233,6 +5278,7 @@ var optionsMap = {
     audioBitrate: audioBitrateOption,
     videoBitrate: videoBitrateOption,
     x264Preset: x264Option,
+    gopSize: gopSizeOption,
     encodingMaxRate: encodingMaxRateOption,
     encodingBufferSize: encodingBufferSizeOption,
     muted: mutedOption,