@vanillaskyai/video 0.3.0 → 0.3.2

package/dist/{chunk-FNAEQ7QO.js → chunk-XWWLKRNU.js}

@@ -144,6 +144,7 @@ function lighten(hex, factor) {
   const lb = Math.min(255, Math.round(b + (255 - b) * factor));
   return `#${lr.toString(16).padStart(2, "0")}${lg.toString(16).padStart(2, "0")}${lb.toString(16).padStart(2, "0")}`;
 }
+var MEDIA_TEXT_SHADOW = "0 2px 8px rgba(0,0,0,0.55), 0 6px 16px rgba(0,0,0,0.35)";
 
 export {
   TOKEN_DEFAULTS,
@@ -151,5 +152,6 @@ export {
   resolveDensity,
   resolveTokens,
   darken,
-  lighten
+  lighten,
+  MEDIA_TEXT_SHADOW
 };

package/dist/{compose-video-TQOHDXNW.js → compose-video-6UQ33DOO.js}

@@ -1,6 +1,6 @@
 import {
   createVideo
-} from "./chunk-XYZOJ5NZ.js";
+} from "./chunk-LHFADNWJ.js";
 import "./chunk-E7CL7UPB.js";
 import "./chunk-STIFILQG.js";
 import "./chunk-JW47XCRL.js";

package/dist/control-visibility-NQOWTKOQ.js

@@ -0,0 +1,258 @@
+// src/player/fullscreen.ts
+async function toggleFullscreen(container) {
+  const fullscreenDocument = document;
+  const standardFullscreenElement = document.fullscreenElement;
+  const webkitFullscreenElement = fullscreenDocument.webkitFullscreenElement;
+  const fullscreenElement = standardFullscreenElement ?? webkitFullscreenElement;
+  if (fullscreenElement === container) {
+    const exitFullscreen = standardFullscreenElement === container ? document.exitFullscreen ?? fullscreenDocument.webkitExitFullscreen ?? fullscreenDocument.webkitCancelFullScreen : fullscreenDocument.webkitExitFullscreen ?? fullscreenDocument.webkitCancelFullScreen ?? document.exitFullscreen;
+    try {
+      await exitFullscreen?.call(document);
+      return "exited";
+    } catch {
+      return "exit-failed";
+    }
+  }
+  const fullscreenContainer = container;
+  const requestFullscreen = container.requestFullscreen ?? fullscreenContainer.webkitRequestFullscreen ?? fullscreenContainer.webkitRequestFullScreen;
+  if (!requestFullscreen) return "fallback";
+  try {
+    await requestFullscreen.call(container);
+    return "entered";
+  } catch {
+    return "fallback";
+  }
+}
+function subscribeFullscreen(container, onChange) {
+  const fullscreenDocument = document;
+  const update = () => onChange(
+    (document.fullscreenElement ?? fullscreenDocument.webkitFullscreenElement) === container
+  );
+  document.addEventListener("fullscreenchange", update);
+  document.addEventListener("webkitfullscreenchange", update);
+  return () => {
+    document.removeEventListener("fullscreenchange", update);
+    document.removeEventListener("webkitfullscreenchange", update);
+  };
+}
+function installFallbackFullscreen(onEscape) {
+  const previousOverflow = document.body.style.overflow;
+  document.body.style.overflow = "hidden";
+  const exitOnEscape = (event) => {
+    if (event.key === "Escape") onEscape();
+  };
+  document.addEventListener("keydown", exitOnEscape);
+  return () => {
+    document.removeEventListener("keydown", exitOnEscape);
+    document.body.style.overflow = previousOverflow;
+  };
+}
+function createFullscreenController(container, onModeChange) {
+  if (!document.getElementById("vanillasky-fullscreen")) {
+    const style = document.createElement("style");
+    style.id = "vanillasky-fullscreen";
+    style.textContent = `
+      [data-fullscreen="native"], [data-fullscreen="fallback"] { width: 100vw !important; height: 100dvh !important; border: none !important; border-radius: 0 !important; }
+      [data-fullscreen="fallback"] { position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; }
+      [data-fullscreen="native"] > [data-video-frame="ready"], [data-fullscreen="fallback"] > [data-video-frame="ready"] { left: var(--vs-frame-left) !important; top: var(--vs-frame-top) !important; transform: scale(var(--vs-frame-scale)) !important; }
+      [data-fullscreen="fallback"] [data-testid="video-primary-controls"] { left: calc(20px + env(safe-area-inset-left, 0px)) !important; bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; }
+      [data-fullscreen="fallback"] [data-testid="video-secondary-controls"] { right: calc(20px + env(safe-area-inset-right, 0px)) !important; bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; }
+    `;
+    document.head.append(style);
+  }
+  let mode = "none";
+  let removeFallback;
+  let frame = 0;
+  const present = () => {
+    const surface = container.querySelector(':scope > [data-video-frame="ready"]');
+    if (!surface) return;
+    const width = parseFloat(surface.style.width);
+    const height = parseFloat(surface.style.height);
+    const scale = Math.min(container.clientWidth / width, container.clientHeight / height);
+    container.style.setProperty("--vs-frame-scale", String(scale));
+    container.style.setProperty("--vs-frame-left", `${(container.clientWidth - width * scale) / 2}px`);
+    container.style.setProperty("--vs-frame-top", `${(container.clientHeight - height * scale) / 2}px`);
+  };
+  const schedulePresentation = () => {
+    cancelAnimationFrame(frame);
+    frame = requestAnimationFrame(present);
+  };
+  const resize = () => mode !== "none" && schedulePresentation();
+  window.addEventListener("resize", resize);
+  const setMode = (next) => {
+    if (mode === next) return;
+    removeFallback?.();
+    removeFallback = void 0;
+    mode = next;
+    if (next === "fallback") {
+      removeFallback = installFallbackFullscreen(() => setMode("none"));
+    }
+    onModeChange(next);
+    if (next === "none") {
+      container.style.removeProperty("--vs-frame-scale");
+      container.style.removeProperty("--vs-frame-left");
+      container.style.removeProperty("--vs-frame-top");
+    } else schedulePresentation();
+  };
+  const unsubscribe = subscribeFullscreen(container, (active) => {
+    if (active) setMode("native");
+    else if (mode === "native") setMode("none");
+  });
+  return {
+    async toggle() {
+      if (mode === "fallback") {
+        setMode("none");
+        return;
+      }
+      const result = await toggleFullscreen(container);
+      if (result === "entered") setMode("native");
+      else if (result === "fallback") setMode("fallback");
+      else setMode("none");
+    },
+    dispose() {
+      unsubscribe();
+      removeFallback?.();
+      window.removeEventListener("resize", resize);
+      cancelAnimationFrame(frame);
+    }
+  };
+}
+
+// src/player/control-visibility.ts
+var STYLE_ID = "vanillasky-player-control-visibility";
+var soundtrackPlayers = /* @__PURE__ */ new Map();
+var fullscreenControllers = /* @__PURE__ */ new Map();
+async function togglePlayerFullscreen(container, onModeChange) {
+  let controller = fullscreenControllers.get(container);
+  if (!controller) {
+    controller = createFullscreenController(container, onModeChange);
+    fullscreenControllers.set(container, controller);
+  }
+  await controller.toggle();
+}
+function detachSoundtrack(player) {
+  player.output?.source.disconnect();
+  player.output?.gain.disconnect();
+  if (player.audio) {
+    delete player.audio.dataset.audioOutput;
+    if (player.output) Reflect.deleteProperty(player.audio, "volume");
+  }
+  delete player.audio;
+  delete player.output;
+}
+function routeSoundtrack(container, player, audio) {
+  if (player.audio === audio) return;
+  detachSoundtrack(player);
+  player.audio = audio;
+  audio.dataset.audioOutput = "true";
+  const url = new URL(audio.currentSrc || audio.src, document.baseURI);
+  if (url.origin !== location.origin && url.protocol !== "blob:" && url.protocol !== "data:") return;
+  try {
+    const source = player.context.createMediaElementSource(audio);
+    const gain = player.context.createGain();
+    let volume = Number(audio.dataset.v ?? 1);
+    gain.gain.value = volume;
+    source.connect(gain);
+    gain.connect(player.context.destination);
+    Object.defineProperty(audio, "volume", {
+      configurable: true,
+      get: () => volume,
+      set: (next) => {
+        volume = next;
+        gain.gain.value = next;
+      }
+    });
+    player.output = { source, gain };
+  } catch {
+    detachSoundtrack(player);
+    void player.context.close();
+    soundtrackPlayers.delete(container);
+  }
+}
+function attachSoundtrack(audio, context) {
+  const container = audio.closest('[data-testid="video-player"]');
+  if (!container?.isConnected || !audio.isConnected) {
+    void context.close();
+    return;
+  }
+  const existing = soundtrackPlayers.get(container);
+  if (existing) {
+    void context.close();
+    void existing.context.resume().catch(() => void 0);
+    routeSoundtrack(container, existing, audio);
+    return;
+  }
+  const original = audio.volume;
+  let settable = false;
+  try {
+    audio.volume = original === 0.5 ? 0.25 : 0.5;
+    settable = audio.volume !== original;
+    audio.volume = original;
+  } catch {
+  }
+  if (settable) {
+    audio.dataset.audioOutput = "true";
+    void context.close();
+    return;
+  }
+  const player = { context };
+  soundtrackPlayers.set(container, player);
+  routeSoundtrack(container, player, audio);
+}
+document.addEventListener("click", (event) => {
+  const target = event.target;
+  if (!(target instanceof Element)) return;
+  const container = target.closest('[data-testid="video-player"]');
+  const player = container ? soundtrackPlayers.get(container) : void 0;
+  if (player) void player.context.resume().catch(() => void 0);
+}, true);
+new MutationObserver(() => {
+  for (const [container, player] of soundtrackPlayers) {
+    if (!container.isConnected) {
+      detachSoundtrack(player);
+      void player.context.close();
+      soundtrackPlayers.delete(container);
+    } else {
+      const audio = container.querySelector("audio");
+      if (audio) routeSoundtrack(container, player, audio);
+      else detachSoundtrack(player);
+    }
+  }
+  for (const [container, controller] of fullscreenControllers) {
+    if (!container.isConnected) {
+      controller.dispose();
+      fullscreenControllers.delete(container);
+    }
+  }
+}).observe(document, { childList: true, subtree: true });
+if (!document.getElementById(STYLE_ID)) {
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = `
+      [data-testid="video-controls"] { opacity: 1; transition: opacity 160ms ease; }
+      [data-playing="true"] > [data-testid="video-controls"] { opacity: 0; }
+      [data-playing="true"][data-touch-controls="true"] > [data-testid="video-controls"],
+      [data-playing="true"]:focus-visible > [data-testid="video-controls"],
+      [data-playing="true"] > [data-testid="video-controls"]:has(:focus-visible) { opacity: 1; }
+      [data-playing="true"] > [data-testid="video-controls"] > div { pointer-events: none; }
+      [data-playing="true"][data-touch-controls="true"] > [data-testid="video-controls"] > div,
+      [data-playing="true"]:focus-visible > [data-testid="video-controls"] > div,
+      [data-playing="true"] > [data-testid="video-controls"]:has(:focus-visible) > div { pointer-events: auto; }
+      @media (hover: hover) {
+        [data-playing="true"]:hover > [data-testid="video-controls"] { opacity: 1; }
+        [data-playing="true"]:hover > [data-testid="video-controls"] > div { pointer-events: auto; }
+      }
+  `;
+  document.head.append(style);
+  document.addEventListener("touchstart", (event) => {
+    const target = event.target;
+    const container = target.closest('[data-testid="video-player"]');
+    if (container && !target.closest("button")) {
+      container.dataset.touchControls = String(container.dataset.touchControls !== "true");
+    }
+  });
+}
+export {
+  attachSoundtrack as default,
+  togglePlayerFullscreen
+};

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

@@ -4,8 +4,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
-import "./chunk-ABZACD4G.js";
+} from "./chunk-4AODC6MS.js";
+import "./chunk-35LIYILY.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   SPRING_SMOOTH,
   interpolate,
@@ -14,7 +15,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/WordmarkReveal.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -5,12 +5,15 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
+} from "./chunk-4AODC6MS.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TemplateText
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-ABZACD4G.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   SPRING_SMOOTH,
   interpolate,
@@ -19,7 +22,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/CtaMediaClose.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -174,6 +177,7 @@ var CtaMediaTemplate = ({
     /* @__PURE__ */ jsx2(
       TemplateText,
       {
+        overMedia: hasSceneMedia(variables),
         motionProgress,
         typeTreatment: resolveTokens(style).preset.type,
         archetype: textArchetype || "subtle",

package/dist/{events-CTIsANzz.d.ts → events-tQ0x-VaL.d.ts}

@@ -1,4 +1,4 @@
-import { f as VideoOrientation, h as VideoStyle, V as Video, k as VideoCapabilities, a as VideoAudio, g as VideoScene, l as VIDEO_PROTOCOL_VERSION } from './types-CkO2EYr4.js';
+import { f as VideoOrientation, h as VideoStyle, V as Video, k as VideoCapabilities, a as VideoAudio, g as VideoScene, l as VIDEO_PROTOCOL_VERSION } from './types-CVMb6QEq.js';
 
 type VideoWarningCategory = "validation" | "readability" | "grounding" | "provider" | "media" | "protocol";
 type VideoWarningCode = "scene_duration_adjusted" | "scene_omitted_unreadable" | "scene_omitted_for_closer" | "scene_patch_rejected_readability" | "chart_scale_imbalance" | "plan_incomplete" | "plan_missing_closer" | "provider_warning" | "provider_diagnostics_unavailable";

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

@@ -5,8 +5,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
-import "./chunk-ABZACD4G.js";
+} from "./chunk-4AODC6MS.js";
+import "./chunk-35LIYILY.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,
@@ -15,7 +16,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/social/IncomingCallCard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { V as Video } from './types-CkO2EYr4.js';
-export { a as VideoAudio, b as VideoBackground, c as VideoBrand, d as VideoInput, e as VideoKnowledgeMode, f as VideoOrientation, g as VideoScene, h as VideoStyle, i as VideoStyleOptions, j as VideoSuppliedMedia } from './types-CkO2EYr4.js';
+import { V as Video } from './types-CVMb6QEq.js';
+export { a as VideoAudio, b as VideoBackground, c as VideoBrand, d as VideoInput, e as VideoKnowledgeMode, f as VideoOrientation, g as VideoScene, h as VideoStyle, i as VideoStyleOptions, j as VideoSuppliedMedia } from './types-CVMb6QEq.js';
 export { V as VideoStatus } from './state-DZcKuS32.js';
 
 type VideoValidationErrorCode = "invalid_video" | "unsupported_video_version";

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

@@ -6,14 +6,14 @@ import {
 } from "./chunk-S7HFLYNN.js";
 import {
   smoothSize
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import {
   Emoji,
   renderWithEmoji
 } from "./chunk-L5BTTCZV.js";
 import {
   gradientBackground
-} from "./chunk-ABZACD4G.js";
+} from "./chunk-IJM4B2ZN.js";
 import {
   interpolate,
   spring
@@ -21,7 +21,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/infographic/BeforeAfterSplit.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -7,14 +7,17 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
+} from "./chunk-4AODC6MS.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TemplateText
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import {
   Emoji
 } from "./chunk-L5BTTCZV.js";
-import "./chunk-ABZACD4G.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   interpolate,
   spring
@@ -22,7 +25,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/infographic/FeatureList.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -231,6 +234,7 @@ var InfographicFeatureListTemplate = ({
     /* @__PURE__ */ jsx2(
       TemplateText,
       {
+        overMedia: hasSceneMedia(variables),
         motionProgress,
         typeTreatment: resolveTokens(style).preset.type,
         archetype: "subtle",

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

@@ -4,12 +4,13 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
+} from "./chunk-4AODC6MS.js";
+import "./chunk-35LIYILY.js";
 import {
   smoothSize
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
-import "./chunk-ABZACD4G.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   interpolate,
   spring
@@ -17,7 +18,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/infographic/ProblemSolution.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,15 +1,18 @@
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
+} from "./chunk-4AODC6MS.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TemplateText
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import "./chunk-L5BTTCZV.js";
 import {
   TOP_TEXT_AREA_RATIO,
   withOpacity
-} from "./chunk-ABZACD4G.js";
+} from "./chunk-IJM4B2ZN.js";
 import {
   interpolate,
   spring
@@ -17,7 +20,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/StatBadgeRow.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -205,6 +208,7 @@ var InfographicStatRowTemplate = ({
         /* @__PURE__ */ jsx2(
           TemplateText,
           {
+            overMedia: hasSceneMedia(variables),
             motionProgress,
             typeTreatment: resolveTokens(style).preset.type,
             archetype: "subtle",

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

@@ -8,10 +8,13 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
+} from "./chunk-4AODC6MS.js";
+import {
+  hasSceneMedia
+} from "./chunk-35LIYILY.js";
 import {
   TemplateText
-} from "./chunk-BCRUUJ6A.js";
+} from "./chunk-TCEHK2BW.js";
 import {
   Emoji
 } from "./chunk-L5BTTCZV.js";
@@ -19,7 +22,7 @@ import {
   TOP_TEXT_AREA_RATIO,
   autoTextColor,
   withOpacity
-} from "./chunk-ABZACD4G.js";
+} from "./chunk-IJM4B2ZN.js";
 import {
   interpolate,
   spring
@@ -27,7 +30,7 @@ import {
 import {
   TOKEN_DEFAULTS,
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/infographic/StepsList.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -360,6 +363,7 @@ var InfographicStepsTemplate = ({
         /* @__PURE__ */ jsx2(
           TemplateText,
           {
+            overMedia: hasSceneMedia(variables),
             motionProgress,
             typeTreatment: resolveTokens(style).preset.type,
             archetype: "subtle",

package/dist/{kit-DA2cfJ96.d.ts → kit-DlUSg8lA.d.ts}

@@ -1,4 +1,4 @@
-import { h as VideoStyle, k as VideoCapabilities } from './types-CkO2EYr4.js';
+import { h as VideoStyle, k as VideoCapabilities } from './types-CVMb6QEq.js';
 import { ComponentType } from 'react';
 import { S as SceneTemplateMetadata, d as TemplateJsonSchema, f as TemplateJsonSchemaProperty } from './catalog-types-BIhSpOWK.js';
 

package/dist/preload-media-KIYBFYRH.js

@@ -0,0 +1,30 @@
+import {
+  resolveMediaType
+} from "./chunk-35LIYILY.js";
+
+// src/player/preload-media.ts
+var warmed = /* @__PURE__ */ new Set();
+function warm(url) {
+  const trimmed = url.trim();
+  if (!trimmed || warmed.has(trimmed)) return;
+  warmed.add(trimmed);
+  const image = new Image();
+  image.onerror = () => {
+  };
+  image.src = trimmed;
+}
+function preloadSceneMedia(variables) {
+  if (typeof window === "undefined" || typeof Image === "undefined") return;
+  const mediaUrl = String(variables.mediaUrl || "").trim();
+  if (!mediaUrl) return;
+  const resolved = resolveMediaType(String(variables.mediaType || "auto"), mediaUrl);
+  if (resolved === "gradient") return;
+  if (resolved === "video") {
+    warm(String(variables.mediaPoster || ""));
+    return;
+  }
+  warm(mediaUrl);
+}
+export {
+  preloadSceneMedia
+};

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

@@ -4,8 +4,9 @@ import {
 import {
   SceneBackground,
   getMediaBackgroundProps
-} from "./chunk-IFOW65Z6.js";
-import "./chunk-ABZACD4G.js";
+} from "./chunk-4AODC6MS.js";
+import "./chunk-35LIYILY.js";
+import "./chunk-IJM4B2ZN.js";
 import {
   SPRING_BOUNCY,
   SPRING_SMOOTH,
@@ -14,7 +15,7 @@ import {
 } from "./chunk-XTOXFMLM.js";
 import {
   resolveTokens
-} from "./chunk-FNAEQ7QO.js";
+} from "./chunk-XWWLKRNU.js";
 
 // src/visual-system/primitives/typography/PromptInputPill.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/react.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactElement } from 'react';
-import { V as VideoEvent, a as VideoWarning } from './events-CTIsANzz.js';
-import { f as VideoOrientation, V as Video, d as VideoInput } from './types-CkO2EYr4.js';
-import { T as TemplateRegistry } from './kit-DA2cfJ96.js';
+import { V as VideoEvent, a as VideoWarning } from './events-tQ0x-VaL.js';
+import { f as VideoOrientation, V as Video, d as VideoInput } from './types-CVMb6QEq.js';
+import { T as TemplateRegistry } from './kit-DlUSg8lA.js';
 import { V as VideoStatus } from './state-DZcKuS32.js';
 import './catalog-types-BIhSpOWK.js';