@remotion/renderer 4.0.380 → 4.0.381

package/dist/esm/client.mjs

@@ -918,38 +918,82 @@ var enableCrossSiteIsolationOption = {
   }
 };
 
-// src/options/delete-after.tsx
+// src/options/dark-mode.tsx
 import { jsx as jsx9, jsxs as jsxs7, Fragment as Fragment9 } from "react/jsx-runtime";
-var cliFlag11 = "delete-after";
+var DEFAULT_VALUE = false;
+var darkMode = DEFAULT_VALUE;
+var cliFlag11 = "dark-mode";
+var darkModeOption = {
+  name: "Dark Mode",
+  cliFlag: cliFlag11,
+  description: () => /* @__PURE__ */ jsxs7(Fragment9, {
+    children: [
+      "Whether Chromium should pretend to be in dark mode by emulating the media feature 'prefers-color-scheme: dark'. Default is",
+      " ",
+      /* @__PURE__ */ jsx9("code", {
+        children: String(DEFAULT_VALUE)
+      }),
+      "."
+    ]
+  }),
+  ssrName: "darkMode",
+  docLink: "https://www.remotion.dev/docs/chromium-flags#--dark-mode",
+  type: false,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag11] !== undefined) {
+      return {
+        source: "cli",
+        value: commandLine[cliFlag11]
+      };
+    }
+    if (darkMode !== DEFAULT_VALUE) {
+      return {
+        source: "config",
+        value: darkMode
+      };
+    }
+    return {
+      source: "default",
+      value: DEFAULT_VALUE
+    };
+  },
+  setConfig: (value) => {
+    darkMode = value;
+  }
+};
+
+// src/options/delete-after.tsx
+import { jsx as jsx10, jsxs as jsxs8, Fragment as Fragment10 } from "react/jsx-runtime";
+var cliFlag12 = "delete-after";
 var deleteAfter = null;
 var deleteAfterOption = {
   name: "Lambda render expiration",
-  cliFlag: cliFlag11,
+  cliFlag: cliFlag12,
   description: () => {
-    return /* @__PURE__ */ jsxs7(Fragment9, {
+    return /* @__PURE__ */ jsxs8(Fragment10, {
       children: [
         "Automatically delete the render after a certain period. Accepted values are ",
-        /* @__PURE__ */ jsx9("code", {
+        /* @__PURE__ */ jsx10("code", {
           children: "1-day"
         }),
         ", ",
-        /* @__PURE__ */ jsx9("code", {
+        /* @__PURE__ */ jsx10("code", {
           children: "3-days"
         }),
         ", ",
-        /* @__PURE__ */ jsx9("code", {
+        /* @__PURE__ */ jsx10("code", {
           children: "7-days"
         }),
         " and",
         " ",
-        /* @__PURE__ */ jsx9("code", {
+        /* @__PURE__ */ jsx10("code", {
           children: "30-days"
         }),
         ".",
-        /* @__PURE__ */ jsx9("br", {}),
+        /* @__PURE__ */ jsx10("br", {}),
         " For this to work, your bucket needs to have",
         " ",
-        /* @__PURE__ */ jsx9("a", {
+        /* @__PURE__ */ jsx10("a", {
           href: "/docs/lambda/autodelete",
           children: "lifecycles enabled"
         }),
@@ -961,10 +1005,10 @@ var deleteAfterOption = {
   docLink: "https://www.remotion.dev/docs/lambda/autodelete",
   type: "1-day",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag11] !== undefined) {
+    if (commandLine[cliFlag12] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag11]
+        value: commandLine[cliFlag12]
       };
     }
     if (deleteAfter !== null) {
@@ -985,16 +1029,16 @@ var deleteAfterOption = {
 
 // src/options/disable-git-source.tsx
 var DEFAULT2 = false;
-var cliFlag12 = "disable-git-source";
+var cliFlag13 = "disable-git-source";
 var disableGitSourceOption = {
-  cliFlag: cliFlag12,
+  cliFlag: cliFlag13,
   description: () => `Disables the Git Source being connected to the Remotion Studio. Clicking on stack traces and certain menu items will be disabled.`,
   docLink: "https://remotion.dev/docs/bundle",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag12]) {
+    if (commandLine[cliFlag13]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag12]
+        value: commandLine[cliFlag13]
       };
     }
     return {
@@ -1011,22 +1055,22 @@ var disableGitSourceOption = {
 };
 
 // src/options/disallow-parallel-encoding.tsx
-import { jsx as jsx10, Fragment as Fragment10 } from "react/jsx-runtime";
+import { jsx as jsx11, Fragment as Fragment11 } from "react/jsx-runtime";
 var disallowParallelEncoding = false;
-var cliFlag13 = "disallow-parallel-encoding";
+var cliFlag14 = "disallow-parallel-encoding";
 var disallowParallelEncodingOption = {
   name: "Disallow parallel encoding",
-  cliFlag: cliFlag13,
-  description: () => /* @__PURE__ */ jsx10(Fragment10, {
+  cliFlag: cliFlag14,
+  description: () => /* @__PURE__ */ jsx11(Fragment11, {
     children: "Disallows the renderer from doing rendering frames and encoding at the same time. This makes the rendering process more memory-efficient, but possibly slower."
   }),
   ssrName: "disallowParallelEncoding",
   docLink: "https://www.remotion.dev/docs/config#setdisallowparallelencoding",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag13] !== undefined) {
+    if (commandLine[cliFlag14] !== undefined) {
       return {
-        value: commandLine[cliFlag13],
+        value: commandLine[cliFlag14],
         source: "cli"
       };
     }
@@ -1047,17 +1091,17 @@ var disallowParallelEncodingOption = {
 };
 
 // src/options/enable-lambda-insights.tsx
-import { jsx as jsx11, jsxs as jsxs8, Fragment as Fragment11 } from "react/jsx-runtime";
-var cliFlag14 = "enable-lambda-insights";
+import { jsx as jsx12, jsxs as jsxs9, Fragment as Fragment12 } from "react/jsx-runtime";
+var cliFlag15 = "enable-lambda-insights";
 var option = false;
 var enableLambdaInsights = {
   name: "Enable Lambda Insights",
-  cliFlag: cliFlag14,
-  description: () => /* @__PURE__ */ jsxs8(Fragment11, {
+  cliFlag: cliFlag15,
+  description: () => /* @__PURE__ */ jsxs9(Fragment12, {
     children: [
       "Enable",
       " ",
-      /* @__PURE__ */ jsx11("a", {
+      /* @__PURE__ */ jsx12("a", {
         href: "https://remotion.dev/docs/lambda/insights",
         children: "Lambda Insights in AWS CloudWatch"
       }),
@@ -1071,9 +1115,9 @@ var enableLambdaInsights = {
     option = value;
   },
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag14] !== undefined) {
+    if (commandLine[cliFlag15] !== undefined) {
       return {
-        value: commandLine[cliFlag14],
+        value: commandLine[cliFlag15],
         source: "cli"
       };
     }
@@ -1091,37 +1135,37 @@ var enableLambdaInsights = {
 };
 
 // src/options/enable-multiprocess-on-linux.tsx
-import { jsx as jsx12, jsxs as jsxs9, Fragment as Fragment12 } from "react/jsx-runtime";
-var DEFAULT_VALUE = true;
-var multiProcessOnLinux = DEFAULT_VALUE;
-var cliFlag15 = "enable-multiprocess-on-linux";
+import { jsx as jsx13, jsxs as jsxs10, Fragment as Fragment13 } from "react/jsx-runtime";
+var DEFAULT_VALUE2 = true;
+var multiProcessOnLinux = DEFAULT_VALUE2;
+var cliFlag16 = "enable-multiprocess-on-linux";
 var enableMultiprocessOnLinuxOption = {
   name: "Enable Multiprocess on Linux",
-  cliFlag: cliFlag15,
-  description: () => /* @__PURE__ */ jsxs9(Fragment12, {
+  cliFlag: cliFlag16,
+  description: () => /* @__PURE__ */ jsxs10(Fragment13, {
     children: [
       "Removes the ",
-      /* @__PURE__ */ jsx12("code", {
+      /* @__PURE__ */ jsx13("code", {
         children: "--single-process"
       }),
       " flag that gets passed to Chromium on Linux by default. This will make the render faster because multiple processes can be used, but may cause issues with some Linux distributions or if window server libraries are missing.",
-      /* @__PURE__ */ jsx12("br", {}),
+      /* @__PURE__ */ jsx13("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx12("code", {
+      /* @__PURE__ */ jsx13("code", {
         children: "false"
       }),
       " until v4.0.136, then ",
-      /* @__PURE__ */ jsx12("code", {
+      /* @__PURE__ */ jsx13("code", {
         children: "true"
       }),
       " from v4.0.137 on because newer Chrome versions ",
       "don't",
       " allow rendering with the ",
-      /* @__PURE__ */ jsx12("code", {
+      /* @__PURE__ */ jsx13("code", {
         children: "--single-process"
       }),
       " flag. ",
-      /* @__PURE__ */ jsx12("br", {}),
+      /* @__PURE__ */ jsx13("br", {}),
       "This flag will be removed in Remotion v5.0."
     ]
   }),
@@ -1129,10 +1173,10 @@ var enableMultiprocessOnLinuxOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag15] !== undefined) {
+    if (commandLine[cliFlag16] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag15]
+        value: commandLine[cliFlag16]
       };
     }
     if (multiProcessOnLinux !== false) {
@@ -1143,7 +1187,7 @@ var enableMultiprocessOnLinuxOption = {
     }
     return {
       source: "default",
-      value: DEFAULT_VALUE
+      value: DEFAULT_VALUE2
     };
   },
   setConfig: (value) => {
@@ -1152,19 +1196,19 @@ var enableMultiprocessOnLinuxOption = {
 };
 
 // src/options/encoding-buffer-size.tsx
-import { jsx as jsx13, jsxs as jsxs10, Fragment as Fragment13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11, Fragment as Fragment14 } from "react/jsx-runtime";
 var encodingBufferSize = null;
 var setEncodingBufferSize = (bitrate) => {
   encodingBufferSize = bitrate;
 };
-var cliFlag16 = "buffer-size";
+var cliFlag17 = "buffer-size";
 var encodingBufferSizeOption = {
   name: "FFmpeg -bufsize flag",
-  cliFlag: cliFlag16,
-  description: () => /* @__PURE__ */ jsxs10(Fragment13, {
+  cliFlag: cliFlag17,
+  description: () => /* @__PURE__ */ jsxs11(Fragment14, {
     children: [
       "The value for the ",
-      /* @__PURE__ */ jsx13("code", {
+      /* @__PURE__ */ jsx14("code", {
         children: "-bufsize"
       }),
       " flag of FFmpeg. Should be used in conjunction with the encoding max rate flag."
@@ -1174,9 +1218,9 @@ var encodingBufferSizeOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#encodingbuffersize",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag16] !== undefined) {
+    if (commandLine[cliFlag17] !== undefined) {
       return {
-        value: commandLine[cliFlag16],
+        value: commandLine[cliFlag17],
         source: "cli"
       };
     }
@@ -1195,16 +1239,16 @@ var encodingBufferSizeOption = {
 };
 
 // src/options/encoding-max-rate.tsx
-import { jsx as jsx14, jsxs as jsxs11, Fragment as Fragment14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12, Fragment as Fragment15 } from "react/jsx-runtime";
 var encodingMaxRate = null;
-var cliFlag17 = "max-rate";
+var cliFlag18 = "max-rate";
 var encodingMaxRateOption = {
   name: "FFmpeg -maxrate flag",
-  cliFlag: cliFlag17,
-  description: () => /* @__PURE__ */ jsxs11(Fragment14, {
+  cliFlag: cliFlag18,
+  description: () => /* @__PURE__ */ jsxs12(Fragment15, {
     children: [
       "The value for the ",
-      /* @__PURE__ */ jsx14("code", {
+      /* @__PURE__ */ jsx15("code", {
         children: "-maxrate"
       }),
       " flag of FFmpeg. Should be used in conjunction with the encoding buffer size flag."
@@ -1214,9 +1258,9 @@ var encodingMaxRateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#encodingmaxrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag17] !== undefined) {
+    if (commandLine[cliFlag18] !== undefined) {
       return {
-        value: commandLine[cliFlag17],
+        value: commandLine[cliFlag18],
         source: "cli"
       };
     }
@@ -1237,21 +1281,21 @@ var encodingMaxRateOption = {
 };
 
 // src/options/enforce-audio.tsx
-import { jsx as jsx15, Fragment as Fragment15 } from "react/jsx-runtime";
+import { jsx as jsx16, Fragment as Fragment16 } from "react/jsx-runtime";
 var DEFAULT_ENFORCE_AUDIO_TRACK = false;
 var enforceAudioTrackState = DEFAULT_ENFORCE_AUDIO_TRACK;
-var cliFlag18 = "enforce-audio-track";
+var cliFlag19 = "enforce-audio-track";
 var enforceAudioOption = {
   name: "Enforce Audio Track",
-  cliFlag: cliFlag18,
-  description: () => /* @__PURE__ */ jsx15(Fragment15, {
+  cliFlag: cliFlag19,
+  description: () => /* @__PURE__ */ jsx16(Fragment16, {
     children: "Render a silent audio track if there would be none otherwise."
   }),
   ssrName: "enforceAudioTrack",
   docLink: "https://www.remotion.dev/docs/config#setenforceaudiotrack-",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag18]) {
+    if (commandLine[cliFlag19]) {
       return {
         source: "cli",
         value: true
@@ -1274,22 +1318,22 @@ var enforceAudioOption = {
 };
 
 // src/options/folder-expiry.tsx
-import { jsx as jsx16, jsxs as jsxs12, Fragment as Fragment16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13, Fragment as Fragment17 } from "react/jsx-runtime";
 var enableFolderExpiry = null;
-var cliFlag19 = "enable-folder-expiry";
+var cliFlag20 = "enable-folder-expiry";
 var folderExpiryOption = {
   name: "Lambda render expiration",
-  cliFlag: cliFlag19,
+  cliFlag: cliFlag20,
   description: () => {
-    return /* @__PURE__ */ jsxs12(Fragment16, {
+    return /* @__PURE__ */ jsxs13(Fragment17, {
       children: [
         "When deploying sites, enable or disable S3 Lifecycle policies which allow for renders to auto-delete after a certain time. Default is",
         " ",
-        /* @__PURE__ */ jsx16("code", {
+        /* @__PURE__ */ jsx17("code", {
           children: "null"
         }),
         ", which does not change any lifecycle policies of the S3 bucket. See: ",
-        /* @__PURE__ */ jsx16("a", {
+        /* @__PURE__ */ jsx17("a", {
           href: "/docs/lambda/autodelete",
           children: "Lambda autodelete"
         }),
@@ -1301,10 +1345,10 @@ var folderExpiryOption = {
   docLink: "https://www.remotion.dev/docs/lambda/autodelete",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag19] !== undefined) {
+    if (commandLine[cliFlag20] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag19]
+        value: commandLine[cliFlag20]
       };
     }
     if (enableFolderExpiry !== null) {
@@ -1324,24 +1368,24 @@ var folderExpiryOption = {
 };
 
 // src/options/for-seamless-aac-concatenation.tsx
-import { jsx as jsx17, jsxs as jsxs13, Fragment as Fragment17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14, Fragment as Fragment18 } from "react/jsx-runtime";
 var DEFAULT3 = false;
 var forSeamlessAacConcatenation = DEFAULT3;
-var cliFlag20 = "for-seamless-aac-concatenation";
+var cliFlag21 = "for-seamless-aac-concatenation";
 var forSeamlessAacConcatenationOption = {
   name: "For seamless AAC concatenation",
-  cliFlag: cliFlag20,
-  description: () => /* @__PURE__ */ jsxs13(Fragment17, {
+  cliFlag: cliFlag21,
+  description: () => /* @__PURE__ */ jsxs14(Fragment18, {
     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__ */ jsx17("br", {}),
-      /* @__PURE__ */ jsx17("br", {}),
+      /* @__PURE__ */ jsx18("br", {}),
+      /* @__PURE__ */ jsx18("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[cliFlag20]) {
+    if (commandLine[cliFlag21]) {
       return {
         source: "cli",
         value: true
@@ -1366,7 +1410,7 @@ var forSeamlessAacConcatenationOption = {
 };
 
 // src/options/gl.tsx
-import { jsx as jsx18, jsxs as jsxs14, Fragment as Fragment18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15, Fragment as Fragment19 } from "react/jsx-runtime";
 var validOpenGlRenderers = [
   "swangle",
   "angle",
@@ -1378,33 +1422,33 @@ var validOpenGlRenderers = [
 var DEFAULT_OPENGL_RENDERER = null;
 var openGlRenderer = DEFAULT_OPENGL_RENDERER;
 var AngleChangelog = () => {
-  return /* @__PURE__ */ jsxs14("details", {
+  return /* @__PURE__ */ jsxs15("details", {
     style: { fontSize: "0.9em", marginBottom: "1em" },
     children: [
-      /* @__PURE__ */ jsx18("summary", {
+      /* @__PURE__ */ jsx19("summary", {
         children: "Changelog"
       }),
-      /* @__PURE__ */ jsxs14("ul", {
+      /* @__PURE__ */ jsxs15("ul", {
         children: [
-          /* @__PURE__ */ jsxs14("li", {
+          /* @__PURE__ */ jsxs15("li", {
             children: [
               "From Remotion v2.6.7 until v3.0.7, the default for Remotion Lambda was",
               " ",
-              /* @__PURE__ */ jsx18("code", {
+              /* @__PURE__ */ jsx19("code", {
                 children: "swiftshader"
               }),
               ", but from v3.0.8 the default is",
               " ",
-              /* @__PURE__ */ jsx18("code", {
+              /* @__PURE__ */ jsx19("code", {
                 children: "swangle"
               }),
               " (Swiftshader on Angle) since Chrome 101 added support for it."
             ]
           }),
-          /* @__PURE__ */ jsxs14("li", {
+          /* @__PURE__ */ jsxs15("li", {
             children: [
               "From Remotion v2.4.3 until v2.6.6, the default was ",
-              /* @__PURE__ */ jsx18("code", {
+              /* @__PURE__ */ jsx19("code", {
                 children: "angle"
               }),
               ", however it turns out to have a small memory leak that could crash long Remotion renders."
@@ -1415,65 +1459,65 @@ var AngleChangelog = () => {
     ]
   });
 };
-var cliFlag21 = "gl";
+var cliFlag22 = "gl";
 var glOption = {
-  cliFlag: cliFlag21,
+  cliFlag: cliFlag22,
   docLink: "https://www.remotion.dev/docs/chromium-flags#--gl",
   name: "OpenGL renderer",
   type: "angle",
   ssrName: "gl",
   description: () => {
-    return /* @__PURE__ */ jsxs14(Fragment18, {
+    return /* @__PURE__ */ jsxs15(Fragment19, {
       children: [
-        /* @__PURE__ */ jsx18(AngleChangelog, {}),
-        /* @__PURE__ */ jsxs14("p", {
+        /* @__PURE__ */ jsx19(AngleChangelog, {}),
+        /* @__PURE__ */ jsxs15("p", {
           children: [
             "Select the OpenGL renderer backend for Chromium. ",
-            /* @__PURE__ */ jsx18("br", {}),
+            /* @__PURE__ */ jsx19("br", {}),
             "Accepted values:"
           ]
         }),
-        /* @__PURE__ */ jsxs14("ul", {
+        /* @__PURE__ */ jsxs15("ul", {
           children: [
-            /* @__PURE__ */ jsx18("li", {
-              children: /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("li", {
+              children: /* @__PURE__ */ jsx19("code", {
                 children: '"angle"'
               })
             }),
-            /* @__PURE__ */ jsx18("li", {
-              children: /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("li", {
+              children: /* @__PURE__ */ jsx19("code", {
                 children: '"egl"'
               })
             }),
-            /* @__PURE__ */ jsx18("li", {
-              children: /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("li", {
+              children: /* @__PURE__ */ jsx19("code", {
                 children: '"swiftshader"'
               })
             }),
-            /* @__PURE__ */ jsx18("li", {
-              children: /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("li", {
+              children: /* @__PURE__ */ jsx19("code", {
                 children: '"swangle"'
               })
             }),
-            /* @__PURE__ */ jsxs14("li", {
+            /* @__PURE__ */ jsxs15("li", {
               children: [
-                /* @__PURE__ */ jsx18("code", {
+                /* @__PURE__ */ jsx19("code", {
                   children: '"vulkan"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx18("em", {
+                /* @__PURE__ */ jsx19("em", {
                   children: "from Remotion v4.0.41"
                 }),
                 ")"
               ]
             }),
-            /* @__PURE__ */ jsxs14("li", {
+            /* @__PURE__ */ jsxs15("li", {
               children: [
-                /* @__PURE__ */ jsx18("code", {
+                /* @__PURE__ */ jsx19("code", {
                   children: '"angle-egl"'
                 }),
                 " (",
-                /* @__PURE__ */ jsx18("em", {
+                /* @__PURE__ */ jsx19("em", {
                   children: "from Remotion v4.0.51"
                 }),
                 ")"
@@ -1481,14 +1525,14 @@ var glOption = {
             })
           ]
         }),
-        /* @__PURE__ */ jsxs14("p", {
+        /* @__PURE__ */ jsxs15("p", {
           children: [
             "The default is ",
-            /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("code", {
               children: "null"
             }),
             ", letting Chrome decide, except on Lambda where the default is ",
-            /* @__PURE__ */ jsx18("code", {
+            /* @__PURE__ */ jsx19("code", {
               children: '"swangle"'
             })
           ]
@@ -1497,10 +1541,10 @@ var glOption = {
     });
   },
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag21]) {
-      validateOpenGlRenderer(commandLine[cliFlag21]);
+    if (commandLine[cliFlag22]) {
+      validateOpenGlRenderer(commandLine[cliFlag22]);
       return {
-        value: commandLine[cliFlag21],
+        value: commandLine[cliFlag22],
         source: "cli"
       };
     }
@@ -1536,11 +1580,11 @@ var hardwareAccelerationOptions = [
   "if-possible",
   "required"
 ];
-var cliFlag22 = "hardware-acceleration";
+var cliFlag23 = "hardware-acceleration";
 var currentValue = null;
 var hardwareAccelerationOption = {
   name: "Hardware Acceleration",
-  cliFlag: cliFlag22,
+  cliFlag: cliFlag23,
   description: () => `
 			One of
 			${new Intl.ListFormat("en", { type: "disjunction" }).format(hardwareAccelerationOptions.map((a) => JSON.stringify(a)))}
@@ -1552,10 +1596,10 @@ var hardwareAccelerationOption = {
   docLink: "https://www.remotion.dev/docs/encoding",
   type: "disable",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag22] !== undefined) {
-      const value = commandLine[cliFlag22];
+    if (commandLine[cliFlag23] !== undefined) {
+      const value = commandLine[cliFlag23];
       if (!hardwareAccelerationOptions.includes(value)) {
-        throw new Error(`Invalid value for --${cliFlag22}: ${value}`);
+        throw new Error(`Invalid value for --${cliFlag23}: ${value}`);
       }
       return {
         source: "cli",
@@ -1575,31 +1619,31 @@ var hardwareAccelerationOption = {
   },
   setConfig: (value) => {
     if (!hardwareAccelerationOptions.includes(value)) {
-      throw new Error(`Invalid value for --${cliFlag22}: ${value}`);
+      throw new Error(`Invalid value for --${cliFlag23}: ${value}`);
     }
     currentValue = value;
   }
 };
 
 // src/options/headless.tsx
-import { jsx as jsx19, jsxs as jsxs15, Fragment as Fragment19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16, Fragment as Fragment20 } from "react/jsx-runtime";
 var DEFAULT4 = true;
 var headlessMode = DEFAULT4;
-var cliFlag23 = "disable-headless";
+var cliFlag24 = "disable-headless";
 var headlessOption = {
   name: "Disable Headless Mode",
-  cliFlag: cliFlag23,
-  description: () => /* @__PURE__ */ jsxs15(Fragment19, {
+  cliFlag: cliFlag24,
+  description: () => /* @__PURE__ */ jsxs16(Fragment20, {
     children: [
       "Deprecated - will be removed in 5.0.0. With the migration to",
       " ",
-      /* @__PURE__ */ jsx19("a", {
+      /* @__PURE__ */ jsx20("a", {
         href: "/docs/miscellaneous/chrome-headless-shell",
         children: "Chrome Headless Shell"
       }),
       ", this option is not functional anymore.",
-      /* @__PURE__ */ jsx19("br", {}),
-      /* @__PURE__ */ jsx19("br", {}),
+      /* @__PURE__ */ jsx20("br", {}),
+      /* @__PURE__ */ jsx20("br", {}),
       " If disabled, the render will open an actual Chrome window where you can see the render happen. The default is headless mode."
     ]
   }),
@@ -1607,10 +1651,10 @@ var headlessOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-headless",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag23] !== undefined) {
+    if (commandLine[cliFlag24] !== undefined) {
       return {
         source: "cli",
-        value: !commandLine[cliFlag23]
+        value: !commandLine[cliFlag24]
       };
     }
     if (headlessMode !== DEFAULT4) {
@@ -1630,21 +1674,21 @@ var headlessOption = {
 };
 
 // src/options/image-sequence-pattern.tsx
-import { jsx as jsx20, jsxs as jsxs16, Fragment as Fragment20 } from "react/jsx-runtime";
-var cliFlag24 = "image-sequence-pattern";
+import { jsx as jsx21, jsxs as jsxs17, Fragment as Fragment21 } from "react/jsx-runtime";
+var cliFlag25 = "image-sequence-pattern";
 var currentImageSequencePattern = null;
 var imageSequencePatternOption = {
   name: "Image Sequence Pattern",
-  cliFlag: cliFlag24,
+  cliFlag: cliFlag25,
   ssrName: "imageSequencePattern",
-  description: () => /* @__PURE__ */ jsxs16(Fragment20, {
+  description: () => /* @__PURE__ */ jsxs17(Fragment21, {
     children: [
       "Pattern for naming image sequence files. Supports ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "[frame]"
       }),
       " for the zero-padded frame number and ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "[ext]"
       }),
       " for the file extension."
@@ -1660,7 +1704,7 @@ var imageSequencePatternOption = {
       };
     }
     return {
-      value: commandLine[cliFlag24],
+      value: commandLine[cliFlag25],
       source: "cli"
     };
   },
@@ -1670,7 +1714,7 @@ var imageSequencePatternOption = {
 };
 
 // src/options/jpeg-quality.tsx
-import { jsx as jsx21, Fragment as Fragment21 } from "react/jsx-runtime";
+import { jsx as jsx22, Fragment as Fragment22 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -1681,11 +1725,11 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag25 = "jpeg-quality";
+var cliFlag26 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag25,
-  description: () => /* @__PURE__ */ jsx21(Fragment21, {
+  cliFlag: cliFlag26,
+  description: () => /* @__PURE__ */ jsx22(Fragment22, {
     children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
   }),
   ssrName: "jpegQuality",
@@ -1693,11 +1737,11 @@ var jpegQualityOption = {
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag25] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag25]);
+    if (commandLine[cliFlag26] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag26]);
       return {
         source: "cli",
-        value: commandLine[cliFlag25]
+        value: commandLine[cliFlag26]
       };
     }
     if (quality !== defaultValue) {
@@ -1714,38 +1758,38 @@ var jpegQualityOption = {
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx22, jsxs as jsxs17, Fragment as Fragment22 } from "react/jsx-runtime";
-var cliFlag26 = "audio-latency-hint";
+import { jsx as jsx23, jsxs as jsxs18, Fragment as Fragment23 } from "react/jsx-runtime";
+var cliFlag27 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag26,
-  description: () => /* @__PURE__ */ jsxs17(Fragment22, {
+  cliFlag: cliFlag27,
+  description: () => /* @__PURE__ */ jsxs18(Fragment23, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx22("a", {
+      /* @__PURE__ */ jsx23("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx22("code", {
+      /* @__PURE__ */ jsx23("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx22("br", {}),
+      /* @__PURE__ */ jsx23("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx22("code", {
+      /* @__PURE__ */ jsx23("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx22("code", {
+      /* @__PURE__ */ jsx23("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx22("code", {
+      /* @__PURE__ */ jsx23("code", {
         children: "playback"
       })
     ]
@@ -1754,7 +1798,7 @@ var audioLatencyHintOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "interactive",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag26];
+    const val = commandLine[cliFlag27];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -1769,43 +1813,43 @@ var audioLatencyHintOption = {
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx23, jsxs as jsxs18, Fragment as Fragment23 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19, Fragment as Fragment24 } from "react/jsx-runtime";
 var logLevel = "info";
-var cliFlag27 = "log";
+var cliFlag28 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag27,
+  cliFlag: cliFlag28,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs18(Fragment23, {
+  description: () => /* @__PURE__ */ jsxs19(Fragment24, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx23("br", {}),
+      /* @__PURE__ */ jsx24("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx23("br", {}),
-      /* @__PURE__ */ jsx23("br", {}),
+      /* @__PURE__ */ jsx24("br", {}),
+      /* @__PURE__ */ jsx24("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx23("code", {
+      /* @__PURE__ */ jsx24("code", {
         children: "info"
       }),
       "."
@@ -1813,11 +1857,11 @@ var logLevelOption = {
   }),
   docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag27]) {
-      if (!isValidLogLevel(commandLine[cliFlag27])) {
+    if (commandLine[cliFlag28]) {
+      if (!isValidLogLevel(commandLine[cliFlag28])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag27], source: "cli" };
+      return { value: commandLine[cliFlag28], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -1831,19 +1875,19 @@ var logLevelOption = {
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx24, jsxs as jsxs19, Fragment as Fragment24 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20, Fragment as Fragment25 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag28 = "metadata";
+var cliFlag29 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag28,
+  cliFlag: cliFlag29,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs19(Fragment24, {
+      return /* @__PURE__ */ jsxs20(Fragment25, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx24("a", {
+          /* @__PURE__ */ jsx25("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -1851,18 +1895,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs19(Fragment24, {
+    return /* @__PURE__ */ jsxs20(Fragment25, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx24("a", {
+        /* @__PURE__ */ jsx25("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx24("br", {}),
+        /* @__PURE__ */ jsx25("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx24("code", {
+        /* @__PURE__ */ jsx25("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -1873,8 +1917,8 @@ var metadataOption = {
   docLink: "https://www.remotion.dev/docs/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag28] !== undefined) {
-      const val = commandLine[cliFlag28];
+    if (commandLine[cliFlag29] !== undefined) {
+      const val = commandLine[cliFlag29];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -1904,24 +1948,24 @@ var metadataOption = {
 };
 
 // src/options/mute.tsx
-import { jsx as jsx25, Fragment as Fragment25 } from "react/jsx-runtime";
+import { jsx as jsx26, Fragment as Fragment26 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag29 = "muted";
+var cliFlag30 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag29,
-  description: () => /* @__PURE__ */ jsx25(Fragment25, {
+  cliFlag: cliFlag30,
+  description: () => /* @__PURE__ */ jsx26(Fragment26, {
     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[cliFlag29] !== null) {
+    if (commandLine[cliFlag30] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag29]
+        value: commandLine[cliFlag30]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -1941,50 +1985,50 @@ var mutedOption = {
 };
 
 // src/options/number-of-gif-loops.tsx
-import { jsx as jsx26, jsxs as jsxs20, Fragment as Fragment26 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21, Fragment as Fragment27 } 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 cliFlag30 = "number-of-gif-loops";
+var cliFlag31 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag30,
+  cliFlag: cliFlag31,
   description: () => {
-    return /* @__PURE__ */ jsxs20(Fragment26, {
+    return /* @__PURE__ */ jsxs21(Fragment27, {
       children: [
         "Allows you to set the number of loops as follows:",
-        /* @__PURE__ */ jsxs20("ul", {
+        /* @__PURE__ */ jsxs21("ul", {
           children: [
-            /* @__PURE__ */ jsxs20("li", {
+            /* @__PURE__ */ jsxs21("li", {
               children: [
-                /* @__PURE__ */ jsx26("code", {
+                /* @__PURE__ */ jsx27("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
               ]
             }),
-            /* @__PURE__ */ jsxs20("li", {
+            /* @__PURE__ */ jsxs21("li", {
               children: [
-                /* @__PURE__ */ jsx26("code", {
+                /* @__PURE__ */ jsx27("code", {
                   children: "0"
                 }),
                 " disables looping"
               ]
             }),
-            /* @__PURE__ */ jsxs20("li", {
+            /* @__PURE__ */ jsxs21("li", {
               children: [
-                /* @__PURE__ */ jsx26("code", {
+                /* @__PURE__ */ jsx27("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
               ]
             }),
-            /* @__PURE__ */ jsxs20("li", {
+            /* @__PURE__ */ jsxs21("li", {
               children: [
-                /* @__PURE__ */ jsx26("code", {
+                /* @__PURE__ */ jsx27("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -1999,10 +2043,10 @@ var numberOfGifLoopsOption = {
   docLink: "https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag30] !== undefined) {
-      validate(commandLine[cliFlag30]);
+    if (commandLine[cliFlag31] !== undefined) {
+      validate(commandLine[cliFlag31]);
       return {
-        value: commandLine[cliFlag30],
+        value: commandLine[cliFlag31],
         source: "cli"
       };
     }
@@ -2024,35 +2068,35 @@ var numberOfGifLoopsOption = {
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx27, jsxs as jsxs21, Fragment as Fragment27 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs22, Fragment as Fragment28 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag31 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag32 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag31,
-  description: () => /* @__PURE__ */ jsxs21(Fragment27, {
+  cliFlag: cliFlag32,
+  description: () => /* @__PURE__ */ jsxs22(Fragment28, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx27("a", {
+      /* @__PURE__ */ jsx28("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx27("code", {
+        children: /* @__PURE__ */ jsx28("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx27("code", {
+      /* @__PURE__ */ jsx28("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx27("br", {}),
+      /* @__PURE__ */ jsx28("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__ */ jsx27("br", {}),
+      /* @__PURE__ */ jsx28("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx27("br", {}),
+      /* @__PURE__ */ jsx28("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx27("code", {
+      /* @__PURE__ */ jsx28("code", {
         children: "null"
       })
     ]
@@ -2061,10 +2105,10 @@ var offthreadVideoCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag31] !== undefined) {
+    if (commandLine[cliFlag32] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag31]
+        value: commandLine[cliFlag32]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -2084,18 +2128,18 @@ var offthreadVideoCacheSizeInBytesOption = {
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx28, jsxs as jsxs22, Fragment as Fragment28 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23, Fragment as Fragment29 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag32 = "offthreadvideo-video-threads";
+var cliFlag33 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag32,
-  description: () => /* @__PURE__ */ jsxs22(Fragment28, {
+  cliFlag: cliFlag33,
+  description: () => /* @__PURE__ */ jsxs23(Fragment29, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx28("a", {
+      /* @__PURE__ */ jsx29("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx28("code", {
+        children: /* @__PURE__ */ jsx29("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -2110,10 +2154,10 @@ var offthreadVideoThreadsOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag32] !== undefined) {
+    if (commandLine[cliFlag33] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag32]
+        value: commandLine[cliFlag33]
       };
     }
     if (value2 !== null) {
@@ -2134,16 +2178,16 @@ var offthreadVideoThreadsOption = {
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx29, jsxs as jsxs23, Fragment as Fragment29 } from "react/jsx-runtime";
-var cliFlag33 = "on-browser-download";
+import { jsx as jsx30, jsxs as jsxs24, Fragment as Fragment30 } from "react/jsx-runtime";
+var cliFlag34 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag33,
-  description: () => /* @__PURE__ */ jsxs23(Fragment29, {
+  cliFlag: cliFlag34,
+  description: () => /* @__PURE__ */ jsxs24(Fragment30, {
     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__ */ jsx29("a", {
+      /* @__PURE__ */ jsx30("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
@@ -2161,9 +2205,9 @@ var onBrowserDownloadOption = {
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx30, jsxs as jsxs24, Fragment as Fragment30 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs25, Fragment as Fragment31 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag34 = "overwrite";
+var cliFlag35 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -2171,15 +2215,15 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag34,
-  description: () => /* @__PURE__ */ jsxs24(Fragment30, {
+  cliFlag: cliFlag35,
+  description: () => /* @__PURE__ */ jsxs25(Fragment31, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx30("code", {
+      /* @__PURE__ */ jsx31("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx30("code", {
+      /* @__PURE__ */ jsx31("code", {
         children: "true"
       }),
       "."
@@ -2189,11 +2233,11 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag34] !== undefined) {
-      validate2(commandLine[cliFlag34]);
+    if (commandLine[cliFlag35] !== undefined) {
+      validate2(commandLine[cliFlag35]);
       return {
         source: "cli",
-        value: commandLine[cliFlag34]
+        value: commandLine[cliFlag35]
       };
     }
     if (shouldOverwrite !== null) {
@@ -2214,21 +2258,21 @@ var overwriteOption = {
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx31, jsxs as jsxs25, Fragment as Fragment31 } from "react/jsx-runtime";
-var cliFlag35 = "prefer-lossless";
+import { jsx as jsx32, jsxs as jsxs26, Fragment as Fragment32 } from "react/jsx-runtime";
+var cliFlag36 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag35,
-  description: () => /* @__PURE__ */ jsxs25(Fragment31, {
+  cliFlag: cliFlag36,
+  description: () => /* @__PURE__ */ jsxs26(Fragment32, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx31("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx31("code", {
+      /* @__PURE__ */ jsx32("code", {
         children: "preferLossless"
       }),
       "."
@@ -2238,7 +2282,7 @@ var preferLosslessAudioOption = {
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag35]) {
+    if (commandLine[cliFlag36]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -2252,20 +2296,20 @@ var preferLosslessAudioOption = {
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx32, jsxs as jsxs26, Fragment as Fragment32 } from "react/jsx-runtime";
-var cliFlag36 = "public-dir";
+import { jsx as jsx33, jsxs as jsxs27, Fragment as Fragment33 } from "react/jsx-runtime";
+var cliFlag37 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag36,
+  cliFlag: cliFlag37,
   description: () => {
-    return /* @__PURE__ */ jsxs26(Fragment32, {
+    return /* @__PURE__ */ jsxs27(Fragment33, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx32("a", {
+        /* @__PURE__ */ jsx33("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx32("code", {
+          children: /* @__PURE__ */ jsx33("code", {
             children: "public/ directory"
           })
         }),
@@ -2276,10 +2320,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag36] !== undefined) {
+    if (commandLine[cliFlag37] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag36]
+        value: commandLine[cliFlag37]
       };
     }
     if (currentPublicDir !== null) {
@@ -2300,25 +2344,25 @@ var publicDirOption = {
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx33, jsxs as jsxs27, Fragment as Fragment33 } from "react/jsx-runtime";
-var cliFlag37 = "public-path";
+import { jsx as jsx34, jsxs as jsxs28, Fragment as Fragment34 } from "react/jsx-runtime";
+var cliFlag38 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag37,
+  cliFlag: cliFlag38,
   description: () => {
-    return /* @__PURE__ */ jsxs27(Fragment33, {
+    return /* @__PURE__ */ jsxs28(Fragment34, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx33("code", {
+        /* @__PURE__ */ jsx34("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx33("code", {
+        /* @__PURE__ */ jsx34("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx33("code", {
+        /* @__PURE__ */ jsx34("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -2328,10 +2372,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag37] !== undefined) {
+    if (commandLine[cliFlag38] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag37]
+        value: commandLine[cliFlag38]
       };
     }
     if (currentPublicPath !== null) {
@@ -2352,25 +2396,25 @@ var publicPathOption = {
 };
 
 // src/options/repro.tsx
-import { jsx as jsx34, Fragment as Fragment34 } from "react/jsx-runtime";
+import { jsx as jsx35, Fragment as Fragment35 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag38 = "repro";
+var cliFlag39 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag38,
-  description: () => /* @__PURE__ */ jsx34(Fragment34, {
+  cliFlag: cliFlag39,
+  description: () => /* @__PURE__ */ jsx35(Fragment35, {
     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[cliFlag38] !== undefined) {
+    if (commandLine[cliFlag39] !== undefined) {
       return {
-        value: commandLine[cliFlag38],
+        value: commandLine[cliFlag39],
         source: "cli"
       };
     }
@@ -2389,9 +2433,9 @@ var reproOption = {
 };
 
 // src/options/scale.tsx
-import { jsx as jsx35, jsxs as jsxs28, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29, Fragment as Fragment36 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag39 = "scale";
+var cliFlag40 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -2399,11 +2443,11 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag39,
-  description: () => /* @__PURE__ */ jsxs28(Fragment35, {
+  cliFlag: cliFlag40,
+  description: () => /* @__PURE__ */ jsxs29(Fragment36, {
     children: [
       "Scales the output by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx35("code", {
+      /* @__PURE__ */ jsx36("code", {
         children: "1.5"
       }),
       ". Vector elements like fonts and HTML markups will be rendered with extra details."
@@ -2413,11 +2457,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag39] !== undefined) {
-      validateScale(commandLine[cliFlag39]);
+    if (commandLine[cliFlag40] !== undefined) {
+      validateScale(commandLine[cliFlag40]);
       return {
         source: "cli",
-        value: commandLine[cliFlag39]
+        value: commandLine[cliFlag40]
       };
     }
     if (currentScale !== null) {
@@ -2438,16 +2482,16 @@ var scaleOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag40 = "throw-if-site-exists";
+var cliFlag41 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag40,
+  cliFlag: cliFlag41,
   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[cliFlag40]) {
+    if (commandLine[cliFlag41]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag40]
+        value: commandLine[cliFlag41]
       };
     }
     return {
@@ -2464,37 +2508,37 @@ var throwIfSiteExistsOption = {
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx36, jsxs as jsxs29, Fragment as Fragment36 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30, Fragment as Fragment37 } from "react/jsx-runtime";
 var currentTimeout = DEFAULT_TIMEOUT;
 var validate3 = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("--timeout flag / setDelayRenderTimeoutInMilliseconds() must be a number, but got " + JSON.stringify(value3));
   }
 };
-var cliFlag41 = "timeout";
+var cliFlag42 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag41,
-  description: () => /* @__PURE__ */ jsxs29(Fragment36, {
+  cliFlag: cliFlag42,
+  description: () => /* @__PURE__ */ jsxs30(Fragment37, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx36("a", {
+      /* @__PURE__ */ jsx37("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx36("code", {
+        children: /* @__PURE__ */ jsx37("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx36("a", {
+      /* @__PURE__ */ jsx37("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx36("code", {
+      /* @__PURE__ */ jsx37("code", {
         children: "30000"
       })
     ]
@@ -2503,10 +2547,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag41] !== undefined) {
+    if (commandLine[cliFlag42] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag41]
+        value: commandLine[cliFlag42]
       };
     }
     if (currentTimeout !== null) {
@@ -2528,26 +2572,26 @@ var delayRenderTimeoutInMillisecondsOption = {
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx37, jsxs as jsxs30, Fragment as Fragment37 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs31, Fragment as Fragment38 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag42 = "video-bitrate";
+var cliFlag43 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag42,
-  description: () => /* @__PURE__ */ jsxs30(Fragment37, {
+  cliFlag: cliFlag43,
+  description: () => /* @__PURE__ */ jsxs31(Fragment38, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("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__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -2557,10 +2601,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag42] !== undefined) {
+    if (commandLine[cliFlag43] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag42]
+        value: commandLine[cliFlag43]
       };
     }
     if (videoBitrate !== null) {
@@ -2580,29 +2624,29 @@ var videoBitrateOption = {
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx38, jsxs as jsxs31, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs32, Fragment as Fragment39 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag43 = "media-cache-size-in-bytes";
+var cliFlag44 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsxs31(Fragment38, {
+  cliFlag: cliFlag44,
+  description: () => /* @__PURE__ */ jsxs32(Fragment39, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx39("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx39("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx38("code", {
+      /* @__PURE__ */ jsx39("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx38("br", {}),
+      /* @__PURE__ */ jsx39("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -2610,10 +2654,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag43] !== undefined) {
+    if (commandLine[cliFlag44] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag43]
+        value: commandLine[cliFlag44]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -2748,7 +2792,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx39, Fragment as Fragment39 } from "react/jsx-runtime";
+import { jsx as jsx40, Fragment as Fragment40 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -2772,11 +2816,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag44 = "codec";
+var cliFlag45 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag44,
-  description: () => /* @__PURE__ */ jsx39(Fragment39, {
+  cliFlag: cliFlag45,
+  description: () => /* @__PURE__ */ jsx40(Fragment40, {
     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",
@@ -2799,7 +2843,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[cliFlag44];
+    const cliArgument = commandLine[cliFlag45];
     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.`);
@@ -2848,12 +2892,12 @@ var videoCodecOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs32, Fragment as Fragment40 } from "react/jsx-runtime";
-var cliFlag45 = "webhook-custom-data";
+import { jsxs as jsxs33, Fragment as Fragment41 } from "react/jsx-runtime";
+var cliFlag46 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag45,
-  description: (type) => /* @__PURE__ */ jsxs32(Fragment40, {
+  cliFlag: cliFlag46,
+  description: (type) => /* @__PURE__ */ jsxs33(Fragment41, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -2872,7 +2916,7 @@ var webhookCustomDataOption = {
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx40, jsxs as jsxs33, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34, Fragment as Fragment42 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -2886,63 +2930,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag46 = "x264-preset";
+var cliFlag47 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag46,
-  description: () => /* @__PURE__ */ jsxs33(Fragment41, {
+  cliFlag: cliFlag47,
+  description: () => /* @__PURE__ */ jsxs34(Fragment42, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx40("br", {}),
+      /* @__PURE__ */ jsx41("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx40("br", {}),
+      /* @__PURE__ */ jsx41("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx40("code", {
+      /* @__PURE__ */ jsx41("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -2951,7 +2995,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag46];
+    const value3 = commandLine[cliFlag47];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -3012,7 +3056,8 @@ var allOptions = {
   audioLatencyHintOption,
   enableCrossSiteIsolationOption,
   imageSequencePatternOption,
-  mediaCacheSizeInBytesOption
+  mediaCacheSizeInBytesOption,
+  darkModeOption
 };
 
 // src/options/options-map.ts