@remotion/promo-pages 4.0.261 → 4.0.263

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.261 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.263 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.0.0
 
-Done in 37ms
+Done in 110ms

package/dist/Homepage.js

@@ -84,7 +84,7 @@ import {
   useState as useState6
 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
-import { forwardRef as forwardRef6, useCallback as useCallback11, useContext as useContext22 } from "react";
+import { forwardRef as forwardRef6, useCallback as useCallback11, useContext as useContext23 } from "react";
 import React9, { createContext as createContext11, useMemo as useMemo11 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 import { useContext as useContext12 } from "react";
@@ -94,7 +94,7 @@ import { createContext as createContext13, useMemo as useMemo12, useReducer } fr
 import { jsx as jsx14 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef4,
-  useContext as useContext20,
+  useContext as useContext21,
   useEffect as useEffect14,
   useImperativeHandle as useImperativeHandle5,
   useMemo as useMemo19,
@@ -105,21 +105,28 @@ import { useContext as useContext15, useEffect as useEffect7, useMemo as useMemo
 import { useContext as useContext13 } from "react";
 import { createContext as createContext14 } from "react";
 import * as React12 from "react";
-import { useCallback as useCallback8, useContext as useContext17, useEffect as useEffect11, useRef as useRef8 } from "react";
+import { useCallback as useCallback8, useContext as useContext18, useEffect as useEffect11, useRef as useRef8 } from "react";
 import { useCallback as useCallback7, useMemo as useMemo16, useRef as useRef5 } from "react";
-import { useContext as useContext16, useMemo as useMemo15 } from "react";
-import React13, { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo14, useRef as useRef4, useState as useState10 } from "react";
+import { useContext as useContext17, useMemo as useMemo15 } from "react";
+import React13, {
+  useCallback as useCallback6,
+  useContext as useContext16,
+  useEffect as useEffect8,
+  useMemo as useMemo14,
+  useRef as useRef4,
+  useState as useState10
+} from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 import { useRef as useRef6 } from "react";
 import { useEffect as useEffect9, useState as useState11 } from "react";
 import { useEffect as useEffect10, useRef as useRef7 } from "react";
 import { useCallback as useCallback9, useEffect as useEffect12 } from "react";
-import { createContext as createContext15, useContext as useContext18, useMemo as useMemo17 } from "react";
+import { createContext as createContext15, useContext as useContext19, useMemo as useMemo17 } from "react";
 import React14, {
   createContext as createContext16,
   createRef as createRef2,
   useCallback as useCallback10,
-  useContext as useContext19,
+  useContext as useContext20,
   useEffect as useEffect13,
   useMemo as useMemo18,
   useRef as useRef9,
@@ -129,7 +136,7 @@ import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 import { jsx as jsx17 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef5,
-  useContext as useContext21,
+  useContext as useContext22,
   useEffect as useEffect15,
   useImperativeHandle as useImperativeHandle6,
   useLayoutEffect as useLayoutEffect3,
@@ -138,9 +145,9 @@ import {
 } from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 import { jsx as jsx19 } from "react/jsx-runtime";
-import { Suspense, useContext as useContext24, useEffect as useEffect17 } from "react";
+import { Suspense, useContext as useContext25, useEffect as useEffect17 } from "react";
 import { createPortal } from "react-dom";
-import { createContext as createContext17, useContext as useContext23, useEffect as useEffect16, useMemo as useMemo21 } from "react";
+import { createContext as createContext17, useContext as useContext24, useEffect as useEffect16, useMemo as useMemo21 } from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 import { jsx as jsx21, jsxs as jsxs22 } from "react/jsx-runtime";
 import React18, { useMemo as useMemo222 } from "react";
@@ -158,7 +165,7 @@ import { jsx as jsx24 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef8,
   useCallback as useCallback14,
-  useContext as useContext25,
+  useContext as useContext26,
   useImperativeHandle as useImperativeHandle8,
   useLayoutEffect as useLayoutEffect4,
   useRef as useRef13
@@ -184,7 +191,7 @@ import React29 from "react";
 import { useCallback as useCallback16 } from "react";
 import {
   useCallback as useCallback15,
-  useContext as useContext26,
+  useContext as useContext27,
   useEffect as useEffect19,
   useLayoutEffect as useLayoutEffect6,
   useMemo as useMemo27,
@@ -193,7 +200,7 @@ import {
 import { jsx as jsx30 } from "react/jsx-runtime";
 import {
   forwardRef as forwardRef10,
-  useContext as useContext27,
+  useContext as useContext28,
   useEffect as useEffect21,
   useImperativeHandle as useImperativeHandle9,
   useMemo as useMemo28,
@@ -203,10 +210,10 @@ import {
 import { useEffect as useEffect20 } from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
 import { jsx as jsx322 } from "react/jsx-runtime";
-import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext29 } from "react";
+import { forwardRef as forwardRef12, useCallback as useCallback17, useContext as useContext30 } from "react";
 import {
   forwardRef as forwardRef11,
-  useContext as useContext28,
+  useContext as useContext29,
   useEffect as useEffect222,
   useImperativeHandle as useImperativeHandle10,
   useLayoutEffect as useLayoutEffect7,
@@ -720,7 +727,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.261", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.263", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -2451,7 +2458,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   mediaType,
   onAutoPlayError,
   logLevel,
-  mountTime
+  mountTime,
+  reason
 }) => {
   const { current } = mediaRef;
   if (!current) {
@@ -2460,7 +2468,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   playbackLogging({
     logLevel,
     tag: "play",
-    message: `Attempting to play ${current.src}`,
+    message: `Attempting to play ${current.src}. Reason: ${reason}`,
     mountTime
   });
   const prom = current.play();
@@ -2639,7 +2647,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   useEffect7(() => {
     const tag = {
       id,
-      play: () => {
+      play: (reason) => {
         if (!imperativePlaying.current) {
           return;
         }
@@ -2651,7 +2659,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
           mediaType,
           onAutoPlayError,
           logLevel,
-          mountTime
+          mountTime,
+          reason
         });
       }
     };
@@ -2670,7 +2679,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     logLevel,
     mountTime
   ]);
-}, useBufferManager = () => {
+}, useBufferManager = (logLevel, mountTime) => {
   const [blocks, setBlocks] = useState10([]);
   const [onBufferingCallbacks, setOnBufferingCallbacks] = useState10([]);
   const [onResumeCallbacks, setOnResumeCallbacks] = useState10([]);
@@ -2708,18 +2717,31 @@ Check that all your Remotion packages are on the same version. If your dependenc
   useEffect8(() => {
     if (blocks.length > 0) {
       onBufferingCallbacks.forEach((c) => c());
+      playbackLogging({
+        logLevel,
+        message: "Player is entering buffer state",
+        mountTime,
+        tag: "player"
+      });
     }
   }, [blocks]);
   useEffect8(() => {
     if (blocks.length === 0) {
       onResumeCallbacks.forEach((c) => c());
+      playbackLogging({
+        logLevel,
+        message: "Player is exiting buffer state",
+        mountTime,
+        tag: "player"
+      });
     }
   }, [blocks]);
   return useMemo14(() => {
     return { addBlock, listenForBuffering, listenForResume, buffering };
   }, [addBlock, buffering, listenForBuffering, listenForResume]);
 }, BufferingContextReact, BufferingProvider = ({ children }) => {
-  const bufferManager = useBufferManager();
+  const { logLevel, mountTime } = useContext16(LogLevelContext);
+  const bufferManager = useBufferManager(logLevel ?? "info", mountTime);
   return /* @__PURE__ */ jsx15(BufferingContextReact.Provider, {
     value: bufferManager,
     children
@@ -2746,7 +2768,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }, [bufferManager]);
   return isBuffering;
 }, useBufferState = () => {
-  const buffer = useContext16(BufferingContextReact);
+  const buffer = useContext17(BufferingContextReact);
   const addBlock = buffer ? buffer.addBlock : null;
   return useMemo15(() => ({
     delayPlayback: () => {
@@ -2763,7 +2785,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   mediaRef,
   mediaType,
   onVariableFpsVideoDetected,
-  pauseWhenBuffering
+  pauseWhenBuffering,
+  logLevel,
+  mountTime
 }) => {
   const bufferingRef = useRef5(false);
   const { delayPlayback } = useBufferState();
@@ -2778,10 +2802,19 @@ Check that all your Remotion packages are on the same version. If your dependenc
     if (!current) {
       return;
     }
+    if (current.readyState >= current.HAVE_ENOUGH_DATA) {
+      return;
+    }
     if (!current.requestVideoFrameCallback) {
       return;
     }
     bufferingRef.current = true;
+    playbackLogging({
+      logLevel,
+      message: `Buffering ${mediaRef.current?.src} until the first frame is received`,
+      mountTime,
+      tag: "buffer"
+    });
     const playback = delayPlayback();
     const unblock = () => {
       playback.unblock();
@@ -2810,8 +2843,10 @@ Check that all your Remotion packages are on the same version. If your dependenc
     });
   }, [
     delayPlayback,
+    logLevel,
     mediaRef,
     mediaType,
+    mountTime,
     onVariableFpsVideoDetected,
     pauseWhenBuffering
   ]);
@@ -2922,7 +2957,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   playbackLogging({
     logLevel,
     tag: "seek",
-    message: `Seeking from ${mediaRef.currentTime} to ${timeToSet}. Reason: ${why}`,
+    message: `Seeking from ${mediaRef.currentTime} to ${timeToSet}. src= ${mediaRef.src} Reason: ${why}`,
     mountTime
   });
   mediaRef.currentTime = timeToSet;
@@ -2960,15 +2995,32 @@ Check that all your Remotion packages are on the same version. If your dependenc
       return;
     }
     const cleanup = (reason) => {
-      cleanupFns.forEach((fn) => fn(reason));
+      let didDoSomething = false;
+      cleanupFns.forEach((fn) => {
+        fn(reason);
+        didDoSomething = true;
+      });
       cleanupFns = [];
-      setIsBuffering(false);
+      setIsBuffering((previous) => {
+        if (previous) {
+          didDoSomething = true;
+        }
+        return false;
+      });
+      if (didDoSomething) {
+        playbackLogging({
+          logLevel,
+          message: `Unmarking as buffering: ${current.src}. Reason: ${reason}`,
+          tag: "buffer",
+          mountTime
+        });
+      }
     };
     const blockMedia = (reason) => {
       setIsBuffering(true);
       playbackLogging({
         logLevel,
-        message: `Buffering ${current.src}. Reason: ${reason}`,
+        message: `Marking as buffering: ${current.src}. Reason: ${reason}`,
         tag: "buffer",
         mountTime
       });
@@ -3147,11 +3199,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
   isPremounting,
   onAutoPlayError
 }) => {
-  const { playbackRate: globalPlaybackRate } = useContext17(TimelineContext);
+  const { playbackRate: globalPlaybackRate } = useContext18(TimelineContext);
   const frame = useCurrentFrame();
   const absoluteFrame = useTimelinePosition();
   const [playing] = usePlayingState();
-  const buffering = useContext17(BufferingContextReact);
+  const buffering = useContext18(BufferingContextReact);
   const { fps } = useVideoConfig();
   const mediaStartsAt = useMediaStartsAt();
   const lastSeekDueToShift = useRef8(null);
@@ -3192,7 +3244,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     mediaRef,
     mediaType,
     onVariableFpsVideoDetected,
-    pauseWhenBuffering
+    pauseWhenBuffering,
+    logLevel,
+    mountTime
   });
   const playbackRate = localPlaybackRate * globalPlaybackRate;
   const acceptableTimeShiftButLessThanDuration = (() => {
@@ -3203,11 +3257,14 @@ Check that all your Remotion packages are on the same version. If your dependenc
   })();
   const isPlayerBuffering = useIsPlayerBuffering(buffering);
   useEffect11(() => {
+    if (mediaRef.current?.paused) {
+      return;
+    }
     if (!playing) {
       playbackLogging({
         logLevel,
         tag: "pause",
-        message: `Pausing ${mediaRef.current?.src} because player is not playing`,
+        message: `Pausing ${mediaRef.current?.src} because ${isPremounting ? "media is premounting" : "Player is not playing"}`,
         mountTime
       });
       mediaRef.current?.pause();
@@ -3227,6 +3284,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     isBuffering,
     isMediaTagBuffering,
     isPlayerBuffering,
+    isPremounting,
     logLevel,
     mediaRef,
     mediaType,
@@ -3272,7 +3330,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
             mediaType,
             onAutoPlayError,
             logLevel,
-            mountTime
+            mountTime,
+            reason: "player is playing but media tag is paused, and just seeked"
           });
         }
       }
@@ -3297,13 +3356,19 @@ Check that all your Remotion packages are on the same version. If your dependenc
       }
       return;
     }
-    if (mediaRef.current.paused && !mediaRef.current.ended || absoluteFrame === 0) {
+    if (!playing || buffering.buffering.current) {
+      return;
+    }
+    const pausedCondition = mediaRef.current.paused && !mediaRef.current.ended;
+    const firstFrameCondition = absoluteFrame === 0;
+    if (pausedCondition || firstFrameCondition) {
+      const reason = pausedCondition ? "media tag is paused" : "absolute frame is 0";
       if (makesSenseToSeek) {
         lastSeek.current = seek({
           mediaRef: mediaRef.current,
           time: shouldBeTime,
           logLevel,
-          why: `is over timeshift threshold (threshold = ${seekThreshold}) is paused OR has reached end of timeline and is starting over`,
+          why: `is over timeshift threshold (threshold = ${seekThreshold}) and ${reason}`,
           mountTime
         });
       }
@@ -3312,12 +3377,11 @@ Check that all your Remotion packages are on the same version. If your dependenc
         mediaType,
         onAutoPlayError,
         logLevel,
-        mountTime
+        mountTime,
+        reason: `player is playing and ${reason}`
       });
-      if (!isVariableFpsVideo) {
-        if (playbackRate > 0) {
-          bufferUntilFirstFrame(shouldBeTime);
-        }
+      if (!isVariableFpsVideo && playbackRate > 0) {
+        bufferUntilFirstFrame(shouldBeTime);
       }
     }
   }, [
@@ -3380,14 +3444,14 @@ Check that all your Remotion packages are on the same version. If your dependenc
     };
   }, [adjustVolume, mediaRef]);
 }, MediaVolumeContext, SetMediaVolumeContext, useMediaVolumeState = () => {
-  const { mediaVolume } = useContext18(MediaVolumeContext);
-  const { setMediaVolume } = useContext18(SetMediaVolumeContext);
+  const { mediaVolume } = useContext19(MediaVolumeContext);
+  const { setMediaVolume } = useContext19(SetMediaVolumeContext);
   return useMemo17(() => {
     return [mediaVolume, setMediaVolume];
   }, [mediaVolume, setMediaVolume]);
 }, useMediaMutedState = () => {
-  const { mediaMuted } = useContext18(MediaVolumeContext);
-  const { setMediaMuted } = useContext18(SetMediaVolumeContext);
+  const { mediaMuted } = useContext19(MediaVolumeContext);
+  const { setMediaMuted } = useContext19(SetMediaVolumeContext);
   return useMemo17(() => {
     return [mediaMuted, setMediaMuted];
   }, [mediaMuted, setMediaMuted]);
@@ -3515,7 +3579,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
         mediaType: "audio",
         onAutoPlayError: null,
         logLevel,
-        mountTime
+        mountTime,
+        reason: "playing all audios"
       });
     });
   }, [logLevel, mountTime, refs]);
@@ -3558,7 +3623,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ]
   });
 }, useSharedAudio = (aud, audioId) => {
-  const ctx = useContext19(SharedAudioContext);
+  const ctx = useContext20(SharedAudioContext);
   const [elem] = useState12(() => {
     if (ctx && ctx.numberOfAudioTags > 0) {
       return ctx.registerAudio(aud, audioId);
@@ -3613,12 +3678,12 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const [mediaVolume] = useMediaVolumeState();
   const [mediaMuted] = useMediaMutedState();
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
-  const { hidden } = useContext20(SequenceVisibilityToggleContext);
+  const { hidden } = useContext21(SequenceVisibilityToggleContext);
   if (!src) {
     throw new TypeError("No 'src' was passed to <Audio>.");
   }
   const preloadedSrc = usePreload(src);
-  const sequenceContext = useContext20(SequenceContext);
+  const sequenceContext = useContext21(SequenceContext);
   const [timelineId] = useState13(() => String(Math.random()));
   const isSequenceHidden = hidden[timelineId] ?? false;
   const userPreferredVolume = evaluateVolume({
@@ -3736,8 +3801,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const absoluteFrame = useTimelinePosition();
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const frame = useCurrentFrame();
-  const sequenceContext = useContext21(SequenceContext);
-  const { registerRenderAsset, unregisterRenderAsset } = useContext21(RenderAssetManager);
+  const sequenceContext = useContext22(SequenceContext);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext22(RenderAssetManager);
   const id = useMemo20(() => `audio-${random(props.src ?? "")}-${sequenceContext?.relativeFrom}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.durationInFrames}`, [
     props.src,
     sequenceContext?.relativeFrom,
@@ -3840,7 +3905,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...nativeProps
   });
 }, AudioForRendering, AudioRefForwardingFunction = (props, ref) => {
-  const audioContext = useContext22(SharedAudioContext);
+  const audioContext = useContext23(SharedAudioContext);
   const {
     startFrom,
     endAt,
@@ -3853,7 +3918,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = getRemotionEnvironment();
-  const { durations, setDurations } = useContext22(DurationsContext);
+  const { durations, setDurations } = useContext23(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
   }
@@ -4055,7 +4120,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   schema,
   ...compProps
 }) => {
-  const { registerComposition, unregisterComposition } = useContext24(CompositionManager);
+  const { registerComposition, unregisterComposition } = useContext25(CompositionManager);
   const video = useVideo();
   const lazy = useLazyComponent({
     compProps,
@@ -4064,14 +4129,14 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const nonce = useNonce();
   const isPlayer = useIsPlayer();
   const environment = getRemotionEnvironment();
-  const canUseComposition = useContext24(CanUseRemotionHooks);
+  const canUseComposition = useContext25(CanUseRemotionHooks);
   if (canUseComposition) {
     if (isPlayer) {
       throw new Error("<Composition> was mounted inside the `component` that was passed to the <Player>. See https://remotion.dev/docs/wrong-composition-mount for help.");
     }
     throw new Error("<Composition> mounted inside another composition. See https://remotion.dev/docs/wrong-composition-mount for help.");
   }
-  const { folderName, parentName } = useContext24(FolderContext);
+  const { folderName, parentName } = useContext25(FolderContext);
   useEffect17(() => {
     if (!id) {
       throw new Error("No id for composition passed.");
@@ -4285,7 +4350,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const imageRef = useRef13(null);
   const errors = useRef13({});
   const { delayPlayback } = useBufferState();
-  const sequenceContext = useContext25(SequenceContext);
+  const sequenceContext = useContext26(SequenceContext);
   if (!src) {
     throw new Error('No "src" prop was passed to <Img>.');
   }
@@ -4872,8 +4937,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
   } = props2;
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const { fps, durationInFrames } = useVideoConfig();
-  const parentSequence = useContext27(SequenceContext);
-  const { hidden } = useContext27(SequenceVisibilityToggleContext);
+  const parentSequence = useContext28(SequenceContext);
+  const { hidden } = useContext28(SequenceVisibilityToggleContext);
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
   const [timelineId] = useState18(() => String(Math.random()));
@@ -5149,12 +5214,12 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const volumePropsFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const videoConfig = useUnsafeVideoConfig();
   const videoRef = useRef16(null);
-  const sequenceContext = useContext28(SequenceContext);
+  const sequenceContext = useContext29(SequenceContext);
   const mediaStartsAt = useMediaStartsAt();
   const environment = getRemotionEnvironment();
   const logLevel = useLogLevel();
   const mountTime = useMountTime();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext28(RenderAssetManager);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext29(RenderAssetManager);
   const id = useMemo29(() => `video-${random(props2.src ?? "")}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     props2.src,
     sequenceContext?.cumulatedFrom,
@@ -5342,7 +5407,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = getRemotionEnvironment();
-  const { durations, setDurations } = useContext29(DurationsContext);
+  const { durations, setDurations } = useContext30(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");
   }
@@ -11004,7 +11069,7 @@ import { jsx as jsx35, jsxs as jsxs11 } from "react/jsx-runtime";
 import { jsx as jsx210, jsxs as jsxs23, Fragment } from "react/jsx-runtime";
 import React5 from "react";
 import { useContext as useContext210, useEffect as useEffect23, useState as useState19 } from "react";
-import { useContext as useContext30, useEffect as useEffect24 } from "react";
+import { useContext as useContext31, useEffect as useEffect24 } from "react";
 import { jsx as jsx36 } from "react/jsx-runtime";
 import { useCallback as useCallback18, useRef as useRef17 } from "react";
 import { useEffect as useEffect32, useState as useState23 } from "react";
@@ -12090,7 +12155,7 @@ class ThumbnailEmitter {
   };
 }
 var useBufferStateEmitter = (emitter) => {
-  const bufferManager = useContext30(Internals.BufferingContextReact);
+  const bufferManager = useContext31(Internals.BufferingContextReact);
   if (!bufferManager) {
     throw new Error("BufferingContextReact not found");
   }
@@ -12218,7 +12283,7 @@ var usePlayer = () => {
     if (audioContext && audioContext.numberOfAudioTags > 0 && e) {
       audioContext.playAllAudios();
     }
-    audioAndVideoTags.current.forEach((a) => a.play());
+    audioAndVideoTags.current.forEach((a) => a.play("player play() was called and playing audio from a click"));
     imperativePlaying.current = true;
     setPlaying(true);
     playStart.current = frameRef.current;

package/dist/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/components/Homepage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './homepage/custom.css';
+import type { ColorMode } from './homepage/layout/use-color-mode';
+export declare const NewLanding: React.FC<{
+    readonly colorMode: ColorMode;
+    readonly setColorMode: (colorMode: ColorMode) => void;
+}>;

package/dist/components/Homepage.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BackgroundAnimation } from './homepage/BackgroundAnimation';
+import CommunityStats from './homepage/CommunityStats';
+import './homepage/custom.css';
+import { Demo } from './homepage/Demo';
+import { LightningFastEditor } from './homepage/Editor';
+import EvaluateRemotionSection from './homepage/EvaluateRemotion';
+import { IfYouKnowReact } from './homepage/IfYouKnowReact';
+import { ColorModeProvider } from './homepage/layout/use-color-mode';
+import { NewsletterButton } from './homepage/NewsletterButton';
+import { Pricing } from './homepage/Pricing';
+import { RealMP4Videos } from './homepage/RealMp4Videos';
+import TrustedByBanner from './homepage/TrustedByBanner';
+import { VideoApps } from './homepage/VideoApps';
+import VideoAppsShowcase from './homepage/VideoAppsShowcase';
+import { SectionTitle, VideoAppsTitle } from './homepage/VideoAppsTitle';
+import { WriteInReact } from './homepage/WriteInReact';
+export const NewLanding = ({ colorMode, setColorMode }) => {
+    return (_jsx(ColorModeProvider, { colorMode: colorMode, setColorMode: setColorMode, children: _jsx("div", { className: "bg-[var(--background)] relative", children: _jsxs("div", { children: [_jsx("div", { children: _jsx(BackgroundAnimation, {}) }), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsxs("div", { className: "max-w-[500px] lg:max-w-[1000px] m-auto pl-5 pr-5 relative", children: [_jsx(WriteInReact, {}), _jsx("br", {}), _jsx(IfYouKnowReact, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(RealMP4Videos, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(LightningFastEditor, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(VideoAppsTitle, {}), _jsx(VideoApps, { active: "remotion" }), _jsx("br", {}), _jsx("br", {}), _jsx(VideoAppsShowcase, {}), _jsx("br", {}), _jsx("br", {}), _jsx(Demo, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(SectionTitle, { children: "Pricing" }), _jsx(Pricing, {}), _jsx(TrustedByBanner, {}), _jsx("br", {}), _jsx(EvaluateRemotionSection, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(CommunityStats, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(NewsletterButton, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {})] })] }) }) }));
+};

package/dist/components/homepage/BackgroundAnimation.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BackgroundAnimation: React.FC;