@cueframe/kernel 0.0.1

package/dist/chunk-M3I5LMAB.js

@@ -0,0 +1,426 @@
+// ../authoring/src/prompts/evaluatorPrompt.ts
+var EVALUATOR_PROMPT = `You are a skeptical QA reviewer. Your job is to find problems, not praise work.
+
+SCORING RULES:
+- If something looks "fine" but not "good", that's a 5, not a 7.
+- Never say "overall looks good" then list issues. Issues mean score deductions.
+- If a verification criterion is not met, the phase FAILS regardless of other scores.
+- Compare against the original task: anything skipped is a deduction.
+- Score each dimension independently on a 0-10 scale.
+
+CALIBRATION:
+
+## Timeline Edit: design_quality
+SCORE 3/10 \u2014 FAIL:
+"Centered white text on dark background. No animation. No accent elements."
+
+SCORE 8/10 \u2014 PASS:
+"Staggered entrance with spring physics, accent bar + text with letter-spacing animation, exit choreography in final 15 frames. Multiple animated layers."
+
+THE DIFFERENCE: Layered composition with choreographed timing vs. single static element.
+
+## Timeline Edit: craft
+SCORE 3/10 \u2014 FAIL:
+"Linear fade in, linear fade out. No spring physics. No stagger. Static positioning."
+
+SCORE 8/10 \u2014 PASS:
+"Spring entrance (damping: 12, stiffness: 180), 8-frame stagger between elements, translateY exit with opacity fade, accent bar slides independently."
+
+THE DIFFERENCE: Physics-based motion with choreography vs. basic CSS transitions.
+
+## Artifact: quality
+SCORE 3/10 \u2014 FAIL:
+"Generic summary that could be about any podcast. No specific quotes or moments referenced."
+
+SCORE 8/10 \u2014 PASS:
+"Opens with a specific compelling quote from the episode. References 3 key moments by timestamp. Matches the host's voice and vocabulary."
+
+THE DIFFERENCE: Specific, contextualized content vs. generic filler.
+
+OUTPUT FORMAT:
+Respond with ONLY a JSON object (no markdown, no explanation):
+{
+  "scores": { "dimension_name": 0-10, ... },
+  "critique": "specific issues found",
+  "evidence": ["what you observed"]
+}`;
+
+// ../authoring/src/prompts/plannerPrompt.ts
+function formatPlanSteps(steps) {
+  const arr = steps ?? [];
+  return "PLAN:\n" + arr.map(
+    (s) => `- ${s.time}s: ${s.name} | ${s.overlayType} | ${s.duration}s | text: "${s.text}" | ${s.visual}`
+  ).join("\n");
+}
+function buildExecutionTask(plan, originalTask) {
+  return `## Pre-approved Plan
+
+Execute this plan exactly. Land one element at a time, in order.
+Do NOT re-plan or reconsider \u2014 the plan is locked in.
+
+<plan>
+${plan}
+</plan>
+
+Original request: ${originalTask}
+
+Instructions:
+1. For each line in the plan, apply it with \`apply_composition\`:
+   - A graphic is a \`clip.add\` op \u2014 a \`{ kind: 'card', html, tokens }\` source for
+     copy you write, a \`{ kind: 'overlay', primitiveId, params }\` source for a
+     catalog primitive, or a \`{ kind: 'component', componentId }\` source for a
+     component you authored. Use the plan's timing verbatim.
+   - A change to something already on the timeline is a \`clip.update\` op
+     carrying ONLY the fields that move.
+2. Batch the ops for one element into a single call, then \`preview_frame\` at the
+   moments you touched to verify. Fix what the pixels show, then move to the next.
+3. Do NOT skip or add items outside the plan.
+`;
+}
+function buildPlannerUserMessage(params) {
+  const parts = [
+    PLANNING_INSTRUCTIONS,
+    "\n## User Request\n\n" + params.task
+  ];
+  const history = params.messages.slice(0, -1).filter((m) => m.content.length > 0);
+  if (history.length > 0) {
+    parts.push(
+      "\n## Conversation History\n\n" + history.map((m) => `<${m.role}>
+${m.content}
+</${m.role}>`).join("\n")
+    );
+  }
+  return parts.join("\n");
+}
+var PLANNING_INSTRUCTIONS = `Analyze the project state and transcript to decide if this request needs a multi-overlay plan or can be executed directly.
+
+## Workflow
+
+1. Call get_context to understand the current project state and transcript \u2014 it
+   returns the lead transcript's word timings, so most plans need nothing else.
+2. Call get_media_context for a SPECIFIC media item when you need its own word
+   timings or its detected faces; analyze_transcript when you want the editorial
+   read (summary / chapters / highlights) rather than the words.
+3. Call submit_plan with your decision.
+
+## Decision Criteria
+
+Call submit_plan with type "direct" if:
+- The request is a single action (remove, delete, change, update one thing)
+- No transcript analysis is needed
+
+Call submit_plan with type "plan" if:
+- Multiple overlays or scenes are needed
+- The request involves analyzing the transcript for key moments
+
+## Overlay Types (for plan steps)
+- full-screen: Bold text/graphic covering most of the frame (3-5s)
+- lower-third: Subtitle-style bar in the lower third (3-6s)
+- intro: Title card with ripple insert (3-5s)
+- outro: End card with ripple insert (3-5s)
+- scene: Full-screen designed moment (5-30s) \u2014 a card or component that owns the
+  frame: a stat, a comparison, a sequence, a diagram built from catalog pieces
+
+## Plan Guidelines (when type is "plan")
+- Pick 3-7 key moments, spaced at least 10s apart
+- Text MUST come from the actual transcript \u2014 do not invent quotes
+- Prefer moments where the speaker introduces a concept or transitions topics
+- At most 1 intro and 1 outro`;
+
+// ../authoring/src/prompts/designReviewerPrompt.ts
+var DESIGN_REVIEWER_PROMPT = `You are a design quality reviewer for motion graphics in CueFrame.
+
+## Workflow
+
+1. Call \`get_context\` to understand the current project state and brand kit.
+2. Call \`get_composition\` to read the graphics themselves \u2014 a card clip carries its
+   \`html\` and \`tokens\` verbatim; an overlay or component clip carries its params.
+   For a component's animation code, call \`get_component_source\` with its componentId.
+3. Call \`preview_frame\` with EVERY beat you need to see in ONE call \u2014 the rendered
+   pixels, not your reading of the source.
+4. Assess quality against the checklist below. If improvements are needed, send the
+   fixes as ONE \`apply_composition\` batch \u2014 a \`clip.update\` op per graphic carrying
+   only the fields that change \u2014 then re-preview the beats you touched to verify.
+
+## Quality Checklist
+
+- **Visual hierarchy**: Title large/bold, subtext smaller/lighter, decorative elements subtle
+- **Animation choreography**: Elements arrive in sequence with staggered timing, not all at once
+- **Spring physics**: Use \`spring()\` for organic entrances instead of plain linear interpolation
+- **Color usage**: Read ALL colors from params (accentColor, textColor, backgroundColor) \u2014 never hardcode
+- **Entrance + exit**: Choreographed entrance sequence AND fade-out in final 15 frames
+- **Layered composition**: Multiple animated elements (text + accent line + shape + bg glow), not just a single element with opacity
+- **Typography**: Appropriate font from FONTS.*, proper letter-spacing, readable sizing
+- **Atmosphere**: Subtle glows, gradients, or accent color bleeds for depth
+
+## Component Contract
+
+- Signature: \`export default function Name({ durationInFrames, params }) { ... }\`
+- ONLY \`useCurrentFrame()\` and \`useVideoConfig()\` hooks. NO useEffect/useState/useMemo/useCallback/useRef.
+- Inline styles only. No imports, no CSS files, no \`document\` access. Max 10000 chars.
+- All animation driven by frame number.
+
+## Guidelines
+
+- Be specific in feedback: cite which element, which frame range, what to change.
+- Prefer refinement over complete rewrites \u2014 preserve the designer's intent.
+- A still cannot show motion. Judge timing and choreography from the source; judge
+  layout, contrast and legibility from the frame.
+- After fixing, always re-preview to confirm the improvement visually.
+`;
+var DESIGN_REVIEWER_TOOLS = [
+  "get_context",
+  "get_composition",
+  "get_component_source",
+  "preview_frame",
+  "apply_composition"
+];
+
+// ../authoring/src/prompts/graphics.ts
+var CODE_GEN_FEW_SHOT_EXAMPLES = `
+## Reference Examples (study these patterns, then write your component)
+
+### Example 1: Sequential timing \u2014 staggered interpolate calls with offset frame ranges
+\`\`\`jsx
+export default function CinematicTitle({ durationInFrames, params }) {
+  const frame = useCurrentFrame();
+  const { fps, height } = useVideoConfig();
+  const text = params.text ?? 'CINEMATIC';
+  const subtext = params.subtext ?? '';
+  const accentColor = params.accentColor ?? '#D4AF37';
+  const barHeight = height * 0.13;
+  // Bars slide in first (frames 0-20)
+  const barSlide = interpolate(frame, [0, 20], [barHeight, 0], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  // Title fades in after bars (frames 18-40), letter-spacing tightens
+  const textFade = interpolate(frame, [18, 40], [0, 1], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  const textSpacing = interpolate(frame, [18, 45], [20, 6], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  // Subtext arrives last (frames 35-55)
+  const subtextFade = interpolate(frame, [35, 55], [0, 1], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  // Exit: fade out in final 20 frames
+  const exitOpacity = interpolate(frame, [durationInFrames - 20, durationInFrames], [1, 0], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  const barStyle = { position: 'absolute', left: 0, right: 0, height: barHeight, backgroundColor: '#000000', zIndex: 2 };
+  return (
+    <AbsoluteFill style={{ backgroundColor: 'transparent', opacity: exitOpacity }}>
+      <div style={{ ...barStyle, top: 0, transform: \`translateY(-\${barSlide}px)\` }} />
+      <div style={{ ...barStyle, bottom: 0, transform: \`translateY(\${barSlide}px)\` }} />
+      <AbsoluteFill style={{ justifyContent: 'center', alignItems: 'center', zIndex: 1 }}>
+        <div style={{ textAlign: 'center', opacity: textFade }}>
+          <div style={{ fontSize: 72, fontWeight: 700, fontFamily: params.fontFamily || 'sans-serif',
+            color: params.textColor || '#FFFFFF', letterSpacing: textSpacing, textTransform: 'uppercase' }}>
+            {text}
+          </div>
+          {subtext ? (
+            <div style={{ marginTop: 16, fontSize: 18, fontWeight: 300, fontFamily: params.fontFamily || 'sans-serif',
+              color: accentColor, letterSpacing: 3, textTransform: 'uppercase', opacity: subtextFade }}>
+              {subtext}
+            </div>
+          ) : null}
+        </div>
+      </AbsoluteFill>
+    </AbsoluteFill>
+  );
+}
+\`\`\`
+
+### Example 2: 4-point opacity curve + responsive Math.min timing + RENDERS WITHIN params.region
+\`\`\`jsx
+export default function LowerThird({ durationInFrames, params }) {
+  const frame = useCurrentFrame();
+  const accent = params.accentColor ?? '#DB6452';
+  const pos = params.position ?? 'left';
+  // Floor-assigned safe band (clear of captions + platform UI). NEVER hard-code
+  // bottom/top offsets \u2014 anchor to the region instead.
+  const R = params.region ?? { x: 0, y: 0, w: 1, h: 1 };
+  // Responsive fade durations \u2014 Math.min prevents overrun on short overlays
+  const fadeIn = Math.min(15, Math.floor(durationInFrames / 3));
+  const fadeOut = Math.min(10, Math.floor(durationInFrames / 3));
+  const slideIn = interpolate(frame, [0, fadeIn], [-100, 0], { extrapolateRight: 'clamp' });
+  // 4-point opacity: [enter, hold, hold, exit]
+  const opacity = interpolate(frame,
+    [0, fadeIn, Math.max(fadeIn, durationInFrames - fadeOut), durationInFrames],
+    [0, 1, 1, 0],
+    { extrapolateLeft: 'clamp', extrapolateRight: 'clamp' });
+  return (
+    <div style={{ position: 'absolute',
+      left: \`\${R.x*100}%\`, top: \`\${R.y*100}%\`, width: \`\${R.w*100}%\`, height: \`\${R.h*100}%\`,
+      display: 'flex', flexDirection: 'column', justifyContent: 'flex-end',
+      alignItems: pos === 'right' ? 'flex-end' : 'flex-start',
+      transform: \`translateX(\${pos === 'right' ? -slideIn : slideIn}%)\`, opacity, gap: 4 }}>
+      <div style={{ background: accent, padding: '8px 20px', borderRadius: 4,
+        fontSize: 28, fontWeight: 700, color: params.textColor || '#fff',
+        fontFamily: params.fontFamily || 'system-ui, sans-serif' }}>
+        {params.text}
+      </div>
+      {params.subtext && (
+        <div style={{ background: 'rgba(0, 0, 0, 0.7)', padding: '6px 20px', borderRadius: 4,
+          fontSize: 20, fontWeight: 400, color: 'rgba(255, 255, 255, 0.9)',
+          fontFamily: params.fontFamily || 'system-ui, sans-serif' }}>
+          {params.subtext}
+        </div>
+      )}
+    </div>
+  );
+}
+\`\`\`
+
+### Example 3: spring() entrance + per-character Math.sin wave + composite transforms
+\`\`\`jsx
+export default function WaveText({ durationInFrames, params }) {
+  const frame = useCurrentFrame();
+  const { fps } = useVideoConfig();
+  const text = params.text ?? 'WAVE';
+  const subtext = params.subtext ?? '';
+  const accent = params.accentColor ?? '#F59E0B';
+  // Spring entrance \u2014 whole component fades/scales in
+  const enterProgress = spring({ frame, fps, config: { damping: 14, stiffness: 120 } });
+  const enterOpacity = interpolate(enterProgress, [0, 1], [0, 1]);
+  const exitOpacity = interpolate(frame, [durationInFrames - 15, durationInFrames], [1, 0], {
+    extrapolateLeft: 'clamp', extrapolateRight: 'clamp',
+  });
+  const chars = text.split('');
+  // Staggered subtext spring (delayed 12 frames)
+  const subtextProgress = spring({ frame: Math.max(0, frame - 12), fps, config: { damping: 16, stiffness: 100 } });
+  return (
+    <AbsoluteFill style={{ justifyContent: 'center', alignItems: 'center', opacity: exitOpacity }}>
+      <div style={{ display: 'flex', flexDirection: 'row', opacity: enterOpacity }}>
+        {chars.map((char, i) => {
+          // Per-character wave: phase offset by index, continuous sine motion
+          const wave = Math.sin(frame * 0.12 - i * 0.6) * 18;
+          const rotation = Math.sin(frame * 0.1 - i * 0.5) * 8;
+          return (
+            <div key={i} style={{ fontSize: 80, fontWeight: 900,
+              fontFamily: params.fontFamily || 'sans-serif', color: params.textColor || '#FFFFFF',
+              transform: \`translateY(\${wave}px) rotate(\${rotation}deg)\`,
+              textShadow: \`0 4px 15px \${accent}88, 0 0 30px \${accent}44\`,
+              marginLeft: i > 0 ? 2 : 0 }}>
+              {char === ' ' ? '\\u00A0' : char}
+            </div>
+          );
+        })}
+      </div>
+      {subtext ? (
+        <div style={{ marginTop: 16, opacity: interpolate(subtextProgress, [0, 1], [0, 0.8]),
+          fontSize: 24, fontWeight: 400, fontFamily: params.fontFamily || 'sans-serif',
+          color: accent, letterSpacing: 4, textTransform: 'uppercase' }}>
+          {subtext}
+        </div>
+      ) : null}
+    </AbsoluteFill>
+  );
+}
+\`\`\`
+`;
+var COMPONENT_CONTRACT = `\`export default function Name({ durationInFrames, params }) { ... }\`
+- params: { text, subtext?, position?, accentColor?, textColor?, fontFamily?, fontSize?, backgroundColor?, region? }
+- Only \`useCurrentFrame()\` and \`useVideoConfig()\` hooks. No useEffect/useState/useMemo/useCallback/useRef.
+- Inline styles only. No imports, no CSS, no document access. Max 5000 chars.
+- All animation driven by frame number.
+
+REGION (placement) \u2014 the composition floor reserves a SAFE band for your overlay,
+\`params.region = { x, y, w, h }\` in output fractions (0\u20131), already CLEAR of the
+captions and the platform UI. Your component MUST render its visible content
+within this band. Wrap your root in a positioned container sized to the region:
+  \`\`\`jsx
+  const R = params.region ?? { x: 0, y: 0, w: 1, h: 1 };
+  return (
+    <div style={{ position: 'absolute', left: \`\${R.x*100}%\`, top: \`\${R.y*100}%\`,
+      width: \`\${R.w*100}%\`, height: \`\${R.h*100}%\`,
+      display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+      {/* your graphic */}
+    </div>
+  );
+  \`\`\`
+- Do NOT use \`<AbsoluteFill>\` for graphic content, and do NOT hard-code top/bottom
+  offsets (e.g. \`bottom: height*0.25\`) or use \`useVideoConfig()\` width/height for
+  LAYOUT \u2014 only for animation math. Those bypass the floor and collide with the
+  captions (the off-brand failure). Position everything relative to params.region.
+- The speaker may appear inside the region \u2014 favour its edges for solid graphics,
+  keep the centre light (transparency/glow), so you complement the subject.
+- EXCEPTION: full-frame atmospheric effects (vignette, film grain, color wash,
+  light leak, blur) carry NO legible content the captions can collide with \u2014 cover
+  the whole frame with \`<AbsoluteFill>\` and ignore params.region. The region rule
+  above is ONLY for positioned graphics/text.`;
+var TOOLKIT_REFERENCE = `- \`interpolate(frame, inputRange, outputRange, { easing })\` \u2014 animate values
+- \`spring({ frame, fps, config: { damping, stiffness, mass } })\` \u2014 physics motion
+- \`Easing.bezier(...)\`, \`Easing.in/out/inOut(Easing.ease)\`
+- Shapes: \`<Circle>\`, \`<Rect>\`, \`<Star>\`, \`<Triangle>\`, \`<Polygon>\`, \`<Heart>\`, \`<Pie>\`, \`<Ellipse>\`
+- SVG: \`evolvePath(progress, path)\`, \`interpolatePath(progress, pathA, pathB)\`
+- Noise: \`noise2D(seed, x, y)\`, \`noise3D\`, \`noise4D\` \u2014 organic motion
+- Effects: \`<Trail>\`, \`<CameraMotionBlur>\`
+- Layout: \`<AbsoluteFill>\`, \`<Sequence>\`, \`<Img>\`
+- Fonts: FONTS.inter, .montserrat, .poppins, .roboto, .oswald, .playfairDisplay, .bebasNeue, .spaceMono, .instrumentSerif, .nationalPark`;
+var DESIGN_QUALITY_RULES = `Good motion graphics have:
+- **Layered composition**: Multiple animated elements (text + accent line + shape + bg glow) with staggered timing, not just a single text fade
+- **Spring physics**: Use \`spring()\` for organic, bouncy entrances instead of linear interpolate for everything
+- **Visual hierarchy**: Title large/bold, subtext smaller/lighter, decorative elements subtle
+- **Entrance choreography**: Elements arrive in sequence (line extends \u2192 title springs in \u2192 subtext slides up), not all at once
+- **Exit animation**: Fade out with easing in final 15 frames
+- **Atmosphere**: Subtle glows, gradients, or accent color bleed (e.g. \`\${accent}22\` for 13% opacity tint)
+- Use accent color for decorative elements, NOT for main text (use params.textColor)
+- For full-screen scenes, use params.backgroundColor \u2014 NEVER hardcode dark colors like #0a0a0a or #0f0f23
+- ALWAYS read colors from params: \`params.backgroundColor\`, \`params.textColor\`, \`params.accentColor\`
+
+Bad motion graphics:
+- Single element with just opacity fade (no movement, no layers)
+- Generic centered text with no decorative elements
+- Everything appearing simultaneously
+- No exit animation
+- Hardcoded colors instead of using params.accentColor
+- Hard-coded screen positions (bottom: N / full-frame AbsoluteFill) instead of
+  rendering within params.region \u2014 these collide with the captions and ship off-brand`;
+async function initCodeGenPrompts(fetchPrompt) {
+  if (!fetchPrompt) return;
+  const prompt = await fetchPrompt("cueframe/code-gen");
+  if (!prompt) return;
+  const sections = parsePromptSections(prompt.content);
+  if (sections["Few-Shot Examples"]) CODE_GEN_FEW_SHOT_EXAMPLES = sections["Few-Shot Examples"];
+  if (sections["Component Contract"]) COMPONENT_CONTRACT = sections["Component Contract"];
+  if (sections["Toolkit Reference"]) TOOLKIT_REFERENCE = sections["Toolkit Reference"];
+  if (sections["Design Quality Rules"]) DESIGN_QUALITY_RULES = sections["Design Quality Rules"];
+  console.info("[codeGenPrompts] Code-gen prompts overridden from remote prompt", { version: prompt.version });
+}
+function parsePromptSections(content) {
+  const sections = {};
+  let currentHeader = "";
+  const lines = [];
+  for (const line of content.split("\n")) {
+    if (line.startsWith("## ")) {
+      if (currentHeader && lines.length > 0) {
+        sections[currentHeader] = lines.join("\n").trim();
+      }
+      currentHeader = line.slice(3).trim();
+      lines.length = 0;
+    } else {
+      lines.push(line);
+    }
+  }
+  if (currentHeader && lines.length > 0) {
+    sections[currentHeader] = lines.join("\n").trim();
+  }
+  return sections;
+}
+
+export {
+  EVALUATOR_PROMPT,
+  formatPlanSteps,
+  buildExecutionTask,
+  buildPlannerUserMessage,
+  PLANNING_INSTRUCTIONS,
+  DESIGN_REVIEWER_PROMPT,
+  DESIGN_REVIEWER_TOOLS,
+  CODE_GEN_FEW_SHOT_EXAMPLES,
+  COMPONENT_CONTRACT,
+  TOOLKIT_REFERENCE,
+  DESIGN_QUALITY_RULES,
+  initCodeGenPrompts
+};

package/dist/chunk-MC5DLSEV.js

@@ -0,0 +1,202 @@
+import {
+  isContrastCritical
+} from "./chunk-7DHP4ESU.js";
+import {
+  catalog as catalog8
+} from "./chunk-P43IE4WB.js";
+import {
+  catalog as catalog4
+} from "./chunk-6QJ3V3VS.js";
+import {
+  catalog as catalog7
+} from "./chunk-JD77Y2WM.js";
+import {
+  catalog
+} from "./chunk-WZTTZHNR.js";
+import {
+  catalog as catalog3
+} from "./chunk-AWT3P5ZN.js";
+import {
+  catalog as catalog6
+} from "./chunk-MVEE6HEC.js";
+import {
+  catalog as catalog5
+} from "./chunk-S3P5BFFL.js";
+import {
+  catalog as catalog2
+} from "./chunk-N67PDTKQ.js";
+import {
+  getPrimitiveSubtextParam,
+  getPrimitiveTextParam
+} from "./chunk-5I7VDCAC.js";
+import {
+  NEUTRAL_RAMP
+} from "./chunk-JF4JJAFP.js";
+import {
+  CueframeError,
+  encodeError
+} from "./chunk-37NJ27UU.js";
+
+// ../execution/compose/src/primitiveRegistry.ts
+var allCatalogs = [
+  ...catalog,
+  ...catalog2,
+  ...catalog3,
+  ...catalog4,
+  ...catalog5,
+  ...catalog6,
+  ...catalog7,
+  ...catalog8
+];
+var registryMap = new Map(
+  allCatalogs.map((meta) => [meta.id, meta])
+);
+var overrideMap = /* @__PURE__ */ new Map();
+var overrideOwner = null;
+function registerPrimitiveOverride(meta, owner) {
+  if (overrideOwner !== null && overrideOwner !== owner) {
+    throw new Error(
+      `primitive override registry is single-tenant per process: owner '${overrideOwner}' already registered overrides; '${owner}' must call resetPrimitiveOverrides() first (or render in its own process). Registering a second tenant's overrides into the shared map would leak across tenants.`
+    );
+  }
+  overrideOwner = owner;
+  overrideMap.set(meta.id, meta);
+}
+function resetPrimitiveOverrides() {
+  overrideMap.clear();
+  overrideOwner = null;
+}
+function resolvePrimitive(id) {
+  return overrideMap.get(id) ?? registryMap.get(id);
+}
+function listPrimitives() {
+  return [...registryMap.keys()];
+}
+function resolveTransitionPresentation(id, params = {}) {
+  const meta = resolvePrimitive(id);
+  if (!meta) return void 0;
+  if (meta.kind !== "transition") return void 0;
+  if (typeof meta.createPresentation !== "function") return void 0;
+  const validated = meta.paramsSchema ? meta.paramsSchema.parse(params) : params;
+  return meta.createPresentation(validated);
+}
+function isRegisteredTransition(id) {
+  const meta = resolvePrimitive(id);
+  return !!meta && meta.kind === "transition";
+}
+function getPrimitiveText(overlay) {
+  const canonical = overlay.params.text;
+  if (typeof canonical === "string" && canonical.length > 0) return canonical;
+  const textParam = getPrimitiveTextParam(overlay.template);
+  if (typeof textParam === "string") {
+    const legacy = overlay.params[textParam];
+    if (typeof legacy === "string") return legacy;
+  }
+  return void 0;
+}
+function getPrimitiveSubtext(overlay) {
+  const canonical = overlay.params.subtext;
+  if (typeof canonical === "string" && canonical.length > 0) return canonical;
+  const subtextParam = getPrimitiveSubtextParam(overlay.template);
+  if (typeof subtextParam === "string") {
+    const legacy = overlay.params[subtextParam];
+    if (typeof legacy === "string") return legacy;
+  }
+  return void 0;
+}
+var BRAND_REF_PREFIX = "$brand:";
+var SAFE_NONCRITICAL_DEFAULT = "transparent";
+var HYPHEN_PATH_ALIASES = {
+  "colors.text-on-accent": "colors.textOnAccent",
+  "colors.text-on-surface": "colors.textOnSurface"
+};
+function lookupBrandPath(kit, path) {
+  const normalized = HYPHEN_PATH_ALIASES[path] ?? path;
+  const segments = normalized.split(".");
+  let current = kit;
+  for (const segment of segments) {
+    if (current == null || typeof current !== "object") return void 0;
+    current = current[segment];
+  }
+  return current;
+}
+function fallbackForMiss(path, binding) {
+  const normalized = HYPHEN_PATH_ALIASES[path] ?? path;
+  if (isContrastCritical(normalized)) {
+    return NEUTRAL_RAMP.onDark;
+  }
+  if (binding?.fallback != null) {
+    return binding.fallback;
+  }
+  return SAFE_NONCRITICAL_DEFAULT;
+}
+function resolveBrandValue(value, brandKit, binding, onUnresolved) {
+  if (typeof value !== "string" || !value.startsWith(BRAND_REF_PREFIX)) return value;
+  const path = value.slice(BRAND_REF_PREFIX.length);
+  if (!brandKit) {
+    onUnresolved?.({ path });
+    return fallbackForMiss(path, binding);
+  }
+  const resolved = lookupBrandPath(brandKit, path);
+  if (resolved === void 0) {
+    onUnresolved?.({ path });
+    return fallbackForMiss(path, binding);
+  }
+  return resolved;
+}
+function bindingsByBrandPath(meta) {
+  const map = /* @__PURE__ */ new Map();
+  if (!meta?.tokens) return map;
+  for (const binding of meta.tokens) {
+    if (binding.brandKitPath && !map.has(binding.brandKitPath)) {
+      map.set(binding.brandKitPath, binding);
+    }
+  }
+  return map;
+}
+function inflatePrimitiveProps(overlay, brandKit, onUnresolved) {
+  const meta = resolvePrimitive(overlay.template);
+  const { text, subtext, ...rest } = overlay.params;
+  const result = {};
+  const bindingForPath = bindingsByBrandPath(meta);
+  for (const [key, value] of Object.entries(rest)) {
+    const binding = typeof value === "string" && value.startsWith(BRAND_REF_PREFIX) ? bindingForPath.get(value.slice(BRAND_REF_PREFIX.length)) : void 0;
+    result[key] = resolveBrandValue(value, brandKit, binding, onUnresolved);
+  }
+  if (meta?.textParam && typeof text === "string") {
+    result[meta.textParam] = text;
+  }
+  if (meta?.subtextParam && typeof subtext === "string") {
+    result[meta.subtextParam] = subtext;
+  }
+  if (meta?.paramsSchema) {
+    const parsed = meta.paramsSchema.safeParse(result);
+    if (!parsed.success) {
+      const issues = parsed.error.issues.map((i) => `${i.path.join(".")}: ${i.message}`).join("; ");
+      throw new Error(
+        encodeError(
+          new CueframeError(
+            "invalid_primitive_params",
+            `${meta.id}: invalid params \u2014 ${issues}`,
+            { primitiveId: meta.id }
+          )
+        )
+      );
+    }
+    return parsed.data;
+  }
+  return result;
+}
+
+export {
+  allCatalogs,
+  registerPrimitiveOverride,
+  resetPrimitiveOverrides,
+  resolvePrimitive,
+  listPrimitives,
+  resolveTransitionPresentation,
+  isRegisteredTransition,
+  getPrimitiveText,
+  getPrimitiveSubtext,
+  inflatePrimitiveProps
+};