@vanillaskyai/video 0.5.2 → 0.5.4

package/CHANGELOG.md

@@ -4,6 +4,23 @@ 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
+  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-ILOMGMR4.js}

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -13,8 +10,11 @@ import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.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-AY43ZQR2.js → brand-message-M2YADSZX.js}

@@ -4,15 +4,15 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+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-Z42RDRQT.js → chart-bar-25ZZSPOC.js}

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -12,12 +9,15 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   SPRING_SNAPPY,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

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

@@ -4,10 +4,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   ConfettiLayer
 } from "./chunk-CJ7F2CE6.js";
@@ -19,11 +16,14 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   MEDIA_TEXT_SHADOW,
   TOKEN_DEFAULTS,

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

@@ -5,10 +5,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -16,10 +13,13 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 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-K6YVQODK.js";
+} from "./chunk-4M6HDFQU.js";
+import "./chunk-35LIYILY.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-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);
@@ -173,11 +186,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,
@@ -190,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/{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-MT2Z4A5X.js}

@@ -1,10 +1,10 @@
-import {
-  resolveMediaType
-} from "./chunk-35LIYILY.js";
 import {
   BrandGradientOverlay,
   getBackgroundTransform
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
+import {
+  resolveMediaType
+} from "./chunk-35LIYILY.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-MR45BN3J.js}

@@ -4,14 +4,14 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.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-NY4ASBGG.js → cta-media-BI3SZKTA.js}

@@ -5,20 +5,20 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_SMOOTH,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -5,15 +5,15 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.js";
+} from "./chunk-MT2Z4A5X.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

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-XQZEMDCM.js}

@@ -7,21 +7,21 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import {
   Emoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -4,17 +4,17 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   smoothSize
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -1,10 +1,7 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -12,11 +9,14 @@ import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -8,10 +8,7 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
@@ -22,11 +19,14 @@ import {
   TOP_TEXT_AREA_RATIO,
   autoTextColor,
   withOpacity
-} from "./chunk-IJM4B2ZN.js";
+} from "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

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

@@ -4,15 +4,15 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import "./chunk-35LIYILY.js";
-import "./chunk-IJM4B2ZN.js";
+} from "./chunk-MT2Z4A5X.js";
+import "./chunk-MFYFZQHM.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,
   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-K6YVQODK.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-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-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-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-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-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-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-YL6YPGPB.js → reaction-TBZSTYWU.js}

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

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-JM47BEVJ.js}

@@ -5,19 +5,19 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-4AODC6MS.js";
-import {
-  hasSceneMedia
-} from "./chunk-35LIYILY.js";
+} from "./chunk-MT2Z4A5X.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-IJM4B2ZN.js";
+import "./chunk-MFYFZQHM.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";