@vanillaskyai/video 0.9.0 → 0.10.0

package/dist/{chunk-LH4BPALA.js → chunk-IIN5M5HW.js}

@@ -135,62 +135,9 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
       "additionalProperties": false
     }
   },
-  {
-    "label": "Focus cards",
-    "description": "Two to four short phrases fade in sequentially on black; no boxes or heading.",
-    "usesGlobalTextEffect": false,
-    "usesGlobalTransition": false,
-    "usesGlobalBackgroundEffect": false,
-    "textCanvas": "tight",
-    "id": "focusCards",
-    "family": "Explainers",
-    "jobs": [
-      "setup",
-      "proof"
-    ],
-    "register": "card-led",
-    "useWhen": "Two to four short parallel points support an explanation. ",
-    "avoidWhen": "The points require an order, long paragraphs, numerical data or additional images to make sense.",
-    "minDuration": 4,
-    "preferredDuration": 5,
-    "timing": {
-      "contentFields": [
-        "items"
-      ],
-      "contentUnit": "items",
-      "revealSeconds": 2.4,
-      "holdSeconds": 1.8,
-      "exitSeconds": 0
-    },
-    "schema": {
-      "type": "object",
-      "properties": {
-        "items": {
-          "type": "array",
-          "minItems": 2,
-          "maxItems": 4,
-          "items": {
-            "type": "string",
-            "minLength": 1,
-            "maxLength": 55
-          },
-          "default": [
-            "Listen closely",
-            "Notice the pattern",
-            "Make room for change"
-          ],
-          "description": "2\u20134 parallel phrases, about 2\u20136 words each; no heading or numbering."
-        }
-      },
-      "required": [
-        "items"
-      ],
-      "additionalProperties": false
-    }
-  },
   {
     "label": "Timeline",
-    "description": "Three to five events on a fine continuous line on black; without dates.",
+    "description": "Three to five events on a fine continuous line over relevant media or black; without dates.",
     "usesGlobalTextEffect": false,
     "usesGlobalTransition": false,
     "usesGlobalBackgroundEffect": false,
@@ -248,12 +195,59 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
             }
           ],
           "description": "3\u20135 ordered events or actions, each with one short label; no dates."
+        },
+        "mediaKeyword": {
+          "type": "string",
+          "format": "stock-media-keyword",
+          "minLength": 1,
+          "maxLength": 80,
+          "description": "2\u20138 word literal subject/action search intent, maximum 80 characters. Host resolves URLs.",
+          "examples": [
+            "Ocean waves breaking on a rocky shore"
+          ]
+        },
+        "mediaUrl": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved photo or video URL.",
+          "default": ""
+        },
+        "mediaType": {
+          "type": "string",
+          "enum": [
+            "photo",
+            "video"
+          ],
+          "default": "video",
+          "description": "Host-resolved asset kind."
+        },
+        "mediaPoster": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved poster URL for video decoding.",
+          "default": ""
+        },
+        "shotDirection": {
+          "type": "string",
+          "maxLength": 220,
+          "description": "Optional action, framing and continuity for generation. Preserve the subject; do not request rendered text."
+        },
+        "mediaSource": {
+          "type": "string",
+          "enum": [
+            "generate",
+            "stock"
+          ],
+          "description": "Generate distinctive illustrative shots; use approved stock for familiar observable subjects."
         }
       },
       "required": [
         "events"
       ],
-      "additionalProperties": false
+      "additionalProperties": false,
+      "x-vanillasky": {
+        "allowsStockMedia": true
+      }
     }
   },
   {
@@ -354,7 +348,7 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
   },
   {
     "label": "Comparison",
-    "description": "Two short statements with equal weight on black, side by side or stacked in portrait.",
+    "description": "Two short statements with equal weight over relevant media or black, side by side or stacked in portrait.",
     "usesGlobalTextEffect": false,
     "usesGlobalTransition": false,
     "usesGlobalBackgroundEffect": false,
@@ -407,18 +401,65 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
           "maxLength": 60,
           "default": "More room to think",
           "description": "Second real alternative, parallel to the first."
+        },
+        "mediaKeyword": {
+          "type": "string",
+          "format": "stock-media-keyword",
+          "minLength": 1,
+          "maxLength": 80,
+          "description": "2\u20138 word literal subject/action search intent, maximum 80 characters. Host resolves URLs.",
+          "examples": [
+            "Ocean waves breaking on a rocky shore"
+          ]
+        },
+        "mediaUrl": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved photo or video URL.",
+          "default": ""
+        },
+        "mediaType": {
+          "type": "string",
+          "enum": [
+            "photo",
+            "video"
+          ],
+          "default": "video",
+          "description": "Host-resolved asset kind."
+        },
+        "mediaPoster": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved poster URL for video decoding.",
+          "default": ""
+        },
+        "shotDirection": {
+          "type": "string",
+          "maxLength": 220,
+          "description": "Optional action, framing and continuity for generation. Preserve the subject; do not request rendered text."
+        },
+        "mediaSource": {
+          "type": "string",
+          "enum": [
+            "generate",
+            "stock"
+          ],
+          "description": "Generate distinctive illustrative shots; use approved stock for familiar observable subjects."
         }
       },
       "required": [
         "leftText",
         "rightText"
       ],
-      "additionalProperties": false
+      "additionalProperties": false,
+      "x-vanillasky": {
+        "allowsStockMedia": true
+      }
     }
   },
   {
     "label": "Quote",
-    "description": "A short exact quotation with a legible attribution on black.",
+    "description": "A short exact quotation with a legible attribution over relevant media or black.",
     "usesGlobalTextEffect": false,
     "usesGlobalTransition": false,
     "usesGlobalBackgroundEffect": false,
@@ -464,18 +505,65 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
             "Illustrative example"
           ],
           "description": "Grounded attribution belonging to these exact quoted words."
+        },
+        "mediaKeyword": {
+          "type": "string",
+          "format": "stock-media-keyword",
+          "minLength": 1,
+          "maxLength": 80,
+          "description": "2\u20138 word literal subject/action search intent, maximum 80 characters. Host resolves URLs.",
+          "examples": [
+            "Ocean waves breaking on a rocky shore"
+          ]
+        },
+        "mediaUrl": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved photo or video URL.",
+          "default": ""
+        },
+        "mediaType": {
+          "type": "string",
+          "enum": [
+            "photo",
+            "video"
+          ],
+          "default": "video",
+          "description": "Host-resolved asset kind."
+        },
+        "mediaPoster": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved poster URL for video decoding.",
+          "default": ""
+        },
+        "shotDirection": {
+          "type": "string",
+          "maxLength": 220,
+          "description": "Optional action, framing and continuity for generation. Preserve the subject; do not request rendered text."
+        },
+        "mediaSource": {
+          "type": "string",
+          "enum": [
+            "generate",
+            "stock"
+          ],
+          "description": "Generate distinctive illustrative shots; use approved stock for familiar observable subjects."
         }
       },
       "required": [
         "quote",
         "attribution"
       ],
-      "additionalProperties": false
+      "additionalProperties": false,
+      "x-vanillasky": {
+        "allowsStockMedia": true
+      }
     }
   },
   {
     "label": "Key figure",
-    "description": "One supplied figure with one short label on black.",
+    "description": "One supplied figure with one short label over relevant media or black.",
     "usesGlobalTextEffect": false,
     "usesGlobalTransition": false,
     "usesGlobalBackgroundEffect": false,
@@ -521,6 +609,50 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
             "Illustrative example"
           ],
           "description": "Exactly one short label identifying the quantity and its context."
+        },
+        "mediaKeyword": {
+          "type": "string",
+          "format": "stock-media-keyword",
+          "minLength": 1,
+          "maxLength": 80,
+          "description": "2\u20138 word literal subject/action search intent, maximum 80 characters. Host resolves URLs.",
+          "examples": [
+            "Ocean waves breaking on a rocky shore"
+          ]
+        },
+        "mediaUrl": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved photo or video URL.",
+          "default": ""
+        },
+        "mediaType": {
+          "type": "string",
+          "enum": [
+            "photo",
+            "video"
+          ],
+          "default": "video",
+          "description": "Host-resolved asset kind."
+        },
+        "mediaPoster": {
+          "type": "string",
+          "format": "uri",
+          "description": "Host-only approved poster URL for video decoding.",
+          "default": ""
+        },
+        "shotDirection": {
+          "type": "string",
+          "maxLength": 220,
+          "description": "Optional action, framing and continuity for generation. Preserve the subject; do not request rendered text."
+        },
+        "mediaSource": {
+          "type": "string",
+          "enum": [
+            "generate",
+            "stock"
+          ],
+          "description": "Generate distinctive illustrative shots; use approved stock for familiar observable subjects."
         }
       },
       "required": [
@@ -529,7 +661,8 @@ var GENERATED_BUILTIN_TEMPLATE_CATALOG = [
       ],
       "additionalProperties": false,
       "x-vanillasky": {
-        "requiresStat": true
+        "requiresStat": true,
+        "allowsStockMedia": true
       }
     }
   }

package/dist/{chunk-MQILEEXC.js → chunk-IR44XKBI.js}

@@ -1,6 +1,6 @@
 import {
   BUILTIN_TEMPLATE_CATALOG
-} from "./chunk-LH4BPALA.js";
+} from "./chunk-IIN5M5HW.js";
 import {
   assertTemplateTransitionMetadata
 } from "./chunk-2E6T633S.js";

package/dist/{chunk-G7IZBBWF.js → chunk-NMFDC2W2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-77VY4O7A.js";
 import {
   resolveMediaType
-} from "./chunk-UDIODEDK.js";
+} from "./chunk-224QNWRA.js";
 import {
   useExternalVideoBackdrop
 } from "./chunk-TVIU23OM.js";
@@ -195,14 +195,7 @@ var SceneBackground = ({
   ] });
 };
 
-// src/visual-system/scene-templates/cinema-media.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function MediaScene({ variables, style, width, height, progress, sceneDuration, isPlaying }) {
-  return /* @__PURE__ */ jsx2("div", { "data-template": "cinemaMedia", style: { width, height, position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ jsx2(SceneBackground, { style, width, height, progress, sceneDuration, ...getMediaBackgroundProps(variables), mediaTreatment: "none", backgroundEffect: "none", isPlaying }) });
-}
-var MediaSceneTemplate = MediaScene;
-
 export {
-  MediaScene,
-  MediaSceneTemplate
+  getMediaBackgroundProps,
+  SceneBackground
 };

package/dist/chunk-XX4GXKTX.js

@@ -0,0 +1,35 @@
+import {
+  SceneBackground,
+  getMediaBackgroundProps
+} from "./chunk-NMFDC2W2.js";
+import {
+  editorialFont
+} from "./chunk-4YM2M62S.js";
+import {
+  hasSceneMedia
+} from "./chunk-224QNWRA.js";
+
+// src/visual-system/scene-templates/editorial-background.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EditorialSurface({ children, template, ...props }) {
+  const { variables, style, width, height, progress, sceneDuration, isPlaying } = props;
+  const overMedia = hasSceneMedia(variables), u = Math.min(width, height);
+  const surface = {
+    position: "absolute",
+    inset: 0,
+    overflow: "hidden",
+    background: overMedia ? "var(--vanillasky-template-surface, #000)" : "#000",
+    fontFamily: editorialFont,
+    color: "#fff",
+    // Two soft, scale-aware shadows preserve local contrast without outlining type.
+    textShadow: overMedia ? `0 ${u * 2e-3}px ${u * 8e-3}px rgba(0,0,0,.65), 0 ${u * 6e-3}px ${u * 0.016}px rgba(0,0,0,.4)` : void 0
+  };
+  return /* @__PURE__ */ jsxs("div", { "data-template": template, style: surface, children: [
+    overMedia && /* @__PURE__ */ jsx(SceneBackground, { style, width, height, progress, sceneDuration, ...getMediaBackgroundProps(variables), mediaTreatment: "cinematic", textAnchor: "center", backgroundEffect: "none", isPlaying }),
+    children
+  ] });
+}
+
+export {
+  EditorialSurface
+};

package/dist/chunk-Z67Q5KUW.js

@@ -0,0 +1,16 @@
+import {
+  SceneBackground,
+  getMediaBackgroundProps
+} from "./chunk-NMFDC2W2.js";
+
+// src/visual-system/scene-templates/cinema-media.tsx
+import { jsx } from "react/jsx-runtime";
+function MediaScene({ variables, style, width, height, progress, sceneDuration, isPlaying }) {
+  return /* @__PURE__ */ jsx("div", { "data-template": "cinemaMedia", style: { width, height, position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ jsx(SceneBackground, { style, width, height, progress, sceneDuration, ...getMediaBackgroundProps(variables), mediaTreatment: "none", backgroundEffect: "none", isPlaying }) });
+}
+var MediaSceneTemplate = MediaScene;
+
+export {
+  MediaScene,
+  MediaSceneTemplate
+};

package/dist/{cinema-media-YQHSIFDA.js → cinema-media-C7OUPNSH.js}

@@ -1,9 +1,10 @@
 import {
   MediaScene,
   MediaSceneTemplate
-} from "./chunk-G7IZBBWF.js";
+} from "./chunk-Z67Q5KUW.js";
+import "./chunk-NMFDC2W2.js";
 import "./chunk-77VY4O7A.js";
-import "./chunk-UDIODEDK.js";
+import "./chunk-224QNWRA.js";
 import "./chunk-TVIU23OM.js";
 export {
   MediaScene,

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import "./chunk-OR52UMSF.js";
+import "./chunk-2HFO22K2.js";
 import "./chunk-PAJ44TFW.js";
 import {
   isTemplatePropertyFormatSupported,
@@ -8,14 +8,14 @@ import {
 import {
   getBuiltinTemplateMetadata,
   listBuiltinTemplateMetadata
-} from "./chunk-LH4BPALA.js";
+} from "./chunk-IIN5M5HW.js";
 import "./chunk-3O7OMMMF.js";
 import {
   assertTemplateTransitionMetadata
 } from "./chunk-2E6T633S.js";
 import {
   BUILTIN_TEMPLATE_MANIFEST
-} from "./chunk-MXEYPK7M.js";
+} from "./chunk-4ZJLPHBV.js";
 import {
   externalVideoBackdropCapabilitySource
 } from "./chunk-R3XAOMKP.js";

package/dist/{comparison-RZMMHZR2.js → comparison-GNZOR7MF.js}

@@ -1,22 +1,32 @@
 import {
-  editorialFont,
+  EditorialSurface
+} from "./chunk-XX4GXKTX.js";
+import "./chunk-NMFDC2W2.js";
+import "./chunk-77VY4O7A.js";
+import {
   editorialLabel,
   fade
 } from "./chunk-4YM2M62S.js";
+import {
+  hasSceneMedia
+} from "./chunk-224QNWRA.js";
+import "./chunk-TVIU23OM.js";
 
 // src/visual-system/scene-templates/comparison.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function ComparisonScene({ variables, width, height, progress, motionProgress = progress, safeZone }) {
+function ComparisonScene(props) {
+  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
+  const overMedia = hasSceneMedia(variables);
   const portrait = height > width, u = Math.min(width, height);
   const side = Math.max(width * 0.12, safeZone.left, safeZone.right);
   const top = Math.max(height * 0.2, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom);
   const area = bottom - top, cy = (top + bottom) / 2, available = width - side * 2;
   const entries = [{ label: String(variables.leftLabel ?? ""), text: String(variables.leftText ?? "") }, { label: String(variables.rightLabel ?? ""), text: String(variables.rightText ?? "") }];
   const textWidth = portrait ? available : available * 0.39;
-  return /* @__PURE__ */ jsxs("div", { "data-template": "comparison", style: { position: "absolute", inset: 0, background: "#000", color: "#fff", fontFamily: editorialFont, overflow: "hidden" }, children: [
+  return /* @__PURE__ */ jsxs(EditorialSurface, { ...props, template: "comparison", children: [
     /* @__PURE__ */ jsx("div", { "aria-hidden": "true", style: { position: "absolute", left: portrait ? width * 0.32 : width / 2, top: portrait ? cy : top + area * 0.18, width: portrait ? width * 0.36 : u * 1e-3, height: portrait ? u * 1e-3 : area * 0.64, background: "#fff", opacity: 0.22 * fade((motionProgress - 0.16) / 0.18) } }),
     entries.map((entry, i) => /* @__PURE__ */ jsxs("div", { "data-comparison-side": i === 0 ? "left" : "right", style: { position: "absolute", left: portrait ? side : side + available * (i === 0 ? 0.055 : 0.555), top: portrait ? top + area * (i === 0 ? 0.25 : 0.75) : cy, width: textWidth, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.04 - i * 0.22) / 0.2) }, children: [
-      entry.label && /* @__PURE__ */ jsx("div", { style: { ...editorialLabel(u), marginBottom: u * 0.028 }, children: entry.label }),
+      entry.label && /* @__PURE__ */ jsx("div", { style: { ...editorialLabel(u), color: overMedia ? "#fff" : "#b7b7bc", marginBottom: u * 0.028 }, children: entry.label }),
       /* @__PURE__ */ jsx("div", { style: { fontSize: u * 0.058, fontWeight: 500, lineHeight: 1.22, letterSpacing: "-.025em", textWrap: "balance", overflowWrap: "anywhere" }, children: entry.text })
     ] }, i))
   ] });

package/dist/{editorial-timeline-OZX7OS6G.js → editorial-timeline-EMV5335S.js}

@@ -1,12 +1,19 @@
 import {
-  editorialFont,
+  EditorialSurface
+} from "./chunk-XX4GXKTX.js";
+import "./chunk-NMFDC2W2.js";
+import "./chunk-77VY4O7A.js";
+import {
   fade
 } from "./chunk-4YM2M62S.js";
+import "./chunk-224QNWRA.js";
+import "./chunk-TVIU23OM.js";
 
 // src/visual-system/scene-templates/editorial-timeline.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var timelineTiming = (index) => ({ nodeStart: index === 0 ? 0.06 : 0.23 + (index - 1) * 0.11, lineStart: 0.14 + index * 0.11, lineDuration: 0.09, entranceDuration: 0.16 });
-function TimelineScene({ variables, progress, motionProgress = progress, width, height, safeZone }) {
+function TimelineScene(props) {
+  const { variables, progress, motionProgress = progress, width, height, safeZone } = props;
   const events = (Array.isArray(variables.events) ? variables.events : []).slice(0, 5).map((e) => ({ label: String(e?.label ?? "") }));
   const portrait = height > width, u = Math.min(width, height), n = Math.max(1, events.length);
   const side = Math.max(width * 0.13, safeZone.left, safeZone.right), available = width - side * 2;
@@ -14,7 +21,7 @@ function TimelineScene({ variables, progress, motionProgress = progress, width,
   const slot = portrait ? (bottom - top) / n : available / n;
   const points = events.map((_, i) => ({ x: portrait ? side : side + slot * (i + 0.5), y: portrait ? top + slot * (i + 0.5) : height * 0.43 }));
   const radius = u * 45e-4;
-  return /* @__PURE__ */ jsxs("div", { "data-template": "timeline", style: { position: "absolute", inset: 0, overflow: "hidden", background: "#000", fontFamily: editorialFont, color: "#fff" }, children: [
+  return /* @__PURE__ */ jsxs(EditorialSurface, { ...props, template: "timeline", children: [
     points.slice(0, -1).map((point, i) => {
       const next = points[i + 1], timing = timelineTiming(i), line = fade((motionProgress - timing.lineStart) / timing.lineDuration);
       return /* @__PURE__ */ jsx("div", { "data-step-connector": "true", style: { position: "absolute", left: point.x, top: point.y, width: portrait ? u * 1e-3 : next.x - point.x, height: portrait ? next.y - point.y : u * 1e-3, background: "#fff", opacity: 0.3, transform: portrait ? `scaleY(${line})` : `scaleX(${line})`, transformOrigin: portrait ? "top" : "left" } }, `line-${i}`);

package/dist/key-figure-P37VK425.js

@@ -0,0 +1,30 @@
+import {
+  EditorialSurface
+} from "./chunk-XX4GXKTX.js";
+import "./chunk-NMFDC2W2.js";
+import "./chunk-77VY4O7A.js";
+import {
+  editorialLabel,
+  fade
+} from "./chunk-4YM2M62S.js";
+import {
+  hasSceneMedia
+} from "./chunk-224QNWRA.js";
+import "./chunk-TVIU23OM.js";
+
+// src/visual-system/scene-templates/key-figure.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function KeyFigureScene(props) {
+  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
+  const overMedia = hasSceneMedia(variables);
+  const u = Math.min(width, height), side = Math.max(width * 0.13, safeZone.left, safeZone.right), available = width - side * 2;
+  const top = Math.max(height * 0.16, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom), value = String(variables.value ?? "");
+  return /* @__PURE__ */ jsx(EditorialSurface, { ...props, template: "keyFigure", children: /* @__PURE__ */ jsxs("div", { style: { position: "absolute", left: side, top: (top + bottom) / 2, width: available, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.03) / 0.22) }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: Math.min(u * 0.22, available / Math.max(1, value.length * 0.6)), fontWeight: 500, lineHeight: 1.05, letterSpacing: "-.045em", fontVariantNumeric: "tabular-nums" }, children: value }),
+    /* @__PURE__ */ jsx("div", { style: { ...editorialLabel(u), color: overMedia ? "#fff" : "#b7b7bc", marginTop: u * 0.045, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.label ?? "") })
+  ] }) });
+}
+var KeyFigureSceneTemplate = KeyFigureScene;
+export {
+  KeyFigureSceneTemplate
+};

package/dist/{mobile-message-UZUPIKHD.js → mobile-message-OF7T62B7.js}

@@ -1,13 +1,14 @@
 import {
   MediaScene
-} from "./chunk-G7IZBBWF.js";
+} from "./chunk-Z67Q5KUW.js";
+import "./chunk-NMFDC2W2.js";
 import {
   spring
 } from "./chunk-77VY4O7A.js";
 import {
   editorialFont
 } from "./chunk-4YM2M62S.js";
-import "./chunk-UDIODEDK.js";
+import "./chunk-224QNWRA.js";
 import "./chunk-TVIU23OM.js";
 
 // src/visual-system/scene-templates/mobile-message.tsx

package/dist/{preload-media-CFTZIMZL.js → preload-media-LJXWKTWG.js}

@@ -1,7 +1,7 @@
 import {
   limitsConcurrentVideoDecoders,
   resolveMediaType
-} from "./chunk-UDIODEDK.js";
+} from "./chunk-224QNWRA.js";
 
 // src/player/preload-media.ts
 var warmed = /* @__PURE__ */ new Set();

package/dist/quote-T6WYLN7A.js

@@ -0,0 +1,33 @@
+import {
+  EditorialSurface
+} from "./chunk-XX4GXKTX.js";
+import "./chunk-NMFDC2W2.js";
+import "./chunk-77VY4O7A.js";
+import {
+  fade
+} from "./chunk-4YM2M62S.js";
+import {
+  hasSceneMedia
+} from "./chunk-224QNWRA.js";
+import "./chunk-TVIU23OM.js";
+
+// src/visual-system/scene-templates/quote.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function QuoteScene(props) {
+  const { variables, width, height, progress, motionProgress = progress, safeZone } = props;
+  const overMedia = hasSceneMedia(variables);
+  const u = Math.min(width, height), top = Math.max(height * 0.16, safeZone.top), bottom = height - Math.max(height * 0.23, safeZone.bottom);
+  const side = Math.max(width * 0.13, safeZone.left, safeZone.right);
+  return /* @__PURE__ */ jsx(EditorialSurface, { ...props, template: "quote", children: /* @__PURE__ */ jsxs("div", { style: { position: "absolute", left: side, top: (top + bottom) / 2, width: width - side * 2, transform: "translateY(-50%)", textAlign: "center", opacity: fade((motionProgress - 0.03) / 0.24) }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: u * 0.067, fontWeight: 500, lineHeight: 1.25, letterSpacing: "-.025em", textWrap: "balance", overflowWrap: "anywhere" }, children: [
+      "\u201C",
+      String(variables.quote ?? ""),
+      "\u201D"
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { fontSize: u * 0.041, fontWeight: 400, color: overMedia ? "#fff" : "#b7b7bc", lineHeight: 1.3, marginTop: u * 0.065, textWrap: "balance", overflowWrap: "anywhere" }, children: String(variables.attribution ?? "") })
+  ] }) });
+}
+var QuoteSceneTemplate = QuoteScene;
+export {
+  QuoteSceneTemplate
+};