@remotion/renderer 4.0.468 → 4.0.470

package/dist/esm/client.mjs

@@ -673,7 +673,7 @@ var beepOnFinishOption = {
   docLink: "https://www.remotion.dev/docs/config#setbeeponfinish",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag7] !== undefined) {
+    if (commandLine[cliFlag7] !== undefined && commandLine[cliFlag7] !== null) {
       return {
         value: commandLine[cliFlag7],
         source: "cli"
@@ -1303,7 +1303,7 @@ var darkModeOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--dark-mode",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag19] !== undefined) {
+    if (commandLine[cliFlag19] !== undefined && commandLine[cliFlag19] !== null) {
       return {
         source: "cli",
         value: commandLine[cliFlag19]
@@ -1434,7 +1434,7 @@ var disableWebSecurityOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-web-security",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag22] !== undefined) {
+    if (commandLine[cliFlag22] !== undefined && commandLine[cliFlag22] !== null) {
       return {
         source: "cli",
         value: Boolean(commandLine[cliFlag22])
@@ -1471,7 +1471,7 @@ var disallowParallelEncodingOption = {
   docLink: "https://www.remotion.dev/docs/config#setdisallowparallelencoding",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag23] !== undefined) {
+    if (commandLine[cliFlag23] !== undefined && commandLine[cliFlag23] !== null) {
       return {
         value: commandLine[cliFlag23],
         source: "cli"
@@ -1961,7 +1961,7 @@ var forceNewStudioOption = {
   docLink: "https://www.remotion.dev/docs/config#setforcenewstudioenabled",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag34] !== undefined) {
+    if (commandLine[cliFlag34] !== undefined && commandLine[cliFlag34] !== null) {
       return {
         value: commandLine[cliFlag34],
         source: "cli"
@@ -2412,7 +2412,7 @@ var headlessOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--disable-headless",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag39] !== undefined) {
+    if (commandLine[cliFlag39] !== undefined && commandLine[cliFlag39] !== null) {
       return {
         source: "cli",
         value: !commandLine[cliFlag39]
@@ -2449,7 +2449,7 @@ var ignoreCertificateErrorsOption = {
   docLink: "https://www.remotion.dev/docs/chromium-flags#--ignore-certificate-errors",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag40] !== undefined) {
+    if (commandLine[cliFlag40] !== undefined && commandLine[cliFlag40] !== null) {
       return {
         source: "cli",
         value: Boolean(commandLine[cliFlag40])
@@ -2496,7 +2496,7 @@ var imageSequenceOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setimagesequence",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag41] !== undefined) {
+    if (commandLine[cliFlag41] !== undefined && commandLine[cliFlag41] !== null) {
       return {
         source: "cli",
         value: Boolean(commandLine[cliFlag41])
@@ -2569,7 +2569,7 @@ var ipv4Option = {
   docLink: "https://www.remotion.dev/docs/cli/studio",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag43] !== undefined) {
+    if (commandLine[cliFlag43] !== undefined && commandLine[cliFlag43] !== null) {
       return {
         value: commandLine[cliFlag43],
         source: "cli"
@@ -2610,7 +2610,7 @@ var isProductionOption = {
   ssrName: "isProduction",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag44] !== undefined) {
+    if (commandLine[cliFlag44] !== undefined && commandLine[cliFlag44] !== null) {
       return {
         source: "cli",
         value: commandLine[cliFlag44]
@@ -2693,7 +2693,7 @@ var keyboardShortcutsOption = {
   docLink: "https://www.remotion.dev/docs/config#setkeyboardshortcutsenabled",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag46] !== undefined) {
+    if (commandLine[cliFlag46] !== undefined && commandLine[cliFlag46] !== null) {
       keyboardShortcutsEnabled = commandLine[cliFlag46] === false;
       return {
         value: keyboardShortcutsEnabled,
@@ -3525,7 +3525,7 @@ var overwriteOption = {
   docLink: "https://www.remotion.dev/docs/config#setoverwriteoutput",
   type: false,
   getValue: ({ commandLine }, defaultValue2) => {
-    if (commandLine[cliFlag63] !== undefined) {
+    if (commandLine[cliFlag63] !== undefined && commandLine[cliFlag63] !== null) {
       validate2(commandLine[cliFlag63]);
       return {
         source: "cli",
@@ -3755,16 +3755,50 @@ var preferLosslessAudioOption = {
   id: cliFlag67
 };
 
-// src/options/props.tsx
+// src/options/preview-sample-rate.tsx
 import { jsx as jsx64, jsxs as jsxs43, Fragment as Fragment64 } from "react/jsx-runtime";
-var cliFlag68 = "props";
-var propsOption = {
-  name: "Input Props",
+var cliFlag68 = "preview-sample-rate";
+var currentPreviewSampleRate = null;
+var previewSampleRateOption = {
+  name: "Preview Sample Rate",
   cliFlag: cliFlag68,
   description: () => /* @__PURE__ */ jsxs43(Fragment64, {
+    children: [
+      "Controls the sample rate used for audio playback during preview. When unset, Remotion uses ",
+      /* @__PURE__ */ jsx64("code", {
+        children: "48000"
+      }),
+      " Hz."
+    ]
+  }),
+  ssrName: null,
+  docLink: "https://www.remotion.dev/docs/config#setpreviewsamplerate",
+  type: null,
+  getValue: ({ commandLine }) => {
+    if (commandLine[cliFlag68] !== undefined) {
+      return { value: commandLine[cliFlag68], source: "cli" };
+    }
+    if (currentPreviewSampleRate !== null) {
+      return { value: currentPreviewSampleRate, source: "config file" };
+    }
+    return { value: null, source: "default" };
+  },
+  setConfig: (value3) => {
+    currentPreviewSampleRate = value3;
+  },
+  id: cliFlag68
+};
+
+// src/options/props.tsx
+import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
+var cliFlag69 = "props";
+var propsOption = {
+  name: "Input Props",
+  cliFlag: cliFlag69,
+  description: () => /* @__PURE__ */ jsxs44(Fragment65, {
     children: [
       "Input Props to pass to the selected composition of your video. Must be a serialized JSON string (",
-      /* @__PURE__ */ jsxs43("code", {
+      /* @__PURE__ */ jsxs44("code", {
         children: [
           "--props='",
           "{",
@@ -3774,7 +3808,7 @@ var propsOption = {
         ]
       }),
       ") or a path to a JSON file (",
-      /* @__PURE__ */ jsx64("code", {
+      /* @__PURE__ */ jsx65("code", {
         children: "./path/to/props.json"
       }),
       ")."
@@ -3783,10 +3817,10 @@ var propsOption = {
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/passing-props#passing-input-props-in-the-cli",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag68] !== undefined) {
+    if (commandLine[cliFlag69] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag68]
+        value: commandLine[cliFlag69]
       };
     }
     return {
@@ -3798,11 +3832,11 @@ var propsOption = {
     throw new Error("setProps is not supported. Pass --props via the CLI instead.");
   },
   type: "",
-  id: cliFlag68
+  id: cliFlag69
 };
 
 // src/options/prores-profile.tsx
-import { jsx as jsx65, jsxs as jsxs44, Fragment as Fragment65 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
 var validProResProfiles = [
   "4444-xq",
   "4444",
@@ -3812,14 +3846,14 @@ var validProResProfiles = [
   "proxy"
 ];
 var proResProfile;
-var cliFlag69 = "prores-profile";
+var cliFlag70 = "prores-profile";
 var proResProfileOption = {
   name: "ProRes profile",
-  cliFlag: cliFlag69,
-  description: () => /* @__PURE__ */ jsxs44(Fragment65, {
+  cliFlag: cliFlag70,
+  description: () => /* @__PURE__ */ jsxs45(Fragment66, {
     children: [
       "Set the ProRes profile. This option is only valid if the codec has been set to ",
-      /* @__PURE__ */ jsx65("code", {
+      /* @__PURE__ */ jsx66("code", {
         children: "prores"
       }),
       ". Possible values:",
@@ -3827,12 +3861,12 @@ var proResProfileOption = {
       validProResProfiles.map((p) => `"${p}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx65("code", {
+      /* @__PURE__ */ jsx66("code", {
         children: '"hq"'
       }),
       ". See",
       " ",
-      /* @__PURE__ */ jsx65("a", {
+      /* @__PURE__ */ jsx66("a", {
         href: "https://video.stackexchange.com/a/14715",
         children: "here"
       }),
@@ -3843,10 +3877,10 @@ var proResProfileOption = {
   docLink: "https://www.remotion.dev/docs/config#setproresprofile",
   type: undefined,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag69] !== undefined) {
+    if (commandLine[cliFlag70] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag69])
+        value: String(commandLine[cliFlag70])
       };
     }
     if (proResProfile !== undefined) {
@@ -3863,24 +3897,24 @@ var proResProfileOption = {
   setConfig: (value3) => {
     proResProfile = value3;
   },
-  id: cliFlag69
+  id: cliFlag70
 };
 
 // src/options/public-dir.tsx
-import { jsx as jsx66, jsxs as jsxs45, Fragment as Fragment66 } from "react/jsx-runtime";
-var cliFlag70 = "public-dir";
+import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
+var cliFlag71 = "public-dir";
 var currentPublicDir = null;
 var publicDirOption = {
   name: "Public Directory",
-  cliFlag: cliFlag70,
+  cliFlag: cliFlag71,
   description: () => {
-    return /* @__PURE__ */ jsxs45(Fragment66, {
+    return /* @__PURE__ */ jsxs46(Fragment67, {
       children: [
         "Define the location of the",
         " ",
-        /* @__PURE__ */ jsx66("a", {
+        /* @__PURE__ */ jsx67("a", {
           href: "/docs/terminology/public-dir",
-          children: /* @__PURE__ */ jsx66("code", {
+          children: /* @__PURE__ */ jsx67("code", {
             children: "public/ directory"
           })
         }),
@@ -3891,10 +3925,10 @@ var publicDirOption = {
   ssrName: "publicDir",
   docLink: "https://www.remotion.dev/docs/terminology/public-dir",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag70] !== undefined) {
+    if (commandLine[cliFlag71] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag70]
+        value: commandLine[cliFlag71]
       };
     }
     if (currentPublicDir !== null) {
@@ -3912,20 +3946,20 @@ var publicDirOption = {
     currentPublicDir = value3;
   },
   type: "",
-  id: cliFlag70
+  id: cliFlag71
 };
 
 // src/options/public-license-key.tsx
-import { jsx as jsx67, jsxs as jsxs46, Fragment as Fragment67 } from "react/jsx-runtime";
-var cliFlag71 = "public-license-key";
+import { jsx as jsx68, jsxs as jsxs47, Fragment as Fragment68 } from "react/jsx-runtime";
+var cliFlag72 = "public-license-key";
 var currentPublicLicenseKey = null;
 var publicLicenseKeyOption = {
   name: "Public License Key",
-  cliFlag: cliFlag71,
-  description: () => /* @__PURE__ */ jsxs46(Fragment67, {
+  cliFlag: cliFlag72,
+  description: () => /* @__PURE__ */ jsxs47(Fragment68, {
     children: [
       "The public license key for your company license, obtained from the License keys page on ",
-      /* @__PURE__ */ jsx67("a", {
+      /* @__PURE__ */ jsx68("a", {
         href: "https://remotion.pro/dashboard",
         children: "remotion.pro"
       }),
@@ -3935,10 +3969,10 @@ var publicLicenseKeyOption = {
   ssrName: "publicLicenseKey",
   docLink: "https://www.remotion.dev/docs/licensing",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag71] !== undefined) {
+    if (commandLine[cliFlag72] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag71]
+        value: commandLine[cliFlag72]
       };
     }
     if (currentPublicLicenseKey !== null) {
@@ -3959,29 +3993,29 @@ var publicLicenseKeyOption = {
     currentPublicLicenseKey = value3;
   },
   type: null,
-  id: cliFlag71
+  id: cliFlag72
 };
 
 // src/options/public-path.tsx
-import { jsx as jsx68, jsxs as jsxs47, Fragment as Fragment68 } from "react/jsx-runtime";
-var cliFlag72 = "public-path";
+import { jsx as jsx69, jsxs as jsxs48, Fragment as Fragment69 } from "react/jsx-runtime";
+var cliFlag73 = "public-path";
 var currentPublicPath = null;
 var publicPathOption = {
   name: "Public Path",
-  cliFlag: cliFlag72,
+  cliFlag: cliFlag73,
   description: () => {
-    return /* @__PURE__ */ jsxs47(Fragment68, {
+    return /* @__PURE__ */ jsxs48(Fragment69, {
       children: [
         "The path of the URL where the bundle is going to be hosted. By default it is ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx69("code", {
           children: "/"
         }),
         ", meaning that the bundle is going to be hosted at the root of the domain (e.g. ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx69("code", {
           children: "https://localhost:3000/"
         }),
         "). If you are deploying to a subdirectory (e.g. ",
-        /* @__PURE__ */ jsx68("code", {
+        /* @__PURE__ */ jsx69("code", {
           children: "/sites/my-site/"
         }),
         "), you should set this to the subdirectory."
@@ -3991,10 +4025,10 @@ var publicPathOption = {
   ssrName: "publicPath",
   docLink: "https://www.remotion.dev/docs/renderer",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag72] !== undefined) {
+    if (commandLine[cliFlag73] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag72]
+        value: commandLine[cliFlag73]
       };
     }
     if (currentPublicPath !== null) {
@@ -4012,29 +4046,29 @@ var publicPathOption = {
     currentPublicPath = value3;
   },
   type: "",
-  id: cliFlag72
+  id: cliFlag73
 };
 
 // src/options/repro.tsx
-import { jsx as jsx69, Fragment as Fragment69 } from "react/jsx-runtime";
+import { jsx as jsx70, Fragment as Fragment70 } from "react/jsx-runtime";
 var enableRepro = false;
 var setRepro = (should) => {
   enableRepro = should;
 };
-var cliFlag73 = "repro";
+var cliFlag74 = "repro";
 var reproOption = {
   name: "Create reproduction",
-  cliFlag: cliFlag73,
-  description: () => /* @__PURE__ */ jsx69(Fragment69, {
+  cliFlag: cliFlag74,
+  description: () => /* @__PURE__ */ jsx70(Fragment70, {
     children: "Create a ZIP that you can submit to Remotion if asked for a reproduction."
   }),
   ssrName: "repro",
   docLink: "https://www.remotion.dev/docs/render-media#repro",
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag73] !== undefined) {
+    if (commandLine[cliFlag74] !== undefined && commandLine[cliFlag74] !== null) {
       return {
-        value: commandLine[cliFlag73],
+        value: commandLine[cliFlag74],
         source: "cli"
       };
     }
@@ -4050,27 +4084,27 @@ var reproOption = {
     };
   },
   setConfig: setRepro,
-  id: cliFlag73
+  id: cliFlag74
 };
 
 // src/options/rspack.tsx
-import { jsx as jsx70, Fragment as Fragment70 } from "react/jsx-runtime";
+import { jsx as jsx71, Fragment as Fragment71 } from "react/jsx-runtime";
 var rspackEnabled = false;
-var cliFlag74 = "experimental-rspack";
+var cliFlag75 = "experimental-rspack";
 var rspackOption = {
   name: "Experimental Rspack",
-  cliFlag: cliFlag74,
-  description: () => /* @__PURE__ */ jsx70(Fragment70, {
+  cliFlag: cliFlag75,
+  description: () => /* @__PURE__ */ jsx71(Fragment71, {
     children: "Uses Rspack instead of Webpack as the bundler for the Studio or bundle."
   }),
   ssrName: null,
   docLink: null,
   type: false,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag74] !== undefined) {
+    if (commandLine[cliFlag75] !== undefined) {
       rspackEnabled = true;
       return {
-        value: commandLine[cliFlag74],
+        value: commandLine[cliFlag75],
         source: "cli"
       };
     }
@@ -4082,21 +4116,21 @@ var rspackOption = {
   setConfig(value3) {
     rspackEnabled = value3;
   },
-  id: cliFlag74
+  id: cliFlag75
 };
 
 // src/options/runs.tsx
-import { jsx as jsx71, jsxs as jsxs48, Fragment as Fragment71 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
 var DEFAULT_RUNS = 3;
 var currentRuns = DEFAULT_RUNS;
-var cliFlag75 = "runs";
+var cliFlag76 = "runs";
 var runsOption = {
   name: "Benchmark runs",
-  cliFlag: cliFlag75,
-  description: () => /* @__PURE__ */ jsxs48(Fragment71, {
+  cliFlag: cliFlag76,
+  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
     children: [
       "Specify how many times the video should be rendered during a benchmark. Default ",
-      /* @__PURE__ */ jsx71("code", {
+      /* @__PURE__ */ jsx72("code", {
         children: DEFAULT_RUNS
       }),
       "."
@@ -4106,10 +4140,10 @@ var runsOption = {
   docLink: "https://www.remotion.dev/docs/cli/benchmark#--runs",
   type: DEFAULT_RUNS,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag75] !== undefined) {
-      const value3 = Number(commandLine[cliFlag75]);
+    if (commandLine[cliFlag76] !== undefined) {
+      const value3 = Number(commandLine[cliFlag76]);
       if (isNaN(value3) || value3 < 1) {
-        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag75]}`);
+        throw new Error(`--runs must be a positive number, but got ${commandLine[cliFlag76]}`);
       }
       return { value: value3, source: "cli" };
     }
@@ -4124,21 +4158,21 @@ var runsOption = {
     }
     currentRuns = value3;
   },
-  id: cliFlag75
+  id: cliFlag76
 };
 
 // src/options/sample-rate.tsx
-import { jsx as jsx72, jsxs as jsxs49, Fragment as Fragment72 } from "react/jsx-runtime";
-var cliFlag76 = "sample-rate";
+import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
+var cliFlag77 = "sample-rate";
 var currentSampleRate = 48000;
 var sampleRateOption = {
   name: "Sample Rate",
-  cliFlag: cliFlag76,
-  description: () => /* @__PURE__ */ jsxs49(Fragment72, {
+  cliFlag: cliFlag77,
+  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
     children: [
       "Controls the sample rate of the output audio. The default is",
       " ",
-      /* @__PURE__ */ jsx72("code", {
+      /* @__PURE__ */ jsx73("code", {
         children: "48000"
       }),
       " Hz. Match this to your source audio to avoid resampling artifacts."
@@ -4148,8 +4182,8 @@ var sampleRateOption = {
   docLink: "https://www.remotion.dev/docs/sample-rate",
   type: 48000,
   getValue: ({ commandLine }, compositionSampleRate) => {
-    if (commandLine[cliFlag76] !== undefined) {
-      return { value: commandLine[cliFlag76], source: "cli" };
+    if (commandLine[cliFlag77] !== undefined) {
+      return { value: commandLine[cliFlag77], source: "cli" };
     }
     if (currentSampleRate !== 48000) {
       return { value: currentSampleRate, source: "config file" };
@@ -4165,13 +4199,13 @@ var sampleRateOption = {
   setConfig: (value3) => {
     currentSampleRate = value3;
   },
-  id: cliFlag76
+  id: cliFlag77
 };
 
 // src/options/scale.tsx
-import { jsx as jsx73, jsxs as jsxs50, Fragment as Fragment73 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
 var currentScale = 1;
-var cliFlag77 = "scale";
+var cliFlag78 = "scale";
 var validateScale = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("scale must be a number.");
@@ -4179,15 +4213,15 @@ var validateScale = (value3) => {
 };
 var scaleOption = {
   name: "Scale",
-  cliFlag: cliFlag77,
-  description: () => /* @__PURE__ */ jsxs50(Fragment73, {
+  cliFlag: cliFlag78,
+  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
     children: [
       "Scales the output dimensions by a factor. For example, a 1280x720px frame will become a 1920x1080px frame with a scale factor of ",
-      /* @__PURE__ */ jsx73("code", {
+      /* @__PURE__ */ jsx74("code", {
         children: "1.5"
       }),
       ". See ",
-      /* @__PURE__ */ jsx73("a", {
+      /* @__PURE__ */ jsx74("a", {
         href: "https://www.remotion.dev/docs/scaling",
         children: "Scaling"
       }),
@@ -4198,11 +4232,11 @@ var scaleOption = {
   docLink: "https://www.remotion.dev/docs/scaling",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag77] !== undefined) {
-      validateScale(commandLine[cliFlag77]);
+    if (commandLine[cliFlag78] !== undefined) {
+      validateScale(commandLine[cliFlag78]);
       return {
         source: "cli",
-        value: commandLine[cliFlag77]
+        value: commandLine[cliFlag78]
       };
     }
     if (currentScale !== null) {
@@ -4219,13 +4253,13 @@ var scaleOption = {
   setConfig: (scale) => {
     currentScale = scale;
   },
-  id: cliFlag77
+  id: cliFlag78
 };
 
 // src/options/still-frame.tsx
 import { NoReactInternals as NoReactInternals3 } from "remotion/no-react";
-import { jsx as jsx74, jsxs as jsxs51, Fragment as Fragment74 } from "react/jsx-runtime";
-var cliFlag78 = "frame";
+import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } from "react/jsx-runtime";
+var cliFlag79 = "frame";
 var currentFrame = null;
 var validate3 = (frame) => {
   NoReactInternals3.validateFrame({
@@ -4236,17 +4270,17 @@ var validate3 = (frame) => {
 };
 var stillFrameOption = {
   name: "Frame",
-  cliFlag: cliFlag78,
-  description: () => /* @__PURE__ */ jsxs51(Fragment74, {
+  cliFlag: cliFlag79,
+  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
     children: [
       "Which frame should be rendered when rendering a still. Default",
       " ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx75("code", {
         children: "0"
       }),
       ". From v3.2.27, negative values are allowed, with",
       " ",
-      /* @__PURE__ */ jsx74("code", {
+      /* @__PURE__ */ jsx75("code", {
         children: "-1"
       }),
       " being the last frame."
@@ -4255,8 +4289,8 @@ var stillFrameOption = {
   ssrName: "frame",
   docLink: "https://www.remotion.dev/docs/cli/still#--frame",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag78] !== undefined) {
-      const frame = Number(commandLine[cliFlag78]);
+    if (commandLine[cliFlag79] !== undefined) {
+      const frame = Number(commandLine[cliFlag79]);
       validate3(frame);
       return {
         source: "cli",
@@ -4281,24 +4315,24 @@ var stillFrameOption = {
     currentFrame = value3;
   },
   type: 0,
-  id: cliFlag78
+  id: cliFlag79
 };
 
 // src/options/still-image-format.tsx
-import { jsx as jsx75, jsxs as jsxs52, Fragment as Fragment75 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs53, Fragment as Fragment76 } from "react/jsx-runtime";
 var currentStillImageFormat = null;
-var cliFlag79 = "image-format";
+var cliFlag80 = "image-format";
 var stillImageFormatOption = {
   name: "Still Image Format",
-  cliFlag: cliFlag79,
-  description: () => /* @__PURE__ */ jsxs52(Fragment75, {
+  cliFlag: cliFlag80,
+  description: () => /* @__PURE__ */ jsxs53(Fragment76, {
     children: [
       "The image format to use when rendering a still. Must be one of",
       " ",
       validStillImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx75("code", {
+      /* @__PURE__ */ jsx76("code", {
         children: '"png"'
       }),
       "."
@@ -4308,8 +4342,8 @@ var stillImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-still#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag79] !== undefined) {
-      const value3 = commandLine[cliFlag79];
+    if (commandLine[cliFlag80] !== undefined) {
+      const value3 = commandLine[cliFlag80];
       if (!validStillImageFormats.includes(value3)) {
         throw new Error(`Invalid still image format: ${value3}. Must be one of: ${validStillImageFormats.join(", ")}`);
       }
@@ -4347,16 +4381,16 @@ var stillImageFormatOption = {
 
 // src/options/throw-if-site-exists.tsx
 var DEFAULT5 = false;
-var cliFlag80 = "throw-if-site-exists";
+var cliFlag81 = "throw-if-site-exists";
 var throwIfSiteExistsOption = {
-  cliFlag: cliFlag80,
+  cliFlag: cliFlag81,
   description: () => `Prevents accidential update of an existing site. If there are any files in the subfolder where the site should be placed, the function will throw.`,
   docLink: "https://remotion.dev/docs/lambda/deploy-site",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag80]) {
+    if (commandLine[cliFlag81]) {
       return {
         source: "cli",
-        value: commandLine[cliFlag80]
+        value: commandLine[cliFlag81]
       };
     }
     return {
@@ -4370,41 +4404,41 @@ var throwIfSiteExistsOption = {
   },
   ssrName: "throwIfSiteExists",
   type: false,
-  id: cliFlag80
+  id: cliFlag81
 };
 
 // src/options/timeout.tsx
-import { jsx as jsx76, jsxs as jsxs53, Fragment as Fragment76 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs54, Fragment as Fragment77 } from "react/jsx-runtime";
 var currentTimeout = DEFAULT_TIMEOUT;
 var validate4 = (value3) => {
   if (typeof value3 !== "number") {
     throw new Error("--timeout flag / setDelayRenderTimeoutInMilliseconds() must be a number, but got " + JSON.stringify(value3));
   }
 };
-var cliFlag81 = "timeout";
+var cliFlag82 = "timeout";
 var delayRenderTimeoutInMillisecondsOption = {
   name: "delayRender() timeout",
-  cliFlag: cliFlag81,
-  description: () => /* @__PURE__ */ jsxs53(Fragment76, {
+  cliFlag: cliFlag82,
+  description: () => /* @__PURE__ */ jsxs54(Fragment77, {
     children: [
       "A number describing how long the render may take to resolve all",
       " ",
-      /* @__PURE__ */ jsx76("a", {
+      /* @__PURE__ */ jsx77("a", {
         href: "https://remotion.dev/docs/delay-render",
-        children: /* @__PURE__ */ jsx76("code", {
+        children: /* @__PURE__ */ jsx77("code", {
           children: "delayRender()"
         })
       }),
       " ",
       "calls",
       " ",
-      /* @__PURE__ */ jsx76("a", {
+      /* @__PURE__ */ jsx77("a", {
         style: { fontSize: "inherit" },
         href: "https://remotion.dev/docs/timeout",
         children: "before it times out"
       }),
       ". Default: ",
-      /* @__PURE__ */ jsx76("code", {
+      /* @__PURE__ */ jsx77("code", {
         children: "30000"
       })
     ]
@@ -4413,10 +4447,10 @@ var delayRenderTimeoutInMillisecondsOption = {
   docLink: "https://www.remotion.dev/docs/timeout",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag81] !== undefined) {
+    if (commandLine[cliFlag82] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag81]
+        value: commandLine[cliFlag82]
       };
     }
     if (currentTimeout !== null) {
@@ -4435,27 +4469,27 @@ var delayRenderTimeoutInMillisecondsOption = {
     validate4(value3);
     currentTimeout = value3;
   },
-  id: cliFlag81
+  id: cliFlag82
 };
 
 // src/options/user-agent.tsx
-import { jsx as jsx77, Fragment as Fragment77 } from "react/jsx-runtime";
+import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
 var userAgent = null;
-var cliFlag82 = "user-agent";
+var cliFlag83 = "user-agent";
 var userAgentOption = {
   name: "User agent",
-  cliFlag: cliFlag82,
-  description: () => /* @__PURE__ */ jsx77(Fragment77, {
+  cliFlag: cliFlag83,
+  description: () => /* @__PURE__ */ jsx78(Fragment78, {
     children: "Lets you set a custom user agent that the headless Chrome browser assumes."
   }),
   ssrName: "userAgent",
   docLink: "https://www.remotion.dev/docs/chromium-flags#--user-agent",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag82] !== undefined) {
+    if (commandLine[cliFlag83] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag82]
+        value: commandLine[cliFlag83]
       };
     }
     if (userAgent !== null) {
@@ -4472,25 +4506,25 @@ var userAgentOption = {
   setConfig: (value3) => {
     userAgent = value3;
   },
-  id: cliFlag82
+  id: cliFlag83
 };
 
 // src/options/version-flag.tsx
-import { jsx as jsx78, Fragment as Fragment78 } from "react/jsx-runtime";
-var cliFlag83 = "version";
+import { jsx as jsx79, Fragment as Fragment79 } from "react/jsx-runtime";
+var cliFlag84 = "version";
 var versionFlagOption = {
   name: "Version",
-  cliFlag: cliFlag83,
-  description: () => /* @__PURE__ */ jsx78(Fragment78, {
+  cliFlag: cliFlag84,
+  description: () => /* @__PURE__ */ jsx79(Fragment79, {
     children: "Install a specific version. Also enables downgrading to an older version."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/cli/upgrade#--version",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag83] !== undefined) {
+    if (commandLine[cliFlag84] !== undefined) {
       return {
         source: "cli",
-        value: String(commandLine[cliFlag83])
+        value: String(commandLine[cliFlag84])
       };
     }
     return {
@@ -4502,30 +4536,30 @@ var versionFlagOption = {
     throw new Error("Cannot set version via config file");
   },
   type: "",
-  id: cliFlag83
+  id: cliFlag84
 };
 
 // src/options/video-bitrate.tsx
-import { jsx as jsx79, jsxs as jsxs54, Fragment as Fragment79 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs55, Fragment as Fragment80 } from "react/jsx-runtime";
 var videoBitrate = null;
-var cliFlag84 = "video-bitrate";
+var cliFlag85 = "video-bitrate";
 var videoBitrateOption = {
   name: "Video Bitrate",
-  cliFlag: cliFlag84,
-  description: () => /* @__PURE__ */ jsxs54(Fragment79, {
+  cliFlag: cliFlag85,
+  description: () => /* @__PURE__ */ jsxs55(Fragment80, {
     children: [
       "Specify the target bitrate for the generated video. The syntax for FFmpeg",
       "'",
       "s",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "-b:v"
       }),
       " parameter should be used. FFmpeg may encode the video in a way that will not result in the exact video bitrate specified. Example values: ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "512K"
       }),
       " for 512 kbps, ",
-      /* @__PURE__ */ jsx79("code", {
+      /* @__PURE__ */ jsx80("code", {
         children: "1M"
       }),
       " for 1 Mbps."
@@ -4535,10 +4569,10 @@ var videoBitrateOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#videobitrate",
   type: "",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag84] !== undefined) {
+    if (commandLine[cliFlag85] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag84]
+        value: commandLine[cliFlag85]
       };
     }
     if (videoBitrate !== null) {
@@ -4555,33 +4589,33 @@ var videoBitrateOption = {
   setConfig: (bitrate) => {
     videoBitrate = bitrate;
   },
-  id: cliFlag84
+  id: cliFlag85
 };
 
 // src/options/video-cache-size.tsx
-import { jsx as jsx80, jsxs as jsxs55, Fragment as Fragment80 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs56, Fragment as Fragment81 } from "react/jsx-runtime";
 var mediaCacheSizeInBytes = null;
-var cliFlag85 = "media-cache-size-in-bytes";
+var cliFlag86 = "media-cache-size-in-bytes";
 var mediaCacheSizeInBytesOption = {
   name: "@remotion/media cache size",
-  cliFlag: cliFlag85,
-  description: () => /* @__PURE__ */ jsxs55(Fragment80, {
+  cliFlag: cliFlag86,
+  description: () => /* @__PURE__ */ jsxs56(Fragment81, {
     children: [
       "Specify the maximum size of the cache that ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "<Video>"
       }),
       " and",
       " ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "<Audio>"
       }),
       " from ",
-      /* @__PURE__ */ jsx80("code", {
+      /* @__PURE__ */ jsx81("code", {
         children: "@remotion/media"
       }),
       " may use combined, in bytes. ",
-      /* @__PURE__ */ jsx80("br", {}),
+      /* @__PURE__ */ jsx81("br", {}),
       "The default is half of the available system memory when the render starts."
     ]
   }),
@@ -4589,10 +4623,10 @@ var mediaCacheSizeInBytesOption = {
   docLink: "https://www.remotion.dev/docs/media/video#setting-the-cache-size",
   type: 0,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag85] !== undefined) {
+    if (commandLine[cliFlag86] !== undefined) {
       return {
         source: "cli",
-        value: commandLine[cliFlag85]
+        value: commandLine[cliFlag86]
       };
     }
     if (mediaCacheSizeInBytes !== null) {
@@ -4609,7 +4643,7 @@ var mediaCacheSizeInBytesOption = {
   setConfig: (size) => {
     mediaCacheSizeInBytes = size ?? null;
   },
-  id: cliFlag85
+  id: cliFlag86
 };
 
 // src/path-normalize.ts
@@ -4728,7 +4762,7 @@ var getExtensionOfFilename = (filename) => {
 };
 
 // src/options/video-codec.tsx
-import { jsx as jsx81, Fragment as Fragment81 } from "react/jsx-runtime";
+import { jsx as jsx82, Fragment as Fragment82 } from "react/jsx-runtime";
 var codec;
 var setCodec = (newCodec) => {
   if (newCodec === undefined) {
@@ -4752,11 +4786,11 @@ var deriveCodecsFromFilename = (extension) => {
     possible: makeFileExtensionMap()[extension] ?? []
   };
 };
-var cliFlag86 = "codec";
+var cliFlag87 = "codec";
 var videoCodecOption = {
   name: "Codec",
-  cliFlag: cliFlag86,
-  description: () => /* @__PURE__ */ jsx81(Fragment81, {
+  cliFlag: cliFlag87,
+  description: () => /* @__PURE__ */ jsx82(Fragment82, {
     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",
@@ -4779,7 +4813,7 @@ var videoCodecOption = {
     if (derivedDownloadCodecs.possible.length > 0 && derivedOutNameCodecs.possible.length > 0 && derivedDownloadCodecs.possible.join("") !== derivedOutNameCodecs.possible.join("")) {
       throw new TypeError(`The download name is ${downloadName} but the output name is ${outName}. The file extensions must match`);
     }
-    const cliArgument = commandLine[cliFlag86];
+    const cliArgument = commandLine[cliFlag87];
     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.`);
@@ -4825,24 +4859,24 @@ var videoCodecOption = {
     return { value: DEFAULT_CODEC, source: "default" };
   },
   setConfig: setCodec,
-  id: cliFlag86
+  id: cliFlag87
 };
 
 // src/options/video-image-format.tsx
-import { jsx as jsx82, jsxs as jsxs56, Fragment as Fragment82 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs57, Fragment as Fragment83 } from "react/jsx-runtime";
 var currentVideoImageFormat = null;
-var cliFlag87 = "image-format";
+var cliFlag88 = "image-format";
 var videoImageFormatOption = {
   name: "Video Image Format",
-  cliFlag: cliFlag87,
-  description: () => /* @__PURE__ */ jsxs56(Fragment82, {
+  cliFlag: cliFlag88,
+  description: () => /* @__PURE__ */ jsxs57(Fragment83, {
     children: [
       "The image format to use when rendering frames for a video. Must be one of",
       " ",
       validVideoImageFormats.map((f) => `"${f}"`).join(", "),
       ". Default:",
       " ",
-      /* @__PURE__ */ jsx82("code", {
+      /* @__PURE__ */ jsx83("code", {
         children: '"jpeg"'
       }),
       ". JPEG is faster, but does not support transparency."
@@ -4852,8 +4886,8 @@ var videoImageFormatOption = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media#imageformat",
   type: null,
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag87] !== undefined) {
-      const value3 = commandLine[cliFlag87];
+    if (commandLine[cliFlag88] !== undefined) {
+      const value3 = commandLine[cliFlag88];
       if (!validVideoImageFormats.includes(value3)) {
         throw new Error(`Invalid video image format: ${value3}. Must be one of: ${validVideoImageFormats.join(", ")}`);
       }
@@ -4890,12 +4924,12 @@ var videoImageFormatOption = {
 };
 
 // src/options/webhook-custom-data.tsx
-import { jsxs as jsxs57, Fragment as Fragment83 } from "react/jsx-runtime";
-var cliFlag88 = "webhook-custom-data";
+import { jsxs as jsxs58, Fragment as Fragment84 } from "react/jsx-runtime";
+var cliFlag89 = "webhook-custom-data";
 var webhookCustomDataOption = {
   name: "Webhook custom data",
-  cliFlag: cliFlag88,
-  description: (type) => /* @__PURE__ */ jsxs57(Fragment83, {
+  cliFlag: cliFlag89,
+  description: (type) => /* @__PURE__ */ jsxs58(Fragment84, {
     children: [
       "Pass up to 1,024 bytes of a JSON-serializable object to the webhook. This data will be included in the webhook payload.",
       " ",
@@ -4911,24 +4945,24 @@ var webhookCustomDataOption = {
   setConfig: () => {
     throw new Error("Not implemented");
   },
-  id: cliFlag88
+  id: cliFlag89
 };
 
 // src/options/webpack-poll.tsx
-import { jsx as jsx83, Fragment as Fragment84 } from "react/jsx-runtime";
-var cliFlag89 = "webpack-poll";
+import { jsx as jsx84, Fragment as Fragment85 } from "react/jsx-runtime";
+var cliFlag90 = "webpack-poll";
 var webpackPolling = null;
 var webpackPollOption = {
   name: "Webpack Polling",
-  cliFlag: cliFlag89,
-  description: () => /* @__PURE__ */ jsx83(Fragment84, {
+  cliFlag: cliFlag90,
+  description: () => /* @__PURE__ */ jsx84(Fragment85, {
     children: "Enables Webpack polling instead of the file system event listeners for hot reloading. This is useful if you are inside a virtual machine or have a remote file system. Pass a value in milliseconds."
   }),
   ssrName: null,
   docLink: "https://www.remotion.dev/docs/config#setwebpackpollinginmilliseconds",
   getValue: ({ commandLine }) => {
-    if (commandLine[cliFlag89] !== undefined) {
-      const val = commandLine[cliFlag89];
+    if (commandLine[cliFlag90] !== undefined) {
+      const val = commandLine[cliFlag90];
       if (typeof val !== "number") {
         throw new TypeError(`Webpack polling must be a number, got ${JSON.stringify(val)}`);
       }
@@ -4955,11 +4989,11 @@ var webpackPollOption = {
     webpackPolling = value3;
   },
   type: 0,
-  id: cliFlag89
+  id: cliFlag90
 };
 
 // src/options/x264-preset.tsx
-import { jsx as jsx84, jsxs as jsxs58, Fragment as Fragment85 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs59, Fragment as Fragment86 } from "react/jsx-runtime";
 var x264PresetOptions = [
   "ultrafast",
   "superfast",
@@ -4973,63 +5007,63 @@ var x264PresetOptions = [
   "placebo"
 ];
 var preset = null;
-var cliFlag90 = "x264-preset";
+var cliFlag91 = "x264-preset";
 var DEFAULT_PRESET = "medium";
 var x264Option = {
   name: "x264 Preset",
-  cliFlag: cliFlag90,
-  description: () => /* @__PURE__ */ jsxs58(Fragment85, {
+  cliFlag: cliFlag91,
+  description: () => /* @__PURE__ */ jsxs59(Fragment86, {
     children: [
       "Sets a x264 preset profile. Only applies to videos rendered with",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "h264"
       }),
       " codec.",
-      /* @__PURE__ */ jsx84("br", {}),
+      /* @__PURE__ */ jsx85("br", {}),
       "Possible values: ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "superfast"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "veryfast"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "faster"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "fast"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "medium"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "slow"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "slower"
       }),
       ", ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "veryslow"
       }),
       ",",
       " ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: "placebo"
       }),
       ".",
-      /* @__PURE__ */ jsx84("br", {}),
+      /* @__PURE__ */ jsx85("br", {}),
       "Default: ",
-      /* @__PURE__ */ jsx84("code", {
+      /* @__PURE__ */ jsx85("code", {
         children: DEFAULT_PRESET
       })
     ]
@@ -5038,7 +5072,7 @@ var x264Option = {
   docLink: "https://www.remotion.dev/docs/renderer/render-media",
   type: "fast",
   getValue: ({ commandLine }) => {
-    const value3 = commandLine[cliFlag90];
+    const value3 = commandLine[cliFlag91];
     if (typeof value3 !== "undefined") {
       return { value: value3, source: "cli" };
     }
@@ -5050,7 +5084,7 @@ var x264Option = {
   setConfig: (profile) => {
     preset = profile;
   },
-  id: cliFlag90
+  id: cliFlag91
 };
 
 // src/options/index.tsx
@@ -5090,6 +5124,7 @@ var allOptions = {
   noOpenOption,
   pixelFormatOption,
   preferLosslessOption: preferLosslessAudioOption,
+  previewSampleRateOption,
   proResProfileOption,
   x264Option,
   logLevelOption,