From 4f29f8df57bff5673fbaa1b6fdee12ee49c5061e Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 25 Oct 2026 09:50:48 +0000 Subject: [PATCH 1/2] chore(catalog): publish generated catalog --- docs/catalog/blocks/mk-callout-highlight.mdx | 46 +++++++++++++++---- docs/catalog/components/camera-scan-gate.mdx | 12 ++--- .../catalog/components/device-frame-stage.mdx | 2 +- docs/catalog/components/focus-swap.mdx | 40 ++++++++-------- docs/catalog/components/oversized-cursor.mdx | 2 +- .../catalog/components/overwhelm-surround.mdx | 2 +- docs/catalog/components/spring-pop.mdx | 2 +- docs/catalog/components/stagger-cascade.mdx | 18 ++++---- .../catalog/components/store-badge-lockup.mdx | 44 +++++++++--------- docs/catalog/components/svg-mask-reveal.mdx | 20 ++++---- docs/catalog/components/testimonial-card.mdx | 40 ++++++++-------- docs/catalog/components/toggle-flip.mdx | 2 +- docs/catalog/components/touch-indicator.mdx | 2 +- docs/catalog/components/wordmark-tiles.mdx | 28 +++++------ docs/public/catalog/blocks/camcorder-hud.json | 2 +- .../blocks/code-snippet-dark-2026.json | 2 +- .../blocks/code-snippet-dark-modern.json | 2 +- .../blocks/editorial-flash-overlay.json | 2 +- .../catalog/blocks/freeze-frame-dressing.json | 2 +- .../catalog/blocks/mk-callout-highlight.json | 2 +- .../blocks/organic-light-leak-overlay.json | 2 +- .../catalog/blocks/thread-message-stack.json | 2 +- .../catalog/components/agent-cursor.json | 2 +- .../components/ascii-trail-reveal.json | 2 +- .../catalog/components/aurora-drift.json | 2 +- .../catalog/components/avatar-cloud.json | 2 +- .../catalog/components/beat-accent.json | 2 +- .../components/beat-pulse-background.json | 2 +- .../catalog/components/beat-timeline.json | 2 +- .../catalog/components/before-after-wipe.json | 2 +- .../components/browser-device-stage.json | 2 +- .../catalog/components/camera-scan-gate.json | 2 +- .../components/caption-camera-follow.json | 2 +- .../catalog/components/char-slam-explode.json | 2 +- .../catalog/components/chart-story.json | 2 +- .../catalog/components/chat-message.json | 2 +- .../catalog/components/chat-thread.json | 2 +- .../catalog/components/code-terminal-run.json | 2 +- .../catalog/components/comparison-split.json | 2 +- .../components/conic-progress-ring.json | 2 +- .../catalog/components/constellation-hub.json | 2 +- docs/public/catalog/components/count-up.json | 2 +- docs/public/catalog/components/cta-close.json | 2 +- .../public/catalog/components/cta-lockup.json | 2 +- .../catalog/components/cursor-annotate.json | 2 +- .../components/cursor-context-menu.json | 2 +- .../catalog/components/cursor-drag-drop.json | 2 +- .../components/cursor-glyph-trail.json | 2 +- .../components/cursor-marquee-select.json | 2 +- .../components/cursor-text-select.json | 2 +- .../components/cursor-zoom-follow.json | 2 +- .../catalog/components/curtain-reveal.json | 2 +- .../catalog/components/cut-the-curve.json | 2 +- .../catalog/components/dart-cursor.json | 2 +- .../catalog/components/decline-chart.json | 2 +- .../components/device-frame-stage.json | 2 +- .../public/catalog/components/drift-hold.json | 2 +- .../public/catalog/components/echo-trail.json | 2 +- .../catalog/components/facet-morph.json | 2 +- .../public/catalog/components/focus-rack.json | 2 +- .../public/catalog/components/focus-swap.json | 2 +- .../catalog/components/gesture-tap.json | 2 +- .../catalog/components/gloss-sweep.json | 2 +- .../components/grade-split-reveal.json | 2 +- .../catalog/components/grain-field.json | 2 +- .../components/grid-card-assemble.json | 2 +- .../catalog/components/halftone-dissolve.json | 2 +- .../catalog/components/headline-slam.json | 2 +- .../catalog/components/icon-morph-beat.json | 2 +- .../catalog/components/ink-bleed-reveal.json | 2 +- .../catalog/components/iris-reveal.json | 2 +- .../components/kinetic-center-build.json | 2 +- .../catalog/components/kinetic-type-swap.json | 2 +- .../catalog/components/light-sweep-pass.json | 2 +- docs/public/catalog/components/line-swap.json | 2 +- .../components/locked-nucleus-orbit.json | 2 +- .../catalog/components/logo-brand-close.json | 2 +- .../public/catalog/components/logo-sting.json | 2 +- docs/public/catalog/components/logo-wall.json | 2 +- .../catalog/components/magnetic-cursor.json | 2 +- .../components/marker-checklist-card.json | 2 +- .../catalog/components/marker-highlight.json | 2 +- docs/public/catalog/components/match-cut.json | 2 +- .../catalog/components/modal-morph.json | 2 +- .../public/catalog/components/morph-swap.json | 2 +- .../components/multi-device-splay.json | 2 +- .../components/multiplayer-cursors.json | 2 +- .../components/native-notification-pop.json | 2 +- .../catalog/components/notes-typing.json | 2 +- .../components/notification-pileup.json | 2 +- .../components/notification-stack.json | 2 +- .../components/offset-path-traveler.json | 2 +- .../components/ordered-dither-pass.json | 2 +- .../catalog/components/outline-draw.json | 2 +- .../catalog/components/oversized-cursor.json | 2 +- .../components/overwhelm-surround.json | 2 +- .../catalog/components/pan-stations.json | 2 +- .../components/paper-collage-reveal.json | 2 +- .../components/parallax-device-dive.json | 2 +- .../components/particle-image-reveal.json | 2 +- 100 files changed, 229 insertions(+), 203 deletions(-) diff --git a/docs/catalog/blocks/mk-callout-highlight.mdx b/docs/catalog/blocks/mk-callout-highlight.mdx index 18fcb7ca28e..81c5934b32b 100644 --- a/docs/catalog/blocks/mk-callout-highlight.mdx +++ b/docs/catalog/blocks/mk-callout-highlight.mdx @@ -14,7 +14,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; title="Word-Sweep Highlight" description="A sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover" variables={[]} - meta={{"duration":8,"width":1920,"height":1080,"category":"Captions","badge":"Stable","codeLines":156}} + meta={{"duration":8,"width":1920,"height":1080,"category":"Captions","badge":"Stable","codeLines":182}} attribution={{"path":"registry/blocks/mk-callout-highlight","tags":["typography","karaoke","captions","minimal"]}} hasCode rawUrl="https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/blocks/mk-callout-highlight/mk-callout-highlight.html" @@ -55,8 +55,20 @@ import { InstallCommand } from "/snippets/install-command.jsx"; overflow: hidden; background: transparent; /* overlays footage or mk-background */ } - #mk-ch-box { + #mk-ch-center { + /* CSS centring. The box is a flex item of this full-frame wrapper, so its + place is laid out by the browser rather than measured from a DOM rect + taken before web fonts are ready. An explicit CONFIG.x / CONFIG.y turns + that axis into an edge offset (see the script). No pointer-events:none + here: it inherits to the word spans and the contrast audit skips them. */ position: absolute; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + } + #mk-ch-box { + flex: none; /* max-content width, clamped by max-width; never shrunk */ font-family: var(--mk-font); font-weight: 500; letter-spacing: -0.015em; @@ -75,7 +87,9 @@ import { InstallCommand } from "/snippets/install-command.jsx"; data-width="1920" data-height="1080" > -
+
+
+
``` diff --git a/docs/catalog/components/device-frame-stage.mdx b/docs/catalog/components/device-frame-stage.mdx index 6246f470510..fdf8dc2371c 100644 --- a/docs/catalog/components/device-frame-stage.mdx +++ b/docs/catalog/components/device-frame-stage.mdx @@ -44,7 +44,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; hardware reveal, glare sweep, or camera-lens tour, ever. This file is a mountable HyperFrames sub-composition (see - skills/hyperframes-core/references/sub-compositions.md): a host + skills/hyperframes/references/format.md): a host composition embeds it via a clip carrying data-composition-src, a matching data-composition-id, and its own data-start / data-duration / data-track-index / data-width / data-height. Everything the render needs diff --git a/docs/catalog/components/focus-swap.mdx b/docs/catalog/components/focus-swap.mdx index 261c6db330d..6537f3652f5 100644 --- a/docs/catalog/components/focus-swap.mdx +++ b/docs/catalog/components/focus-swap.mdx @@ -89,9 +89,9 @@ import { InstallCommand } from "/snippets/install-command.jsx"; container-type: size; isolation: isolate; overflow: hidden; - background: var(--bg); - color: var(--fg); - font-family: var(--font-body); + background: var(--bg, #070a12); + color: var(--fg, #f8fafc); + font-family: var(--font-body, Inter, system-ui, sans-serif); } .fs-clip { @@ -121,15 +121,15 @@ import { InstallCommand } from "/snippets/install-command.jsx"; justify-content: space-between; padding: 5cqh 3.2cqw; overflow: hidden; - border: 0.16cqw solid var(--border); - border-radius: var(--radius); - background: var(--surface); - box-shadow: 0 2.2cqh 5cqh color-mix(in srgb, var(--bg) 72%, transparent); + border: 0.16cqw solid var(--border, #34405a); + border-radius: var(--radius, 22px); + background: var(--surface, #151c2c); + box-shadow: 0 2.2cqh 5cqh color-mix(in srgb, var(--bg, #070a12) 72%, transparent); transform-origin: center; will-change: transform, filter, opacity; /* Both cards are the same placeholder material. Which one holds attention is said by blur, scale, and opacity, never by hue. */ - --fs-card-accent: color-mix(in srgb, var(--fg) 72%, var(--surface)); + --fs-card-accent: color-mix(in srgb, var(--fg, #f8fafc) 72%, var(--surface, #151c2c)); } .fs-card::before { @@ -144,7 +144,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; display: flex; align-items: center; justify-content: space-between; - gap: var(--space-2); + gap: var(--space-2, 16px); } .fs-card-letter { @@ -153,16 +153,16 @@ import { InstallCommand } from "/snippets/install-command.jsx"; width: 5cqw; aspect-ratio: 1; border-radius: 50%; - background: color-mix(in srgb, var(--fg) 13%, var(--surface)); - color: var(--fg); - font-family: var(--font-mono); + background: color-mix(in srgb, var(--fg, #f8fafc) 13%, var(--surface, #151c2c)); + color: var(--fg, #f8fafc); + font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace); font-size: 2.3cqw; font-weight: 700; } .fs-status { - color: var(--muted); - font-family: var(--font-mono); + color: var(--muted, #94a3b8); + font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace); font-size: 1.25cqw; letter-spacing: 0.12em; text-transform: uppercase; @@ -170,12 +170,12 @@ import { InstallCommand } from "/snippets/install-command.jsx"; .fs-copy { display: grid; - gap: var(--space-1); + gap: var(--space-1, 8px); } .fs-title { - color: var(--fg); - font-family: var(--font-display); + color: var(--fg, #f8fafc); + font-family: var(--font-display, Inter, system-ui, sans-serif); font-size: 3.4cqw; font-weight: 680; line-height: 1; @@ -183,7 +183,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; } .fs-detail { - color: var(--muted); + color: var(--muted, #94a3b8); font-size: 1.45cqw; line-height: 1.35; } @@ -191,8 +191,8 @@ import { InstallCommand } from "/snippets/install-command.jsx"; .fs-meter { height: 1.1cqh; overflow: hidden; - border-radius: var(--radius); - background: color-mix(in srgb, var(--border) 60%, transparent); + border-radius: var(--radius, 22px); + background: color-mix(in srgb, var(--border, #34405a) 60%, transparent); } .fs-meter-fill { diff --git a/docs/catalog/components/oversized-cursor.mdx b/docs/catalog/components/oversized-cursor.mdx index 713c19c3e08..a024332946e 100644 --- a/docs/catalog/components/oversized-cursor.mdx +++ b/docs/catalog/components/oversized-cursor.mdx @@ -39,7 +39,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; mount contract: this file is a HyperFrames sub-composition, loaded by a host via data-composition-src, never opened standalone. The runtime clones ONLY the