@remotion/promo-pages 4.0.445 → 4.0.447

package/dist/Homepage.js

@@ -2042,7 +2042,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -29731,8 +29731,10 @@ var videoIteratorManager = ({
   let framesRendered = 0;
   let currentDelayHandle = null;
   if (canvas) {
-    canvas.width = videoTrack.displayWidth;
-    canvas.height = videoTrack.displayHeight;
+    if (canvas.width !== videoTrack.displayWidth || canvas.height !== videoTrack.displayHeight) {
+      canvas.width = videoTrack.displayWidth;
+      canvas.height = videoTrack.displayHeight;
+    }
   }
   const canvasSink = new CanvasSink(videoTrack, {
     poolSize: 2,
@@ -32993,26 +32995,58 @@ var audioSchema = {
   loop: { type: "boolean", default: false, description: "Loop" }
 };
 var AudioInner = (props) => {
-  const { name, stack, showInTimeline, controls, ...otherProps } = props;
+  const {
+    name,
+    stack,
+    showInTimeline,
+    controls,
+    from,
+    durationInFrames,
+    ...otherProps
+  } = props;
   const environment = useRemotionEnvironment();
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
   }
   validateMediaProps2({ playbackRate: props.playbackRate, volume: props.volume }, "Audio");
-  if (environment.isRendering) {
-    return /* @__PURE__ */ jsx313(AudioForRendering2, {
+  return /* @__PURE__ */ jsx313(Sequence, {
+    layout: "none",
+    from: from ?? 0,
+    durationInFrames: durationInFrames ?? Infinity,
+    showInTimeline: false,
+    children: environment.isRendering ? /* @__PURE__ */ jsx313(AudioForRendering2, {
       ...otherProps
-    });
-  }
-  return /* @__PURE__ */ jsx313(AudioForPreview2, {
-    name,
-    ...otherProps,
-    stack: stack ?? null,
-    controls
+    }) : /* @__PURE__ */ jsx313(AudioForPreview2, {
+      name,
+      ...otherProps,
+      stack: stack ?? null,
+      controls
+    })
   });
 };
 var Audio2 = Internals.wrapInSchema(AudioInner, audioSchema);
 Internals.addSequenceStackTraces(Audio2);
+var cache2 = new Map;
+var cacheVideoFrame = (src, sourceCanvas) => {
+  const { width, height } = sourceCanvas;
+  if (width === 0 || height === 0) {
+    return;
+  }
+  let cached = cache2.get(src);
+  if (!cached || cached.width !== width || cached.height !== height) {
+    cached = new OffscreenCanvas(width, height);
+    cache2.set(src, cached);
+  }
+  const ctx = cached.getContext("2d");
+  if (!ctx) {
+    return;
+  }
+  ctx.clearRect(0, 0, width, height);
+  ctx.drawImage(sourceCanvas, 0, 0);
+};
+var getCachedVideoFrame = (src) => {
+  return cache2.get(src) ?? null;
+};
 var OBJECT_FIT_CLASS_PATTERN = /\bobject-(contain|cover|fill|none|scale-down)\b/;
 var warnedStyle = false;
 var warnedClassName = false;
@@ -33068,7 +33102,8 @@ var VideoForPreviewAssertedShowing = ({
   onError,
   credentials,
   controls,
-  objectFit: objectFitProp
+  objectFit: objectFitProp,
+  _experimentalInitiallyDrawCachedFrame
 }) => {
   const src = usePreload22(unpreloadedSrc);
   const canvasRef = useRef212(null);
@@ -33145,6 +33180,44 @@ var VideoForPreviewAssertedShowing = ({
   const initialMuted = useRef212(effectiveMuted);
   const initialDurationInFrames = useRef212(videoConfig.durationInFrames);
   const initialSequenceOffset = useRef212(sequenceOffset);
+  const hasDrawnRealFrameRef = useRef212(false);
+  const isPremountingRef = useRef212(isPremounting);
+  isPremountingRef.current = isPremounting;
+  useLayoutEffect34(() => {
+    if (!_experimentalInitiallyDrawCachedFrame) {
+      return;
+    }
+    const canvas = canvasRef.current;
+    if (!canvas) {
+      return;
+    }
+    const cached = getCachedVideoFrame(src);
+    if (!cached) {
+      return;
+    }
+    canvas.width = cached.width;
+    canvas.height = cached.height;
+    const ctx = canvas.getContext("2d", {
+      alpha: true,
+      desynchronized: true
+    });
+    if (!ctx) {
+      return;
+    }
+    ctx.drawImage(cached, 0, 0);
+  }, [_experimentalInitiallyDrawCachedFrame, src]);
+  useLayoutEffect34(() => {
+    if (!_experimentalInitiallyDrawCachedFrame) {
+      return;
+    }
+    const canvas = canvasRef.current;
+    return () => {
+      if (!canvas || !hasDrawnRealFrameRef.current || isPremountingRef.current) {
+        return;
+      }
+      cacheVideoFrame(src, canvas);
+    };
+  }, [_experimentalInitiallyDrawCachedFrame, src]);
   useEffect312(() => {
     if (!sharedAudioContext)
       return;
@@ -33213,6 +33286,7 @@ var VideoForPreviewAssertedShowing = ({
         if (result.type === "success") {
           setMediaPlayerReady(true);
           setMediaDurationInSeconds(result.durationInSeconds);
+          hasDrawnRealFrameRef.current = true;
         }
       }).catch((error2) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -33250,6 +33324,7 @@ var VideoForPreviewAssertedShowing = ({
       }
       setMediaPlayerReady(false);
       setShouldFallbackToNativeVideo(false);
+      hasDrawnRealFrameRef.current = false;
     };
   }, [
     audioStreamIndex,
@@ -33748,7 +33823,8 @@ var InnerVideo = ({
   onError,
   credentials,
   controls,
-  objectFit
+  objectFit,
+  _experimentalInitiallyDrawCachedFrame
 }) => {
   const environment = useRemotionEnvironment();
   if (typeof src !== "string") {
@@ -33820,7 +33896,8 @@ var InnerVideo = ({
     onError,
     credentials,
     controls,
-    objectFit
+    objectFit,
+    _experimentalInitiallyDrawCachedFrame
   });
 };
 var VideoInner = ({
@@ -33851,38 +33928,48 @@ var VideoInner = ({
   onError,
   credentials,
   controls,
-  objectFit
+  objectFit,
+  _experimentalInitiallyDrawCachedFrame,
+  from,
+  durationInFrames
 }) => {
   const fallbackLogLevel = Internals.useLogLevel();
-  return /* @__PURE__ */ jsx65(InnerVideo, {
-    audioStreamIndex: audioStreamIndex ?? 0,
-    className: className2,
-    delayRenderRetries: delayRenderRetries ?? null,
-    delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? null,
-    disallowFallbackToOffthreadVideo: disallowFallbackToOffthreadVideo ?? false,
-    fallbackOffthreadVideoProps: fallbackOffthreadVideoProps ?? {},
-    logLevel: logLevel ?? fallbackLogLevel,
-    loop: loop ?? false,
-    loopVolumeCurveBehavior: loopVolumeCurveBehavior ?? "repeat",
-    muted: muted ?? false,
-    name,
-    onVideoFrame,
-    playbackRate: playbackRate ?? 1,
-    showInTimeline: showInTimeline ?? true,
-    src,
-    style: style2 ?? {},
-    trimAfter,
-    trimBefore,
-    volume: volume ?? 1,
-    toneFrequency: toneFrequency ?? 1,
-    stack,
-    debugOverlay: debugOverlay ?? false,
-    debugAudioScheduling: debugAudioScheduling ?? false,
-    headless: headless ?? false,
-    onError,
-    credentials,
-    controls,
-    objectFit: objectFit ?? "contain"
+  return /* @__PURE__ */ jsx65(Sequence, {
+    layout: "none",
+    from: from ?? 0,
+    durationInFrames: durationInFrames ?? Infinity,
+    showInTimeline: false,
+    children: /* @__PURE__ */ jsx65(InnerVideo, {
+      audioStreamIndex: audioStreamIndex ?? 0,
+      className: className2,
+      delayRenderRetries: delayRenderRetries ?? null,
+      delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? null,
+      disallowFallbackToOffthreadVideo: disallowFallbackToOffthreadVideo ?? false,
+      fallbackOffthreadVideoProps: fallbackOffthreadVideoProps ?? {},
+      logLevel: logLevel ?? fallbackLogLevel,
+      loop: loop ?? false,
+      loopVolumeCurveBehavior: loopVolumeCurveBehavior ?? "repeat",
+      muted: muted ?? false,
+      name,
+      onVideoFrame,
+      playbackRate: playbackRate ?? 1,
+      showInTimeline: showInTimeline ?? true,
+      src,
+      style: style2 ?? {},
+      trimAfter,
+      trimBefore,
+      volume: volume ?? 1,
+      toneFrequency: toneFrequency ?? 1,
+      stack,
+      debugOverlay: debugOverlay ?? false,
+      debugAudioScheduling: debugAudioScheduling ?? false,
+      headless: headless ?? false,
+      onError,
+      credentials,
+      controls,
+      objectFit: objectFit ?? "contain",
+      _experimentalInitiallyDrawCachedFrame: _experimentalInitiallyDrawCachedFrame ?? false
+    })
   });
 };
 var Video = Internals.wrapInSchema(VideoInner, videoSchema);
@@ -35189,7 +35276,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.445";
+var VERSION2 = "4.0.447";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";
@@ -35745,6 +35832,80 @@ var createAudioSampleSource = ({
   });
   return { audioSampleSource, [Symbol.dispose]: () => audioSampleSource.close() };
 };
+var supportsNativeHtmlInCanvas = () => {
+  if (typeof document === "undefined") {
+    return false;
+  }
+  const ctx = document.createElement("canvas").getContext("2d");
+  return typeof ctx?.drawElementImage === "function";
+};
+var setupHtmlInCanvas = ({
+  wrapper,
+  div,
+  width: width2,
+  height: height2
+}) => {
+  if (!supportsNativeHtmlInCanvas()) {
+    return null;
+  }
+  const layoutCanvas = document.createElement("canvas");
+  layoutCanvas.layoutSubtree = true;
+  layoutCanvas.width = width2;
+  layoutCanvas.height = height2;
+  layoutCanvas.style.position = "absolute";
+  layoutCanvas.style.top = "0";
+  layoutCanvas.style.left = "0";
+  layoutCanvas.style.width = `${width2}px`;
+  layoutCanvas.style.height = `${height2}px`;
+  layoutCanvas.style.visibility = "visible";
+  const maybeCtx = layoutCanvas.getContext("2d");
+  if (!maybeCtx || typeof maybeCtx.drawElementImage !== "function") {
+    return null;
+  }
+  if (typeof layoutCanvas.requestPaint !== "function") {
+    return null;
+  }
+  wrapper.removeChild(div);
+  layoutCanvas.appendChild(div);
+  wrapper.appendChild(layoutCanvas);
+  return { layoutCanvas, ctx: maybeCtx };
+};
+var waitForPaint = (layoutCanvas) => {
+  return new Promise((resolve) => {
+    layoutCanvas.addEventListener("paint", () => resolve(), { once: true });
+    layoutCanvas.requestPaint();
+  });
+};
+var drawWithHtmlInCanvas = async ({
+  htmlInCanvasContext,
+  element,
+  scaledWidth,
+  scaledHeight
+}) => {
+  const { ctx, layoutCanvas } = htmlInCanvasContext;
+  await waitForPaint(layoutCanvas);
+  layoutCanvas.width = scaledWidth;
+  layoutCanvas.height = scaledHeight;
+  ctx.reset();
+  ctx.drawElementImage(element, 0, 0, scaledWidth, scaledHeight);
+  const offscreen = new OffscreenCanvas(scaledWidth, scaledHeight);
+  const offCtx = offscreen.getContext("2d");
+  if (!offCtx) {
+    throw new Error("Could not get offscreen context");
+  }
+  offCtx.drawImage(layoutCanvas, 0, 0);
+  return offCtx;
+};
+var teardownHtmlInCanvas = ({
+  htmlInCanvasContext,
+  wrapper,
+  div
+}) => {
+  const { layoutCanvas } = htmlInCanvasContext;
+  layoutCanvas.removeChild(div);
+  wrapper.removeChild(layoutCanvas);
+  wrapper.appendChild(div);
+};
 var UpdateTime = ({
   children,
   audioEnabled,
@@ -35857,7 +36018,8 @@ function createScaffold({
   audioEnabled,
   videoEnabled,
   defaultCodec,
-  defaultOutName
+  defaultOutName,
+  allowHtmlInCanvas
 }) {
   if (!ReactDOM6.createRoot) {
     throw new Error("@remotion/web-renderer requires React 18 or higher");
@@ -35883,6 +36045,7 @@ function createScaffold({
   const cleanupCSS = Internals.CSSUtils.injectCSS(Internals.CSSUtils.makeDefaultPreviewCSS(`.${scaffoldClassName}`, "white"));
   wrapper.appendChild(div);
   document.body.appendChild(wrapper);
+  const htmlInCanvasContext = allowHtmlInCanvas ? setupHtmlInCanvas({ wrapper, div, width: width2, height: height2 }) : null;
   const errorHolder = { error: null };
   const root = ReactDOM6.createRoot(div, {
     onUncaughtError: (err, errorInfo) => {
@@ -35973,8 +36136,12 @@ function createScaffold({
     delayRenderScope,
     div,
     errorHolder,
+    htmlInCanvasContext,
     [Symbol.dispose]: () => {
       root.unmount();
+      if (htmlInCanvasContext) {
+        teardownHtmlInCanvas({ htmlInCanvasContext, wrapper, div });
+      }
       div.remove();
       wrapper.remove();
       cleanupCSS();
@@ -38718,10 +38885,32 @@ var createLayer = async ({
   logLevel,
   internalState,
   onlyBackgroundClipText,
-  cutout
+  cutout,
+  htmlInCanvasContext,
+  onHtmlInCanvasLayerOutcome
 }) => {
   const scaledWidth = Math.ceil(cutout.width * scale);
   const scaledHeight = Math.ceil(cutout.height * scale);
+  if (!onlyBackgroundClipText && element instanceof HTMLElement && htmlInCanvasContext && onHtmlInCanvasLayerOutcome) {
+    try {
+      const offCtx = await drawWithHtmlInCanvas({
+        htmlInCanvasContext,
+        element,
+        scaledWidth,
+        scaledHeight
+      });
+      onHtmlInCanvasLayerOutcome({ native: true });
+      return offCtx;
+    } catch (err) {
+      const detail = err instanceof Error ? err.message : JSON.stringify(err);
+      onHtmlInCanvasLayerOutcome({
+        native: false,
+        reason: `drawElementImage failed (${detail}); falling back to the built-in DOM composer.`,
+        shouldWarn: true
+      });
+      Internals.Log.verbose({ logLevel, tag: "@remotion/web-renderer" }, "HTML-in-canvas capture failed, falling back to software compose", err);
+    }
+  }
   const canvas = new OffscreenCanvas(scaledWidth, scaledHeight);
   const context = canvas.getContext("2d");
   if (!context) {
@@ -38952,11 +39141,24 @@ var internalRenderMediaOnWeb = async ({
   licenseKey,
   muted,
   scale,
-  isProduction
+  isProduction,
+  allowHtmlInCanvas
 }) => {
   let __stack2 = [];
   try {
     validateScale(scale);
+    let htmlInCanvasLayerOutcomeReported = false;
+    const onHtmlInCanvasLayerOutcome = (outcome) => {
+      if (htmlInCanvasLayerOutcomeReported) {
+        return;
+      }
+      htmlInCanvasLayerOutcomeReported = true;
+      if (outcome.native) {
+        Internals.Log.warn({ logLevel, tag: "@remotion/web-renderer" }, "Using Chromium experimental HTML-in-canvas (drawElementImage) for video frames. See https://github.com/WICG/html-in-canvas");
+      } else if (outcome.shouldWarn) {
+        Internals.Log.warn({ logLevel, tag: "@remotion/web-renderer" }, `Not using HTML-in-canvas: ${outcome.reason}`);
+      }
+    };
     const outputTarget = userDesiredOutputTarget === null ? await canUseWebFsWriter() ? "web-fs" : "arraybuffer" : userDesiredOutputTarget;
     if (outputTarget === "web-fs") {
       await cleanupStaleOpfsFiles();
@@ -39022,9 +39224,38 @@ var internalRenderMediaOnWeb = async ({
       videoEnabled,
       initialFrame: 0,
       defaultCodec: resolved.defaultCodec,
-      defaultOutName: resolved.defaultOutName
+      defaultOutName: resolved.defaultOutName,
+      allowHtmlInCanvas
     }), 0);
-    const { delayRenderScope, div, timeUpdater, collectAssets, errorHolder } = scaffold;
+    const {
+      delayRenderScope,
+      div,
+      timeUpdater,
+      collectAssets,
+      errorHolder,
+      htmlInCanvasContext
+    } = scaffold;
+    if (allowHtmlInCanvas && !htmlInCanvasContext) {
+      if (!supportsNativeHtmlInCanvas()) {
+        onHtmlInCanvasLayerOutcome({
+          native: false,
+          reason: "This browser does not expose CanvasRenderingContext2D.prototype.drawElementImage. In Chromium, enable chrome://flags/#canvas-draw-element and use a version that ships the API.",
+          shouldWarn: false
+        });
+      } else {
+        onHtmlInCanvasLayerOutcome({
+          native: false,
+          reason: "drawElementImage is available but canvas.requestPaint() is missing. Use a Chromium version that ships requestPaint.",
+          shouldWarn: true
+        });
+      }
+    } else if (!allowHtmlInCanvas) {
+      onHtmlInCanvasLayerOutcome({
+        native: false,
+        reason: "allowHtmlInCanvas is false; using the built-in DOM composer.",
+        shouldWarn: false
+      });
+    }
     const internalState = __using2(__stack2, makeInternalState(), 0);
     const keepalive = __using2(__stack2, createBackgroundKeepalive({
       fps: resolved.fps,
@@ -39137,7 +39368,9 @@ var internalRenderMediaOnWeb = async ({
               logLevel,
               internalState,
               onlyBackgroundClipText: false,
-              cutout: new DOMRect(0, 0, resolved.width, resolved.height)
+              cutout: new DOMRect(0, 0, resolved.width, resolved.height),
+              htmlInCanvasContext,
+              onHtmlInCanvasLayerOutcome: htmlInCanvasContext ? onHtmlInCanvasLayerOutcome : undefined
             });
             internalState.addCreateFrameTime(performance.now() - createFrameStart);
             layerCanvas = layer.canvas;
@@ -39301,7 +39534,8 @@ var renderMediaOnWeb = (options2) => {
     licenseKey: options2.licenseKey ?? null,
     muted: options2.muted ?? false,
     scale: options2.scale ?? 1,
-    isProduction: options2.isProduction ?? true
+    isProduction: options2.isProduction ?? true,
+    allowHtmlInCanvas: options2.allowHtmlInCanvas ?? false
   }));
   return onlyOneRenderAtATimeQueue.ref;
 };

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -1003,7 +1003,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -4081,7 +4081,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter
@@ -23232,7 +23232,7 @@ var GitHubStars = () => {
             width: "45px"
           }),
           /* @__PURE__ */ jsx50(StatItemContent, {
-            content: "38k",
+            content: "39k",
             width: "80px",
             fontSize: "2.5rem",
             fontWeight: "bold"
@@ -28459,7 +28459,12 @@ var setGlobalTimeAnchor = ({
   }
   audioSyncAnchor.value = newAnchor;
 };
-var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioScheduling) => {
+var makeAudioIterator = ({
+  startFromSecond,
+  maximumTimestamp,
+  cache: cache2,
+  debugAudioScheduling
+}) => {
   let destroyed = false;
   const iterator = cache2.makeIteratorOrUsePrewarmed(startFromSecond, maximumTimestamp);
   const queuedAudioNodes = [];
@@ -28469,15 +28474,15 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioSc
   const cleanupAudioQueue = (audioContext) => {
     for (const node of queuedAudioNodes) {
       try {
-        const currentlyHearing = audioContext.getOutputTimestamp().contextTime;
-        const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
-        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.currentTime;
-        const shouldKeep = isAlreadyPlaying;
-        if (shouldKeep) {
+        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.audioContext.currentTime;
+        const wasScheduledForThisAnchor = node.scheduledAtAnchor === audioContext.audioSyncAnchor.value;
+        if (isAlreadyPlaying && wasScheduledForThisAnchor) {
           continue;
         }
         if (debugAudioScheduling) {
-          Internals.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
+          const currentlyHearing = audioContext.audioContext.getOutputTimestamp().contextTime;
+          const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
+          Internals.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
         }
         node.node.stop();
       } catch {}
@@ -28638,14 +28643,16 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache2, debugAudioSc
       timestamp,
       buffer,
       scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor
     }) => {
       queuedAudioNodes.push({
         node,
         timestamp,
         buffer,
         scheduledTime,
-        playbackRate
+        playbackRate,
+        scheduledAtAnchor
       });
     },
     removeQueuedAudioNode: (node) => {
@@ -28884,8 +28891,8 @@ var audioIteratorManager = ({
 }) => {
   let muted = initialMuted;
   let currentVolume = 1;
-  const gainNode = sharedAudioContext.createGain();
-  gainNode.connect(sharedAudioContext.destination);
+  const gainNode = sharedAudioContext.audioContext.createGain();
+  gainNode.connect(sharedAudioContext.audioContext.destination);
   const audioSink = new AudioBufferSink(audioTrack);
   const prewarmedAudioIteratorCache = makePrewarmedAudioIteratorCache(audioSink);
   let audioBufferIterator = null;
@@ -28901,13 +28908,13 @@ var audioIteratorManager = ({
     if (!audioBufferIterator) {
       throw new Error("Audio buffer iterator not found");
     }
-    if (sharedAudioContext.state !== "running") {
+    if (sharedAudioContext.audioContext.state !== "running") {
       throw new Error("Tried to schedule node while audio context is not running");
     }
     if (muted) {
       return;
     }
-    const node = sharedAudioContext.createBufferSource();
+    const node = sharedAudioContext.audioContext.createBufferSource();
     node.buffer = buffer;
     node.playbackRate.value = playbackRate;
     node.connect(gainNode);
@@ -28925,7 +28932,8 @@ var audioIteratorManager = ({
       timestamp: mediaTimestamp,
       buffer,
       scheduledTime: started.scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor: sharedAudioContext.audioSyncAnchor.value
     });
     node.onended = () => {
       setTimeout(() => {
@@ -28972,7 +28980,7 @@ var audioIteratorManager = ({
     if (buffer.timestamp >= endTime) {
       return;
     }
-    if (getIsPlaying() && sharedAudioContext.state === "running" && (sharedAudioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
+    if (getIsPlaying() && sharedAudioContext.audioContext.state === "running" && (sharedAudioContext.audioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
       resumeScheduledAudioChunks({
         playbackRate,
         scheduleAudioNode,
@@ -29012,7 +29020,12 @@ var audioIteratorManager = ({
       audioBufferIterator?.destroy(sharedAudioContext);
       const delayHandle = __using(__stack, delayPlaybackHandleIfNotPremounting(), 0);
       currentDelayHandle = delayHandle;
-      const iterator = makeAudioIterator(startFromSecond, getEndTime(), prewarmedAudioIteratorCache, debugAudioScheduling);
+      const iterator = makeAudioIterator({
+        startFromSecond,
+        maximumTimestamp: getEndTime(),
+        cache: prewarmedAudioIteratorCache,
+        debugAudioScheduling
+      });
       audioIteratorsCreated++;
       audioBufferIterator = iterator;
       try {
@@ -29096,7 +29109,7 @@ var audioIteratorManager = ({
     }
     const queuedPeriod = audioBufferIterator.getQueuedPeriod();
     const queuedPeriodMinusLatency = queuedPeriod ? {
-      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.baseLatency - sharedAudioContext.outputLatency,
+      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.audioContext.baseLatency - sharedAudioContext.audioContext.outputLatency,
       until: queuedPeriod.until
     } : null;
     const currentTimeIsAlreadyQueued = isAlreadyQueued(newTime, queuedPeriodMinusLatency);
@@ -29521,7 +29534,8 @@ class MediaPlayer {
     durationInFrames,
     onVideoFrameCallback,
     playing,
-    sequenceOffset
+    sequenceOffset,
+    credentials
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -29545,7 +29559,9 @@ class MediaPlayer {
     this.playing = playing;
     this.sequenceOffset = sequenceOffset;
     this.input = new Input2({
-      source: new UrlSource(this.src),
+      source: new UrlSource(this.src, credentials ? {
+        requestInit: { credentials }
+      } : undefined),
       formats: ALL_FORMATS
     });
     if (canvas) {
@@ -29659,7 +29675,7 @@ class MediaPlayer {
           this.audioIteratorManager = audioIteratorManager({
             audioTrack,
             delayPlaybackHandleIfNotPremounting: this.delayPlaybackHandleIfNotPremounting,
-            sharedAudioContext: this.sharedAudioContext.audioContext,
+            sharedAudioContext: this.sharedAudioContext,
             getIsLooping: () => this.loop,
             getEndTime: () => this.getEndTime(),
             getStartTime: () => this.getStartTime(),
@@ -30328,6 +30344,7 @@ var AudioForPreviewAssertedShowing = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const videoConfig = useUnsafeVideoConfig2();
@@ -30454,7 +30471,8 @@ var AudioForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -30546,7 +30564,8 @@ var AudioForPreviewAssertedShowing = ({
     debugAudioScheduling,
     buffer,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   if (shouldFallbackToNativeAudio && !disallowFallbackToHtml5Audio) {
     return /* @__PURE__ */ jsx58(Audio, {
@@ -30589,6 +30608,7 @@ var AudioForPreview2 = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const preloadedSrc = usePreload2(src);
@@ -30638,6 +30658,7 @@ var AudioForPreview2 = ({
     toneFrequency,
     debugAudioScheduling: debugAudioScheduling ?? false,
     onError,
+    credentials,
     fallbackHtml5AudioProps,
     controls
   });
@@ -31732,11 +31753,12 @@ var getFormatOrNullOrNetworkError = async (input) => {
     return null;
   }
 };
-var getSinks = async (src) => {
+var getSinks = async (src, credentials) => {
   const input = new Input22({
     formats: ALL_FORMATS2,
     source: new UrlSource2(src, {
-      getRetryDelay
+      getRetryDelay,
+      ...credentials ? { requestInit: { credentials } } : undefined
     })
   });
   const format = await getFormatOrNullOrNetworkError(input);
@@ -31816,15 +31838,16 @@ var getSinks = async (src) => {
   };
 };
 var sinkPromises = {};
-var getSink = (src, logLevel) => {
-  let promise = sinkPromises[src];
+var getSink = (src, logLevel, credentials) => {
+  const cacheKey = credentials ? `${src}::${credentials}` : src;
+  let promise = sinkPromises[cacheKey];
   if (!promise) {
     Internals.Log.verbose({
       logLevel,
       tag: "@remotion/media"
     }, `Sink for ${src} was not found, creating new sink`);
-    promise = getSinks(src);
-    sinkPromises[src] = promise;
+    promise = getSinks(src, credentials);
+    sinkPromises[cacheKey] = promise;
   }
   return promise;
 };
@@ -31839,9 +31862,10 @@ var extractAudioInternal = async ({
   trimBefore,
   trimAfter,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel);
+  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel, credentials);
   let mediaDurationInSeconds = null;
   if (loop) {
     mediaDurationInSeconds = await getDuration();
@@ -31964,9 +31988,10 @@ var extractFrameInternal = async ({
   trimBefore,
   playbackRate,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const sink = await getSink(src, logLevel);
+  const sink = await getSink(src, logLevel, credentials);
   const [video, mediaDurationInSecondsRaw] = await Promise.all([
     sink.getVideo(),
     loop ? sink.getDuration() : Promise.resolve(null)
@@ -32088,7 +32113,8 @@ var extractFrameAndAudio = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   try {
     const [video, audio] = await Promise.all([
@@ -32101,7 +32127,8 @@ var extractFrameAndAudio = async ({
         playbackRate,
         trimBefore,
         fps,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null,
       includeAudio ? extractAudio({
         src,
@@ -32114,7 +32141,8 @@ var extractFrameAndAudio = async ({
         trimAfter,
         fps,
         trimBefore,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null
     ]);
     if (video?.type === "cannot-decode") {
@@ -32195,7 +32223,8 @@ var addBroadcastChannelListener = () => {
           trimAfter: data.trimAfter,
           trimBefore: data.trimBefore,
           fps: data.fps,
-          maxCacheSize: data.maxCacheSize
+          maxCacheSize: data.maxCacheSize,
+          credentials: data.credentials
         });
         if (result.type === "cannot-decode") {
           const cannotDecodeResponse = {
@@ -32290,7 +32319,8 @@ var extractFrameViaBroadcastChannel = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   if (isClientSideRendering || window.remotion_isMainTab) {
     return extractFrameAndAudio({
@@ -32306,7 +32336,8 @@ var extractFrameViaBroadcastChannel = async ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     });
   }
   await waitForMainTabToBeReady(window.remotion_broadcastChannel);
@@ -32383,7 +32414,8 @@ var extractFrameViaBroadcastChannel = async ({
     trimAfter,
     trimBefore,
     fps,
-    maxCacheSize
+    maxCacheSize,
+    credentials
   };
   window.remotion_broadcastChannel.postMessage(request);
   let timeoutId;
@@ -32418,7 +32450,8 @@ var AudioForRendering2 = ({
   toneFrequency,
   trimAfter,
   trimBefore,
-  onError
+  onError,
+  credentials
 }) => {
   const defaultLogLevel = Internals.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
@@ -32482,7 +32515,8 @@ var AudioForRendering2 = ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (error2, clientSideError, fallbackMessage) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -32576,7 +32610,8 @@ var AudioForRendering2 = ({
     replaceWithHtml5Audio,
     maxCacheSize,
     audioEnabled,
-    onError
+    onError,
+    credentials
   ]);
   if (replaceWithHtml5Audio) {
     return /* @__PURE__ */ jsx216(Html5Audio, {
@@ -32676,6 +32711,7 @@ var VideoForPreviewAssertedShowing = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const src = usePreload22(unpreloadedSrc);
@@ -32779,7 +32815,8 @@ var VideoForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: initialOnVideoFrameRef.current ?? null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -32869,7 +32906,8 @@ var VideoForPreviewAssertedShowing = ({
     sharedAudioContext,
     videoConfig.fps,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   const classNameValue = useMemo412(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
@@ -33001,7 +33039,8 @@ var VideoForRendering2 = ({
   trimAfterValue,
   trimBeforeValue,
   headless,
-  onError
+  onError,
+  credentials
 }) => {
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
@@ -33068,7 +33107,8 @@ var VideoForRendering2 = ({
       trimAfter: trimAfterValue,
       trimBefore: trimBeforeValue,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (err, clientSideError, fallbackMessage, mediaDurationInSeconds) => {
         if (environment.isClientSideRendering) {
@@ -33200,7 +33240,8 @@ var VideoForRendering2 = ({
     maxCacheSize,
     cancelRender3,
     headless,
-    onError
+    onError,
+    credentials
   ]);
   const classNameValue = useMemo53(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
@@ -33339,6 +33380,7 @@ var InnerVideo = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const environment = useRemotionEnvironment();
@@ -33381,7 +33423,8 @@ var InnerVideo = ({
       trimAfterValue,
       trimBeforeValue,
       headless,
-      onError
+      onError,
+      credentials
     });
   }
   return /* @__PURE__ */ jsx65(VideoForPreview2, {
@@ -33407,6 +33450,7 @@ var InnerVideo = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -33436,6 +33480,7 @@ var VideoInner = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const fallbackLogLevel = Internals.useLogLevel();
@@ -33465,6 +33510,7 @@ var VideoInner = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -34772,7 +34818,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.434";
+var VERSION2 = "4.0.436";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";
@@ -41123,6 +41169,7 @@ var listOfRemotionPackages = [
   "@remotion/astro-example",
   "@remotion/babel-loader",
   "@remotion/bugs",
+  "@remotion/brand",
   "@remotion/bundler",
   "@remotion/cli",
   "@remotion/cloudrun",
@@ -41375,7 +41422,7 @@ var FEATURED_TEMPLATES = [
     shortName: "Prompt to Motion Graphics SaaS Starter Kit",
     org: "remotion-dev",
     repoName: "template-prompt-to-motion-graphics-saas",
-    description: "SaaS template for AI-powered code generation with Remotion",
+    description: "SaaS template for AI-powered animation generation",
     longerDescription: 'A SaaS template for "Prompt to Motion Graphics" products. Generates Remotion code, streams it to the frontend, and compiles and previews it in the browser. See the <a href="/docs/ai/ai-saas-template">documentation page</a> for more details.',
     promoBanner: {
       width: 2880,
@@ -42416,7 +42463,7 @@ var GithubButton = () => {
       " ",
       /* @__PURE__ */ jsx161("div", {
         className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center",
-        children: "38k"
+        children: "39k"
       })
     ]
   });

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/design.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/experts.js

@@ -1003,7 +1003,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -4081,7 +4081,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsGallery.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsShow.js

@@ -23311,7 +23311,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26389,7 +26389,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/prompts/PromptsSubmit.js

@@ -23311,7 +23311,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -26389,7 +26389,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/template-modal-content.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/templates.js

@@ -5977,7 +5977,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.434";
+var VERSION = "4.0.436";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -9055,7 +9055,7 @@ var useBasicMediaInTimeline = ({
   const videoConfig = useVideoConfig();
   const [initialVolume] = useState10(() => volume);
   const mediaDuration = calculateMediaDuration({
-    mediaDurationInFrames: videoConfig.durationInFrames,
+    mediaDurationInFrames: videoConfig.durationInFrames + (trimBefore ?? 0),
     playbackRate,
     trimBefore,
     trimAfter
@@ -19911,6 +19911,7 @@ var listOfRemotionPackages = [
   "@remotion/astro-example",
   "@remotion/babel-loader",
   "@remotion/bugs",
+  "@remotion/brand",
   "@remotion/bundler",
   "@remotion/cli",
   "@remotion/cloudrun",
@@ -20163,7 +20164,7 @@ var FEATURED_TEMPLATES = [
     shortName: "Prompt to Motion Graphics SaaS Starter Kit",
     org: "remotion-dev",
     repoName: "template-prompt-to-motion-graphics-saas",
-    description: "SaaS template for AI-powered code generation with Remotion",
+    description: "SaaS template for AI-powered animation generation",
     longerDescription: 'A SaaS template for "Prompt to Motion Graphics" products. Generates Remotion code, streams it to the frontend, and compiles and previews it in the browser. See the <a href="/docs/ai/ai-saas-template">documentation page</a> for more details.',
     promoBanner: {
       width: 2880,

package/dist/design.js

@@ -6989,7 +6989,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/experts.js

@@ -2042,7 +2042,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/homepage/Pricing.js

@@ -6989,7 +6989,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/prompts/PromptsGallery.js

@@ -6989,7 +6989,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/prompts/PromptsShow.js

@@ -24323,7 +24323,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/prompts/PromptsSubmit.js

@@ -24323,7 +24323,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/team.js

@@ -7170,7 +7170,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/template-modal-content.js

@@ -6989,7 +6989,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/templates.js

@@ -6989,7 +6989,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.445";
+var VERSION = "4.0.447";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/promo-pages",
-	"version": "4.0.445",
+	"version": "4.0.447",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -11,19 +11,19 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@remotion/animated-emoji": "4.0.445",
-		"@remotion/design": "4.0.445",
-		"@remotion/web-renderer": "4.0.445",
-		"@remotion/lottie": "4.0.445",
-		"@remotion/paths": "4.0.445",
-		"@remotion/player": "4.0.445",
-		"@remotion/shapes": "4.0.445",
-		"@remotion/media": "4.0.445",
-		"@remotion/svg-3d-engine": "4.0.445",
-		"create-video": "4.0.445",
+		"@remotion/animated-emoji": "4.0.447",
+		"@remotion/design": "4.0.447",
+		"@remotion/web-renderer": "4.0.447",
+		"@remotion/lottie": "4.0.447",
+		"@remotion/paths": "4.0.447",
+		"@remotion/player": "4.0.447",
+		"@remotion/shapes": "4.0.447",
+		"@remotion/media": "4.0.447",
+		"@remotion/svg-3d-engine": "4.0.447",
+		"create-video": "4.0.447",
 		"hls.js": "1.5.19",
 		"polished": "4.3.1",
-		"remotion": "4.0.445",
+		"remotion": "4.0.447",
 		"zod": "4.3.6",
 		"@mux/upchunk": "^3.5.0",
 		"@vidstack/react": "1.12.13",
@@ -34,7 +34,7 @@
 		"@mediabunny/mp3-encoder": "1.39.2"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.445",
+		"@remotion/eslint-config-internal": "4.0.447",
 		"@eslint/eslintrc": "3.1.0",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "19.2.3",