@vanillaskyai/video 0.5.8 → 0.6.0

package/CHANGELOG.md

@@ -4,6 +4,27 @@ VanillaSky follows semantic versioning. This changelog begins with the 0.1 beta.
 
 ## Unreleased
 
+## 0.6.0
+
+- Adds opt-in native scene-video audio to `VideoPlayer`, mixed with the existing
+  continuous soundtrack layer under one master mute control. Applications set
+  the embedded clip level with `nativeMediaAudio.volume`; the serialized
+  soundtrack retains its independent `audio.volume`.
+- Passes `requestId` and the resolving `scene` to the server `resolveMedia`
+  callback, so applications can generate, attribute, and cache media per scene.
+- Documents a provider-neutral app-owned media generation adapter in
+  `examples/server-integrations/src/ai-sdk-media.ts`. Generation stays outside
+  the SDK install: the application supplies the AI SDK model and storage.
+- Extends the isolated rich-media consumer POC with an adaptive `/channel`
+  route: structured scene intent, deterministic stock/image/H3 Max routing,
+  manual overrides, explicit character/keyframe continuity, factual-safe
+  fallbacks, cancellation, deadline-aware generation, and a bounded
+  current-plus-next segment queue without changing the SDK API.
+- Adds an isolated AI scene-director proof of concept where VanillaSky's trusted
+  planner chooses and explains app-owned generated imagery, varied delay-aware
+  GIF stickers, and varied progress-driven Lottie motion without changing the
+  stable SDK contract.
+
 ## 0.5.8
 
 - Moved the public source to a fresh repository at

package/PUBLIC-API.md

@@ -191,6 +191,12 @@ mounted player autoplay with sound after the first successful viewer start.
 `manual`, `muted-autoplay`, and `autoplay-with-sound` cover the other browser
 startup policies.
 
+Set `nativeMediaAudio={{ volume: 0.85 }}` when scene video files contain an
+embedded audio track. The active clip's audio becomes a second layer alongside
+the video's continuous `audio` soundtrack. Both follow the player's master
+mute control; `nativeMediaAudio.volume` and serialized `audio.volume` set their
+independent mix levels. Incoming preroll videos remain muted until active.
+
 `VideoInput.opening` accepts custom copy, uses the deterministic fallback when
 omitted, and accepts `false` when the application owns transient loading UI and
 wants the completed video to begin with the first generated scene.

package/README.md

@@ -10,6 +10,13 @@ playing while your LLM composes them.
 Your application owns the model, data, authentication, and UI. VanillaSky owns
 the planning prompt, trusted templates, validation, streaming, and player.
 
+## See it first
+
+Generate a video in the browser, with no install and no API key, in the
+[playground](https://vanillasky.ai/playground/). The
+[website](https://vanillasky.ai/) has the overview and full
+[documentation](https://vanillasky.ai/docs/).
+
 ## Start
 
 For humans:
@@ -139,6 +146,7 @@ compiler: `npm install --save-dev tsx`.
 
 | Goal | Guide |
 | --- | --- |
+| See a video without installing | [Playground](https://vanillasky.ai/playground/) |
 | Integrate with a coding agent | [Agent integration guide](docs/agent-integration.md) |
 | Build the first response | [Getting started](docs/getting-started.md) |
 | Copy the Next.js route and component | [Next.js integration](docs/integrate-nextjs.md) |

package/dist/{bg-media-FEBATBT2.js → bg-media-G4XOQEAS.js}

@@ -5,18 +5,18 @@ import "./chunk-QAAO7OAY.js";
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{brand-message-P56WEJPG.js → brand-message-XHONEDNW.js}

@@ -4,17 +4,17 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/BrandMessageBubble.tsx

package/dist/{chart-bar-ZB45ZRKH.js → chart-bar-HRHD57ML.js}

@@ -1,12 +1,12 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
@@ -16,10 +16,10 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{chart-counter-HFYNE4HT.js → chart-counter-KFPV44RB.js}

@@ -8,12 +8,12 @@ import "./chunk-QAAO7OAY.js";
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
@@ -22,10 +22,10 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   MEDIA_TEXT_SHADOW,
   TOKEN_DEFAULTS,

package/dist/{chart-progress-ring-ZKMLRGSB.js → chart-progress-ring-OR2VOIHV.js}

@@ -5,12 +5,12 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
@@ -18,10 +18,10 @@ import {
 import {
   interpolate
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/check-runtime.js

@@ -1,8 +1,8 @@
 import {
   VideoFrame
-} from "./chunk-NGY3TNND.js";
-import "./chunk-C6WVCZRW.js";
+} from "./chunk-K746NUIP.js";
 import "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import "./chunk-XWWLKRNU.js";
 import "./chunk-SPVTJH3F.js";
 import {

package/dist/chunk-5CDAM24P.js

@@ -0,0 +1,31 @@
+// src/visual-system/scene-templates/external-video-backdrop.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT = { mode: false, audioMuted: true, audioVolume: 1 };
+var sharedContext = globalThis;
+var BackdropContext = sharedContext.__vanillaskyVideoBackdropContext ??= React.createContext(DEFAULT);
+function ExternalVideoBackdropProvider({
+  mode,
+  audioMuted = true,
+  audioVolume = 1,
+  children
+}) {
+  const value = React.useMemo(
+    () => ({ mode, audioMuted, audioVolume }),
+    [mode, audioMuted, audioVolume]
+  );
+  return /* @__PURE__ */ jsx(BackdropContext.Provider, { value, children });
+}
+function useExternalVideoBackdrop() {
+  return React.useContext(BackdropContext).mode;
+}
+function useMediaAudio() {
+  const { audioMuted, audioVolume } = React.useContext(BackdropContext);
+  return { muted: audioMuted, volume: audioVolume };
+}
+
+export {
+  ExternalVideoBackdropProvider,
+  useExternalVideoBackdrop,
+  useMediaAudio
+};

package/dist/{chunk-6M6DATLW.js → chunk-7BGAU6C3.js}

@@ -1,17 +1,17 @@
 import {
   SceneVideoBackdrop,
   resolveMediaPosition
-} from "./chunk-HT6BGERF.js";
+} from "./chunk-FRN6WKHA.js";
 import {
   BrandGradientOverlay,
   getBackgroundTransform
 } from "./chunk-W3VDIBGR.js";
-import {
-  useExternalVideoBackdrop
-} from "./chunk-C6WVCZRW.js";
 import {
   resolveMediaType
 } from "./chunk-224QNWRA.js";
+import {
+  useExternalVideoBackdrop
+} from "./chunk-5CDAM24P.js";
 
 // src/visual-system/scene-templates/scene-background.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-HT6BGERF.js → chunk-FRN6WKHA.js}

@@ -1,6 +1,9 @@
 import {
   getBackgroundTransform
 } from "./chunk-W3VDIBGR.js";
+import {
+  useMediaAudio
+} from "./chunk-5CDAM24P.js";
 
 // src/visual-system/scene-templates/scene-video-backdrop.tsx
 import { useEffect, useRef, useState } from "react";
@@ -27,6 +30,8 @@ var SceneVideoBackdrop = ({
   progress,
   beatIntensity = 0,
   isPlaying,
+  muted,
+  volume,
   playbackId = mediaUrl,
   retainPoster = false,
   persistent = false,
@@ -34,6 +39,9 @@ var SceneVideoBackdrop = ({
   onReady,
   onError
 }) => {
+  const inheritedAudio = useMediaAudio();
+  const resolvedMuted = muted ?? inheritedAudio.muted;
+  const resolvedVolume = volume ?? inheritedAudio.volume;
   const resolvedPosition = resolveMediaPosition(mediaPosition);
   const bgTransform = getBackgroundTransform(backgroundEffect, progress, beatIntensity);
   const [decodedVideoUrl, setDecodedVideoUrl] = useState();
@@ -41,6 +49,25 @@ var SceneVideoBackdrop = ({
   const startedVideoUrl = useRef(void 0);
   const startedPlaybackId = useRef(void 0);
   const videoPresentationKey = `${playbackId}\0${mediaUrl}`;
+  useEffect(() => {
+    const video = videoRef.current;
+    if (!video) return;
+    if (video.getAttribute("src") !== mediaUrl) {
+      video.setAttribute("src", mediaUrl);
+      video.load();
+    }
+    return () => {
+      video.pause();
+      video.removeAttribute("src");
+      video.load();
+      startedVideoUrl.current = void 0;
+      startedPlaybackId.current = void 0;
+    };
+  }, [mediaUrl]);
+  useEffect(() => {
+    const video = videoRef.current;
+    if (video) video.volume = resolvedVolume;
+  }, [resolvedVolume]);
   useEffect(() => {
     const video = videoRef.current;
     if (!video) return;
@@ -59,15 +86,6 @@ var SceneVideoBackdrop = ({
     startedVideoUrl.current = mediaUrl;
     startedPlaybackId.current = playbackId;
   }, [isPlaying, mediaUrl, playbackId]);
-  useEffect(() => {
-    const video = videoRef.current;
-    return () => {
-      if (!video) return;
-      video.pause();
-      video.removeAttribute("src");
-      video.load();
-    };
-  }, []);
   const mediaStyle = {
     position: "absolute",
     inset: 0,
@@ -135,7 +153,7 @@ var SceneVideoBackdrop = ({
         ref: videoRef,
         src: mediaUrl,
         poster: retainPoster || decodedVideoUrl !== mediaUrl ? mediaPoster || void 0 : void 0,
-        muted: true,
+        muted: resolvedMuted,
         loop: true,
         playsInline: true,
         preload: "auto",

package/dist/{chunk-NGY3TNND.js → chunk-K746NUIP.js}

@@ -1,10 +1,10 @@
-import {
-  ExternalVideoBackdropProvider
-} from "./chunk-C6WVCZRW.js";
 import {
   limitsConcurrentVideoDecoders,
   resolveMediaType
 } from "./chunk-224QNWRA.js";
+import {
+  ExternalVideoBackdropProvider
+} from "./chunk-5CDAM24P.js";
 import {
   resolveDensity
 } from "./chunk-XWWLKRNU.js";
@@ -47,7 +47,7 @@ function scaleSafeZone(zone, factor) {
 // src/player/video-frame.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var SCENE_TRANSITION_SECONDS = 0.3;
-var SceneVideoBackdrop = lazy(() => import("./scene-video-backdrop-IL4F2SVD.js").then((module) => ({ default: module.SceneVideoBackdrop })));
+var SceneVideoBackdrop = lazy(() => import("./scene-video-backdrop-XFPX4O3I.js").then((module) => ({ default: module.SceneVideoBackdrop })));
 var MEDIA_PREROLL_SECONDS = 1.2;
 var CONTIGUITY_ULP_FACTOR = 4;
 var subscribeToDecoderPolicy = () => () => {
@@ -110,6 +110,8 @@ function SceneLayer({
   width,
   height,
   playing,
+  mediaAudioMuted,
+  mediaAudioVolume,
   layer,
   opacity,
   interactive,
@@ -118,57 +120,65 @@ function SceneLayer({
 }) {
   const template = kit.getTemplate(range.scene.templateId);
   const duration = range.end - range.start;
-  return /* @__PURE__ */ jsx(ExternalVideoBackdropProvider, { mode: externalVideoBackdrop, children: /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx(
+    ExternalVideoBackdropProvider,
     {
-      "data-scene-layer": layer,
-      "data-layer-scene-id": range.scene.id,
-      "data-layer-template-id": range.scene.templateId,
-      "aria-hidden": interactive ? void 0 : true,
-      ...interactive ? {} : { inert: "inert" },
-      style: {
-        position: "absolute",
-        inset: 0,
-        opacity,
-        zIndex,
-        pointerEvents: interactive ? "auto" : "none",
-        // A changed-media transition can expose an incoming template's true
-        // initial frame. Values that would be false placeholders at progress
-        // zero opt into this inherited guard.
-        "--vanillasky-transition-semantic-visibility": layer === "incoming" ? "hidden" : "visible",
-        "--vanillasky-template-surface": externalVideoBackdrop !== false ? "transparent" : void 0
-      },
-      children: template ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(
+      mode: externalVideoBackdrop,
+      audioMuted: mediaAudioMuted || !playing,
+      audioVolume: mediaAudioVolume,
+      children: /* @__PURE__ */ jsx(
         "div",
         {
-          "data-template-loading": range.scene.templateId,
-          style: { position: "absolute", inset: 0 }
+          "data-scene-layer": layer,
+          "data-layer-scene-id": range.scene.id,
+          "data-layer-template-id": range.scene.templateId,
+          "aria-hidden": interactive ? void 0 : true,
+          ...interactive ? {} : { inert: "inert" },
+          style: {
+            position: "absolute",
+            inset: 0,
+            opacity,
+            zIndex,
+            pointerEvents: interactive ? "auto" : "none",
+            // A changed-media transition can expose an incoming template's true
+            // initial frame. Values that would be false placeholders at progress
+            // zero opt into this inherited guard.
+            "--vanillasky-transition-semantic-visibility": layer === "incoming" ? "hidden" : "visible",
+            "--vanillasky-template-surface": externalVideoBackdrop !== false ? "transparent" : void 0
+          },
+          children: template ? /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-template-loading": range.scene.templateId,
+              style: { position: "absolute", inset: 0 }
+            }
+          ), children: createElement(template.component, {
+            variables: {
+              ...template.defaults ?? getTemplateDefaults(template.schema),
+              ...range.scene.variables
+            },
+            style: config.style,
+            progress,
+            motionProgress,
+            beatIntensity: 0,
+            width,
+            height,
+            textArchetype: range.scene.textArchetype ?? config.style.defaultTextArchetype,
+            backgroundEffect: range.scene.backgroundEffect ?? config.style.defaultBackgroundEffect,
+            safeZone: scaleSafeZone(
+              getSafeZone(config.orientation),
+              resolveDensity(config.style.density).safeZoneScale
+            ),
+            sceneDuration: duration,
+            isPlaying: playing
+          }) }) : /* @__PURE__ */ jsxs("div", { style: { width, height, background: "#090712", color: "#fff" }, children: [
+            "Unsupported template: ",
+            range.scene.templateId
+          ] })
         }
-      ), children: createElement(template.component, {
-        variables: {
-          ...template.defaults ?? getTemplateDefaults(template.schema),
-          ...range.scene.variables
-        },
-        style: config.style,
-        progress,
-        motionProgress,
-        beatIntensity: 0,
-        width,
-        height,
-        textArchetype: range.scene.textArchetype ?? config.style.defaultTextArchetype,
-        backgroundEffect: range.scene.backgroundEffect ?? config.style.defaultBackgroundEffect,
-        safeZone: scaleSafeZone(
-          getSafeZone(config.orientation),
-          resolveDensity(config.style.density).safeZoneScale
-        ),
-        sceneDuration: duration,
-        isPlaying: playing
-      }) }) : /* @__PURE__ */ jsxs("div", { style: { width, height, background: "#090712", color: "#fff" }, children: [
-        "Unsupported template: ",
-        range.scene.templateId
-      ] })
+      )
     }
-  ) });
+  );
 }
 function VideoFrame({
   kit,
@@ -177,6 +187,8 @@ function VideoFrame({
   width,
   height,
   playing = false,
+  mediaAudioMuted = true,
+  mediaAudioVolume = 1,
   className,
   style
 }) {
@@ -351,6 +363,8 @@ function VideoFrame({
                     backgroundEffect: persistentVideoRange.scene.backgroundEffect ?? config.style.defaultBackgroundEffect,
                     progress: persistentVideoRange.scene.id === active.scene.id ? rawProgress : 0,
                     isPlaying: persistentVideoRange.scene.id === active.scene.id && playing,
+                    muted: mediaAudioMuted || persistentVideoRange.scene.id !== active.scene.id || !playing,
+                    volume: mediaAudioVolume,
                     playbackId: persistentVideoRange.scene.id,
                     retainPoster: true,
                     persistent: true,
@@ -380,6 +394,8 @@ function VideoFrame({
                   width: canvas.width,
                   height: canvas.height,
                   playing,
+                  mediaAudioMuted,
+                  mediaAudioVolume,
                   layer: previewingNext ? "outgoing" : "active",
                   opacity: 1 - blendProgress,
                   interactive: true,
@@ -399,6 +415,8 @@ function VideoFrame({
                   width: canvas.width,
                   height: canvas.height,
                   playing: false,
+                  mediaAudioMuted,
+                  mediaAudioVolume,
                   layer: "incoming",
                   opacity: blendProgress,
                   interactive: false,
@@ -419,6 +437,8 @@ function VideoFrame({
                   width: canvas.width,
                   height: canvas.height,
                   playing,
+                  mediaAudioMuted,
+                  mediaAudioVolume,
                   layer: "active",
                   opacity: 1,
                   interactive: true,

package/dist/{cta-logo-S4OMTNXD.js → cta-logo-JJOGK4UC.js}

@@ -4,16 +4,16 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
-import "./chunk-HT6BGERF.js";
+} from "./chunk-7BGAU6C3.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   SPRING_SMOOTH,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{cta-media-EROTHDRR.js → cta-media-IQ3MAWEH.js}

@@ -5,22 +5,22 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   SPRING_SMOOTH,
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{incoming-call-5IWJ2TAS.js → incoming-call-KXF67OT2.js}

@@ -5,8 +5,8 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
-import "./chunk-HT6BGERF.js";
+} from "./chunk-7BGAU6C3.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   SPRING_BOUNCY,
@@ -14,8 +14,8 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   resolveTokens
 } from "./chunk-XWWLKRNU.js";

package/dist/{infographic-feature-list-7SK65U3K.js → infographic-feature-list-QDM4I7XE.js}

@@ -7,23 +7,23 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import {
   Emoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{infographic-problem-solution-IW35S6BR.js → infographic-problem-solution-FMLJCPG6.js}

@@ -4,19 +4,19 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   smoothSize
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import "./chunk-W3VDIBGR.js";
 import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens

package/dist/{infographic-stat-row-XHUZZPDM.js → infographic-stat-row-VFTIXS5F.js}

@@ -1,12 +1,12 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-6M6DATLW.js";
+} from "./chunk-7BGAU6C3.js";
 import {
   TemplateText
 } from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-HT6BGERF.js";
+import "./chunk-FRN6WKHA.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
@@ -15,10 +15,10 @@ import {
   interpolate,
   spring
 } from "./chunk-XTOXFMLM.js";
-import "./chunk-C6WVCZRW.js";
 import {
   hasSceneMedia
 } from "./chunk-224QNWRA.js";
+import "./chunk-5CDAM24P.js";
 import {
   TOKEN_DEFAULTS,
   resolveTokens