@cueframe/kernel 0.0.1

package/dist/_members/primitives/chunk-ROV2ODWC.js

@@ -0,0 +1,81 @@
+// src/lib/text/fitText.tsx
+import React from "react";
+import { fitTextOnNLines } from "@remotion/layout-utils";
+import { jsx } from "react/jsx-runtime";
+function resolveFitFontSize({
+  singleLineFitFontSize,
+  minFontSize,
+  maxFontSize
+}) {
+  const capped = Math.min(maxFontSize, singleLineFitFontSize);
+  if (capped >= minFontSize) return { fontSize: capped, overflow: false };
+  return { fontSize: minFontSize, overflow: true };
+}
+var FitText = ({
+  children,
+  maxWidth,
+  maxFontSize,
+  maxLines = 1,
+  minFontSize,
+  fontFamily,
+  fontWeight = 400,
+  letterSpacing,
+  textTransform,
+  style
+}) => {
+  const text = (children ?? "").toString();
+  const floor = minFontSize ?? Math.round(maxFontSize * 0.55);
+  const fitted = React.useMemo(() => {
+    if (text.trim().length === 0) return maxFontSize;
+    try {
+      const { fontSize: fontSize2 } = fitTextOnNLines({
+        text,
+        maxLines,
+        maxBoxWidth: maxWidth,
+        fontFamily,
+        fontWeight,
+        letterSpacing,
+        textTransform,
+        maxFontSize,
+        validateFontIsLoaded: false
+      });
+      return fontSize2;
+    } catch {
+      return maxFontSize;
+    }
+  }, [text, maxLines, maxWidth, fontFamily, fontWeight, letterSpacing, textTransform, maxFontSize]);
+  const { fontSize } = resolveFitFontSize({
+    singleLineFitFontSize: fitted,
+    minFontSize: floor,
+    maxFontSize
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        fontSize,
+        fontFamily,
+        fontWeight,
+        letterSpacing,
+        textTransform,
+        maxWidth,
+        // Clamp to maxLines with an ellipsis for the extreme case (text still too long
+        // at the floor). For maxLines===1 this also keeps it single-line.
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        WebkitLineClamp: maxLines,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        wordBreak: "break-word",
+        ...style
+      },
+      children: text
+    }
+  );
+};
+
+export {
+  resolveFitFontSize,
+  FitText
+};
+//# sourceMappingURL=chunk-ROV2ODWC.js.map

package/dist/_members/primitives/chunk-ROV2ODWC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/text/fitText.tsx"],"sourcesContent":["/**\n * Auto-fit text for render primitives.\n *\n * Text slots used to render at a FIXED font size with no overflow handling, so each\n * carried a hard `maxLength` cap — natural agent copy overflowed it and the write-\n * boundary validation rejected it (guess-and-check churn). `<FitText>` measures the\n * text and shrinks-to-fit → wraps → ellipsizes so any length renders gracefully, which\n * lets the caps be raised to a generous legibility ceiling.\n *\n * `resolveFitFontSize` is the pure decision (unit-tested); the component wires\n * remotion's `fitText` (impure DOM measurement) to feed it.\n */\n\nimport React from 'react';\nimport { fitTextOnNLines, type TextTransform } from '@remotion/layout-utils';\n\nexport interface ResolveFitInput {\n  /** Largest single-line font size that fits the text in the container, per remotion\n   *  `fitText`. `Infinity` for empty/whitespace text (nothing to shrink). */\n  singleLineFitFontSize: number;\n  /** Floor below which we stop shrinking and wrap+ellipsize instead. */\n  minFontSize: number;\n  /** The primitive's design font size — the ceiling; we never upscale past it. */\n  maxFontSize: number;\n}\n\nexport interface ResolveFitResult {\n  fontSize: number;\n  /** True when the text can't fit on one line even at `minFontSize` — the caller\n   *  should wrap to `maxLines` and clip with an ellipsis. */\n  overflow: boolean;\n}\n\n/** Clamp the measured single-line fit size into [min, max] and report floor overflow.\n *  Never upscales past the design size; a fit at/above the floor is clean. */\nexport function resolveFitFontSize({\n  singleLineFitFontSize,\n  minFontSize,\n  maxFontSize,\n}: ResolveFitInput): ResolveFitResult {\n  const capped = Math.min(maxFontSize, singleLineFitFontSize);\n  if (capped >= minFontSize) return { fontSize: capped, overflow: false };\n  return { fontSize: minFontSize, overflow: true };\n}\n\nexport interface FitTextProps {\n  /** The text to render (the single source that used to carry a maxLength cap). */\n  children: string | null | undefined;\n  /** Available width of the text's box, in px (the primitive's own layout knows this). */\n  maxWidth: number;\n  /** The primitive's design font size — the ceiling; text never renders larger. */\n  maxFontSize: number;\n  /** Lines the text may wrap to before it clamps + ellipsizes. Default 1 (titles/labels);\n   *  use 2–3 for bodies. */\n  maxLines?: number;\n  /** Floor below which we stop shrinking and clamp+ellipsize. Default 55% of maxFontSize. */\n  minFontSize?: number;\n  fontFamily: string;\n  fontWeight?: number | string;\n  letterSpacing?: string;\n  /** The measurer's CLOSED union, not csstype's open `string & {}` one — the\n   *  measurement must see exactly the value the DOM will render, so arbitrary\n   *  strings are refused at compile time (they'd measure as a no-op). */\n  textTransform?: TextTransform;\n  /** Extra styles (color, textShadow, background, padding, …) merged last. */\n  style?: React.CSSProperties;\n}\n\n/**\n * Render `children` at the largest size that fits `maxWidth` on `maxLines`, shrinking\n * from `maxFontSize` down to `minFontSize`; anything longer clamps to the floor and\n * ellipsizes. Replaces the raw `<div style={{fontSize}}>{text}</div>` in text primitives\n * so long copy degrades gracefully instead of overflowing — which is what lets the\n * `maxLength` caps be raised.\n */\nexport const FitText: React.FC<FitTextProps> = ({\n  children,\n  maxWidth,\n  maxFontSize,\n  maxLines = 1,\n  minFontSize,\n  fontFamily,\n  fontWeight = 400,\n  letterSpacing,\n  textTransform,\n  style,\n}) => {\n  const text = (children ?? '').toString();\n  const floor = minFontSize ?? Math.round(maxFontSize * 0.55);\n\n  // Measure once per distinct input, not per frame. `fitTextOnNLines` is an impure DOM\n  // measurement; per-frame primitives (typing/animated overlays) re-render every frame,\n  // so without memoization this re-measures 30×/s. Keyed on every input that affects the\n  // fit — for static inputs this is behavior-identical to the old inline compute.\n  const fitted = React.useMemo(() => {\n    if (text.trim().length === 0) return maxFontSize;\n    try {\n      // Deterministic given loaded fonts (the render env loads fonts before drawing,\n      // same as captions). On any measurement failure, fall back to the design size\n      // (old behavior) rather than crash the render.\n      const { fontSize } = fitTextOnNLines({\n        text,\n        maxLines,\n        maxBoxWidth: maxWidth,\n        fontFamily,\n        fontWeight,\n        letterSpacing,\n        textTransform,\n        maxFontSize,\n        validateFontIsLoaded: false,\n      });\n      return fontSize;\n    } catch {\n      return maxFontSize;\n    }\n  }, [text, maxLines, maxWidth, fontFamily, fontWeight, letterSpacing, textTransform, maxFontSize]);\n\n  const { fontSize } = resolveFitFontSize({\n    singleLineFitFontSize: fitted,\n    minFontSize: floor,\n    maxFontSize,\n  });\n\n  return (\n    <div\n      style={{\n        fontSize,\n        fontFamily,\n        fontWeight,\n        letterSpacing,\n        textTransform,\n        maxWidth,\n        // Clamp to maxLines with an ellipsis for the extreme case (text still too long\n        // at the floor). For maxLines===1 this also keeps it single-line.\n        display: '-webkit-box',\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: maxLines,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        wordBreak: 'break-word',\n        ...style,\n      }}\n    >\n      {text}\n    </div>\n  );\n};\n"],"mappings":";AAaA,OAAO,WAAW;AAClB,SAAS,uBAA2C;AA8GhD;AAzFG,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,SAAS,KAAK,IAAI,aAAa,qBAAqB;AAC1D,MAAI,UAAU,YAAa,QAAO,EAAE,UAAU,QAAQ,UAAU,MAAM;AACtE,SAAO,EAAE,UAAU,aAAa,UAAU,KAAK;AACjD;AAgCO,IAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,YAAY,IAAI,SAAS;AACvC,QAAM,QAAQ,eAAe,KAAK,MAAM,cAAc,IAAI;AAM1D,QAAM,SAAS,MAAM,QAAQ,MAAM;AACjC,QAAI,KAAK,KAAK,EAAE,WAAW,EAAG,QAAO;AACrC,QAAI;AAIF,YAAM,EAAE,UAAAA,UAAS,IAAI,gBAAgB;AAAA,QACnC;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,sBAAsB;AAAA,MACxB,CAAC;AACD,aAAOA;AAAA,IACT,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,MAAM,UAAU,UAAU,YAAY,YAAY,eAAe,eAAe,WAAW,CAAC;AAEhG,QAAM,EAAE,SAAS,IAAI,mBAAmB;AAAA,IACtC,uBAAuB;AAAA,IACvB,aAAa;AAAA,IACb;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,QAGA,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,cAAc;AAAA,QACd,WAAW;AAAA,QACX,GAAG;AAAA,MACL;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":["fontSize"]}

package/dist/_members/primitives/chunk-TCRC2FH3.js

@@ -0,0 +1,183 @@
+import {
+  resolveTypeface
+} from "./chunk-3IQUH6KK.js";
+import {
+  resolveContrast
+} from "./chunk-7RRPFPQK.js";
+import {
+  fadeProgress,
+  resolveEasing,
+  staggerUp,
+  wordPop
+} from "./chunk-G2B3G4HK.js";
+import {
+  resolveFitFontSize
+} from "./chunk-ROV2ODWC.js";
+
+// src/hero-text/config.ts
+import { z } from "zod";
+
+// src/hero-text/HeroText.tsx
+import { useCurrentFrame, useVideoConfig } from "remotion";
+import { fitTextOnNLines } from "@remotion/layout-utils";
+import { jsx } from "react/jsx-runtime";
+var REVEAL_WINDOW_MS = 240;
+function HeroText({
+  text,
+  fontSizePct,
+  revealAtMs,
+  durationMs,
+  easing,
+  entrance,
+  textColor,
+  fontFamily,
+  fontWeight
+}) {
+  const frame = useCurrentFrame();
+  const { fps, height, width } = useVideoConfig();
+  const designFontSize = Math.round(height * (fontSizePct ?? 14) / 100);
+  const resolvedFontFamily = fontFamily ?? resolveTypeface("display");
+  const resolvedFontWeight = fontWeight ?? 800;
+  const HERO_MAX_WIDTH = 1700;
+  const maxBoxWidth = Math.min(width, HERO_MAX_WIDTH);
+  let singleLineFit = designFontSize;
+  if (text.trim().length > 0) {
+    try {
+      const { fontSize: fit } = fitTextOnNLines({
+        text,
+        maxLines: 2,
+        maxBoxWidth,
+        fontFamily: resolvedFontFamily,
+        fontWeight: resolvedFontWeight,
+        letterSpacing: "-0.02em",
+        maxFontSize: designFontSize,
+        validateFontIsLoaded: false
+      });
+      singleLineFit = fit;
+    } catch {
+      singleLineFit = designFontSize;
+    }
+  }
+  const { fontSize } = resolveFitFontSize({
+    singleLineFitFontSize: singleLineFit,
+    minFontSize: Math.round(designFontSize * 0.55),
+    maxFontSize: designFontSize
+  });
+  const tMs = frame / fps * 1e3;
+  const hasReveal = revealAtMs != null && revealAtMs.length > 0;
+  const words = text.split(/\s+/).filter(Boolean);
+  const mode = entrance ?? "fade";
+  const ease = resolveEasing(easing);
+  const windowMs = durationMs ?? REVEAL_WINDOW_MS;
+  const windowFrames = Math.max(1, Math.round(windowMs / 1e3 * fps));
+  const entranceOf = (i) => {
+    if (!hasReveal || mode === "none") return { opacity: 1, ty: 0, scale: 1 };
+    const startFrame = Math.round((revealAtMs[i] ?? 0) / 1e3 * fps);
+    if (mode === "word-pop") {
+      const { opacity, scale } = wordPop(frame, fps, startFrame, windowFrames, 0.92);
+      return { opacity, ty: 0, scale };
+    }
+    if (mode === "stagger-up") {
+      const local = frame - startFrame;
+      const { opacity, y } = staggerUp(local, 0, 0, windowFrames, fontSize * 0.25);
+      return { opacity: ease(opacity), ty: y, scale: 1 };
+    }
+    const k = ease(fadeProgress(tMs, revealAtMs[i] ?? 0, windowMs));
+    return { opacity: k, ty: (1 - k) * fontSize * 0.25, scale: 1 };
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        gap: "0.28em",
+        fontSize,
+        fontWeight: fontWeight ?? 800,
+        letterSpacing: "-0.02em",
+        // behind-subject host: a real off-white color, NO contrast shadow — the
+        // subject silhouette biting the letters supplies the depth.
+        color: textColor ?? resolveContrast({ behindSubject: true }).textColor,
+        fontFamily: fontFamily ?? resolveTypeface("display")
+      },
+      children: words.map((word, i) => {
+        const { opacity, ty, scale } = entranceOf(i);
+        const animating = opacity < 1 || ty !== 0 || scale !== 1;
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              display: "inline-block",
+              ...animating ? { opacity, transform: `translateY(${ty}px) scale(${scale})` } : {}
+            },
+            children: word
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+// src/hero-text/config.ts
+var paramsSchema = z.object({
+  text: z.string().min(1).max(220).describe("Short bold phrase \u2014 product name, value prop, or the number that lands. 2\u20135 words. Auto-fits (shrinks + wraps to 2 lines)."),
+  fontSizePct: z.number().positive().optional().describe("Font size as % of composition height. Default 14 (display scale)."),
+  revealAtMs: z.array(z.number()).optional().describe("Per-word reveal offsets in ms relative to overlay start (authored from word timings/beats). Absent \u2192 static."),
+  durationMs: z.coerce.number().positive().optional().describe("Per-word reveal window in ms. Bind to $brand:motion.duration."),
+  easing: z.string().optional().describe("Easing keyword for the per-word reveal (linear/ease/ease-in/ease-out/ease-in-out). Bind to $brand:motion.easing."),
+  entrance: z.enum(["none", "fade", "word-pop", "stagger-up"]).optional().describe("Per-word entrance treatment. Default fade (the hero reveal). Bind to $brand:motion.entrance so the brand drives the motion identity."),
+  fontWeight: z.number().optional().describe("Default 800 (display weight)."),
+  textColor: z.string().default(resolveContrast({ behindSubject: true }).textColor).describe("Text color; defaults to a video-safe off-white. Bind to $brand:colors.textOnMedia."),
+  fontFamily: z.string().default(resolveTypeface("display")).describe("Display family; defaults to the brand display face (Bricolage Grotesque floor). Bind to $brand:fonts.heading.family.")
+}).passthrough();
+var config = {
+  id: "heroText",
+  component: HeroText,
+  name: "Hero Text",
+  category: "text",
+  kind: "component",
+  version: "0.1.1",
+  intent: "reveal-text",
+  description: "Launch-grade display text for the text-behind-subject depth grammar: display weight, negative tracking at display sizes, per-word staggered entrance from beat timings. The subject silhouette bites the letters.",
+  useWhen: 'Behind-subject hero moments \u2014 the product name, value prop, or a number that lands ("498 REJECTIONS", "WE SHIP DAILY"). Authored as a behind-subject overlay; the system world-locks + places it on the silhouette. 2\u20135 words.',
+  pairsWith: ["subject-foreground"],
+  avoidWith: ["karaoke", "kinetic-type"],
+  tier: "standard",
+  useCase: ["full-scene", "title-over-footage"],
+  tags: ["text", "hero", "display", "behind-subject", "launch"],
+  mood: ["editorial", "cinematic", "aggressive"],
+  paramsSchema,
+  propDefaults: {},
+  examples: [
+    {
+      name: "rejections-stat",
+      mood: ["editorial", "aggressive"],
+      params: { text: "498 REJECTIONS", fontSizePct: 8 }
+    }
+  ],
+  textParam: "text",
+  subtextParam: null,
+  tokens: [
+    { propPath: "textColor", cssVar: "--cf-text-onmedia", fallback: resolveContrast({ behindSubject: true }).textColor, brandKitPath: "colors.textOnMedia" },
+    { propPath: "fontFamily", cssVar: "--cf-font-display", fallback: resolveTypeface("display"), brandKitPath: "fonts.heading" },
+    { propPath: "durationMs", cssVar: "--cf-motion-dur", fallback: "240", brandKitPath: "motion.duration" },
+    { propPath: "easing", cssVar: "--cf-motion-ease", fallback: "ease-out", brandKitPath: "motion.easing" },
+    { propPath: "entrance", cssVar: "--cf-motion-entrance", fallback: "fade", brandKitPath: "motion.entrance" }
+  ],
+  durationInFrames: 90,
+  fps: 30,
+  width: 1080,
+  height: 1920,
+  preview: { thumbnailFrame: 60, mode: "oneshot", defaultExample: "rejections-stat" }
+};
+
+// src/hero-text/index.ts
+var catalog = [config];
+
+export {
+  HeroText,
+  catalog
+};
+//# sourceMappingURL=chunk-TCRC2FH3.js.map

package/dist/_members/primitives/chunk-TCRC2FH3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hero-text/config.ts","../src/hero-text/HeroText.tsx","../src/hero-text/index.ts"],"sourcesContent":["import { z } from 'zod';\nimport type { PrimitiveMeta } from '../lib/types';\nimport { resolveTypeface } from '../lib/text/typeface';\nimport { resolveContrast } from '../lib/text/contrast';\nimport { HeroText } from './HeroText';\n\nconst paramsSchema = z.object({\n  text: z.string().min(1).max(220).describe('Short bold phrase — product name, value prop, or the number that lands. 2–5 words. Auto-fits (shrinks + wraps to 2 lines).'),\n  fontSizePct: z.number().positive().optional().describe('Font size as % of composition height. Default 14 (display scale).'),\n  revealAtMs: z.array(z.number()).optional().describe('Per-word reveal offsets in ms relative to overlay start (authored from word timings/beats). Absent → static.'),\n  durationMs: z.coerce.number().positive().optional().describe('Per-word reveal window in ms. Bind to $brand:motion.duration.'),\n  easing: z.string().optional().describe('Easing keyword for the per-word reveal (linear/ease/ease-in/ease-out/ease-in-out). Bind to $brand:motion.easing.'),\n  entrance: z.enum(['none', 'fade', 'word-pop', 'stagger-up']).optional().describe('Per-word entrance treatment. Default fade (the hero reveal). Bind to $brand:motion.entrance so the brand drives the motion identity.'),\n  fontWeight: z.number().optional().describe('Default 800 (display weight).'),\n  textColor: z.string().default(resolveContrast({ behindSubject: true }).textColor).describe('Text color; defaults to a video-safe off-white. Bind to $brand:colors.textOnMedia.'),\n  fontFamily: z.string().default(resolveTypeface('display')).describe('Display family; defaults to the brand display face (Bricolage Grotesque floor). Bind to $brand:fonts.heading.family.'),\n}).passthrough();\n\ntype Params = z.infer<typeof paramsSchema>;\n\n/**\n * Launch-grade hero text — the text-behind-subject depth grammar's display phrase.\n *\n * Registered under the camelCase id `heroText` (NOT kebab) ON PURPOSE: the wire id\n * is referenced by the behind-placement text-bearing gate\n * (resolve-behind-placement.ts) and the agent prompts. Folding it into the registry\n * (this config) lets it dispatch through `resolvePrimitive` + `inflatePrimitiveProps`\n * like every other primitive — deleting the explicit `OverlayContent` case + its\n * second brand resolver — while keeping that id stable.\n */\nexport const config: PrimitiveMeta<Params> = {\n  id: 'heroText',\n  component: HeroText,\n  name: 'Hero Text',\n  category: 'text',\n  kind: 'component',\n  version: '0.1.1',\n\n  intent: 'reveal-text',\n  description:\n    'Launch-grade display text for the text-behind-subject depth grammar: display weight, negative tracking at display sizes, per-word staggered entrance from beat timings. The subject silhouette bites the letters.',\n  useWhen:\n    'Behind-subject hero moments — the product name, value prop, or a number that lands (\"498 REJECTIONS\", \"WE SHIP DAILY\"). Authored as a behind-subject overlay; the system world-locks + places it on the silhouette. 2–5 words.',\n  pairsWith: ['subject-foreground'],\n  avoidWith: ['karaoke', 'kinetic-type'],\n  tier: 'standard',\n  useCase: ['full-scene', 'title-over-footage'],\n  tags: ['text', 'hero', 'display', 'behind-subject', 'launch'],\n  mood: ['editorial', 'cinematic', 'aggressive'],\n\n  paramsSchema,\n  propDefaults: {},\n\n  examples: [\n    {\n      name: 'rejections-stat',\n      mood: ['editorial', 'aggressive'],\n      params: { text: '498 REJECTIONS', fontSizePct: 8 },\n    },\n  ],\n\n  textParam: 'text',\n  subtextParam: null,\n\n  tokens: [\n    { propPath: 'textColor', cssVar: '--cf-text-onmedia', fallback: resolveContrast({ behindSubject: true }).textColor, brandKitPath: 'colors.textOnMedia' },\n    { propPath: 'fontFamily', cssVar: '--cf-font-display', fallback: resolveTypeface('display'), brandKitPath: 'fonts.heading' },\n    { propPath: 'durationMs', cssVar: '--cf-motion-dur', fallback: '240', brandKitPath: 'motion.duration' },\n    { propPath: 'easing', cssVar: '--cf-motion-ease', fallback: 'ease-out', brandKitPath: 'motion.easing' },\n    { propPath: 'entrance', cssVar: '--cf-motion-entrance', fallback: 'fade', brandKitPath: 'motion.entrance' },\n  ],\n\n  durationInFrames: 90,\n  fps: 30,\n  width: 1080,\n  height: 1920,\n\n  preview: { thumbnailFrame: 60, mode: 'oneshot', defaultExample: 'rejections-stat' },\n};\n","import { useCurrentFrame, useVideoConfig } from 'remotion';\nimport { fitTextOnNLines } from '@remotion/layout-utils';\nimport { fadeProgress, wordPop, staggerUp, resolveEasing } from '../lib/text/motion';\nimport { resolveTypeface } from '../lib/text/typeface';\nimport { resolveContrast } from '../lib/text/contrast';\nimport { resolveFitFontSize } from '../lib/text/fitText';\n\n/** Launch-grade hero text (spec §5): display weight, negative tracking at display\n *  sizes, per-word staggered entrance from params.revealAtMs (ms, authored upstream\n *  from word timings / beats). Renders inside the behind host's anchored wrapper —\n *  no positioning of its own. Fonts: caller-loaded (caption convention). */\nexport interface HeroTextProps {\n  text: string;\n  /** Font size as % of composition height. Default 14 (display scale). */\n  fontSizePct?: number;\n  /** Per-word reveal offsets in ms, relative to THIS overlay's start (the\n   *  component is mounted inside a Sequence at the overlay's startFrame, so\n   *  frame 0 here = overlay start). Missing entries default to 0. Absent /\n   *  empty → fully visible (static). */\n  revealAtMs?: number[];\n  /** Per-word reveal window in ms (0→1 fade). Default 240. Brand-bindable via\n   *  `$brand:motion.duration` so a brand drives the entrance speed. */\n  durationMs?: number;\n  /** Easing keyword applied to the per-word reveal. Brand-bindable via\n   *  `$brand:motion.easing`. Absent → linear (the original reveal). */\n  easing?: string;\n  /** Per-word entrance treatment. Brand-bindable via `$brand:motion.entrance`.\n   *  Absent → 'fade' (the original hero reveal). 'none' = static. */\n  entrance?: 'none' | 'fade' | 'word-pop' | 'stagger-up';\n  /** Brand-bindable via `$brand:colors.*`. Param name `textColor` matches the\n   *  registry token binding (was `color` when heroText was an explicit dispatch case). */\n  textColor?: string;\n  fontFamily?: string;\n  fontWeight?: number;\n}\n\n/** Per-word entrance window: 0 → 1 over this many ms. */\nconst REVEAL_WINDOW_MS = 240;\n\nexport function HeroText({\n  text,\n  fontSizePct,\n  revealAtMs,\n  durationMs,\n  easing,\n  entrance,\n  textColor,\n  fontFamily,\n  fontWeight,\n}: HeroTextProps) {\n  const frame = useCurrentFrame();\n  const { fps, height, width } = useVideoConfig();\n\n  const designFontSize = Math.round((height * (fontSizePct ?? 14)) / 100);\n  const resolvedFontFamily = fontFamily ?? resolveTypeface('display');\n  const resolvedFontWeight = fontWeight ?? 800;\n  // Auto-fit: shrink the display size so a long phrase wraps to ≤2 lines and never\n  // overflows the frame — which is what lets the `text` cap be raised. The per-word\n  // span structure + staggered entrance is preserved; only the font size adapts. On\n  // any measurement failure, fall back to the design size (old fixed-size behavior).\n  const HERO_MAX_WIDTH = 1700;\n  // The text block is a full-width, centered flex-wrap host with no horizontal\n  // padding of its own, so its available box IS the composition width. Fit against\n  // the real frame width (clamped to the display ceiling) so long copy wraps instead\n  // of overflowing narrow 9:16 (1080px) frames — the old hardcoded 1700 assumed a\n  // 16:9 frame and blew past the edges when width < 1700.\n  const maxBoxWidth = Math.min(width, HERO_MAX_WIDTH);\n  let singleLineFit = designFontSize;\n  if (text.trim().length > 0) {\n    try {\n      const { fontSize: fit } = fitTextOnNLines({\n        text,\n        maxLines: 2,\n        maxBoxWidth,\n        fontFamily: resolvedFontFamily,\n        fontWeight: resolvedFontWeight,\n        letterSpacing: '-0.02em',\n        maxFontSize: designFontSize,\n        validateFontIsLoaded: false,\n      });\n      singleLineFit = fit;\n    } catch {\n      singleLineFit = designFontSize;\n    }\n  }\n  const { fontSize } = resolveFitFontSize({\n    singleLineFitFontSize: singleLineFit,\n    minFontSize: Math.round(designFontSize * 0.55),\n    maxFontSize: designFontSize,\n  });\n  const tMs = (frame / fps) * 1000;\n  const hasReveal = revealAtMs != null && revealAtMs.length > 0;\n  const words = text.split(/\\s+/).filter(Boolean);\n  // The brand's motion identity selects the per-word entrance treatment; the\n  // resolved easing keyword shapes the fade curve. All four share the shared\n  // motion vocabulary (lib/text/motion). SOFT: an absent entrance is 'fade' (the\n  // original reveal), an absent/unknown easing is linear (a no-op curve).\n  const mode = entrance ?? 'fade';\n  const ease = resolveEasing(easing);\n  const windowMs = durationMs ?? REVEAL_WINDOW_MS;\n  const windowFrames = Math.max(1, Math.round((windowMs / 1000) * fps));\n  // Per-word entrance → { opacity, translateY (px), scale }. Static when there\n  // are no reveal timings, or for 'none'.\n  const entranceOf = (i: number): { opacity: number; ty: number; scale: number } => {\n    if (!hasReveal || mode === 'none') return { opacity: 1, ty: 0, scale: 1 };\n    const startFrame = Math.round(((revealAtMs![i] ?? 0) / 1000) * fps);\n    if (mode === 'word-pop') {\n      const { opacity, scale } = wordPop(frame, fps, startFrame, windowFrames, 0.92);\n      return { opacity, ty: 0, scale };\n    }\n    if (mode === 'stagger-up') {\n      const local = frame - startFrame;\n      const { opacity, y } = staggerUp(local, 0, 0, windowFrames, fontSize * 0.25);\n      return { opacity: ease(opacity), ty: y, scale: 1 };\n    }\n    // 'fade' (default): per-word opacity reveal + a small upward settle, eased.\n    const k = ease(fadeProgress(tMs, revealAtMs![i] ?? 0, windowMs));\n    return { opacity: k, ty: (1 - k) * fontSize * 0.25, scale: 1 };\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'center',\n        gap: '0.28em',\n        fontSize,\n        fontWeight: fontWeight ?? 800,\n        letterSpacing: '-0.02em',\n        // behind-subject host: a real off-white color, NO contrast shadow — the\n        // subject silhouette biting the letters supplies the depth.\n        color: textColor ?? resolveContrast({ behindSubject: true }).textColor,\n        fontFamily: fontFamily ?? resolveTypeface('display'),\n      }}\n    >\n      {words.map((word, i) => {\n        const { opacity, ty, scale } = entranceOf(i);\n        const animating = opacity < 1 || ty !== 0 || scale !== 1;\n        return (\n          <span\n            key={i}\n            style={{\n              display: 'inline-block',\n              ...(animating\n                ? { opacity, transform: `translateY(${ty}px) scale(${scale})` }\n                : {}),\n            }}\n          >\n            {word}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n","/**\n * @cueframe/primitives/hero-text — launch-grade hero text for the\n * text-behind-subject depth grammar (Phase 3 §3.4).\n *\n * Registered in the master catalog under id `heroText` (camelCase wire id —\n * referenced by the behind-placement text-bearing gate in\n * resolve-behind-placement.ts and by the agent prompts, so it stays stable).\n * It dispatches through `resolvePrimitive` + `inflatePrimitiveProps` like any\n * other primitive (no explicit `OverlayContent` case).\n *\n * Consumed by the cueframe renderer's shared overlay dispatch (`OverlayContent`\n * default branch), for both the behind host (world-locked, atmosphere-treated)\n * and the degraded front path.\n */\n\nimport type { Catalog } from '../lib/types';\nimport { config as heroText } from './config';\n\nexport { HeroText } from './HeroText';\nexport type { HeroTextProps } from './HeroText';\n\nexport const catalog: Catalog = [heroText];\n"],"mappings":"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","names":[]}

package/dist/_members/primitives/chunk-US4YEDAA.js

@@ -0,0 +1,96 @@
+// src/transitions/frosted-glass-wipe/index.tsx
+import { Easing, interpolate } from "remotion";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FrostedGlassWipePresentation = ({ children, presentationDirection, presentationProgress, passedProps }) => {
+  const { glassBlur = 24 } = passedProps;
+  const isEntering = presentationDirection === "entering";
+  const p = interpolate(presentationProgress, [0, 1], [0, 1], {
+    easing: Easing.bezier(0.6, 0, 0.2, 1)
+  });
+  const visible = isEntering ? p >= 0.5 : p < 0.5;
+  const glassX = interpolate(p, [0, 1], [-110, 110]);
+  return /* @__PURE__ */ jsxs("div", { style: { position: "absolute", inset: 0, overflow: "hidden" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, opacity: visible ? 1 : 0 }, children }),
+    isEntering && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          width: "100%",
+          transform: `translateX(${glassX}%)`,
+          backdropFilter: `blur(${glassBlur}px)`,
+          WebkitBackdropFilter: `blur(${glassBlur}px)`,
+          background: "rgba(255,255,255,0.05)",
+          borderLeft: "1px solid rgba(255,255,255,0.2)",
+          borderRight: "1px solid rgba(255,255,255,0.2)",
+          willChange: "transform"
+        }
+      }
+    )
+  ] });
+};
+var frostedGlassWipe = (props) => ({
+  component: FrostedGlassWipePresentation,
+  props: props ?? {}
+});
+var FrostedGlassWipe = FrostedGlassWipePresentation;
+
+// src/transitions/spatial-push/index.tsx
+import { interpolate as interpolate2 } from "remotion";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SpatialPushPresentation = ({ children, presentationDirection, presentationProgress, passedProps }) => {
+  const { direction = "up" } = passedProps;
+  const p = presentationProgress;
+  if (presentationDirection === "exiting") {
+    const scale = interpolate2(p, [0, 1], [1, 0.92]);
+    const brightness = interpolate2(p, [0, 1], [1, 0.5]);
+    const radius = interpolate2(p, [0, 1], [0, 16]);
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          transform: `scale(${scale})`,
+          filter: `brightness(${brightness})`,
+          borderRadius: `${radius}px`,
+          overflow: "hidden",
+          willChange: "transform"
+        },
+        children
+      }
+    );
+  }
+  const t = (1 - p) * 100;
+  const transform = direction === "up" ? `translateY(${t}%)` : direction === "down" ? `translateY(${-t}%)` : direction === "left" ? `translateX(${t}%)` : `translateX(${-t}%)`;
+  const shadow = direction === "up" ? "0 -40px 100px rgba(0,0,0,0.8)" : direction === "down" ? "0 40px 100px rgba(0,0,0,0.8)" : direction === "left" ? "-40px 0 100px rgba(0,0,0,0.8)" : "40px 0 100px rgba(0,0,0,0.8)";
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        inset: 0,
+        transform,
+        boxShadow: shadow,
+        willChange: "transform"
+      },
+      children
+    }
+  );
+};
+var spatialPush = (props) => ({
+  component: SpatialPushPresentation,
+  props: props ?? {}
+});
+var SpatialPush = SpatialPushPresentation;
+
+export {
+  frostedGlassWipe,
+  FrostedGlassWipe,
+  spatialPush,
+  SpatialPush
+};
+//# sourceMappingURL=chunk-US4YEDAA.js.map

package/dist/_members/primitives/chunk-US4YEDAA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/transitions/frosted-glass-wipe/index.tsx","../src/transitions/spatial-push/index.tsx"],"sourcesContent":["/**\n * Adapted from remocn (https://github.com/kapishdima/remocn) — MIT\n * Copyright (c) 2026 KapishDima\n *\n * Modifications:\n *   - converted from a standalone from/to component (baked demo scenes) to a\n *     cueframe TransitionPresentation. Visual identity kept: a full-height\n *     frosted glass band sweeps across; the scene swaps behind it at midpoint.\n */\n\nimport React from 'react';\nimport { Easing, interpolate } from 'remotion';\nimport type {\n  TransitionPresentation,\n  TransitionPresentationComponentProps,\n} from '@remotion/transitions';\n\nexport type FrostedGlassWipeProps = {\n  /** Backdrop blur of the sweeping band in px (default 24) */\n  glassBlur?: number;\n};\n\nconst FrostedGlassWipePresentation: React.FC<\n  TransitionPresentationComponentProps<FrostedGlassWipeProps>\n> = ({ children, presentationDirection, presentationProgress, passedProps }) => {\n  const { glassBlur = 24 } = passedProps;\n  const isEntering = presentationDirection === 'entering';\n\n  const p = interpolate(presentationProgress, [0, 1], [0, 1], {\n    easing: Easing.bezier(0.6, 0, 0.2, 1),\n  });\n\n  // Hard swap behind the band at midpoint.\n  const visible = isEntering ? p >= 0.5 : p < 0.5;\n  const glassX = interpolate(p, [0, 1], [-110, 110]);\n\n  return (\n    <div style={{ position: 'absolute', inset: 0, overflow: 'hidden' }}>\n      <div style={{ position: 'absolute', inset: 0, opacity: visible ? 1 : 0 }}>\n        {children}\n      </div>\n      {isEntering && (\n        <div\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            width: '100%',\n            transform: `translateX(${glassX}%)`,\n            backdropFilter: `blur(${glassBlur}px)`,\n            WebkitBackdropFilter: `blur(${glassBlur}px)`,\n            background: 'rgba(255,255,255,0.05)',\n            borderLeft: '1px solid rgba(255,255,255,0.2)',\n            borderRight: '1px solid rgba(255,255,255,0.2)',\n            willChange: 'transform',\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const frostedGlassWipe = (\n  props?: FrostedGlassWipeProps,\n): TransitionPresentation<FrostedGlassWipeProps> => ({\n  component: FrostedGlassWipePresentation,\n  props: props ?? {},\n});\n\nexport const FrostedGlassWipe = FrostedGlassWipePresentation;\n","/**\n * Adapted from remocn (https://github.com/kapishdima/remocn) — MIT\n * Copyright (c) 2026 KapishDima\n *\n * Modifications:\n *   - converted from a standalone from/to component (baked demo scenes) to a\n *     cueframe TransitionPresentation. Visual identity kept: the old scene\n *     recedes (scale/dim/round) while the new one pushes in with an edge shadow.\n */\n\nimport React from 'react';\nimport { interpolate } from 'remotion';\nimport type {\n  TransitionPresentation,\n  TransitionPresentationComponentProps,\n} from '@remotion/transitions';\n\nexport type SpatialPushProps = {\n  /** Edge the NEW scene pushes in from (default 'up' = enters from bottom) */\n  direction?: 'up' | 'down' | 'left' | 'right';\n};\n\nconst SpatialPushPresentation: React.FC<\n  TransitionPresentationComponentProps<SpatialPushProps>\n> = ({ children, presentationDirection, presentationProgress, passedProps }) => {\n  const { direction = 'up' } = passedProps;\n  const p = presentationProgress;\n\n  if (presentationDirection === 'exiting') {\n    const scale = interpolate(p, [0, 1], [1, 0.92]);\n    const brightness = interpolate(p, [0, 1], [1, 0.5]);\n    const radius = interpolate(p, [0, 1], [0, 16]);\n    return (\n      <div\n        style={{\n          position: 'absolute',\n          inset: 0,\n          transform: `scale(${scale})`,\n          filter: `brightness(${brightness})`,\n          borderRadius: `${radius}px`,\n          overflow: 'hidden',\n          willChange: 'transform',\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  const t = (1 - p) * 100;\n  const transform =\n    direction === 'up'\n      ? `translateY(${t}%)`\n      : direction === 'down'\n        ? `translateY(${-t}%)`\n        : direction === 'left'\n          ? `translateX(${t}%)`\n          : `translateX(${-t}%)`;\n  const shadow =\n    direction === 'up'\n      ? '0 -40px 100px rgba(0,0,0,0.8)'\n      : direction === 'down'\n        ? '0 40px 100px rgba(0,0,0,0.8)'\n        : direction === 'left'\n          ? '-40px 0 100px rgba(0,0,0,0.8)'\n          : '40px 0 100px rgba(0,0,0,0.8)';\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        inset: 0,\n        transform,\n        boxShadow: shadow,\n        willChange: 'transform',\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const spatialPush = (\n  props?: SpatialPushProps,\n): TransitionPresentation<SpatialPushProps> => ({\n  component: SpatialPushPresentation,\n  props: props ?? {},\n});\n\nexport const SpatialPush = SpatialPushPresentation;\n"],"mappings":";AAWA,SAAS,QAAQ,mBAAmB;AA0BhC,SACE,KADF;AAfJ,IAAM,+BAEF,CAAC,EAAE,UAAU,uBAAuB,sBAAsB,YAAY,MAAM;AAC9E,QAAM,EAAE,YAAY,GAAG,IAAI;AAC3B,QAAM,aAAa,0BAA0B;AAE7C,QAAM,IAAI,YAAY,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;AAAA,IAC1D,QAAQ,OAAO,OAAO,KAAK,GAAG,KAAK,CAAC;AAAA,EACtC,CAAC;AAGD,QAAM,UAAU,aAAa,KAAK,MAAM,IAAI;AAC5C,QAAM,SAAS,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC;AAEjD,SACE,qBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,UAAU,SAAS,GAC/D;AAAA,wBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,OAAO,GAAG,SAAS,UAAU,IAAI,EAAE,GACpE,UACH;AAAA,IACC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,OAAO;AAAA,UACP,WAAW,cAAc,MAAM;AAAA,UAC/B,gBAAgB,QAAQ,SAAS;AAAA,UACjC,sBAAsB,QAAQ,SAAS;AAAA,UACvC,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,YAAY;AAAA,QACd;AAAA;AAAA,IACF;AAAA,KAEJ;AAEJ;AAEO,IAAM,mBAAmB,CAC9B,WACmD;AAAA,EACnD,WAAW;AAAA,EACX,OAAO,SAAS,CAAC;AACnB;AAEO,IAAM,mBAAmB;;;AC3DhC,SAAS,eAAAA,oBAAmB;AAsBtB,gBAAAC,YAAA;AAXN,IAAM,0BAEF,CAAC,EAAE,UAAU,uBAAuB,sBAAsB,YAAY,MAAM;AAC9E,QAAM,EAAE,YAAY,KAAK,IAAI;AAC7B,QAAM,IAAI;AAEV,MAAI,0BAA0B,WAAW;AACvC,UAAM,QAAQD,aAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AAC9C,UAAM,aAAaA,aAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAClD,UAAM,SAASA,aAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAC7C,WACE,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,WAAW,SAAS,KAAK;AAAA,UACzB,QAAQ,cAAc,UAAU;AAAA,UAChC,cAAc,GAAG,MAAM;AAAA,UACvB,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,KAAK,IAAI,KAAK;AACpB,QAAM,YACJ,cAAc,OACV,cAAc,CAAC,OACf,cAAc,SACZ,cAAc,CAAC,CAAC,OAChB,cAAc,SACZ,cAAc,CAAC,OACf,cAAc,CAAC,CAAC;AAC1B,QAAM,SACJ,cAAc,OACV,kCACA,cAAc,SACZ,iCACA,cAAc,SACZ,kCACA;AAEV,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,cAAc,CACzB,WAC8C;AAAA,EAC9C,WAAW;AAAA,EACX,OAAO,SAAS,CAAC;AACnB;AAEO,IAAM,cAAc;","names":["interpolate","jsx"]}

package/dist/_members/primitives/chunk-UVKRO5ER.js

@@ -0,0 +1,13 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export {
+  __export,
+  __publicField
+};
+//# sourceMappingURL=chunk-UVKRO5ER.js.map

package/dist/_members/primitives/chunk-UVKRO5ER.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_members/primitives/chunk-W4EIIF2I.js

@@ -0,0 +1,10 @@
+// src/lib/text/recolor.ts
+import { interpolateColors } from "remotion";
+function recolor(progress, from, to) {
+  return interpolateColors(progress, [0, 1], [from, to]);
+}
+
+export {
+  recolor
+};
+//# sourceMappingURL=chunk-W4EIIF2I.js.map

package/dist/_members/primitives/chunk-W4EIIF2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/text/recolor.ts"],"sourcesContent":["import { interpolateColors } from 'remotion';\n\n/**\n * Recolor a token from `from` to `to` by `progress` (0..1).\n *\n * The single implementation of the per-word color swap that inline-highlight,\n * marker-highlight, and (the progress-ramped surfaces) duplicate today via\n * `interpolateColors(progress, [0, 1], [from, to])`. Pure: no `useCurrentFrame`\n * — the caller samples the frame and passes the scalar `progress` in.\n *\n * Note: Captions' emphasis recolor (Captions.tsx) is a plain CONDITIONAL color\n * assignment (no progress ramp), so it does NOT route through this function.\n */\nexport function recolor(progress: number, from: string, to: string): string {\n  return interpolateColors(progress, [0, 1], [from, to]);\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAa3B,SAAS,QAAQ,UAAkB,MAAc,IAAoB;AAC1E,SAAO,kBAAkB,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;AACvD;","names":[]}