From 2855a53d8453b600cc50ca5ce56a8530b8a57296 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 22 Oct 2026 22:35:29 +0000 Subject: [PATCH 1/2] chore(catalog): publish generated catalog --- 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 ++++++------ .../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 +- .../components/particle-text-dissolve.json | 2 +- .../catalog/components/per-word-rise.json | 2 +- .../catalog/components/physical-exit.json | 2 +- .../catalog/components/press-ripple.json | 2 +- .../catalog/components/pull-back-reveal.json | 2 +- .../catalog/components/pull-to-refresh.json | 2 +- docs/public/catalog/components/push-in.json | 2 +- .../catalog/components/radial-surround.json | 2 +- .../components/rubber-band-bumper.json | 2 +- 100 files changed, 194 insertions(+), 194 deletions(-) diff --git a/docs/catalog/components/camera-scan-gate.mdx b/docs/catalog/components/camera-scan-gate.mdx index 5d95316f7fe..27e09c29be6 100644 --- a/docs/catalog/components/camera-scan-gate.mdx +++ b/docs/catalog/components/camera-scan-gate.mdx @@ -13,7 +13,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; compositionSrc="compositions/components/camera-scan-gate.html" title="Camera Scan Gate" description="A camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat." - variables={[{"id":"scanColor","type":"string","role":"style","label":"Scan color","description":"Any CSS color value used by the scan line and recognition glow.","default":"var(--brand)"},{"id":"targetLabel","type":"string","role":"content","label":"Target label","description":"Confirmation label revealed at recognition lock. Blank hides the line.","default":"Verified"},{"id":"sweepSpeed","type":"number","role":"timing","label":"Sweep speed","description":"Speed multiplier for the scan sweep phase only.","default":1,"min":0.8,"max":1.6,"step":0.1,"unit":"x"}]} + variables={[{"id":"scanColor","type":"string","role":"style","label":"Scan color","description":"Any CSS color value used by the scan line and recognition glow.","default":"var(--brand, #22c55e)"},{"id":"targetLabel","type":"string","role":"content","label":"Target label","description":"Confirmation label revealed at recognition lock. Blank hides the line.","default":"Verified"},{"id":"sweepSpeed","type":"number","role":"timing","label":"Sweep speed","description":"Speed multiplier for the scan sweep phase only.","default":1,"min":0.8,"max":1.6,"step":0.1,"unit":"x"}]} meta={{"category":"Camera","badge":"Stable","codeLines":522}} attribution={{"path":"registry/components/camera-scan-gate","tags":["prop","ui-props","camera","qr","scan","recognition","interaction","demonstrate"]}} hasCode @@ -40,7 +40,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; it for passive camera decoration or a generic loading state. Variables (declared in data-composition-variables below): - - scanColor (string, default "var(--brand)"): any CSS color value used by + - scanColor (string, default "var(--brand, #22c55e)"): any CSS color value used by the scan line, lock brackets, and confirmation glow. - targetLabel (string, default "Verified"): label revealed at lock. Empty string hides the label line entirely. @@ -80,7 +80,7 @@ import { InstallCommand } from "/snippets/install-command.jsx"; ``` 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