@remotion/promo-pages 4.0.452 → 4.0.453

package/dist/Homepage.js

@@ -2043,7 +2043,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.452";
+var VERSION = "4.0.453";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -25789,9 +25789,10 @@ var useElementSize = (ref, options2) => {
         setSize(null);
         return;
       }
-      const probableCssParentScale = contentRect.width === 0 ? 1 : newSize[0].width / contentRect.width;
-      const width = options2.shouldApplyCssTransforms || probableCssParentScale === 0 ? newSize[0].width : newSize[0].width * (1 / probableCssParentScale);
-      const height = options2.shouldApplyCssTransforms || probableCssParentScale === 0 ? newSize[0].height : newSize[0].height * (1 / probableCssParentScale);
+      const probableCssParentScaleX = contentRect.width === 0 ? 1 : newSize[0].width / contentRect.width;
+      const probableCssParentScaleY = contentRect.height === 0 ? 1 : newSize[0].height / contentRect.height;
+      const width = options2.shouldApplyCssTransforms || probableCssParentScaleX === 0 ? newSize[0].width : newSize[0].width * (1 / probableCssParentScaleX);
+      const height = options2.shouldApplyCssTransforms || probableCssParentScaleY === 0 ? newSize[0].height : newSize[0].height * (1 / probableCssParentScaleY);
       setSize((prevState) => {
         const isSame = prevState && prevState.width === width && prevState.height === height && prevState.left === newSize[0].x && prevState.top === newSize[0].y && prevState.windowSize.height === window.innerHeight && prevState.windowSize.width === window.innerWidth;
         if (isSame) {
@@ -27505,9 +27506,11 @@ var SharedPlayerContexts = ({
   logLevel,
   audioLatencyHint,
   volumePersistenceKey,
+  initialVolume,
   inputProps,
   audioEnabled
 }) => {
+  const persistVolumeToStorage = initialVolume === undefined;
   const compositionManagerContext = useMemo132(() => {
     const context = {
       compositions: [
@@ -27552,7 +27555,7 @@ var SharedPlayerContexts = ({
     inputProps
   ]);
   const [mediaMuted, setMediaMuted] = useState122(() => initiallyMuted);
-  const [mediaVolume, setMediaVolume] = useState122(() => getPreferredVolume(volumePersistenceKey ?? null));
+  const [mediaVolume, setMediaVolume] = useState122(() => persistVolumeToStorage ? getPreferredVolume(volumePersistenceKey ?? null) : initialVolume);
   const mediaVolumeContextValue = useMemo132(() => {
     return {
       mediaMuted,
@@ -27561,8 +27564,10 @@ var SharedPlayerContexts = ({
   }, [mediaMuted, mediaVolume]);
   const setMediaVolumeAndPersist = useCallback122((vol) => {
     setMediaVolume(vol);
-    persistVolume(vol, logLevel, volumePersistenceKey ?? null);
-  }, [logLevel, volumePersistenceKey]);
+    if (persistVolumeToStorage) {
+      persistVolume(vol, logLevel, volumePersistenceKey ?? null);
+    }
+  }, [persistVolumeToStorage, logLevel, volumePersistenceKey]);
   const setMediaVolumeContextValue = useMemo132(() => {
     return {
       setMediaMuted,
@@ -27777,6 +27782,7 @@ var PlayerFn = ({
   acknowledgeRemotionLicense,
   audioLatencyHint = "playback",
   volumePersistenceKey,
+  initialVolume,
   ...componentProps
 }, ref) => {
   if (typeof window !== "undefined") {
@@ -27851,6 +27857,12 @@ var PlayerFn = ({
   if (typeof spaceKeyToPlayOrPause !== "boolean" && typeof spaceKeyToPlayOrPause !== "undefined") {
     throw new TypeError(`'spaceKeyToPlayOrPause' must be a boolean or undefined but got '${typeof spaceKeyToPlayOrPause}' instead`);
   }
+  if (typeof initialVolume !== "undefined" && typeof initialVolume !== "number") {
+    throw new TypeError(`'initialVolume' must be a number or undefined but got '${typeof initialVolume}' instead`);
+  }
+  if (typeof initialVolume === "number" && (!Number.isFinite(initialVolume) || Number.isNaN(initialVolume) || initialVolume < 0 || initialVolume > 1)) {
+    throw new TypeError(`'initialVolume' must be between 0 and 1 but got '${initialVolume}' instead`);
+  }
   if (typeof numberOfSharedAudioTags !== "number" || numberOfSharedAudioTags % 1 !== 0 || !Number.isFinite(numberOfSharedAudioTags) || Number.isNaN(numberOfSharedAudioTags) || numberOfSharedAudioTags < 0) {
     throw new TypeError(`'numberOfSharedAudioTags' must be an integer but got '${numberOfSharedAudioTags}' instead`);
   }
@@ -27910,6 +27922,7 @@ var PlayerFn = ({
       logLevel,
       audioLatencyHint,
       volumePersistenceKey,
+      initialVolume,
       inputProps: actualInputProps,
       audioEnabled: true,
       children: /* @__PURE__ */ jsx143(Internals.SetTimelineContext.Provider, {
@@ -28968,7 +28981,7 @@ import { AudioBufferSink, InputDisposedError } from "mediabunny";
 import { CanvasSink } from "mediabunny";
 import { useMemo as useMemo51 } from "react";
 import { useContext as useContext47, useLayoutEffect as useLayoutEffect17 } from "react";
-import { useContext as useContext212, useState as useState40, useEffect as useEffect41 } from "react";
+import { useContext as useContext212, useEffect as useEffect41, useState as useState40 } from "react";
 import { jsx as jsx57 } from "react/jsx-runtime";
 import { useContext as useContext46, useLayoutEffect as useLayoutEffect24, useMemo as useMemo310, useState as useState312 } from "react";
 import React211 from "react";
@@ -29748,11 +29761,74 @@ var makeNonceManager = () => {
     createAsyncOperation
   };
 };
+var canvasesAheadOfTime = (videoSink, startTimestamp) => {
+  const iterator = videoSink.canvases(startTimestamp);
+  let inFlight = iterator.next();
+  let resolved = null;
+  const trackResolution = () => {
+    const captured = inFlight;
+    captured.then((result) => {
+      if (captured === inFlight) {
+        resolved = result;
+      }
+    }, () => {
+      return;
+    });
+  };
+  trackResolution();
+  const advance2 = () => {
+    inFlight = iterator.next();
+    resolved = null;
+    trackResolution();
+  };
+  const next = () => {
+    if (resolved) {
+      if (resolved.done) {
+        return { type: "ready", frame: null };
+      }
+      const frame = resolved.value;
+      advance2();
+      return { type: "ready", frame };
+    }
+    const captured = inFlight;
+    return {
+      type: "pending",
+      wait: async () => {
+        const result = await captured;
+        if (captured === inFlight && !result.done) {
+          advance2();
+        }
+        return result.done ? null : result.value;
+      }
+    };
+  };
+  const closeFrame = (frame) => {
+    frame.close?.();
+  };
+  const closeIterator = async () => {
+    if (resolved) {
+      if (!resolved.done) {
+        closeFrame(resolved.value);
+      }
+    } else {
+      const captured = inFlight;
+      captured.then((result) => {
+        if (!result.done) {
+          closeFrame(result.value);
+        }
+      }, () => {
+        return;
+      });
+    }
+    await iterator.return();
+  };
+  return { next, closeIterator };
+};
 var makePrewarmedVideoIteratorCache = (videoSink) => {
   const prewarmedVideoIterators = new Map;
   const prewarmIteratorForLooping = ({ timeToSeek }) => {
     if (!prewarmedVideoIterators.has(timeToSeek)) {
-      prewarmedVideoIterators.set(timeToSeek, videoSink.canvases(timeToSeek));
+      prewarmedVideoIterators.set(timeToSeek, canvasesAheadOfTime(videoSink, timeToSeek));
     }
   };
   const makeIteratorOrUsePrewarmed = (timeToSeek) => {
@@ -29761,12 +29837,11 @@ var makePrewarmedVideoIteratorCache = (videoSink) => {
       prewarmedVideoIterators.delete(timeToSeek);
       return prewarmedIterator;
     }
-    const iterator = videoSink.canvases(timeToSeek);
-    return iterator;
+    return canvasesAheadOfTime(videoSink, timeToSeek);
   };
   const destroy = () => {
     for (const iterator of prewarmedVideoIterators.values()) {
-      iterator.return();
+      iterator.closeIterator();
     }
     prewarmedVideoIterators.clear();
   };
@@ -29783,48 +29858,43 @@ var createVideoIterator = async (timeToSeek, cache2) => {
   let destroyed = false;
   const iterator = cache2.makeIteratorOrUsePrewarmed(timeToSeek);
   let iteratorEnded = false;
-  const initialFrame = (await iterator.next())?.value ?? null;
+  const firstAwait = iterator.next();
+  const initialFrame = firstAwait && firstAwait.type === "ready" ? firstAwait.frame : await firstAwait.wait();
   let lastReturnedFrame = initialFrame;
-  const getNextOrNullIfNotAvailable = async () => {
+  const getNextOrNullIfNotAvailable = () => {
     const next = iterator.next();
-    const result = await Promise.race([
-      next,
-      new Promise((resolve) => {
-        Promise.resolve().then(() => resolve());
-      })
-    ]);
-    if (!result) {
+    if (next.type === "pending") {
       return {
         type: "need-to-wait-for-it",
         waitPromise: async () => {
-          const res = await next;
-          if (res.value) {
-            lastReturnedFrame = res.value;
+          const res = await next.wait();
+          if (res) {
+            lastReturnedFrame = res;
           } else {
             iteratorEnded = true;
           }
-          return res.value;
+          return res;
         }
       };
     }
-    if (result.value) {
-      lastReturnedFrame = result.value;
+    if (next.frame) {
+      lastReturnedFrame = next.frame;
     } else {
       iteratorEnded = true;
     }
     return {
       type: "got-frame-or-end",
-      frame: result.value ?? null
+      frame: next.frame ?? null
     };
   };
   const destroy = () => {
     destroyed = true;
     lastReturnedFrame = null;
-    iterator.return().catch(() => {
+    iterator.closeIterator().catch(() => {
       return;
     });
   };
-  const tryToSatisfySeek = async (time) => {
+  const tryToSatisfySeek = (time) => {
     if (lastReturnedFrame) {
       const frameTimestamp = roundTo4Digits(lastReturnedFrame.timestamp);
       if (roundTo4Digits(time) < frameTimestamp) {
@@ -29863,7 +29933,7 @@ var createVideoIterator = async (timeToSeek, cache2) => {
       };
     }
     while (true) {
-      const frame = await getNextOrNullIfNotAvailable();
+      const frame = getNextOrNullIfNotAvailable();
       if (frame.type === "need-to-wait-for-it") {
         return {
           type: "not-satisfied",
@@ -29987,7 +30057,7 @@ var videoIteratorManager = ({
         });
       }
     }
-    const videoSatisfyResult = await videoFrameIterator.tryToSatisfySeek(newTime);
+    const videoSatisfyResult = videoFrameIterator.tryToSatisfySeek(newTime);
     if (videoSatisfyResult.type === "satisfied") {
       drawFrame(videoSatisfyResult.frame);
       return;
@@ -30020,6 +30090,7 @@ var videoIteratorManager = ({
 };
 
 class MediaPlayer {
+  tagType;
   canvas;
   context;
   src;
@@ -30066,7 +30137,8 @@ class MediaPlayer {
     onVideoFrameCallback,
     playing,
     sequenceOffset,
-    credentials
+    credentials,
+    tagType
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -30094,6 +30166,7 @@ class MediaPlayer {
       } : undefined),
       formats: ALL_FORMATS
     });
+    this.tagType = tagType;
     if (canvas) {
       const context = canvas.getContext("2d", {
         alpha: true,
@@ -30173,7 +30246,7 @@ class MediaPlayer {
         if (!videoTrack && !audioTrack) {
           return { type: "no-tracks" };
         }
-        if (videoTrack) {
+        if (videoTrack && this.tagType === "video") {
           const canDecode = await videoTrack.canDecode();
           if (!canDecode) {
             return { type: "cannot-decode" };
@@ -30737,9 +30810,7 @@ var useMediaInTimeline2 = ({
   const parentSequence = useContext212(Internals.SequenceContext);
   const startsAt = Internals.useMediaStartsAt();
   const { registerSequence, unregisterSequence } = useContext212(Internals.SequenceManager);
-  const [sequenceId] = useState40(() => String(Math.random()));
   const [mediaId] = useState40(() => String(Math.random()));
-  const frame = useCurrentFrame();
   const {
     volumes,
     duration,
@@ -30768,32 +30839,13 @@ var useMediaInTimeline2 = ({
     if (!showInTimeline) {
       return;
     }
-    const loopIteration = loopDisplay ? Math.floor(frame / loopDisplay.durationInFrames) : 0;
-    if (loopDisplay) {
-      registerSequence({
-        type: "sequence",
-        premountDisplay,
-        postmountDisplay,
-        parent: parentSequence?.id ?? null,
-        displayName: finalDisplayName,
-        rootId,
-        showInTimeline: true,
-        nonce: nonce.get(),
-        loopDisplay,
-        stack,
-        from: 0,
-        duration,
-        id: sequenceId,
-        controls: null
-      });
-    }
     registerSequence({
       type: mediaType,
       src,
       id: mediaId,
-      duration: loopDisplay?.durationInFrames ?? duration,
-      from: loopDisplay ? loopIteration * loopDisplay.durationInFrames : 0,
-      parent: loopDisplay ? sequenceId : parentSequence?.id ?? null,
+      duration,
+      from: 0,
+      parent: parentSequence?.id ?? null,
       displayName: finalDisplayName,
       rootId,
       volume: volumes,
@@ -30801,17 +30853,14 @@ var useMediaInTimeline2 = ({
       nonce: nonce.get(),
       startMediaFrom: 0 - startsAt + (trimBefore ?? 0),
       doesVolumeChange,
-      loopDisplay: undefined,
+      loopDisplay,
       playbackRate,
       stack,
-      premountDisplay: null,
-      postmountDisplay: null,
+      premountDisplay,
+      postmountDisplay,
       controls: controls ?? null
     });
     return () => {
-      if (loopDisplay) {
-        unregisterSequence(sequenceId);
-      }
       unregisterSequence(mediaId);
     };
   }, [
@@ -30830,14 +30879,12 @@ var useMediaInTimeline2 = ({
     premountDisplay,
     registerSequence,
     rootId,
-    sequenceId,
     showInTimeline,
     src,
     stack,
     startsAt,
     unregisterSequence,
     volumes,
-    frame,
     trimBefore
   ]);
   return {
@@ -31015,7 +31062,8 @@ var AudioForPreviewAssertedShowing = ({
         onVideoFrameCallback: null,
         playing: initialPlaying.current,
         sequenceOffset: initialSequenceOffset.current,
-        credentials
+        credentials,
+        tagType: "audio"
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -33463,7 +33511,8 @@ var VideoForPreviewAssertedShowing = ({
         onVideoFrameCallback: initialOnVideoFrameRef.current ?? null,
         playing: initialPlaying.current,
         sequenceOffset: initialSequenceOffset.current,
-        credentials
+        credentials,
+        tagType: "video"
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -35486,7 +35535,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.452";
+var VERSION2 = "4.0.453";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";
@@ -38559,6 +38608,30 @@ function skipToNextNonDescendant(treeWalker) {
   }
   return false;
 }
+var getTextOverflowForLineHeight = (computedStyle) => {
+  const { lineHeight } = computedStyle;
+  const fontSize = parseFloat(computedStyle.fontSize);
+  if (!fontSize || isNaN(fontSize)) {
+    return { top: 0, bottom: 0 };
+  }
+  let lineHeightValue;
+  if (lineHeight === "normal") {
+    return { top: 0, bottom: 0 };
+  }
+  if (lineHeight.endsWith("px")) {
+    lineHeightValue = parseFloat(lineHeight) / fontSize;
+  } else {
+    lineHeightValue = parseFloat(lineHeight);
+    if (lineHeight.endsWith("%")) {
+      lineHeightValue /= 100;
+    }
+  }
+  if (isNaN(lineHeightValue) || lineHeightValue >= 1) {
+    return { top: 0, bottom: 0 };
+  }
+  const overflow = (1 - lineHeightValue) * fontSize;
+  return { top: overflow, bottom: overflow };
+};
 var getBiggestBoundingClientRect = (element) => {
   const treeWalker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT);
   let mostLeft = Infinity;
@@ -38570,6 +38643,7 @@ var getBiggestBoundingClientRect = (element) => {
     const outlineWidth = parseOutlineWidth(computedStyle.outlineWidth);
     const outlineOffset = parseOutlineOffset(computedStyle.outlineOffset);
     const rect = treeWalker.currentNode.getBoundingClientRect();
+    const textOverflow = getTextOverflowForLineHeight(computedStyle);
     const shadows = parseBoxShadow(computedStyle.boxShadow);
     let shadowLeft = 0;
     let shadowRight = 0;
@@ -38584,9 +38658,9 @@ var getBiggestBoundingClientRect = (element) => {
       }
     }
     mostLeft = Math.min(mostLeft, rect.left - outlineOffset - outlineWidth - shadowLeft);
-    mostTop = Math.min(mostTop, rect.top - outlineOffset - outlineWidth - shadowTop);
+    mostTop = Math.min(mostTop, rect.top - outlineOffset - outlineWidth - shadowTop - textOverflow.top);
     mostRight = Math.max(mostRight, rect.right + outlineOffset + outlineWidth + shadowRight);
-    mostBottom = Math.max(mostBottom, rect.bottom + outlineOffset + outlineWidth + shadowBottom);
+    mostBottom = Math.max(mostBottom, rect.bottom + outlineOffset + outlineWidth + shadowBottom + textOverflow.bottom);
     if (computedStyle.overflow === "hidden") {
       if (!skipToNextNonDescendant(treeWalker)) {
         break;
@@ -42334,6 +42408,7 @@ var listOfRemotionPackages = [
   "@remotion/motion-blur",
   "@remotion/noise",
   "@remotion/paths",
+  "@remotion/player-a11y",
   "@remotion/player-example",
   "@remotion/player",
   "@remotion/preload",

package/dist/design.js

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

package/dist/experts.js

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

package/dist/homepage/Pricing.js

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

package/dist/prompts/PromptsGallery.js

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

package/dist/prompts/PromptsShow.js

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

package/dist/prompts/PromptsSubmit.js

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

package/dist/team.js

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

package/dist/template-modal-content.js

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

package/dist/templates.js

@@ -6993,7 +6993,7 @@ var getComponentsToAddStacksTo = () => componentsToAddStacksTo;
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
 };
-var VERSION = "4.0.452";
+var VERSION = "4.0.453";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -20364,6 +20364,7 @@ var listOfRemotionPackages = [
   "@remotion/motion-blur",
   "@remotion/noise",
   "@remotion/paths",
+  "@remotion/player-a11y",
   "@remotion/player-example",
   "@remotion/player",
   "@remotion/preload",

package/package.json

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

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

@@ -1,32 +0,0 @@
-/* src/components/homepage/video-player.css */
-:global(:root) {
-  --plyr-color-main: #1b1b1b;
-  --plyr-range-fill-background: #ccc;
-}
-
-:global(.plyr__controls button) {
-  cursor: pointer;
-}
-
-:global(.plyr__controls input) {
-  cursor: pointer;
-}
-
-.video-container {
-  border-radius: 30px;
-  margin-top: 40px;
-  margin-bottom: 40px;
-}
-
-:global(.plyr:fullscreen video) {
-  max-width: initial;
-  max-height: initial;
-  width: 100%;
-  height: 100%;
-}
-
-video {
-  display: block;
-  cursor: pointer;
-  max-width: 100%;
-}