@remotion/promo-pages 4.0.441 → 4.0.442

package/dist/Homepage.js

@@ -999,7 +999,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -23265,7 +23265,7 @@ var GitHubStars = () => {
             width: "45px"
           }),
           /* @__PURE__ */ jsx50(StatItemContent, {
-            content: "40k",
+            content: "41k",
             width: "80px",
             fontSize: "2.5rem",
             fontWeight: "bold"
@@ -32865,6 +32865,23 @@ var AudioInner = (props) => {
 };
 var Audio2 = Internals.wrapInSchema(AudioInner, audioSchema);
 Internals.addSequenceStackTraces(Audio2);
+var OBJECT_FIT_CLASS_PATTERN = /\bobject-(contain|cover|fill|none|scale-down)\b/;
+var warnedStyle = false;
+var warnedClassName = false;
+var warnAboutObjectFitInStyleOrClassName = ({
+  style: style2,
+  className: className2,
+  logLevel
+}) => {
+  if (!warnedStyle && style2?.objectFit) {
+    warnedStyle = true;
+    Internals.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of the `style` prop.");
+  }
+  if (!warnedClassName && className2 && OBJECT_FIT_CLASS_PATTERN.test(className2)) {
+    warnedClassName = true;
+    Internals.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of `object-*` CSS class names.");
+  }
+};
 var {
   useUnsafeVideoConfig: useUnsafeVideoConfig22,
   Timeline: Timeline2,
@@ -32902,7 +32919,8 @@ var VideoForPreviewAssertedShowing = ({
   headless,
   onError,
   credentials,
-  controls
+  controls,
+  objectFit: objectFitProp
 }) => {
   const src = usePreload22(unpreloadedSrc);
   const canvasRef = useRef212(null);
@@ -33099,6 +33117,7 @@ var VideoForPreviewAssertedShowing = ({
     onError,
     credentials
   ]);
+  warnAboutObjectFitInStyleOrClassName({ style: style2, className: className2, logLevel });
   const classNameValue = useMemo412(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
   }, [className2]);
@@ -33144,9 +33163,10 @@ var VideoForPreviewAssertedShowing = ({
   const actualStyle = useMemo412(() => {
     return {
       ...style2,
-      opacity: isSequenceHidden ? 0 : style2?.opacity ?? 1
+      opacity: isSequenceHidden ? 0 : style2?.opacity ?? 1,
+      objectFit: objectFitProp
     };
-  }, [isSequenceHidden, style2]);
+  }, [isSequenceHidden, objectFitProp, style2]);
   if (shouldFallbackToNativeVideo && !disallowFallbackToOffthreadVideo) {
     return /* @__PURE__ */ jsx410(Html5Video, {
       src,
@@ -33230,7 +33250,8 @@ var VideoForRendering2 = ({
   trimBeforeValue,
   headless,
   onError,
-  credentials
+  credentials,
+  objectFit: objectFitProp
 }) => {
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
@@ -33433,9 +33454,16 @@ var VideoForRendering2 = ({
     onError,
     credentials
   ]);
+  warnAboutObjectFitInStyleOrClassName({ style: style2, className: className2, logLevel });
   const classNameValue = useMemo53(() => {
     return [Internals.OBJECTFIT_CONTAIN_CLASS_NAME, className2].filter(Internals.truthy).join(" ");
   }, [className2]);
+  const styleWithObjectFit = useMemo53(() => {
+    return {
+      ...style2,
+      objectFit: objectFitProp
+    };
+  }, [objectFitProp, style2]);
   if (replaceWithOffthreadVideo) {
     const fallback = /* @__PURE__ */ jsx59(Internals.InnerOffthreadVideo, {
       src,
@@ -33445,7 +33473,7 @@ var VideoForRendering2 = ({
       loopVolumeCurveBehavior: loopVolumeCurveBehavior ?? "repeat",
       delayRenderRetries: delayRenderRetries ?? undefined,
       delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined,
-      style: style2,
+      style: styleWithObjectFit,
       allowAmplificationDuringRender: true,
       transparent: fallbackOffthreadVideoProps?.transparent ?? true,
       toneMapped: fallbackOffthreadVideoProps?.toneMapped ?? true,
@@ -33493,7 +33521,7 @@ var VideoForRendering2 = ({
   }
   return /* @__PURE__ */ jsx59("canvas", {
     ref: canvasRef,
-    style: style2,
+    style: styleWithObjectFit,
     className: classNameValue
   });
 };
@@ -33571,7 +33599,8 @@ var InnerVideo = ({
   headless,
   onError,
   credentials,
-  controls
+  controls,
+  objectFit
 }) => {
   const environment = useRemotionEnvironment();
   if (typeof src !== "string") {
@@ -33614,7 +33643,8 @@ var InnerVideo = ({
       trimBeforeValue,
       headless,
       onError,
-      credentials
+      credentials,
+      objectFit
     });
   }
   return /* @__PURE__ */ jsx65(VideoForPreview2, {
@@ -33641,7 +33671,8 @@ var InnerVideo = ({
     headless: headless ?? false,
     onError,
     credentials,
-    controls
+    controls,
+    objectFit
   });
 };
 var VideoInner = ({
@@ -33671,7 +33702,8 @@ var VideoInner = ({
   headless,
   onError,
   credentials,
-  controls
+  controls,
+  objectFit
 }) => {
   const fallbackLogLevel = Internals.useLogLevel();
   return /* @__PURE__ */ jsx65(InnerVideo, {
@@ -33701,7 +33733,8 @@ var VideoInner = ({
     headless: headless ?? false,
     onError,
     credentials,
-    controls
+    controls,
+    objectFit: objectFit ?? "contain"
   });
 };
 var Video = Internals.wrapInSchema(VideoInner, videoSchema);
@@ -35008,7 +35041,7 @@ import {
 import { BufferTarget, StreamTarget } from "mediabunny";
 
 // ../core/dist/esm/version.mjs
-var VERSION2 = "4.0.441";
+var VERSION2 = "4.0.442";
 
 // ../web-renderer/dist/esm/index.mjs
 import { AudioSample, VideoSample } from "mediabunny";
@@ -40963,7 +40996,7 @@ var RealMP4Videos = () => {
           /* @__PURE__ */ jsxs48("p", {
             className: "leading-relaxed",
             children: [
-              "Render the video .mp4 or other formats. ",
+              "Render the video as .mp4 or other formats. ",
               /* @__PURE__ */ jsx126("br", {}),
               "Locally, on the server or serverless."
             ]
@@ -42748,7 +42781,7 @@ var GithubButton = () => {
       " ",
       /* @__PURE__ */ jsx164("div", {
         className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center",
-        children: "40k"
+        children: "41k"
       })
     ]
   });

package/dist/design.js

@@ -5973,7 +5973,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/experts.js

@@ -999,7 +999,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/homepage/Pricing.js

@@ -5973,7 +5973,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/prompts/PromptsGallery.js

@@ -5973,7 +5973,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -20263,19 +20263,20 @@ var PromptsGalleryPage = ({ promptSubmissions, currentPage, totalPages }) => {
           children: [
             /* @__PURE__ */ jsx40("h1", {
               className: "text-3xl font-brand font-black",
-              children: "Create a video with just a prompt"
+              children: "Prompt Showcase"
             }),
             /* @__PURE__ */ jsxs8("p", {
               className: "font-brand text-muted-foreground mt-4 max-w-[700px]",
               children: [
-                "With",
+                "See what the community has built using",
                 " ",
                 /* @__PURE__ */ jsx40("a", {
                   href: "/docs/ai/skills",
                   className: "underline hover:text-text underline-offset-4",
                   children: "Remotion Skills"
                 }),
-                ", you can create videos simply by giving a prompt to your coding agent, whether it's Claude Code, Codex, or OpenCode. Browse the gallery for inspiration!"
+                " ",
+                "and a coding agent like Claude Code, Codex, or OpenCode. Want to make your own?"
               ]
             })
           ]
@@ -20308,7 +20309,7 @@ var PromptsGalleryPage = ({ promptSubmissions, currentPage, totalPages }) => {
             /* @__PURE__ */ jsx40(Button, {
               href: "/prompts/submit",
               className: "font-brand rounded-full text-sm",
-              children: "Submit a prompt"
+              children: "Share your video"
             })
           ]
         }),

package/dist/prompts/PromptsShow.js

@@ -23307,7 +23307,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/prompts/PromptsSubmit.js

@@ -23307,7 +23307,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -39988,7 +39988,7 @@ var PromptsSubmitPage = () => {
                 /* @__PURE__ */ jsx41("a", {
                   href: "/prompts",
                   className: "underline",
-                  children: "prompts gallery"
+                  children: "prompts showcase"
                 }),
                 "."
               ]
@@ -40022,17 +40022,17 @@ var PromptsSubmitPage = () => {
           }),
           /* @__PURE__ */ jsx41("h1", {
             className: "text-3xl font-brand font-black",
-            children: "Submit a prompt"
+            children: "Share your video"
           }),
           /* @__PURE__ */ jsxs9("p", {
             className: "text-muted-foreground text-sm font-brand",
             children: [
-              "Submit a prompt to be featured in the",
+              "Share a video you made with Remotion to be featured in the",
               " ",
               /* @__PURE__ */ jsx41("a", {
                 href: "/prompts",
                 className: "underline hover:text-text underline-offset-4",
-                children: "prompt gallery."
+                children: "Prompt Showcase."
               })
             ]
           }),

package/dist/team.js

@@ -6154,7 +6154,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/template-modal-content.js

@@ -5973,7 +5973,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/dist/templates.js

@@ -5973,7 +5973,7 @@ var useIsPlayer = () => {
 function truthy2(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.441";
+var VERSION = "4.0.442";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/promo-pages",
-	"version": "4.0.441",
+	"version": "4.0.442",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -11,19 +11,19 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@remotion/animated-emoji": "4.0.441",
-		"@remotion/design": "4.0.441",
-		"@remotion/web-renderer": "4.0.441",
-		"@remotion/lottie": "4.0.441",
-		"@remotion/paths": "4.0.441",
-		"@remotion/player": "4.0.441",
-		"@remotion/shapes": "4.0.441",
-		"@remotion/media": "4.0.441",
-		"@remotion/svg-3d-engine": "4.0.441",
-		"create-video": "4.0.441",
+		"@remotion/animated-emoji": "4.0.442",
+		"@remotion/design": "4.0.442",
+		"@remotion/web-renderer": "4.0.442",
+		"@remotion/lottie": "4.0.442",
+		"@remotion/paths": "4.0.442",
+		"@remotion/player": "4.0.442",
+		"@remotion/shapes": "4.0.442",
+		"@remotion/media": "4.0.442",
+		"@remotion/svg-3d-engine": "4.0.442",
+		"create-video": "4.0.442",
 		"hls.js": "1.5.19",
 		"polished": "4.3.1",
-		"remotion": "4.0.441",
+		"remotion": "4.0.442",
 		"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.441",
+		"@remotion/eslint-config-internal": "4.0.442",
 		"@eslint/eslintrc": "3.1.0",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "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%;
-}