@vanillaskyai/video 0.5.3 → 0.5.4

package/CHANGELOG.md

@@ -4,6 +4,13 @@ VanillaSky follows semantic versioning. This changelog begins with the 0.1 beta.
 
 ## Unreleased
 
+## 0.5.4
+
+- Prevents Mobile Safari from holding outgoing and incoming scene video
+  decoders at the same time. Video-to-video cuts use the preloaded matching
+  poster on iPhone and iPad, while desktop media preroll and crossfades remain
+  unchanged.
+
 ## 0.5.3
 
 - Makes `crossfade` the default for generated videos and mounts changed media

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

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -15,6 +12,9 @@ import {
 import "./chunk-L5BTTCZV.js";
 import "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

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

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

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

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -18,6 +15,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

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

@@ -4,10 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -24,6 +21,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   MEDIA_TEXT_SHADOW,
   TOKEN_DEFAULTS,

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

@@ -5,10 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -20,6 +17,9 @@ import {
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/check-runtime.js

@@ -1,6 +1,7 @@
 import {
   VideoFrame
-} from "./chunk-65MRKELL.js";
+} from "./chunk-4M6HDFQU.js";
+import "./chunk-35LIYILY.js";
 import "./chunk-XWWLKRNU.js";
 import "./chunk-SPVTJH3F.js";
 import {

package/dist/{chunk-65MRKELL.js → chunk-4M6HDFQU.js}

@@ -1,3 +1,6 @@
+import {
+  resolveMediaType
+} from "./chunk-35LIYILY.js";
 import {
   resolveDensity
 } from "./chunk-XWWLKRNU.js";
@@ -55,6 +58,16 @@ function brandBackgroundFallback(config) {
 function sceneHasBackdrop(range) {
   return String(range.scene.variables.mediaType || "auto") !== "gradient" && String(range.scene.variables.mediaUrl || "").trim() !== "";
 }
+function sceneHasVideoBackdrop(range) {
+  return resolveMediaType(
+    String(range.scene.variables.mediaType || "auto"),
+    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);
@@ -191,8 +204,11 @@ function VideoFrame({
   );
   const prerollDuration = prerollsNext ? Math.min(Math.max(MEDIA_PREROLL_SECONDS, blendDuration), Math.max(0, duration)) : blendDuration;
   const prerollStart = active.end - prerollDuration;
+  const decoderConstrainedTransition = Boolean(
+    contiguousNext && limitsConcurrentVideoDecoders() && sceneHasVideoBackdrop(active) && sceneHasVideoBackdrop(contiguousNext)
+  );
   const mountingNext = Boolean(
-    contiguousNext && time >= prerollStart && time < blendEnd && (eligibleNextTransition || prerollsNext)
+    contiguousNext && !decoderConstrainedTransition && time >= prerollStart && time < blendEnd && (eligibleNextTransition || prerollsNext)
   );
   const previewingNext = Boolean(
     eligibleNextTransition && time >= blendStart && time < blendEnd

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

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

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

@@ -5,10 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -19,6 +16,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

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

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

@@ -7,10 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -22,6 +19,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

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

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

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -17,6 +14,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -8,10 +8,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -27,6 +24,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

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

package/dist/react.js

@@ -24,7 +24,8 @@ import {
 import {
   VideoFrame,
   getDimensions
-} from "./chunk-65MRKELL.js";
+} from "./chunk-4M6HDFQU.js";
+import "./chunk-35LIYILY.js";
 import {
   fontStack
 } from "./chunk-XWWLKRNU.js";
@@ -76,34 +77,34 @@ import { createElement } from "react";
 
 // src/visual-system/catalog/builtin-loaders.generated.ts
 var GENERATED_BUILTIN_TEMPLATE_LOADERS = {
-  "media": () => import("./bg-media-VSFT5YC7.js").then((module) => ({ default: module.BgMediaTemplate })),
-  "reaction": () => import("./reaction-QECWNLCQ.js").then((module) => ({ default: module.ReactionTemplate })),
+  "media": () => import("./bg-media-ILOMGMR4.js").then((module) => ({ default: module.BgMediaTemplate })),
+  "reaction": () => import("./reaction-TBZSTYWU.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-T3MXDPP6.js").then((module) => ({ default: module.ChartCounterTemplate })),
-  "barChart": () => import("./chart-bar-ZGGCV3ED.js").then((module) => ({ default: module.ChartBarTemplate })),
-  "progressRing": () => import("./chart-progress-ring-OT5Z2LMK.js").then((module) => ({ default: module.ChartProgressRingTemplate })),
-  "phoneMockup": () => import("./showcase-phone-G32YB25H.js").then((module) => ({ default: module.ShowcasePhoneTemplate })),
-  "webMockup": () => import("./showcase-web-IRLNVEYD.js").then((module) => ({ default: module.ShowcaseWebTemplate })),
-  "codeEditor": () => import("./showcase-code-PVPNSI6U.js").then((module) => ({ default: module.ShowcaseCodeTemplate })),
-  "terminal": () => import("./showcase-terminal-PLZTGUL6.js").then((module) => ({ default: module.ShowcaseTerminalTemplate })),
-  "tweet": () => import("./social-tweet-UXTQA5VW.js").then((module) => ({ default: module.SocialTweetTemplate })),
-  "notification": () => import("./social-notification-P7ZSTEZ5.js").then((module) => ({ default: module.SocialNotificationTemplate })),
+  "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 })),
   "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-T67PZ5RR.js").then((module) => ({ default: module.SocialMilestoneTemplate })),
-  "reviewStack": () => import("./social-review-stack-IXAC23MY.js").then((module) => ({ default: module.SocialReviewStackTemplate })),
-  "testimonial": () => import("./social-testimonial-AGSFR2IF.js").then((module) => ({ default: module.SocialTestimonialTemplate })),
-  "incomingCall": () => import("./incoming-call-FOD6Z4R2.js").then((module) => ({ default: module.IncomingCallTemplate })),
-  "brandMessage": () => import("./brand-message-GSM2LOEP.js").then((module) => ({ default: module.BrandMessageTemplate })),
-  "promptInput": () => import("./prompt-input-VQ6WUBRH.js").then((module) => ({ default: module.PromptInputTemplate })),
+  "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 })),
   "beforeAfter": () => import("./infographic-before-after-FQXCQ2CY.js").then((module) => ({ default: module.InfographicBeforeAfterTemplate })),
-  "tripleStats": () => import("./infographic-stat-row-ZTS6PO57.js").then((module) => ({ default: module.InfographicStatRowTemplate })),
-  "problemSolution": () => import("./infographic-problem-solution-WAJ76HQV.js").then((module) => ({ default: module.InfographicProblemSolutionTemplate })),
-  "cardList": () => import("./infographic-feature-list-Z37COJMT.js").then((module) => ({ default: module.InfographicFeatureListTemplate })),
-  "steps": () => import("./infographic-steps-SNZCO5ZW.js").then((module) => ({ default: module.InfographicStepsTemplate })),
-  "ctaLogo": () => import("./cta-logo-CV5NCBHX.js").then((module) => ({ default: module.CtaLogoTemplate })),
-  "ctaMedia": () => import("./cta-media-TJ7F4GN7.js").then((module) => ({ default: module.CtaMediaTemplate }))
+  "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 }))
 };
 
 // src/visual-system/catalog/builtin-player.generated.ts

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

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

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

@@ -5,10 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -18,6 +15,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

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

@@ -7,10 +7,7 @@ import "./chunk-S7HFLYNN.js";
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -21,6 +18,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -7,10 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -20,6 +17,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -9,10 +9,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -23,6 +20,9 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

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

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

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

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

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

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

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

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

@@ -4,8 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-SNVWTK63.js";
-import "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
@@ -17,6 +16,7 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import "./chunk-35LIYILY.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.3",
+    "@vanillaskyai/video": "0.5.4",
     "ai": "^7.0.77",
     "next": "16.3.2",
     "react": "19.2.8",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanillaskyai/video",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Open-source video response SDK for personalized AI applications.",
   "keywords": [
     "generative-video",

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

@@ -1,10 +1,10 @@
-import {
-  resolveMediaType
-} from "./chunk-35LIYILY.js";
 import {
   BrandGradientOverlay,
   getBackgroundTransform
 } from "./chunk-MFYFZQHM.js";
+import {
+  resolveMediaType
+} from "./chunk-35LIYILY.js";
 
 // src/visual-system/scene-templates/scene-background.tsx
 import { useEffect, useRef, useState } from "react";