@vanillaskyai/video 0.5.4 → 0.5.5

package/CHANGELOG.md

@@ -4,6 +4,12 @@ VanillaSky follows semantic versioning. This changelog begins with the 0.1 beta.
 
 ## Unreleased
 
+## 0.5.5
+
+- Keeps a Mobile Safari video poster visible until the replacement video has
+  presented its first frame, preventing a poster-to-gradient-to-video flash
+  during consecutive media scenes.
+
 ## 0.5.4
 
 - Prevents Mobile Safari from holding outgoing and incoming scene video

package/dist/{bg-media-ILOMGMR4.js → bg-media-5YR4OLFG.js}

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -14,7 +14,7 @@ import "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{brand-message-M2YADSZX.js → brand-message-7524B6HC.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
@@ -12,7 +12,7 @@ import "./chunk-MFYFZQHM.js";
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/BrandMessageBubble.tsx

package/dist/{chart-bar-25ZZSPOC.js → chart-bar-5UMZXTON.js}

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{chart-counter-GFEXZEJK.js → chart-counter-QUVLAX42.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   MEDIA_TEXT_SHADOW,
   TOKEN_DEFAULTS,

package/dist/{chart-progress-ring-IZZLYZPX.js → chart-progress-ring-IYCNRU7T.js}

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/check-runtime.js

@@ -1,7 +1,7 @@
 import {
   VideoFrame
-} from "./chunk-4M6HDFQU.js";
-import "./chunk-35LIYILY.js";
+} from "./chunk-3QEKIC6C.js";
+import "./chunk-224QNWRA.js";
 import "./chunk-XWWLKRNU.js";
 import "./chunk-SPVTJH3F.js";
 import {

package/dist/{chunk-35LIYILY.js → chunk-224QNWRA.js}

@@ -9,6 +9,10 @@ function isVideoUrl(url) {
     return VIDEO_EXTENSIONS.some((ext) => lower.endsWith(ext));
   }
 }
+function limitsConcurrentVideoDecoders() {
+  if (typeof navigator === "undefined") return false;
+  return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+}
 function resolveMediaType(mediaType, mediaUrl) {
   if (mediaType === "gradient") return "gradient";
   if (mediaType === "video") return "video";
@@ -20,6 +24,7 @@ function hasSceneMedia(variables) {
 }
 
 export {
+  limitsConcurrentVideoDecoders,
   resolveMediaType,
   hasSceneMedia
 };

package/dist/{chunk-4M6HDFQU.js → chunk-3QEKIC6C.js}

@@ -1,6 +1,7 @@
 import {
+  limitsConcurrentVideoDecoders,
   resolveMediaType
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   resolveDensity
 } from "./chunk-XWWLKRNU.js";
@@ -64,10 +65,6 @@ function sceneHasVideoBackdrop(range) {
     String(range.scene.variables.mediaUrl || "")
   ) === "video";
 }
-function limitsConcurrentVideoDecoders() {
-  if (typeof navigator === "undefined") return false;
-  return /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-}
 function sceneBackgroundChanges(left, right) {
   const mediaUrl = (range) => String(range.scene.variables.mediaType || "auto") === "gradient" ? "" : String(range.scene.variables.mediaUrl || "");
   return mediaUrl(left) !== mediaUrl(right);

package/dist/{chunk-MT2Z4A5X.js → chunk-EHXDKCYR.js}

@@ -3,8 +3,9 @@ import {
   getBackgroundTransform
 } from "./chunk-MFYFZQHM.js";
 import {
+  limitsConcurrentVideoDecoders,
   resolveMediaType
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 
 // src/visual-system/scene-templates/scene-background.tsx
 import { useEffect, useRef, useState } from "react";
@@ -141,7 +142,6 @@ var SceneBackground = ({
     beatIntensity
   );
   const videoRef = useRef(null);
-  const lastProgress = useRef(progress);
   const videoStarted = useRef(false);
   useEffect(() => {
     const vid = videoRef.current;
@@ -151,17 +151,12 @@ var SceneBackground = ({
       videoStarted.current = false;
       return;
     }
-    const progressChanged = Math.abs(progress - lastProgress.current) > 1e-3;
-    lastProgress.current = progress;
-    if (progressChanged && !videoStarted.current) {
+    if (!videoStarted.current) {
       vid.playbackRate = 1;
-      vid.currentTime = 0;
+      if (vid.currentTime > 0) vid.currentTime = 0;
       vid.play().catch(() => {
       });
       videoStarted.current = true;
-    } else if (!progressChanged && videoStarted.current) {
-      vid.pause();
-      videoStarted.current = false;
     }
   }, [progress, isPlaying]);
   useEffect(() => {
@@ -193,9 +188,16 @@ var SceneBackground = ({
         loop: true,
         playsInline: true,
         preload: "auto",
-        onLoadedData: () => {
-          setDecodedVideoUrl(mediaUrl);
+        onLoadedData: (event) => {
           setMediaPaint("ready");
+          const video = event.currentTarget;
+          if (!limitsConcurrentVideoDecoders()) {
+            setDecodedVideoUrl(mediaUrl);
+            return;
+          }
+          video.requestVideoFrameCallback?.(() => {
+            if (video.isConnected) setDecodedVideoUrl(mediaUrl);
+          });
         },
         onError: () => setMediaPaint("failed"),
         "data-media-position": mediaPosition,

package/dist/{cta-logo-MR45BN3J.js → cta-logo-PREL7MLE.js}

@@ -4,14 +4,14 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{cta-media-BI3SZKTA.js → cta-media-YWTYVLR6.js}

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{incoming-call-NF6Z2OAF.js → incoming-call-C3FX4SFR.js}

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
@@ -13,7 +13,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{infographic-feature-list-XQZEMDCM.js → infographic-feature-list-WWX5AGU4.js}

@@ -7,7 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{infographic-problem-solution-V67AFFGA.js → infographic-problem-solution-3JBBGNXU.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   smoothSize
 } from "./chunk-TCEHK2BW.js";
@@ -14,7 +14,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{infographic-stat-row-H7PAX6LC.js → infographic-stat-row-7X6KEEUD.js}

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{infographic-steps-LI2SVPET.js → infographic-steps-FI5LN4SS.js}

@@ -8,7 +8,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{preload-media-NKQ6JA3T.js → preload-media-IYFMPMLB.js}

@@ -1,6 +1,6 @@
 import {
   resolveMediaType
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 
 // src/player/preload-media.ts
 var warmed = /* @__PURE__ */ new Set();

package/dist/{prompt-input-3IRVZIBB.js → prompt-input-NNXF6WVS.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
@@ -12,7 +12,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/react.js

@@ -24,8 +24,8 @@ import {
 import {
   VideoFrame,
   getDimensions
-} from "./chunk-4M6HDFQU.js";
-import "./chunk-35LIYILY.js";
+} from "./chunk-3QEKIC6C.js";
+import "./chunk-224QNWRA.js";
 import {
   fontStack
 } from "./chunk-XWWLKRNU.js";
@@ -77,34 +77,34 @@ import { createElement } from "react";
 
 // src/visual-system/catalog/builtin-loaders.generated.ts
 var GENERATED_BUILTIN_TEMPLATE_LOADERS = {
-  "media": () => import("./bg-media-ILOMGMR4.js").then((module) => ({ default: module.BgMediaTemplate })),
-  "reaction": () => import("./reaction-TBZSTYWU.js").then((module) => ({ default: module.ReactionTemplate })),
+  "media": () => import("./bg-media-5YR4OLFG.js").then((module) => ({ default: module.BgMediaTemplate })),
+  "reaction": () => import("./reaction-DH6M6LSQ.js").then((module) => ({ default: module.ReactionTemplate })),
   "confetti": () => import("./bg-confetti-572VDSYM.js").then((module) => ({ default: module.BgConfettiTemplate })),
   "emojiBurst": () => import("./bg-emoji-T4IEJ6U2.js").then((module) => ({ default: module.BgEmojiTemplate })),
-  "bigNumber": () => import("./chart-counter-GFEXZEJK.js").then((module) => ({ default: module.ChartCounterTemplate })),
-  "barChart": () => import("./chart-bar-25ZZSPOC.js").then((module) => ({ default: module.ChartBarTemplate })),
-  "progressRing": () => import("./chart-progress-ring-IZZLYZPX.js").then((module) => ({ default: module.ChartProgressRingTemplate })),
-  "phoneMockup": () => import("./showcase-phone-HH5J3JEG.js").then((module) => ({ default: module.ShowcasePhoneTemplate })),
-  "webMockup": () => import("./showcase-web-E5A3AOGH.js").then((module) => ({ default: module.ShowcaseWebTemplate })),
-  "codeEditor": () => import("./showcase-code-JM47BEVJ.js").then((module) => ({ default: module.ShowcaseCodeTemplate })),
-  "terminal": () => import("./showcase-terminal-ZNI2RSTM.js").then((module) => ({ default: module.ShowcaseTerminalTemplate })),
-  "tweet": () => import("./social-tweet-TQHHY6OG.js").then((module) => ({ default: module.SocialTweetTemplate })),
-  "notification": () => import("./social-notification-2S7DA2NX.js").then((module) => ({ default: module.SocialNotificationTemplate })),
+  "bigNumber": () => import("./chart-counter-QUVLAX42.js").then((module) => ({ default: module.ChartCounterTemplate })),
+  "barChart": () => import("./chart-bar-5UMZXTON.js").then((module) => ({ default: module.ChartBarTemplate })),
+  "progressRing": () => import("./chart-progress-ring-IYCNRU7T.js").then((module) => ({ default: module.ChartProgressRingTemplate })),
+  "phoneMockup": () => import("./showcase-phone-IIYR34CF.js").then((module) => ({ default: module.ShowcasePhoneTemplate })),
+  "webMockup": () => import("./showcase-web-H7GB3FBH.js").then((module) => ({ default: module.ShowcaseWebTemplate })),
+  "codeEditor": () => import("./showcase-code-QDJM7E2Z.js").then((module) => ({ default: module.ShowcaseCodeTemplate })),
+  "terminal": () => import("./showcase-terminal-3253HMTE.js").then((module) => ({ default: module.ShowcaseTerminalTemplate })),
+  "tweet": () => import("./social-tweet-33HIL4RR.js").then((module) => ({ default: module.SocialTweetTemplate })),
+  "notification": () => import("./social-notification-2UQKKOB3.js").then((module) => ({ default: module.SocialNotificationTemplate })),
   "chatMessenger": () => import("./social-conversation-75SD2637.js").then((module) => ({ default: module.SocialConversationTemplate })),
   "chatWhatsapp": () => import("./social-conversation-75SD2637.js").then((module) => ({ default: module.SocialConversationTemplate })),
-  "milestone": () => import("./social-milestone-4DQIIIHI.js").then((module) => ({ default: module.SocialMilestoneTemplate })),
-  "reviewStack": () => import("./social-review-stack-T4PEVP2X.js").then((module) => ({ default: module.SocialReviewStackTemplate })),
-  "testimonial": () => import("./social-testimonial-GINCBMWU.js").then((module) => ({ default: module.SocialTestimonialTemplate })),
-  "incomingCall": () => import("./incoming-call-NF6Z2OAF.js").then((module) => ({ default: module.IncomingCallTemplate })),
-  "brandMessage": () => import("./brand-message-M2YADSZX.js").then((module) => ({ default: module.BrandMessageTemplate })),
-  "promptInput": () => import("./prompt-input-3IRVZIBB.js").then((module) => ({ default: module.PromptInputTemplate })),
+  "milestone": () => import("./social-milestone-MLWAWF6X.js").then((module) => ({ default: module.SocialMilestoneTemplate })),
+  "reviewStack": () => import("./social-review-stack-VHJPE6GM.js").then((module) => ({ default: module.SocialReviewStackTemplate })),
+  "testimonial": () => import("./social-testimonial-QUNCY52L.js").then((module) => ({ default: module.SocialTestimonialTemplate })),
+  "incomingCall": () => import("./incoming-call-C3FX4SFR.js").then((module) => ({ default: module.IncomingCallTemplate })),
+  "brandMessage": () => import("./brand-message-7524B6HC.js").then((module) => ({ default: module.BrandMessageTemplate })),
+  "promptInput": () => import("./prompt-input-NNXF6WVS.js").then((module) => ({ default: module.PromptInputTemplate })),
   "beforeAfter": () => import("./infographic-before-after-FQXCQ2CY.js").then((module) => ({ default: module.InfographicBeforeAfterTemplate })),
-  "tripleStats": () => import("./infographic-stat-row-H7PAX6LC.js").then((module) => ({ default: module.InfographicStatRowTemplate })),
-  "problemSolution": () => import("./infographic-problem-solution-V67AFFGA.js").then((module) => ({ default: module.InfographicProblemSolutionTemplate })),
-  "cardList": () => import("./infographic-feature-list-XQZEMDCM.js").then((module) => ({ default: module.InfographicFeatureListTemplate })),
-  "steps": () => import("./infographic-steps-LI2SVPET.js").then((module) => ({ default: module.InfographicStepsTemplate })),
-  "ctaLogo": () => import("./cta-logo-MR45BN3J.js").then((module) => ({ default: module.CtaLogoTemplate })),
-  "ctaMedia": () => import("./cta-media-BI3SZKTA.js").then((module) => ({ default: module.CtaMediaTemplate }))
+  "tripleStats": () => import("./infographic-stat-row-7X6KEEUD.js").then((module) => ({ default: module.InfographicStatRowTemplate })),
+  "problemSolution": () => import("./infographic-problem-solution-3JBBGNXU.js").then((module) => ({ default: module.InfographicProblemSolutionTemplate })),
+  "cardList": () => import("./infographic-feature-list-WWX5AGU4.js").then((module) => ({ default: module.InfographicFeatureListTemplate })),
+  "steps": () => import("./infographic-steps-FI5LN4SS.js").then((module) => ({ default: module.InfographicStepsTemplate })),
+  "ctaLogo": () => import("./cta-logo-PREL7MLE.js").then((module) => ({ default: module.CtaLogoTemplate })),
+  "ctaMedia": () => import("./cta-media-YWTYVLR6.js").then((module) => ({ default: module.CtaMediaTemplate }))
 };
 
 // src/visual-system/catalog/builtin-player.generated.ts
@@ -704,7 +704,7 @@ function preloadBuiltinTemplate(id) {
 
 // src/player/warm-scene-media.ts
 function warmSceneMedia(variables) {
-  void import("./preload-media-NKQ6JA3T.js").then((module) => module.preloadSceneMedia(variables)).catch(() => {
+  void import("./preload-media-IYFMPMLB.js").then((module) => module.preloadSceneMedia(variables)).catch(() => {
   });
 }
 

package/dist/{reaction-TBZSTYWU.js → reaction-DH6M6LSQ.js}

@@ -1,13 +1,13 @@
 import {
   SceneBackground
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
 import "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{showcase-code-JM47BEVJ.js → showcase-code-QDJM7E2Z.js}

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{showcase-phone-HH5J3JEG.js → showcase-phone-IIYR34CF.js}

@@ -7,7 +7,7 @@ import "./chunk-S7HFLYNN.js";
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{showcase-terminal-ZNI2RSTM.js → showcase-terminal-3253HMTE.js}

@@ -7,7 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{showcase-web-E5A3AOGH.js → showcase-web-H7GB3FBH.js}

@@ -9,7 +9,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{social-milestone-4DQIIIHI.js → social-milestone-MLWAWF6X.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -23,7 +23,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   MEDIA_TEXT_SHADOW,
   TOKEN_DEFAULTS,

package/dist/{social-notification-2S7DA2NX.js → social-notification-2UQKKOB3.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   Emoji,
   renderWithEmoji
@@ -15,7 +15,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{social-review-stack-T4PEVP2X.js → social-review-stack-VHJPE6GM.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   accessibleTextColor,
   withOpacity
@@ -14,7 +14,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   lighten,
   resolveTokens

package/dist/{social-testimonial-GINCBMWU.js → social-testimonial-QUNCY52L.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   accessibleTextColor,
   autoTextColor,
@@ -16,7 +16,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   TOKEN_DEFAULTS,
   lighten,

package/dist/{social-tweet-TQHHY6OG.js → social-tweet-33HIL4RR.js}

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-MT2Z4A5X.js";
+} from "./chunk-EHXDKCYR.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
@@ -16,7 +16,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-35LIYILY.js";
+import "./chunk-224QNWRA.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/examples/nextjs-quickstart/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@ai-sdk/anthropic": "^4.0.41",
-    "@vanillaskyai/video": "0.5.4",
+    "@vanillaskyai/video": "0.5.5",
     "ai": "^7.0.77",
     "next": "16.3.2",
     "react": "19.2.8",