@remotion/renderer 4.0.312 → 4.0.313

package/dist/esm/client.mjs

@@ -1590,8 +1590,48 @@ var headlessOption = {
   }
 };
 
+// src/options/image-sequence-pattern.tsx
+import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment19 } from "react/jsx-runtime";
+var cliFlag23 = "image-sequence-pattern";
+var currentImageSequencePattern = null;
+var imageSequencePatternOption = {
+  name: "Image Sequence Pattern",
+  cliFlag: cliFlag23,
+  ssrName: "imageSequencePattern",
+  description: () => /* @__PURE__ */ jsxs16(Fragment19, {
+    children: [
+      "Pattern for naming image sequence files. Supports ",
+      /* @__PURE__ */ jsx19("code", {
+        children: "[frame]"
+      }),
+      " for the zero-padded frame number and ",
+      /* @__PURE__ */ jsx19("code", {
+        children: "[ext]"
+      }),
+      " for the file extension."
+    ]
+  }),
+  docLink: null,
+  type: "string",
+  getValue: ({ commandLine }) => {
+    if (currentImageSequencePattern !== null) {
+      return {
+        value: currentImageSequencePattern,
+        source: "config"
+      };
+    }
+    return {
+      value: commandLine[cliFlag23],
+      source: "cli"
+    };
+  },
+  setConfig: (pattern) => {
+    currentImageSequencePattern = pattern;
+  }
+};
+
 // src/options/jpeg-quality.tsx
-import { jsx as jsx19, Fragment as Fragment19 } from "react/jsx-runtime";
+import { jsx as jsx20, Fragment as Fragment20 } from "react/jsx-runtime";
 var defaultValue = DEFAULT_JPEG_QUALITY;
 var quality = defaultValue;
 var setJpegQuality = (q) => {
@@ -1602,11 +1642,11 @@ var setJpegQuality = (q) => {
   }
   quality = q;
 };
-var cliFlag23 = "jpeg-quality";
+var cliFlag24 = "jpeg-quality";
 var jpegQualityOption = {
   name: "JPEG Quality",
-  cliFlag: cliFlag23,
-  description: () => /* @__PURE__ */ jsx19(Fragment19, {
+  cliFlag: cliFlag24,
+  description: () => /* @__PURE__ */ jsx20(Fragment20, {
     children: "Sets the quality of the generated JPEG images. Must be an integer between 0 and 100. Default: 80."
   }),
   ssrName: "jpegQuality",
@@ -1614,11 +1654,11 @@ var jpegQualityOption = {
   type: 0,
   setConfig: setJpegQuality,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag23] !== undefined) {
-      validateJpegQuality(commandLine[cliFlag23]);
+    if (commandLine[cliFlag24] !== undefined) {
+      validateJpegQuality(commandLine[cliFlag24]);
       return {
         source: "cli",
-        value: commandLine[cliFlag23]
+        value: commandLine[cliFlag24]
       };
     }
     if (quality !== defaultValue) {
@@ -1635,38 +1675,38 @@ var jpegQualityOption = {
 };
 
 // src/options/latency-hint.tsx
-import { jsx as jsx20, jsxs as jsxs16, Fragment as Fragment20 } from "react/jsx-runtime";
-var cliFlag24 = "audio-latency-hint";
+import { jsx as jsx21, jsxs as jsxs17, Fragment as Fragment21 } from "react/jsx-runtime";
+var cliFlag25 = "audio-latency-hint";
 var value = null;
 var audioLatencyHintOption = {
   name: "Audio Latency Hint",
-  cliFlag: cliFlag24,
-  description: () => /* @__PURE__ */ jsxs16(Fragment20, {
+  cliFlag: cliFlag25,
+  description: () => /* @__PURE__ */ jsxs17(Fragment21, {
     children: [
       "Sets the",
       " ",
-      /* @__PURE__ */ jsx20("a", {
+      /* @__PURE__ */ jsx21("a", {
         href: "https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/AudioContext",
         children: "audio latency"
       }),
       " ",
       "hint for the global ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "AudioContext"
       }),
       " context that Remotion uses to play audio.",
-      /* @__PURE__ */ jsx20("br", {}),
+      /* @__PURE__ */ jsx21("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "interactive"
       }),
       ", ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "balanced"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx20("code", {
+      /* @__PURE__ */ jsx21("code", {
         children: "playback"
       })
     ]
@@ -1675,7 +1715,7 @@ var audioLatencyHintOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "interactive",
   getValue: ({ commandLine }) => {
-    const val = commandLine[cliFlag24];
+    const val = commandLine[cliFlag25];
     if (typeof val !== "undefined") {
       return { value: val, source: "cli" };
     }
@@ -1690,43 +1730,43 @@ var audioLatencyHintOption = {
 };
 
 // src/options/log-level.tsx
-import { jsx as jsx21, jsxs as jsxs17, Fragment as Fragment21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18, Fragment as Fragment22 } from "react/jsx-runtime";
 var logLevel = "info";
-var cliFlag25 = "log";
+var cliFlag26 = "log";
 var logLevelOption = {
-  cliFlag: cliFlag25,
+  cliFlag: cliFlag26,
   name: "Log Level",
   ssrName: "logLevel",
-  description: () => /* @__PURE__ */ jsxs17(Fragment21, {
+  description: () => /* @__PURE__ */ jsxs18(Fragment22, {
     children: [
       "One of ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "trace"
       }),
       ", ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "verbose"
       }),
       ", ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "info"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "warn"
       }),
       ", ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "error"
       }),
       ".",
-      /* @__PURE__ */ jsx21("br", {}),
+      /* @__PURE__ */ jsx22("br", {}),
       " Determines how much info is being logged to the console.",
-      /* @__PURE__ */ jsx21("br", {}),
-      /* @__PURE__ */ jsx21("br", {}),
+      /* @__PURE__ */ jsx22("br", {}),
+      /* @__PURE__ */ jsx22("br", {}),
       " Default ",
-      /* @__PURE__ */ jsx21("code", {
+      /* @__PURE__ */ jsx22("code", {
         children: "info"
       }),
       "."
@@ -1734,11 +1774,11 @@ var logLevelOption = {
   }),
   docLink: "https://www.remotion.dev/docs/troubleshooting/debug-failed-render",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag25]) {
-      if (!isValidLogLevel(commandLine[cliFlag25])) {
+    if (commandLine[cliFlag26]) {
+      if (!isValidLogLevel(commandLine[cliFlag26])) {
         throw new Error(`Invalid \`--log\` value passed. Accepted values: ${logLevels.map((l) => `'${l}'`).join(", ")}.`);
       }
-      return { value: commandLine[cliFlag25], source: "cli" };
+      return { value: commandLine[cliFlag26], source: "cli" };
     }
     if (logLevel !== "info") {
       return { value: logLevel, source: "config" };
@@ -1752,19 +1792,19 @@ var logLevelOption = {
 };
 
 // src/options/metadata.tsx
-import { jsx as jsx22, jsxs as jsxs18, Fragment as Fragment22 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19, Fragment as Fragment23 } from "react/jsx-runtime";
 var metadata = {};
-var cliFlag26 = "metadata";
+var cliFlag27 = "metadata";
 var metadataOption = {
   name: "Metadata",
-  cliFlag: cliFlag26,
+  cliFlag: cliFlag27,
   description: (mode) => {
     if (mode === "ssr") {
-      return /* @__PURE__ */ jsxs18(Fragment22, {
+      return /* @__PURE__ */ jsxs19(Fragment23, {
         children: [
           "An object containing metadata to be embedded in the video. See",
           " ",
-          /* @__PURE__ */ jsx22("a", {
+          /* @__PURE__ */ jsx23("a", {
             href: "/docs/metadata",
             children: "here"
           }),
@@ -1772,18 +1812,18 @@ var metadataOption = {
         ]
       });
     }
-    return /* @__PURE__ */ jsxs18(Fragment22, {
+    return /* @__PURE__ */ jsxs19(Fragment23, {
       children: [
         "Metadata to be embedded in the video. See",
         " ",
-        /* @__PURE__ */ jsx22("a", {
+        /* @__PURE__ */ jsx23("a", {
           href: "/docs/metadata",
           children: "here"
         }),
         " for which metadata is accepted.",
-        /* @__PURE__ */ jsx22("br", {}),
+        /* @__PURE__ */ jsx23("br", {}),
         "The parameter must be in the format of ",
-        /* @__PURE__ */ jsx22("code", {
+        /* @__PURE__ */ jsx23("code", {
           children: "--metadata key=value"
         }),
         " ",
@@ -1794,8 +1834,8 @@ var metadataOption = {
   docLink: "https://www.remotion.dev/docs/metadata",
   type: {},
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag26] !== undefined) {
-      const val = commandLine[cliFlag26];
+    if (commandLine[cliFlag27] !== undefined) {
+      const val = commandLine[cliFlag27];
       const array = typeof val === "string" ? [val] : val;
       const keyValues = array.map((a) => {
         if (!a.includes("=")) {
@@ -1825,24 +1865,24 @@ var metadataOption = {
 };
 
 // src/options/mute.tsx
-import { jsx as jsx23, Fragment as Fragment23 } from "react/jsx-runtime";
+import { jsx as jsx24, Fragment as Fragment24 } from "react/jsx-runtime";
 var DEFAULT_MUTED_STATE = false;
 var mutedState = DEFAULT_MUTED_STATE;
-var cliFlag27 = "muted";
+var cliFlag28 = "muted";
 var mutedOption = {
   name: "Muted",
-  cliFlag: cliFlag27,
-  description: () => /* @__PURE__ */ jsx23(Fragment23, {
+  cliFlag: cliFlag28,
+  description: () => /* @__PURE__ */ jsx24(Fragment24, {
     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[cliFlag27] !== null) {
+    if (commandLine[cliFlag28] !== null) {
       return {
         source: "cli",
-        value: commandLine[cliFlag27]
+        value: commandLine[cliFlag28]
       };
     }
     if (mutedState !== DEFAULT_MUTED_STATE) {
@@ -1862,50 +1902,50 @@ var mutedOption = {
 };
 
 // src/options/number-of-gif-loops.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 currentLoop = null;
 var validate = (newLoop) => {
   if (newLoop !== null && typeof newLoop !== "number") {
     throw new Error("--number-of-gif-loops flag must be a number.");
   }
 };
-var cliFlag28 = "number-of-gif-loops";
+var cliFlag29 = "number-of-gif-loops";
 var numberOfGifLoopsOption = {
   name: "Number of GIF loops",
-  cliFlag: cliFlag28,
+  cliFlag: cliFlag29,
   description: () => {
-    return /* @__PURE__ */ jsxs19(Fragment24, {
+    return /* @__PURE__ */ jsxs20(Fragment25, {
       children: [
         "Allows you to set the number of loops as follows:",
-        /* @__PURE__ */ jsxs19("ul", {
+        /* @__PURE__ */ jsxs20("ul", {
           children: [
-            /* @__PURE__ */ jsxs19("li", {
+            /* @__PURE__ */ jsxs20("li", {
               children: [
-                /* @__PURE__ */ jsx24("code", {
+                /* @__PURE__ */ jsx25("code", {
                   children: "null"
                 }),
                 " (or omitting in the CLI) plays the GIF indefinitely."
               ]
             }),
-            /* @__PURE__ */ jsxs19("li", {
+            /* @__PURE__ */ jsxs20("li", {
               children: [
-                /* @__PURE__ */ jsx24("code", {
+                /* @__PURE__ */ jsx25("code", {
                   children: "0"
                 }),
                 " disables looping"
               ]
             }),
-            /* @__PURE__ */ jsxs19("li", {
+            /* @__PURE__ */ jsxs20("li", {
               children: [
-                /* @__PURE__ */ jsx24("code", {
+                /* @__PURE__ */ jsx25("code", {
                   children: "1"
                 }),
                 " loops the GIF once (plays twice in total)"
               ]
             }),
-            /* @__PURE__ */ jsxs19("li", {
+            /* @__PURE__ */ jsxs20("li", {
               children: [
-                /* @__PURE__ */ jsx24("code", {
+                /* @__PURE__ */ jsx25("code", {
                   children: "2"
                 }),
                 " loops the GIF twice (plays three times in total) and so on."
@@ -1920,10 +1960,10 @@ var numberOfGifLoopsOption = {
   docLink: "https://www.remotion.dev/docs/render-as-gif#changing-the-number-of-loops",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag28] !== undefined) {
-      validate(commandLine[cliFlag28]);
+    if (commandLine[cliFlag29] !== undefined) {
+      validate(commandLine[cliFlag29]);
       return {
-        value: commandLine[cliFlag28],
+        value: commandLine[cliFlag29],
         source: "cli"
       };
     }
@@ -1945,35 +1985,35 @@ var numberOfGifLoopsOption = {
 };
 
 // src/options/offthreadvideo-cache-size.tsx
-import { jsx as jsx25, jsxs as jsxs20, Fragment as Fragment25 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21, Fragment as Fragment26 } from "react/jsx-runtime";
 var offthreadVideoCacheSizeInBytes = null;
-var cliFlag29 = "offthreadvideo-cache-size-in-bytes";
+var cliFlag30 = "offthreadvideo-cache-size-in-bytes";
 var offthreadVideoCacheSizeInBytesOption = {
   name: "OffthreadVideo cache size",
-  cliFlag: cliFlag29,
-  description: () => /* @__PURE__ */ jsxs20(Fragment25, {
+  cliFlag: cliFlag30,
+  description: () => /* @__PURE__ */ jsxs21(Fragment26, {
     children: [
       "From v4.0, Remotion has a cache for",
       " ",
-      /* @__PURE__ */ jsx25("a", {
+      /* @__PURE__ */ jsx26("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx25("code", {
+        children: /* @__PURE__ */ jsx26("code", {
           children: "<OffthreadVideo>"
         })
       }),
       " ",
       "frames. The default is ",
-      /* @__PURE__ */ jsx25("code", {
+      /* @__PURE__ */ jsx26("code", {
         children: "null"
       }),
       ", corresponding to half of the system memory available when the render starts.",
-      /* @__PURE__ */ jsx25("br", {}),
+      /* @__PURE__ */ jsx26("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__ */ jsx25("br", {}),
+      /* @__PURE__ */ jsx26("br", {}),
       "The used value will be printed when running in verbose mode.",
-      /* @__PURE__ */ jsx25("br", {}),
+      /* @__PURE__ */ jsx26("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx25("code", {
+      /* @__PURE__ */ jsx26("code", {
         children: "null"
       })
     ]
@@ -1982,10 +2022,10 @@ var offthreadVideoCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag29] !== undefined) {
+    if (commandLine[cliFlag30] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag29]
+        value: commandLine[cliFlag30]
       };
     }
     if (offthreadVideoCacheSizeInBytes !== null) {
@@ -2005,18 +2045,18 @@ var offthreadVideoCacheSizeInBytesOption = {
 };
 
 // src/options/offthreadvideo-threads.tsx
-import { jsx as jsx26, jsxs as jsxs21, Fragment as Fragment26 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22, Fragment as Fragment27 } from "react/jsx-runtime";
 var value2 = null;
-var cliFlag30 = "offthreadvideo-video-threads";
+var cliFlag31 = "offthreadvideo-video-threads";
 var offthreadVideoThreadsOption = {
   name: "OffthreadVideo threads",
-  cliFlag: cliFlag30,
-  description: () => /* @__PURE__ */ jsxs21(Fragment26, {
+  cliFlag: cliFlag31,
+  description: () => /* @__PURE__ */ jsxs22(Fragment27, {
     children: [
       "The number of threads that",
-      /* @__PURE__ */ jsx26("a", {
+      /* @__PURE__ */ jsx27("a", {
         href: "https://remotion.dev/docs/offthreadvideo",
-        children: /* @__PURE__ */ jsx26("code", {
+        children: /* @__PURE__ */ jsx27("code", {
           children: "<OffthreadVideo>"
         })
       }),
@@ -2031,10 +2071,10 @@ var offthreadVideoThreadsOption = {
   docLink: "https://www.remotion.dev/docs/offthreadvideo",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag30] !== undefined) {
+    if (commandLine[cliFlag31] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag30]
+        value: commandLine[cliFlag31]
       };
     }
     if (value2 !== null) {
@@ -2055,16 +2095,16 @@ var offthreadVideoThreadsOption = {
 var DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS = 2;
 
 // src/options/on-browser-download.tsx
-import { jsx as jsx27, jsxs as jsxs22, Fragment as Fragment27 } from "react/jsx-runtime";
-var cliFlag31 = "on-browser-download";
+import { jsx as jsx28, jsxs as jsxs23, Fragment as Fragment28 } from "react/jsx-runtime";
+var cliFlag32 = "on-browser-download";
 var onBrowserDownloadOption = {
   name: "Browser download callback function",
-  cliFlag: cliFlag31,
-  description: () => /* @__PURE__ */ jsxs22(Fragment27, {
+  cliFlag: cliFlag32,
+  description: () => /* @__PURE__ */ jsxs23(Fragment28, {
     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__ */ jsx27("a", {
+      /* @__PURE__ */ jsx28("a", {
         href: "/docs/renderer/ensure-browser#onbrowserdownload",
         children: "See here for how to use this option."
       })
@@ -2082,9 +2122,9 @@ var onBrowserDownloadOption = {
 };
 
 // src/options/overwrite.tsx
-import { jsx as jsx28, jsxs as jsxs23, Fragment as Fragment28 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24, Fragment as Fragment29 } from "react/jsx-runtime";
 var shouldOverwrite = null;
-var cliFlag32 = "overwrite";
+var cliFlag33 = "overwrite";
 var validate2 = (value3) => {
   if (typeof value3 !== "boolean") {
     throw new Error(`overwriteExisting must be a boolean but got ${typeof value3} (${value3})`);
@@ -2092,15 +2132,15 @@ var validate2 = (value3) => {
 };
 var overwriteOption = {
   name: "Overwrite output",
-  cliFlag: cliFlag32,
-  description: () => /* @__PURE__ */ jsxs23(Fragment28, {
+  cliFlag: cliFlag33,
+  description: () => /* @__PURE__ */ jsxs24(Fragment29, {
     children: [
       "If set to ",
-      /* @__PURE__ */ jsx28("code", {
+      /* @__PURE__ */ jsx29("code", {
         children: "false"
       }),
       ", will prevent rendering to a path that already exists. Default is ",
-      /* @__PURE__ */ jsx28("code", {
+      /* @__PURE__ */ jsx29("code", {
         children: "true"
       }),
       "."
@@ -2110,11 +2150,11 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag32] !== undefined) {
-      validate2(commandLine[cliFlag32]);
+    if (commandLine[cliFlag33] !== undefined) {
+      validate2(commandLine[cliFlag33]);
       return {
         source: "cli",
-        value: commandLine[cliFlag32]
+        value: commandLine[cliFlag33]
       };
     }
     if (shouldOverwrite !== null) {
@@ -2135,21 +2175,21 @@ var overwriteOption = {
 };
 
 // src/options/prefer-lossless.tsx
-import { jsx as jsx29, jsxs as jsxs24, Fragment as Fragment29 } from "react/jsx-runtime";
-var cliFlag33 = "prefer-lossless";
+import { jsx as jsx30, jsxs as jsxs25, Fragment as Fragment30 } from "react/jsx-runtime";
+var cliFlag34 = "prefer-lossless";
 var input = false;
 var preferLosslessAudioOption = {
   name: "Prefer lossless",
-  cliFlag: cliFlag33,
-  description: () => /* @__PURE__ */ jsxs24(Fragment29, {
+  cliFlag: cliFlag34,
+  description: () => /* @__PURE__ */ jsxs25(Fragment30, {
     children: [
       "Uses a lossless audio codec, if one is available for the codec. If you set",
-      /* @__PURE__ */ jsx29("code", {
+      /* @__PURE__ */ jsx30("code", {
         children: "audioCodec"
       }),
       ", it takes priority over",
       " ",
-      /* @__PURE__ */ jsx29("code", {
+      /* @__PURE__ */ jsx30("code", {
         children: "preferLossless"
       }),
       "."
@@ -2159,7 +2199,7 @@ var preferLosslessAudioOption = {
   type: false,
   ssrName: "preferLossless",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag33]) {
+    if (commandLine[cliFlag34]) {
       return { value: true, source: "cli" };
     }
     if (input === true) {
@@ -2173,20 +2213,20 @@ var preferLosslessAudioOption = {
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx30, jsxs as jsxs25, Fragment as Fragment30 } from "react/jsx-runtime";
-var cliFlag34 = "public-dir";
+import { jsx as jsx31, jsxs as jsxs26, Fragment as Fragment31 } from "react/jsx-runtime";
+var cliFlag35 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag34,
+  cliFlag: cliFlag35,
   description: () => {
-    return /* @__PURE__ */ jsxs25(Fragment30, {
+    return /* @__PURE__ */ jsxs26(Fragment31, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx30("a", {
+        /* @__PURE__ */ jsx31("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx30("code", {
+          children: /* @__PURE__ */ jsx31("code", {
             children: "public/ directory"
           })
         }),
@@ -2197,10 +2237,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag34] !== undefined) {
+    if (commandLine[cliFlag35] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag34]
+        value: commandLine[cliFlag35]
       };
     }
     if (currentPublicDir !== null) {
@@ -2221,25 +2261,25 @@ var publicDirOption = {
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx31, jsxs as jsxs26, Fragment as Fragment31 } from "react/jsx-runtime";
-var cliFlag35 = "public-path";
+import { jsx as jsx32, jsxs as jsxs27, Fragment as Fragment32 } from "react/jsx-runtime";
+var cliFlag36 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag35,
+  cliFlag: cliFlag36,
   description: () => {
-    return /* @__PURE__ */ jsxs26(Fragment31, {
+    return /* @__PURE__ */ jsxs27(Fragment32, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx31("code", {
+        /* @__PURE__ */ jsx32("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx31("code", {
+        /* @__PURE__ */ jsx32("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx31("code", {
+        /* @__PURE__ */ jsx32("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -2249,10 +2289,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag35] !== undefined) {
+    if (commandLine[cliFlag36] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag35]
+        value: commandLine[cliFlag36]
       };
     }
     if (currentPublicPath !== null) {
@@ -2273,25 +2313,25 @@ var publicPathOption = {
 };
 
 // src/options/repro.tsx
-import { jsx as jsx32, Fragment as Fragment32 } from "react/jsx-runtime";
+import { jsx as jsx33, Fragment as Fragment33 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag36 = "repro";
+var cliFlag37 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag36,
-  description: () => /* @__PURE__ */ jsx32(Fragment32, {
+  cliFlag: cliFlag37,
+  description: () => /* @__PURE__ */ jsx33(Fragment33, {
     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[cliFlag36] !== undefined) {
+    if (commandLine[cliFlag37] !== undefined) {
       return {
-        value: commandLine[cliFlag36],
+        value: commandLine[cliFlag37],
         source: "cli"
       };
     }
@@ -2310,9 +2350,9 @@ var reproOption = {
 };
 
 // src/options/scale.tsx
-import { jsx as jsx33, jsxs as jsxs27, Fragment as Fragment33 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28, Fragment as Fragment34 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag37 = "scale";
+var cliFlag38 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -2320,11 +2360,11 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag37,
-  description: () => /* @__PURE__ */ jsxs27(Fragment33, {
+  cliFlag: cliFlag38,
+  description: () => /* @__PURE__ */ jsxs28(Fragment34, {
     children: [
       "Scales the output by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx33("code", {
+      /* @__PURE__ */ jsx34("code", {
         children: "1.5"
       }),
       ". Vector elements like fonts and HTML markups will be rendered with extra details."
@@ -2334,11 +2374,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag37] !== undefined) {
-      validateScale(commandLine[cliFlag37]);
+    if (commandLine[cliFlag38] !== undefined) {
+      validateScale(commandLine[cliFlag38]);
       return {
         source: "cli",
-        value: commandLine[cliFlag37]
+        value: commandLine[cliFlag38]
       };
     }
     if (currentScale !== null) {
@@ -2359,16 +2399,16 @@ var scaleOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag38 = "throw-if-site-exists";
+var cliFlag39 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag38,
+  cliFlag: cliFlag39,
   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[cliFlag38]) {
+    if (commandLine[cliFlag39]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag38]
+        value: commandLine[cliFlag39]
       };
     }
     return {
@@ -2385,35 +2425,35 @@ var throwIfSiteExistsOption = {
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx34, jsxs as jsxs28, Fragment as Fragment34 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs29, Fragment as Fragment35 } 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 cliFlag39 = "timeout";
+var cliFlag40 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag39,
-  description: () => /* @__PURE__ */ jsxs28(Fragment34, {
+  cliFlag: cliFlag40,
+  description: () => /* @__PURE__ */ jsxs29(Fragment35, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx34("a", {
+      /* @__PURE__ */ jsx35("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx34("code", {
+        children: /* @__PURE__ */ jsx35("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls ",
-      /* @__PURE__ */ jsx34("a", {
+      /* @__PURE__ */ jsx35("a", {
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx34("code", {
+      /* @__PURE__ */ jsx35("code", {
         children: "30000"
       })
     ]
@@ -2422,10 +2462,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag39] !== undefined) {
+    if (commandLine[cliFlag40] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag39]
+        value: commandLine[cliFlag40]
       };
     }
     if (currentTimeout !== null) {
@@ -2447,26 +2487,26 @@ var delayRenderTimeoutInMillisecondsOption = {
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx35, jsxs as jsxs29, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30, Fragment as Fragment36 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag40 = "video-bitrate";
+var cliFlag41 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag40,
-  description: () => /* @__PURE__ */ jsxs29(Fragment35, {
+  cliFlag: cliFlag41,
+  description: () => /* @__PURE__ */ jsxs30(Fragment36, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx35("code", {
+      /* @__PURE__ */ jsx36("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__ */ jsx35("code", {
+      /* @__PURE__ */ jsx36("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx35("code", {
+      /* @__PURE__ */ jsx36("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -2476,10 +2516,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag40] !== undefined) {
+    if (commandLine[cliFlag41] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag40]
+        value: commandLine[cliFlag41]
       };
     }
     if (videoBitrate !== null) {
@@ -2614,7 +2654,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx36, Fragment as Fragment36 } from "react/jsx-runtime";
+import { jsx as jsx37, Fragment as Fragment37 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -2638,11 +2678,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag41 = "codec";
+var cliFlag42 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag41,
-  description: () => /* @__PURE__ */ jsx36(Fragment36, {
+  cliFlag: cliFlag42,
+  description: () => /* @__PURE__ */ jsx37(Fragment37, {
     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",
@@ -2665,7 +2705,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[cliFlag41];
+    const cliArgument = commandLine[cliFlag42];
     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.`);
@@ -2714,12 +2754,12 @@ var videoCodecOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs30, Fragment as Fragment37 } from "react/jsx-runtime";
-var cliFlag42 = "webhook-custom-data";
+import { jsxs as jsxs31, Fragment as Fragment38 } from "react/jsx-runtime";
+var cliFlag43 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag42,
-  description: (type) => /* @__PURE__ */ jsxs30(Fragment37, {
+  cliFlag: cliFlag43,
+  description: (type) => /* @__PURE__ */ jsxs31(Fragment38, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -2738,7 +2778,7 @@ var webhookCustomDataOption = {
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx37, jsxs as jsxs31, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32, Fragment as Fragment39 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -2752,63 +2792,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag43 = "x264-preset";
+var cliFlag44 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag43,
-  description: () => /* @__PURE__ */ jsxs31(Fragment38, {
+  cliFlag: cliFlag44,
+  description: () => /* @__PURE__ */ jsxs32(Fragment39, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx37("br", {}),
+      /* @__PURE__ */ jsx38("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx37("br", {}),
+      /* @__PURE__ */ jsx38("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx37("code", {
+      /* @__PURE__ */ jsx38("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -2817,7 +2857,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag43];
+    const value3 = commandLine[cliFlag44];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -2875,7 +2915,8 @@ var allOptions = {
   chromeModeOption,
   apiKeyOption,
   audioLatencyHintOption,
-  enableCrossSiteIsolationOption
+  enableCrossSiteIsolationOption,
+  imageSequencePatternOption
 };
 
 // src/options/options-map.ts
@@ -2945,7 +2986,8 @@ var optionsMap = {
     timeoutInMilliseconds: delayRenderTimeoutInMillisecondsOption,
     binariesDirectory: binariesDirectoryOption,
     onBrowserDownload: onBrowserDownloadOption,
-    chromeMode: chromeModeOption
+    chromeMode: chromeModeOption,
+    imageSequencePattern: imageSequencePatternOption
   },
   renderMediaOnLambda: {
     offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytesOption,