@vanillaskyai/video 0.5.2 → 0.5.3

package/CHANGELOG.md

@@ -4,6 +4,16 @@ VanillaSky follows semantic versioning. This changelog begins with the 0.1 beta.
 
 ## Unreleased
 
+## 0.5.3
+
+- Makes `crossfade` the default for generated videos and mounts changed media
+  invisibly before every contiguous cut, including templates that own their
+  transition. This extends the existing media warm-up window so the browser can
+  decode the incoming backdrop and replace its stock poster with the real first
+  frame while still hidden, instead of flashing the gradient or visibly swapping
+  crops after the cut. Making camera motion opt-in also removes the scale reset
+  that could look like a quick pullback during the fade.
+
 ## 0.5.2
 
 - Refactors composition state transitions into a deterministic, directly

package/dist/{bg-confetti-KTHLUJPO.js → bg-confetti-572VDSYM.js}

@@ -8,7 +8,7 @@ import {
 import "./chunk-L5BTTCZV.js";
 import {
   BrandGradientOverlay
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
 import {
   resolveTokens

package/dist/{bg-emoji-AW7374DZ.js → bg-emoji-T4IEJ6U2.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-L5BTTCZV.js";
 import {
   BrandGradientOverlay
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
 import {
   resolveTokens

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

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -13,7 +13,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
 import {
   resolveTokens

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

@@ -4,12 +4,12 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";

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

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -12,7 +12,7 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_SNAPPY,
   interpolate,

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

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -19,7 +19,7 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -16,7 +16,7 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";

package/dist/check-runtime.js

@@ -1,6 +1,6 @@
 import {
   VideoFrame
-} from "./chunk-K6YVQODK.js";
+} from "./chunk-65MRKELL.js";
 import "./chunk-XWWLKRNU.js";
 import "./chunk-SPVTJH3F.js";
 import {

package/dist/{chunk-D6I2UQ5W.js → chunk-3OU7HIEB.js}

@@ -223,8 +223,9 @@ function buildInitialComposition(input, audio, snapshotRetention, closerReserveS
         brand: resolveVideoBrand(input.brand),
         density: input.style?.density ?? "normal",
         motion: input.style?.motion ?? "normal",
-        defaultBackgroundEffect: input.style?.backgroundEffect ?? "slow-zoom-in",
-        defaultTextArchetype: input.style?.textArchetype ?? "subtle"
+        defaultBackgroundEffect: input.style?.backgroundEffect ?? "static",
+        defaultTextArchetype: input.style?.textArchetype ?? "subtle",
+        defaultTransition: "crossfade"
       },
       meta
     },

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

@@ -173,11 +173,12 @@ function VideoFrame({
   const next = activeIndex < timeline.length - 1 ? timeline[activeIndex + 1] : void 0;
   const activeTemplate = kit.getTemplate(active.scene.templateId);
   const nextTemplate = next ? kit.getTemplate(next.scene.templateId) : void 0;
-  const contiguousNext = next && rangesAreContiguous(active, next) && activeTemplate.usesGlobalTransition && activeTemplate.transitionTiming && nextTemplate?.usesGlobalTransition && nextTemplate.transitionTiming ? next : void 0;
+  const contiguousNext = next && rangesAreContiguous(active, next) ? next : void 0;
+  const transitionableNext = contiguousNext && activeTemplate.usesGlobalTransition && activeTemplate.transitionTiming && nextTemplate?.usesGlobalTransition && nextTemplate.transitionTiming ? contiguousNext : void 0;
   const activeTiming = activeTemplate.transitionTiming;
   const nextTiming = nextTemplate?.transitionTiming;
   const eligibleNextTransition = Boolean(
-    transitionEnabled && contiguousNext && activeTiming && nextTiming && sceneBackgroundChanges(active, contiguousNext)
+    transitionEnabled && transitionableNext && activeTiming && nextTiming && sceneBackgroundChanges(active, transitionableNext)
   );
   const blendDuration = Math.min(
     SCENE_TRANSITION_SECONDS,

package/dist/{chunk-IJM4B2ZN.js → chunk-MFYFZQHM.js}

@@ -147,7 +147,7 @@ function getDriftTransform(progress, direction) {
 }
 function getBackgroundTransform(effect, progress, beatIntensity = 0, sceneIndex = 0) {
   const dir = DIRECTIONS[sceneIndex % DIRECTIONS.length];
-  const resolved = effect ?? "slow-zoom-in";
+  const resolved = effect ?? "static";
   switch (resolved) {
     case "slow-zoom-in":
       return {

package/dist/{chunk-4AODC6MS.js → chunk-SNVWTK63.js}

@@ -4,7 +4,7 @@ import {
 import {
   BrandGradientOverlay,
   getBackgroundTransform
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 
 // src/visual-system/scene-templates/scene-background.tsx
 import { useEffect, useRef, useState } from "react";
@@ -108,6 +108,7 @@ var SceneBackground = ({
   const [mediaPaint, setMediaPaint] = useState(
     () => initialMediaPaint(wantsMedia, resolved, mediaUrl, mediaPoster)
   );
+  const [decodedVideoUrl, setDecodedVideoUrl] = useState();
   useEffect(() => {
     setMediaPaint(initialMediaPaint(wantsMedia, resolved, mediaUrl, mediaPoster));
     if (!wantsMedia || resolved !== "photo") return;
@@ -187,12 +188,15 @@ var SceneBackground = ({
       {
         ref: videoRef,
         src: mediaUrl,
-        poster: mediaPoster || void 0,
+        poster: decodedVideoUrl === mediaUrl ? void 0 : mediaPoster || void 0,
         muted: true,
         loop: true,
         playsInline: true,
         preload: "auto",
-        onLoadedData: () => setMediaPaint("ready"),
+        onLoadedData: () => {
+          setDecodedVideoUrl(mediaUrl);
+          setMediaPaint("ready");
+        },
         onError: () => setMediaPaint("failed"),
         "data-media-position": mediaPosition,
         style: {

package/dist/{compose-video-KMQEDOI7.js → compose-video-JWIEDTEJ.js}

@@ -1,6 +1,6 @@
 import {
   createVideo
-} from "./chunk-D6I2UQ5W.js";
+} from "./chunk-3OU7HIEB.js";
 import "./chunk-E7CL7UPB.js";
 import "./chunk-FZHMQFG3.js";
 import "./chunk-G66Z5CWR.js";

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

@@ -4,9 +4,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

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

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -13,7 +13,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

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

@@ -5,9 +5,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,

package/dist/{infographic-before-after-OEM4DSTZ.js → infographic-before-after-FQXCQ2CY.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-L5BTTCZV.js";
 import {
   gradientBackground
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -7,7 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -17,7 +17,7 @@ import {
 import {
   Emoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -4,13 +4,13 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   smoothSize
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -1,7 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -12,7 +12,7 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -8,7 +8,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -22,7 +22,7 @@ import {
   TOP_TEXT_AREA_RATIO,
   autoTextColor,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -4,9 +4,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,

package/dist/react.js

@@ -24,7 +24,7 @@ import {
 import {
   VideoFrame,
   getDimensions
-} from "./chunk-K6YVQODK.js";
+} from "./chunk-65MRKELL.js";
 import {
   fontStack
 } from "./chunk-XWWLKRNU.js";
@@ -76,34 +76,34 @@ import { createElement } from "react";
 
 // src/visual-system/catalog/builtin-loaders.generated.ts
 var GENERATED_BUILTIN_TEMPLATE_LOADERS = {
-  "media": () => import("./bg-media-KGYE6UVS.js").then((module) => ({ default: module.BgMediaTemplate })),
-  "reaction": () => import("./reaction-YL6YPGPB.js").then((module) => ({ default: module.ReactionTemplate })),
-  "confetti": () => import("./bg-confetti-KTHLUJPO.js").then((module) => ({ default: module.BgConfettiTemplate })),
-  "emojiBurst": () => import("./bg-emoji-AW7374DZ.js").then((module) => ({ default: module.BgEmojiTemplate })),
-  "bigNumber": () => import("./chart-counter-X7NAOQ2C.js").then((module) => ({ default: module.ChartCounterTemplate })),
-  "barChart": () => import("./chart-bar-Z42RDRQT.js").then((module) => ({ default: module.ChartBarTemplate })),
-  "progressRing": () => import("./chart-progress-ring-7NSNNHL4.js").then((module) => ({ default: module.ChartProgressRingTemplate })),
-  "phoneMockup": () => import("./showcase-phone-CTHXHEBT.js").then((module) => ({ default: module.ShowcasePhoneTemplate })),
-  "webMockup": () => import("./showcase-web-LAKHYXSD.js").then((module) => ({ default: module.ShowcaseWebTemplate })),
-  "codeEditor": () => import("./showcase-code-EFVHRJUM.js").then((module) => ({ default: module.ShowcaseCodeTemplate })),
-  "terminal": () => import("./showcase-terminal-XAMPADHN.js").then((module) => ({ default: module.ShowcaseTerminalTemplate })),
-  "tweet": () => import("./social-tweet-PBUKKPT3.js").then((module) => ({ default: module.SocialTweetTemplate })),
-  "notification": () => import("./social-notification-MELRWIB6.js").then((module) => ({ default: module.SocialNotificationTemplate })),
+  "media": () => import("./bg-media-VSFT5YC7.js").then((module) => ({ default: module.BgMediaTemplate })),
+  "reaction": () => import("./reaction-QECWNLCQ.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 })),
   "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-EOBEN7CX.js").then((module) => ({ default: module.SocialMilestoneTemplate })),
-  "reviewStack": () => import("./social-review-stack-H3U437VT.js").then((module) => ({ default: module.SocialReviewStackTemplate })),
-  "testimonial": () => import("./social-testimonial-GNNMKMDD.js").then((module) => ({ default: module.SocialTestimonialTemplate })),
-  "incomingCall": () => import("./incoming-call-KWOXLGJN.js").then((module) => ({ default: module.IncomingCallTemplate })),
-  "brandMessage": () => import("./brand-message-AY43ZQR2.js").then((module) => ({ default: module.BrandMessageTemplate })),
-  "promptInput": () => import("./prompt-input-XCQ6TS2L.js").then((module) => ({ default: module.PromptInputTemplate })),
-  "beforeAfter": () => import("./infographic-before-after-OEM4DSTZ.js").then((module) => ({ default: module.InfographicBeforeAfterTemplate })),
-  "tripleStats": () => import("./infographic-stat-row-3OL3TNSH.js").then((module) => ({ default: module.InfographicStatRowTemplate })),
-  "problemSolution": () => import("./infographic-problem-solution-L3RLFDPE.js").then((module) => ({ default: module.InfographicProblemSolutionTemplate })),
-  "cardList": () => import("./infographic-feature-list-ZZ25JRYQ.js").then((module) => ({ default: module.InfographicFeatureListTemplate })),
-  "steps": () => import("./infographic-steps-LMBSW22P.js").then((module) => ({ default: module.InfographicStepsTemplate })),
-  "ctaLogo": () => import("./cta-logo-KNBLXUJU.js").then((module) => ({ default: module.CtaLogoTemplate })),
-  "ctaMedia": () => import("./cta-media-NY4ASBGG.js").then((module) => ({ default: module.CtaMediaTemplate }))
+  "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 })),
+  "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 }))
 };
 
 // src/visual-system/catalog/builtin-player.generated.ts

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

@@ -1,12 +1,12 @@
 import {
   SceneBackground
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import "./chunk-XTOXFMLM.js";
 import {
   resolveTokens

package/dist/server.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-34O5BY6X.js";
 import {
   createVideo
-} from "./chunk-D6I2UQ5W.js";
+} from "./chunk-3OU7HIEB.js";
 import "./chunk-E7CL7UPB.js";
 import {
   BUILTIN_SERVER_TEMPLATE_KIT,

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

@@ -5,7 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -13,7 +13,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -7,7 +7,7 @@ import "./chunk-S7HFLYNN.js";
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -15,7 +15,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

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

@@ -7,7 +7,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -15,7 +15,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring

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

@@ -9,7 +9,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import {
   hasSceneMedia
 } from "./chunk-35LIYILY.js";
@@ -17,7 +17,7 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

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

@@ -4,7 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   ConfettiLayer
@@ -17,7 +17,7 @@ import {
 import {
   accessibleTextColor,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,

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

@@ -4,13 +4,13 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   Emoji,
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

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

@@ -4,12 +4,12 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   accessibleTextColor,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_SNAPPY,
   interpolate,

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

@@ -4,13 +4,13 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   accessibleTextColor,
   autoTextColor,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   SPRING_SNAPPY,

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

@@ -4,14 +4,14 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
+} from "./chunk-SNVWTK63.js";
 import "./chunk-35LIYILY.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
 import {
   autoTextColor
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,

package/dist/test.js

@@ -233,7 +233,7 @@ async function* simulateVideoStream(parts, options = {}) {
   if (timeoutMs != null && (!Number.isFinite(timeoutMs) || timeoutMs < 0)) {
     throw new Error("Simulation timeoutMs must be a non-negative finite number");
   }
-  const { createVideo } = await import("./compose-video-KMQEDOI7.js");
+  const { createVideo } = await import("./compose-video-JWIEDTEJ.js");
   const { createTextDeltaVideoPlanner } = await import("./text-stream-J6EDDJP4.js");
   const { BUILTIN_SERVER_TEMPLATE_KIT } = await import("./builtin-server-YHEZ2JRF.js");
   const { createTemplateSceneValidator } = await import("./validate-T7GBU2YF.js");