@mkbabb/glass-ui 3.9.0 → 3.10.0

package/src/styles/tokens.css

@@ -80,9 +80,12 @@
     --duration-xxl: 1.5s;
     --duration-shimmer-fast: 3s;
     --duration-shimmer: 5s;
-    /* Sparkle micro-event — primary-CTA disco-grain sparkle sweep, success
-       affirmations. R5 vocab.γ gap row 3 (single-site at dock.css:735 today,
-       reserved for J.W2.7 §17 audacious-CTA buildout). */
+    /* Sparkle micro-event — primary-CTA disco-grain sparkle sweep.
+       @deprecated 3.10 — the disco-star is EXCISED (D6.b); the `sparkle-sweep`
+       keyframe is tombstoned (animations.css) and no live recipe consumes this
+       duration. Retained one minor so an out-of-tree consumer resolves a value
+       rather than `unset`; full delete (this token + the theme bridge + the
+       keyframe) lands in 3.11. */
     --duration-sparkle: 600ms;
 
     /* AH.W5-e (FA-8 §4d) — motion-duration + staged-reveal canon.
@@ -181,7 +184,7 @@
        The BUTTON family (`.btn-pill` / `.tap-squish` / `.glass-btn` /
        `btn-interactive`) UNIFIES its `scale` transform leg onto ONE register —
        `--spring-smooth` — so hover + press read as one motion language (the
-       hover lift is the restrained `--scale-hover-btn` = 1.035, not the 1.08
+       hover lift is the restrained `--scale-hover-btn` = 1.05, not the 1.08
        `--scale-hover`). Springs read alive on TRANSFORM and ENTER (overshoot =
        physicality); a spring on a COLOR or an EXIT reads as a wobble/hesitation.
        `--ease-apple` is the ambient-only register (consumed solely by the Pulse
@@ -511,6 +514,26 @@
        field recedes further: BELOW the slides 0.92 max-legibility reference. */
     --constellation-alpha:               0.80;
 
+    /* §interaction — the warp spring + the gravity-well tunings (NUMERIC, NOT
+       colors — read ONCE on mount via parseFloat, never reach a Canvas2D
+       fillStyle, so immune to the W30 light-dark()/Canvas2D leak; AY.W-CON2).
+       Mode-INVARIANT, declared ONCE in :root (the .dark arm needs no numeric
+       re-declare — a per-mode value SPLIT is what proof:constellation-tokens
+       clause (c) flags, and these tunings are identical in both modes).
+       `--constellation-warp-response` is the keyframes.js ANGULAR PERIOD (the
+       SwiftUI .spring(response:) axis), NOT a settle-duration — at ζ=1 the 2%
+       settle lands at t₂ ≈ 5.83/ω₀ ≈ 0.93·response (the engine keeps the
+       keyframes.js ω₀ = 2π/response convention, mints no second ω). */
+    --constellation-warp-response:    0.55;   /* s — keyframes.js angular period (NOT a settle) */
+    --constellation-warp-zeta:        1.0;    /* critically damped — a focal mark must NOT ring */
+    --constellation-well-gain:        14000;  /* inverse-square force scale (the held-pull gain) */
+    --constellation-well-reach:       340;    /* base-width px — the well's reach (k-scaled at step) */
+    --constellation-well-ramp:        4.0;    /* 1/s — the ARM rate (≈0.25s bloom; release is the fixed brisk WELL_RELEASE_RAMP — the field-cools invariant, not consumer-tunable) */
+    --constellation-well-max-speed:   4.0;    /* base-width px/frame cap — the no-slingshot clamp */
+    --constellation-well-hold-ms:     140;    /* ms hold before the well arms */
+    --constellation-wander-idle:      8000;   /* ms — min idle between auto re-targets (the W-CON1 drift cadence) */
+    --constellation-wander-jitter:    8000;   /* ms — random extra idle per cadence (so the rhythm is not metronomic) */
+
     /* ═══════════════════════════════════════════════
        §6  SECTION PALETTE — 13-stop jewel tones (light)
        ═══════════════════════════════════════════════ */
@@ -1052,13 +1075,22 @@
 
     /* Overlay scrim rungs — substrate-aware modal/dialog backdrop tints.
        Three weights cover the deployed range: dialog-scroll (subtle),
-       canonical modal (default), drawer/full-cover (strong). Currently
-       5 raw `bg-black/{40,50,80}` sites across Dialog/Sheet/Drawer/
-       ConfirmDialog hardcode the value; W2.A migrates consumers.
-       R5 vocab.γ gap row 2. */
-    --overlay-scrim:         color-mix(in srgb, var(--shadow-color) 50%, transparent);
-    --overlay-scrim-strong:  color-mix(in srgb, var(--shadow-color) 80%, transparent);
-    --overlay-scrim-subtle:  color-mix(in srgb, var(--shadow-color) 40%, transparent);
+       canonical modal (default), drawer/full-cover (strong).
+
+       AY.W-PRIM-POLISH D3 — the scrim is its OWN identity token, NOT derived
+       from `--shadow-color`. A scrim's role is to RECEDE: it must pin to INK in
+       BOTH modes. The cartoon-shadow family rides `--shadow-color: var(--foreground)`
+       (correct — a shadow re-tints under `.dark` by construction), but a scrim
+       that does the same FLOODS the dark room with a cream fog (the old dark
+       overlay painted `srgb(0.91… / 0.5)`, a near-white wash that BRIGHTENED the
+       page at the modal moment). `--overlay-scrim-ink` is a fixed warm near-black
+       (the light-mode `--foreground` value), re-resolved verbatim in `.dark` so
+       the scrim recedes in both modes. Clean break, no alias (no-backwards-compat).
+       The `--shadow-color` / `--shadow-cartoon-*` family is UNTOUCHED. */
+    --overlay-scrim-ink:     hsl(24 10% 10%);
+    --overlay-scrim:         color-mix(in srgb, var(--overlay-scrim-ink) 50%, transparent);
+    --overlay-scrim-strong:  color-mix(in srgb, var(--overlay-scrim-ink) 80%, transparent);
+    --overlay-scrim-subtle:  color-mix(in srgb, var(--overlay-scrim-ink) 40%, transparent);
 
     /* ═══════════════════════════════════════════════
        §9  ANIMATION OFFSETS
@@ -1485,8 +1517,15 @@
     --opacity-icon-muted: 0.8;
 
     --focus-ring-width: 2px;
-    --focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--ring) 30%, transparent),
-        0 0 8px color-mix(in srgb, var(--ring) 15%, transparent);
+    /* D6.b — the focus-ring color routes through a `--focus-ring-color`
+       indirection (default `--ring`, so the resolved shadow is byte-identical to
+       the prior hard `--ring` recipe). An opt-in channel (the `focus-ring-gold`
+       utility, utilities.css) overrides ONLY this color to mint a gilded
+       "you are here / this is live" ring — gold is the transient STATE voice;
+       the resting active mark stays its structural color (the four-voice law). */
+    --focus-ring-color: var(--ring);
+    --focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--focus-ring-color) 30%, transparent),
+        0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent);
     --focus-ring: var(--focus-ring-shadow);
 
     /* ═══════════════════════════════════════════════
@@ -1508,10 +1547,40 @@
     --gold: oklch(0.751 0.147 84.2);
     --gold-light: oklch(0.890 0.183 96.1);
     --gold-dark: oklch(0.599 0.132 64.2);
+    /* AY.W-PRIM-POLISH D1 — the saturated CTA plate the AW.W13 gold-CTA contract
+       names. A FIXED deep gold (mode-INVARIANT — the gold-CTA hover backplate must
+       be dark in BOTH modes so the white label clears ≥4.5:1; deepening toward the
+       mode-flipping `--foreground` brightened the dark plate to a cream-gold and
+       broke dark). ~`--gold-dark` deepened toward warm-ink → ~rgb(120,87,45),
+       6.5:1 white in light / 5.5:1 in dark. The opaque base of `btn-audacious-gold`
+       :hover. */
+    --gold-deep: oklch(0.487 0.103 63.0);
+
+    /* D6.b — the chrome-gold additions (the rim + the legible ink), completing
+       the gold quad into the gilt FAMILY. Gold is a metal, not a hue — it must
+       read as reflectance, so it lives at the EDGE and the HIGHLIGHT, rarely as
+       an area.
+
+       --gold-rim — the gilt EDGE catch: `--gold` at 40% over the surface, the
+       1px tooled bevel light the `.glass-gilt` modifier + the gilt dock button
+       paint. Non-text → no contrast floor.
+
+       --gold-ink — legible gold-toned TEXT. Derived (NOT guessed) to clear the
+       cream-law ② floor (APCA |Lc| ≥ 45) against `--card` in BOTH arms; the raw
+       `--gold-dark` does not (it was minted as a plate hue). LIGHT arm:
+       oklch(0.560 0.118 70) → |Lc| 69.9 on the cream `--card` (hsl 48 12% 98%).
+       The dark-arm pair lifts L (the warm-dark stock) in the `.dark` block,
+       reaching |Lc| 77.1 on the dark `--card`. Both verified by
+       `proof:gold-ink-contrast`. */
+    --gold-rim: color-mix(in oklab, var(--gold) 40%, transparent);
+    --gold-ink: oklch(0.560 0.118 70);
 
     --color-gold: var(--gold);
     --color-gold-light: var(--gold-light);
     --color-gold-dark: var(--gold-dark);
+    --color-gold-deep: var(--gold-deep);
+    --color-gold-rim: var(--gold-rim);
+    --color-gold-ink: var(--gold-ink);
 
     /* ═══════════════════════════════════════════════
        §14 RAINBOW PALETTE — oklch (AV.W16 TW2; mode-independent, no .dark
@@ -1767,8 +1836,18 @@
        flat ease. STRICTLY transform-scoped: it must never touch the surface-tier
        `[data-held]` fades (background/border/box-shadow), which stay on
        `--duration-fast var(--ease-standard)`. The duration pairs with
-       `--duration-fast`; consumers retune the whole feel via this one token. */
-    --dock-press-spring: var(--duration-fast) var(--spring-bouncy);
+       `--duration-fast`; consumers retune the whole feel via this one token.
+
+       AY.W-DOCK2 (D6) — the register is `--spring-smooth`, the §6 easing-doctrine
+       transform-press register (tokens.css §2: transform hover/press/active →
+       `--spring-smooth`/`--spring-snappy`, NEVER `--spring-bouncy`; a press must
+       settle, never overshoot into a visible bounce). The prior `--spring-bouncy`
+       ROOT default was off-doctrine, shadowed for the four named controls by a
+       per-surface re-point in dock-controls.css — the exact per-surface fork the
+       doctrine kills. The re-point is now a DEAD byte-identical redeclaration and is
+       DELETED; the ROOT token IS the doctrine register, so any other consumer of
+       `--dock-press-spring` inherits the correct smooth register. */
+    --dock-press-spring: var(--duration-fast) var(--spring-smooth);
 }
 
 /* AX.W51 D18 — the GLOBAL coarse-pointer comfort amplification. The WHOLE library
@@ -2112,6 +2191,13 @@
     --gold: oklch(0.784 0.143 86.0);
     --gold-light: oklch(0.898 0.182 97.4);
     --gold-dark: oklch(0.678 0.150 63.8);
+    /* D6.b — the dark-arm gilt ink. `--gold-rim` auto-re-resolves (its color-mix
+       reads the dark `--gold` above — no override). `--gold-ink` MUST lift L for
+       the dark `--card` (hsl 24 8% 10%): a deep gold-dark ink would vanish into
+       the near-black plate, so the dark ink is a BRIGHT gold —
+       oklch(0.860 0.158 90) → |Lc| 77.1 on the dark `--card` (cream-law ②;
+       verified by proof:gold-ink-contrast). */
+    --gold-ink: oklch(0.860 0.158 90);
 }
 
 /* ═══════════════════════════════════════════════

package/src/styles/transitions.css

@@ -184,10 +184,28 @@
      * surface). The grammar is single-event entrance + dwell + exit;
      * the next toast (if any) enters on its own contract.
      *
+     * §6 EASING-DOCTRINE EXEMPTION (AY.W-MOTION — DELIBERATE KEEP).
+     * Every glass-ui-OWNED entrance surface (`dialog-scale`, `pop`,
+     * `dropdown`, `fade-slide`, `dock-in`) rides the house `--spring-*`
+     * enter / `--ease-out`/`--ease-standard` exit vocabulary (the §6
+     * doctrine, tokens.css:162-190). The Toast does NOT — and that is
+     * BY DESIGN, not an unexamined default. The reka-ui `ToastRoot`
+     * primitive OWNS its data-state choreography: the entrance slide
+     * direction tracks the viewport origin AND the swipe-end gesture
+     * (`data-[swipe=end]:slide-out-to-right-full`), so the entrance/exit
+     * are coupled to reka's `tw-animate-css` data-state machinery. The §6
+     * spring vocabulary governs glass-ui-OWNED surfaces; the reka-Toast
+     * entrance is not one — re-authoring it onto a `<Transition>` would
+     * fork the primitive's swipe-coupled contract (and `tw-animate-css`
+     * is the shipped optionalPeer this contract depends on). The gate
+     * (proof:animation-coherence) carries the Toast surface in its
+     * REGISTER_ASSIGNMENT_ALLOW set so this keep reads as a gated,
+     * deliberate exemption.
+     *
      * PRM is honoured at the `@media (prefers-reduced-motion: reduce)`
      * block below — the slide motion retires; the fade-in/out
-     * remains. No source change in W4; this comment block IS the
-     * documentation closure for the W4-M.3 toast contract row.
+     * remains. No source motion change; this comment block IS the
+     * documentation closure for the toast contract row.
      */
 
     /* ── Reduced motion: preserve fades, remove transform/scale motion ── */

package/src/styles/utilities.css

@@ -143,6 +143,20 @@
         box-shadow: var(--focus-ring-shadow);
     }
 
+    /* D6.b — `focus-ring-gold`: the opt-in gilded focus ring. Overrides ONLY
+       `--focus-ring-color` (tokens.css) → the shared `--focus-ring-shadow`
+       re-resolves to gold for THIS element; the default ring elsewhere is
+       unchanged. Gold-as-state is the "you are here / this is live" mark — a
+       transient highlight (appears on focus-visible, gone on blur), so gold is
+       lawful here where a permanent gold furniture would not be. Mirror of the
+       `focus-ring` custom-property pattern: a consumer composes
+       `class="focus-ring focus-ring-gold"` to gild the ring on the active rung;
+       the resting mark keeps its structural color (the four-voice law: red is
+       identity, gold is distinction). */
+    .focus-ring-gold {
+        --focus-ring-color: var(--gold);
+    }
+
     /* ── Hairline-accent — 0.5px catch-light + under-shadow pair ──
        Composes the canonical `--border-hairline` token (tokens.css §
        Glass-decorative). Adopt at any surface that wants the canonical
@@ -366,6 +380,30 @@
         }
     }
 
+    /* D6.b — `.text-gilt`: the brand-polish ONE-SHOT shimmer. Same gold-clip
+       gradient pass as `.gold-shimmer`, but the gold passes ONCE then SETS — a
+       seal being pressed, not a marquee looping forever. This is the lawful home
+       for the chassis "Complete!" celebration the disco-star used to carry: the
+       gold sweeps once over the completion label on resolve, then holds the
+       static gold gradient.
+
+       `animation-iteration-count: 1` + `animation-fill-mode: forwards` so the
+       slide runs exactly one pass and the final keyframe (background-position
+       -200%) sticks — no per-frame repaint after settle. PRM users get the
+       static gradient, no pass (the gold is still present, just unanimated). */
+    .text-gilt {
+        background: linear-gradient(90deg, var(--color-gold-dark), var(--color-gold-light), var(--color-gold), var(--color-gold-light), var(--color-gold-dark));
+        background-size: 250% 100%;
+        background-clip: text;
+        -webkit-background-clip: text;
+        color: transparent;
+    }
+    @media (prefers-reduced-motion: no-preference) {
+        .text-gilt {
+            animation: gold-shimmer-slide var(--duration-shimmer) var(--ease-out-expo) 1 forwards;
+        }
+    }
+
     /* ── Keyboard key ── */
     .kbd {
         display: inline-flex;
@@ -570,6 +608,56 @@
         letter-spacing: 0.1em;
     }
 
+    /* D6.b — `MetricBadge variant="record"`: the gilded record/peak value.
+       The highest-leverage gold moment on a DATA atlas — a tiny gilt pill on the
+       single record / peak / featured figure (the all-time-high, the top
+       district). Gold marks the SUPERLATIVE, exactly one per view: a gilt pill on
+       a single figure reads as a medal — civic and earned, not decorative.
+
+       The recipe composes ON the base `.metric-badge` glass plate (it is a
+       MODIFIER, never a replacement): a 1px `--gold-rim` tooled edge + `--gold-ink`
+       text + a FAINT gold wash (≤8% alpha — never an opaque gold fill, which would
+       read as a fourth DATA category and break one-color-one-meaning). The wash
+       sits over the badge's own `--glass-bg-quiet` plate via `color-mix`, so the
+       cream glass still reads through; the gold is the leaf, not the area.
+
+       `--gold-ink` clears cream-law ② (APCA |Lc| ≥ 45) on `--card` in both arms
+       (proof:gold-ink-contrast), and the faint wash only lightens the plate it
+       sits on, so the ink stays legible. */
+    .metric-badge--record {
+        border-color: var(--gold-rim);
+        background:
+            linear-gradient(
+                0deg,
+                color-mix(in oklab, var(--gold) 8%, transparent),
+                color-mix(in oklab, var(--gold) 8%, transparent)
+            ),
+            var(--metric-badge-bg, var(--glass-bg-quiet));
+        box-shadow:
+            inset 0 0 0 1px var(--gold-rim),
+            inset 0 0.5px 0 0
+                color-mix(in oklab, var(--gold-light) 30%, transparent),
+            0 1px 6px color-mix(in srgb, var(--shadow-color) 8%, transparent);
+    }
+
+    /* The record value reads in legible gold ink (the medal numeral). Scoped to
+       the amount slot so the unit/label keep their muted register — the gold is
+       on the figure, not the furniture. */
+    .metric-badge--record .metric-badge__amount {
+        color: var(--gold-ink);
+    }
+
+    .metric-badge--record:hover {
+        /* Hover deepens the rim to full `--gold` and lifts the wash one rung —
+           the gilt edge catches a touch more light, never a fill. */
+        border-color: var(--gold);
+        box-shadow:
+            inset 0 0 0 1px var(--gold),
+            inset 0 0.5px 0 0
+                color-mix(in oklab, var(--gold-light) 40%, transparent),
+            0 2px 10px color-mix(in srgb, var(--shadow-color) 12%, transparent);
+    }
+
     /* Q.W3 Lane A — the `.glass-dock[data-density="…"]` density rungs that
        set `--dock-tab-h` + `--dock-label-size` were consolidated into
        `dock.css` (their canonical dock-styles home). They formerly lived
@@ -851,28 +939,17 @@
         --ripple-radius: var(--ripple-radius-max, 12rem);
     }
 
-    /* Sparkle glyph — hidden at rest, animated on hover. The star
-       sweeps diagonally from top-left to bottom-right per the canonical
-       sparkle-sweep keyframe (animations.css). */
-    &::after {
-        content: "✦";
-        position: absolute;
-        top: 0.25rem;
-        left: 0.5rem;
-        color: hsl(0 0% 100% / 0.7);
-        font-size: 0.75rem;
-        line-height: 1;
-        pointer-events: none;
-        opacity: 0;
-        will-change: transform, opacity;
-        z-index: 1;
-    }
-
-    @media (prefers-reduced-motion: no-preference) {
-        &:hover::after {
-            animation: sparkle-sweep var(--duration-sparkle) var(--ease-out-expo);
-        }
-    }
+    /* D6.b — the disco-star EXCISED. The `::after { content:"✦" }` glyph and
+       its `&:hover::after { animation: sparkle-sweep … }` trigger are gone (the
+       user's named removal: "remove the disco star from all glass-ui elements").
+       A primary action now announces itself by SETTLING into a richer surface,
+       not by emitting a sparkle: the whole hover affirmation rides the existing
+       `&:hover` specular catch-light box-shadow (`--glass-specular`, above) —
+       honest physics, not casino-skeuomorphism. Gold CTAs add the
+       `btn-gold-bg-sweep` metal-catch (a metal catching light is honest; a star
+       is not). One garish gesture out, zero garish gestures in. The
+       `sparkle-sweep` keyframe is TOMBSTONED in animations.css (empty body,
+       full delete in 3.11); `--duration-sparkle` is `@deprecated` in tokens.css. */
 
     /* PRM bracket — the press-ripple retires; the press still reads
        via the audacious recipe's transform/scale beat (the ripple is
@@ -900,14 +977,14 @@
    token triad (tokens.css §13).
 
    Design register:
-   • PRM no-preference: shimmer sweeps continuously at `--duration-shimmer`
-     rate; the sparkle-sweep (from btn-audacious) coexists on hover.
+   • PRM no-preference: the gold sweep IS the gold-CTA affirmation — a metal
+     catching light is honest physics (the disco-star is gone, D6.b).
    • PRM reduce: static gold tint shows on hover; no animation.
    • The gold shimmer is a background-image layer ABOVE the existing
      btn-audacious paper-grain + primary-radial layers, blended with
      `overlay` so the glass substrate reads through at partial opacity.
-   • The `::before` ripple and `::after` sparkle from btn-audacious are
-     unchanged; this modifier only retunes the hover background layers.
+   • The `::before` ripple from btn-audacious is unchanged; the `::after`
+     sparkle is EXCISED (D6.b) — this modifier only retunes the hover layers.
    • Consumer applies: `<Button variant="gold-audacious">Next →</Button>` */
 @utility btn-audacious-gold {
     /* At rest: a faint warm gold tint over the glass surface reads as "warm
@@ -920,27 +997,40 @@
             color-mix(in srgb, var(--color-gold) 8%, transparent)
         );
 
-    /* Hover: replace the audacious primary-radial with a gold sweep shimmer.
-       The shimmer gradient rides above the paper-grain texture; the `overlay`
-       blend-mode concentrates the gold on bright grain facets and recedes on
-       dark ones — the same lens metaphor as the btn-audacious primary radial. */
+    /* Hover: deepen the plate to a SATURATED gold the white label clears (AW.W13
+       names a "saturated gold backplate"; the D1 fix). The bottom layer is the
+       OPAQUE fixed deep gold (`--color-gold-deep`, mode-INVARIANT) — a solid plate
+       at ~6.5:1 (light) / ~5.5:1 (dark) against white, well below the ~0.18
+       luminance floor white text needs for ≥4.5:1 (was a translucent 22-30% wash
+       over near-cream glass → 1.29:1 white-on-pale-gold). The plate is FIXED-dark
+       in both modes — deepening toward the mode-flipping `--foreground` brightened
+       the dark plate to a cream-gold; `--color-gold-deep` does not flip. The
+       shimmer sweep rides ABOVE as a LOW-alpha gold gradient (normal blend, ≤18% —
+       it textures the plate without brightening it past the floor), and the
+       paper-grain overlays for the disco facet. */
     &:hover:not(:disabled) {
         background-image:
             var(--paper-clean-texture),
             linear-gradient(
                 90deg,
                 transparent 0%,
-                color-mix(in srgb, var(--color-gold-dark) 22%, transparent) 25%,
-                color-mix(in srgb, var(--color-gold-light) 30%, transparent) 50%,
-                color-mix(in srgb, var(--color-gold-dark) 22%, transparent) 75%,
+                color-mix(in srgb, var(--color-gold) 14%, transparent) 25%,
+                color-mix(in srgb, var(--color-gold) 18%, transparent) 50%,
+                color-mix(in srgb, var(--color-gold) 14%, transparent) 75%,
                 transparent 100%
+            ),
+            linear-gradient(
+                135deg,
+                var(--color-gold-deep),
+                color-mix(in srgb, var(--color-gold-deep), var(--color-gold-dark) 18%) 50%,
+                var(--color-gold-deep)
             );
-        background-blend-mode: overlay, normal;
-        background-size: var(--paper-texture-size), 250% 100%;
-        background-position: 0 0, 100% 0;
+        background-blend-mode: overlay, normal, normal;
+        background-size: var(--paper-texture-size), 250% 100%, 100% 100%;
+        background-position: 0 0, 100% 0, 0 0;
         box-shadow:
             var(--glass-specular),
-            0 0 0 1px color-mix(in srgb, var(--color-gold) 30%, transparent),
+            0 0 0 1px color-mix(in srgb, var(--color-gold-dark) 40%, transparent),
             0 0.5px 0 0 rgb(0 0 0 / 0.06);
     }
 
@@ -956,8 +1046,8 @@
    a text-clip gradient). This variant sweeps the `background-position` of the
    250% wide gradient across the button's bounding box. */
 @keyframes btn-gold-bg-sweep {
-    0%   { background-position: 0 0, 100% 0; }
-    100% { background-position: 0 0, -100% 0; }
+    0%   { background-position: 0 0, 100% 0, 0 0; }
+    100% { background-position: 0 0, -100% 0, 0 0; }
 }
 
 /* ── Table density utilities — AN.R0 ─────────────────────────────────────
@@ -1037,7 +1127,7 @@
    states except `hover:scale-*`; this is the canonical opt-in that adds the
    spring-hover lift. Consumed by keyframes.js at 7 sites.
 
-   AX.W52 §6 — the hover lift is the restrained `--scale-hover-btn` (1.035, NOT
+   AX.W52 §6 — the hover lift is the restrained `--scale-hover-btn` (1.05, NOT
    the emphatic 1.08 `--scale-hover`) routed through `--spring-smooth` — the ONE
    button scale register the §6 doctrine records and the gate asserts across
    `.btn-pill`/`.tap-squish`/`.glass-btn`/`btn-interactive`. The surface legs

package/src/styles/view-transition.css

@@ -60,5 +60,56 @@
 @keyframes gl-vt-slide-in  { from { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 @keyframes gl-vt-slide-out { to   { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 
+/* ── gl-shared-element — the named-pair MORPH group (D6.c M6) ──────────────────
+ * Distinct from `.gl-list-item` (a cross-fade of MANY members in a re-rank): a
+ * shared-element morph is ONE element that exists in BOTH the old and new states
+ * under the SAME `view-transition-name`, so the browser MORPHS it in place — the
+ * group interpolates its size+position (transform) while old/new cross-fade. The
+ * editorial case: the gallery card's title IS the dashboard masthead's title, so
+ * the name you clicked GROWS into the name you read (the card → masthead route
+ * morph). The consumer adds `view-transition-class: gl-shared-element` plus a
+ * MATCHED `view-transition-name: <id>` on BOTH the source and destination element
+ * (the MANDATORY runtime rule — ≤1 element per name per state, else the morph is
+ * skipped silently), and wraps the navigation in `useRouteTransition` /
+ * `startViewTransition`.
+ *
+ * The morph rides the SMOOTH register (the 700ms-class spring, C-ANIM-VIZ-MAP T1
+ * §7) — a longer, gentler curve than the list-item cross-fade, because a morph
+ * that travels across the viewport wants room to read. The old/new cross-fade is
+ * softened so the morphing GROUP is the figure and the rest recedes. */
+::view-transition-group(.gl-shared-element) {
+    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
+    animation-timing-function: var(--vt-morph-ease, var(--spring-smooth, ease-in-out));
+}
+::view-transition-old(.gl-shared-element),
+::view-transition-new(.gl-shared-element) {
+    /* The image pair cross-fades UNDER the group's size/position morph — softer
+       than the group curve so the morph (the size/position travel) is the figure
+       and the pixel cross-fade is the recessive fill. */
+    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
+    animation-timing-function: var(--vt-ease, var(--spring-smooth, ease-in-out));
+}
+
+/* ── gl-expand — the plate → fullscreen MORPH recipe (D6.c M7) ─────────────────
+ * The expand verb (a plate growing to fullscreen) is a SHARED-ELEMENT morph, not
+ * an opacity jump-cut: the plate IS the fullscreen surface, growing. It is a
+ * specialization of `gl-shared-element` — the SAME named-pair morph, with the
+ * expand register (a touch snappier than a route morph, because the surface stays
+ * in place and only the rect grows, so it wants less travel-room). `ExpandableContainer`
+ * wires the `view-transition-name` plumbing on its plate↔fullscreen surfaces (an
+ * opt-in `viewTransitionName` prop), so a consumer opts in and the open/close
+ * mutation — wrapped in `startViewTransition` — morphs the plate's rect to the
+ * fullscreen rect and back. The named pair is the SAME element across states
+ * (the slot content), so the browser captures one group and grows it. */
+::view-transition-group(.gl-expand) {
+    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
+    animation-timing-function: var(--vt-expand-ease, var(--spring-bouncy, ease-out));
+}
+::view-transition-old(.gl-expand),
+::view-transition-new(.gl-expand) {
+    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
+    animation-timing-function: var(--vt-ease, var(--spring-bouncy, ease-out));
+}
+
 /* Keep the non-transitioned UI interactive while the snapshot animates. */
 ::view-transition { pointer-events: none; }

package/dist/components/custom/aurora/composables/gpuRuntime.d.ts

@@ -1,16 +0,0 @@
-import type { GPUCanvasFrame, GPUCanvasSetupArgs } from "../../../../composables/glass/createGPUCanvas";
-import type { CursorState } from "./cursorModel";
-import type { AuroraConfig } from "../constants/presets";
-export interface GPUAuroraDeps {
-    canvas: HTMLCanvasElement;
-    getConfig: () => AuroraConfig;
-    cursor: CursorState;
-    getReducedMotion: () => boolean;
-    /** The frozen frame-time offset under reduced motion (matches the WebGL2 path). */
-    frozenOffset: number;
-}
-/**
- * The `setup` callback for `createGPUCanvas`. Builds the pipeline once on the device,
- * returns the frame hooks. The single render pass draws the WGSL aurora base field.
- */
-export declare function createGPUAuroraSetup(deps: GPUAuroraDeps): ({ device, context, format }: GPUCanvasSetupArgs) => GPUCanvasFrame;

package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts

@@ -1,7 +0,0 @@
-declare const WGSL_MAX_NUCLEI = 6;
-declare const WGSL_MAX_STOPS = 8;
-export declare const AURORA_VERTEX_WGSL = "\nstruct VSOut {\n  @builtin(position) pos: vec4f,\n  @location(0) uv: vec2f,\n};\n\n@vertex\nfn vs_main(@builtin(vertex_index) vi: u32) -> VSOut {\n  // Full-screen triangle (matches the WebGL2 [-1,-1, 3,-1, -1,3] quad).\n  var p = array<vec2f, 3>(vec2f(-1.0, -1.0), vec2f(3.0, -1.0), vec2f(-1.0, 3.0));\n  var out: VSOut;\n  let xy = p[vi];\n  out.pos = vec4f(xy, 0.0, 1.0);\n  out.uv = 0.5 * (xy + vec2f(1.0));\n  return out;\n}";
-export declare const AURORA_FRAGMENT_WGSL = "\nconst PI: f32 = 3.141592653589793;\nconst W_LUMA: vec3f = vec3f(0.2126, 0.7152, 0.0722);\nconst MAX_NUCLEI: u32 = 6u;\nconst MAX_STOPS: u32 = 8u;\n\n// The uniform struct \u2014 ONLY constant-indexed scalars (safe in the uniform address\n// space). The five count/enum fields are f32 (AX.W07 1a): the WebGPU write path packs\n// them as floats and the shader i32-casts at each use, so WGSL never reads a float\n// bit-pattern as a raw i32. The dynamically-indexed arrays moved OUT to struct Field\n// below (AX.W07 1b).\nstruct Uniforms {\n  time: f32,\n  stopCount: f32,\n  nucleiCount: f32,\n  softmaxBeta: f32,\n  valueVariance: f32,\n  warpAmount: f32,\n  warpScale: f32,\n  warpDrift: f32,\n  warpMode: f32,\n  noiseOctaves: f32,\n  medium: f32,\n  breathDepth: f32,\n  breathPeriod: f32,\n  saturation: f32,\n  paperGrain: f32,\n  alpha: f32,\n  // AX.W11 \u2014 the huePath enum (f32-packed, i32()-cast in samplePalette) carries the\n  // shared ramp's OKLab-rectangular-vs-OKLCh-hue-arc dispatch into the WebGPU twin so\n  // a huePath:'increasing' rainbow config arcs identically to the WebGL2 oracle. The\n  // CPU pad keeps the buffer vec4-aligned (WGPU_UNIFORM_FLOATS rounds to 20).\n  huePath: f32,\n};\n\n// The dynamically-indexed arrays \u2014 bound var<storage, read> (AX.W07 1b). A runtime\n// palette/nuclei index into a var<uniform> array<vec4f> returns [0,0,0,0] on Metal\n// (MSL forbids dynamic indexing of constant); storage is always-legal. The vec4 stride\n// is std140-identical to the uniform layout, so the move is byte-exact.\nstruct Field {\n  palette: array<vec4f, 8>,      // .xyz = linear-sRGB stop\n  nucleiPos: array<vec4f, 6>,    // .xy pos, .z radius, .w paletteBias\n  nucleiMod: array<vec4f, 6>,    // .x valueBias, .y elong, .z angle, .w driftRadius\n};\n\n@group(0) @binding(0) var<uniform> U: Uniforms;\n@group(0) @binding(1) var<storage, read> F: Field;\n\n\nfn srgbToLinearCh(c: f32) -> f32 {\n    return select(pow((c + 0.055) / 1.055, 2.4), c / 12.92, c <= 0.04045);\n}\nfn srgbToLinear(c: vec3f) -> vec3f {\n    return vec3f(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\nfn linearToSrgbCh(c: f32) -> f32 {\n    return select(1.055 * pow(c, 1.0 / 2.4) - 0.055, c * 12.92, c <= 0.0031308);\n}\nfn linearToSrgb(c: vec3f) -> vec3f {\n    return vec3f(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}\nconst FBM_ROT: mat2x2f = mat2x2f(0.8, 0.6, -0.6, 0.8);\n\nconst LINEAR_SRGB_TO_LMS: mat3x3f = mat3x3f(\n    0.4122214708, 0.2119034982, 0.0883024619,\n    0.5363325363, 0.6806995451, 0.2817188376,\n    0.0514459929, 0.1073969566, 0.6299787005\n);\nconst LMS_TO_OKLAB: mat3x3f = mat3x3f(\n    0.2104542553, 1.9779984951, 0.0259040371,\n    0.7936177850, -2.4285922050, 0.7827717662,\n    -0.0040720468, 0.4505937099, -0.8086757660\n);\nconst OKLAB_TO_LMS: mat3x3f = mat3x3f(\n    1.0, 1.0, 1.0,\n    0.3963377774, -0.1055613458, -0.0894841775,\n    0.2158037573, -0.0638541728, -1.2914855480\n);\nconst LMS_TO_LINEAR_SRGB: mat3x3f = mat3x3f(\n    4.0767416621, -1.2684380046, -0.0041960863,\n    -3.3077115913, 2.6097574011, -0.7034186147,\n    0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn srgbToOklab(c: vec3f) -> vec3f {\n    let lin = srgbToLinear(c);\n    let lms = LINEAR_SRGB_TO_LMS * lin;\n    let lmsCbrt = sign(lms) * pow(abs(lms), vec3f(1.0 / 3.0));\n    return LMS_TO_OKLAB * lmsCbrt;\n}\nfn oklabToLinearSrgb(lab: vec3f) -> vec3f {\n    let lms_ = OKLAB_TO_LMS * lab;\n    let lms = lms_ * lms_ * lms_;\n    return LMS_TO_LINEAR_SRGB * lms;\n}\nfn oklabToOklch(lab: vec3f) -> vec3f {\n    let C = length(lab.yz);\n    var H = atan2(lab.z, lab.y);\n    if (H < 0.0) { H = H + 2.0 * PI; }\n    return vec3f(lab.x, C, H);\n}\nfn oklchToOklab(lch: vec3f) -> vec3f {\n    return vec3f(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}\n\nfn interpolateHueTurns(h0: f32, h1: f32, t: f32, method: i32) -> f32 {\n  let TAU = 2.0 * PI;\n  var a = h0 / TAU;\n  var b = h1 / TAU;\n  let i = b - a;\n  if (method == 0) {              // shorter\n    if (i > 0.5) { a = a + 1.0; } else if (i < -0.5) { b = b + 1.0; }\n  } else if (method == 1) {       // longer\n    if (i > 0.0 && i < 0.5) { a = a + 1.0; } else if (i > -0.5 && i <= 0.0) { b = b + 1.0; }\n  } else if (method == 2) {       // increasing\n    if (i < 0.0) { b = b + 1.0; }\n  } else {                        // decreasing\n    if (i > 0.0) { a = a + 1.0; }\n  }\n  let r = fract(a + t * (b - a));\n  return r * TAU;\n}\n\nfn mixPaletteOklab(linA: vec3f, linB: vec3f, t: f32) -> vec3f {\n  let labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3f(1.0 / 3.0)));\n  let labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3f(1.0 / 3.0)));\n  let lab = mix(labA, labB, vec3f(t));\n  return oklabToLinearSrgb(lab);\n}\n\nfn mixPaletteOklchArc(linA: vec3f, linB: vec3f, t: f32, method: i32) -> vec3f {\n  let labA = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linA) * pow(abs(LINEAR_SRGB_TO_LMS * linA), vec3f(1.0 / 3.0)));\n  let labB = LMS_TO_OKLAB * (sign(LINEAR_SRGB_TO_LMS * linB) * pow(abs(LINEAR_SRGB_TO_LMS * linB), vec3f(1.0 / 3.0)));\n  let lchA = oklabToOklch(labA);\n  let lchB = oklabToOklch(labB);\n  let L = mix(lchA.x, lchB.x, t);\n  let C = mix(lchA.y, lchB.y, t);\n  let H = interpolateHueTurns(lchA.z, lchB.z, t, method);\n  return oklabToLinearSrgb(oklchToOklab(vec3f(L, C, H)));\n}\n\nfn samplePaletteRamp(a: vec3f, b: vec3f, tRaw: f32, huePath: i32) -> vec3f {\n  let t = smoothstep(0.0, 1.0, tRaw);\n  if (huePath == 2 || huePath == 3) {\n    return mixPaletteOklchArc(a, b, t, huePath);\n  }\n  return mixPaletteOklab(a, b, t);\n}\n\n// AX.W12 \u2014 the painterly-medium organic noise basis (PCG2D integer-bit hash + 2D\n// simplex gradient noise), SPLICED from the shared procedural-color chunk \u2014 the EXACT\n// twin of the GLSL leaf aurora.frag.ts splices, so the hash can NEVER drift between\n// backends (proof:aurora-noise-hash-equivalence locks the twins to 1e-6). The WebGPU\n// single-pass fs_main below stays the smooth pole (it runs no medium body \u2014 the\n// painterly mediums are the W7c/W14 multi-pass), so the leaf is single-sourced HERE for\n// the twin-equivalence contract; the W14 painterly passes consume it.\n\nfn pcg2d(v0: vec2u) -> vec2u {\n  var v = v0 * 1664525u + vec2u(1013904223u);\n  v.x = v.x + v.y * 1664525u;\n  v.y = v.y + v.x * 1664525u;\n  v = v ^ (v >> vec2u(16u));\n  v.x = v.x + v.y * 1664525u;\n  v.y = v.y + v.x * 1664525u;\n  v = v ^ (v >> vec2u(16u));\n  return v;\n}\n\nfn pcgHash2(p: vec2f) -> f32 {\n  let u = bitcast<vec2u>(p);\n  return f32(pcg2d(u).x) * (1.0 / 4294967296.0);\n}\n\nfn pcgGrad2(cell: vec2i) -> vec2f {\n  let h = pcg2d(bitcast<vec2u>(cell));\n  let ang = f32(h.x) * (1.0 / 4294967296.0) * 6.28318530717958647692;\n  return vec2f(cos(ang), sin(ang));\n}\n\nfn gnoise(p: vec2f) -> f32 {\n  let F2 = 0.36602540378443864676;\n  let G2 = 0.21132486540518711775;\n  let s = (p.x + p.y) * F2;\n  let i = floor(p + vec2f(s));\n  let tt = (i.x + i.y) * G2;\n  let x0 = p - (i - vec2f(tt));\n  var i1 = vec2i(0, 1);\n  if (x0.x > x0.y) { i1 = vec2i(1, 0); }\n  let x1 = x0 - vec2f(i1) + vec2f(G2);\n  let x2 = x0 - vec2f(1.0) + vec2f(2.0 * G2);\n  let ii = vec2i(i);\n  var n = 0.0;\n  var t0 = 0.5 - dot(x0, x0);\n  if (t0 > 0.0) { t0 = t0 * t0; n = n + t0 * t0 * dot(pcgGrad2(ii), x0); }\n  var t1 = 0.5 - dot(x1, x1);\n  if (t1 > 0.0) { t1 = t1 * t1; n = n + t1 * t1 * dot(pcgGrad2(ii + i1), x1); }\n  var t2 = 0.5 - dot(x2, x2);\n  if (t2 > 0.0) { t2 = t2 * t2; n = n + t2 * t2 * dot(pcgGrad2(ii + vec2i(1, 1)), x2); }\n  return 70.0 * n;\n}\n\nfn hash21(p0: vec2f) -> f32 {\n  var p = fract(p0 * vec2f(123.34, 456.21));\n  p = p + dot(p, p + 45.32);\n  return fract(p.x * p.y);\n}\nfn vnoise(p: vec2f) -> f32 {\n  let i = floor(p);\n  let f = fract(p);\n  let u = f * f * (3.0 - 2.0 * f);\n  let a = hash21(i);\n  let b = hash21(i + vec2f(1.0, 0.0));\n  let c = hash21(i + vec2f(0.0, 1.0));\n  let d = hash21(i + vec2f(1.0, 1.0));\n  return mix(mix(a, b, u.x), mix(c, d, u.x), u.y);\n}\nfn fbm(p0: vec2f) -> f32 {\n  var v = 0.0;\n  var a = 0.5;\n  var p = p0;\n  let octaves = i32(U.noiseOctaves);   // AX.W07 1a \u2014 i32()-cast the f32-packed count.\n  for (var i = 0; i < 5; i = i + 1) {\n    if (i >= octaves) { break; }\n    v = v + a * vnoise(p);\n    p = FBM_ROT * p * 2.02;\n    a = a * 0.5;\n  }\n  return v;\n}\n\nfn samplePalette(id: f32) -> vec3f {\n  // AX.W11 \u2014 splice the SHARED samplePaletteRamp (the smoothstep ease + the OKLab-\n  // rectangular-vs-OKLCh-hue-arc huePath dispatch), the EXACT twin the GLSL oracle\n  // splices. The body here only selects the bracketing stop pair + the raw inter-stop\n  // t (the W07 storage-Field dynamic index), then hands them to the shared ramp.\n  let n = i32(U.stopCount);            // AX.W07 1a \u2014 i32()-cast the f32-packed count.\n  if (n <= 1) { return F.palette[0].xyz; }\n  let t = clamp(id, 0.0, 1.0) * f32(n - 1);\n  let i0 = i32(floor(t));\n  let i1 = min(i0 + 1, n - 1);\n  let f = t - f32(i0);\n  // AX.W07 1b \u2014 read the palette from the storage Field (dynamic i0/i1 index);\n  // AX.W11 \u2014 i32()-cast the f32-packed huePath enum (parity with the count casts).\n  return samplePaletteRamp(F.palette[i0].xyz, F.palette[i1].xyz, f, i32(U.huePath));\n}\n\nfn domainWarp(p: vec2f, t: f32) -> vec2f {\n  let drift = t * U.warpDrift * 5.0;\n  let q = vec2f(\n    fbm(p * U.warpScale + vec2f(drift, 0.0)),\n    fbm(p * U.warpScale + vec2f(5.2, 1.3 + drift))\n  );\n  let r = vec2f(\n    fbm(p * U.warpScale + 4.0 * q + vec2f(1.7, 9.2)),\n    fbm(p * U.warpScale + 4.0 * q + vec2f(8.3, 2.8))\n  );\n  return p + U.warpAmount * r;\n}\n\nfn nucleiField(p: vec2f, t: f32) -> vec2f {\n  // Returns (paletteId, valueMod) \u2014 softmax over the nuclei (isotropic; the WebGPU\n  // twin keeps the parity-floor isotropic Gaussian).\n  var accumId = 0.0;\n  var accumVal = 0.0;\n  var w = 0.0;\n  let n = i32(U.nucleiCount);          // AX.W07 1a \u2014 i32()-cast the f32-packed count.\n  for (var i = 0; i < 6; i = i + 1) {\n    if (i >= n) { break; }\n    // AX.W07 1b \u2014 read the nuclei from the storage Field (dynamic i index).\n    let pos = F.nucleiPos[i].xy;\n    let rad = max(F.nucleiPos[i].z, 0.01);\n    let d2 = dot(p - pos, p - pos);\n    let wi = exp((-U.softmaxBeta * d2) / (rad * rad));\n    accumId = accumId + wi * F.nucleiPos[i].w;\n    accumVal = accumVal + wi * F.nucleiMod[i].x;\n    w = w + wi;\n  }\n  if (w < 1e-4) { return vec2f(0.5, 0.0); }\n  return vec2f(accumId / w, accumVal / w);\n}\n\n// ACES (Narkowicz) \u2014 matches the GLSL tonemap.\nfn aces(x: vec3f) -> vec3f {\n  let a = 2.51; let b = 0.03; let c = 2.43; let d = 0.59; let e = 0.14;\n  return clamp((x * (a * x + b)) / (x * (c * x + d) + e), vec3f(0.0), vec3f(1.0));\n}\n\n@fragment\nfn fs_main(@location(0) uv: vec2f) -> @location(0) vec4f {\n  let t = U.time;\n  let pw = domainWarp(uv, t);\n  let nf = nucleiField(pw, t);\n  var col = samplePalette(nf.x);\n  col = col * (1.0 + U.valueVariance * nf.y);\n\n  // Breath.\n  let breath = sin(t * 6.2831 / max(U.breathPeriod, 1.0));\n  col = col * (1.0 + U.breathDepth * breath * 0.5);\n\n  // (The WebGPU smooth pole; the painterly mediums run the W7c multi-pass passes.)\n  col = aces(col);\n  col = linearToSrgb(col);                // the mandatory OETF (linear \u2192 display).\n  return vec4f(col * U.alpha, U.alpha);   // premultiply AFTER the OETF (parity).\n}";
-/** The assembled WGSL module string (vertex + fragment) for createGPUCanvas. */
-export declare const AURORA_WGSL: string;
-export { WGSL_MAX_NUCLEI, WGSL_MAX_STOPS };

package/dist/composables/glass/createGPUCanvas.d.ts

@@ -1,40 +0,0 @@
-/** The per-frame hooks a consumer's WebGPU `setup` returns (mirrors WebGLCanvasFrame). */
-export interface GPUCanvasFrame {
-    frame: (timeSec: number) => void;
-    shouldContinue: () => boolean;
-    resize: () => void;
-    time?: (elapsedSec: number) => number;
-    teardown?: () => void;
-}
-export interface GPUCanvasSetupArgs {
-    device: GPUDevice;
-    context: GPUCanvasContext;
-    /** The swapchain format (`navigator.gpu.getPreferredCanvasFormat()`). */
-    format: GPUTextureFormat;
-}
-export interface GPUCanvasOptions {
-    /** The pre-acquired `GPUDevice` (from `resolveRenderModeAsync`'s adapter→device). */
-    device: GPUDevice;
-    /** Alpha mode for the swapchain (premultiplied to match the WebGL2 premultiply). */
-    alphaMode?: GPUCanvasAlphaMode;
-    mode?: "live" | "capture";
-    respectReducedMotion?: boolean;
-    /** Build the pipeline + bind group on the configured context. Returns frame hooks. */
-    setup: (args: GPUCanvasSetupArgs) => GPUCanvasFrame;
-}
-export interface GPUCanvasHandle {
-    arm: () => void;
-    suspend: (reason?: "tab-hidden" | "off-screen" | "manual") => void;
-    resume: (reason?: "tab-hidden" | "off-screen" | "manual") => void;
-    wake: () => void;
-    renderAt: (timeSec: number) => void;
-    dispose: () => void;
-    readonly device: GPUDevice | null;
-    readonly reducedMotion: boolean;
-}
-/**
- * Build a WebGPU canvas over the shared lifecycle core. The `GPUDevice` is acquired
- * by `resolveRenderModeAsync` (the probe) and passed in — `createGPUCanvas` configures
- * the canvas context + threads the consumer `setup` through the agnostic schedule.
- */
-export declare function createGPUCanvas(canvas: HTMLCanvasElement, options: GPUCanvasOptions): GPUCanvasHandle;

package/dist/vReveal-CqaCz_mC.js

@@ -1,44 +0,0 @@
-//#region src/utils/moveBefore.ts
-function e(e, t, n) {
-	let r = e;
-	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
-}
-function t() {
-	return typeof Element < "u" && "moveBefore" in Element.prototype;
-}
-//#endregion
-//#region src/utils/platformSupport.ts
-function n() {
-	return typeof globalThis.scheduler?.postTask == "function";
-}
-//#endregion
-//#region src/composables/motion/useViewTransition.ts
-function r() {
-	return typeof document < "u" && typeof document.startViewTransition == "function";
-}
-function i(e, t) {
-	let n = typeof document > "u" ? void 0 : document;
-	if (!n || typeof n.startViewTransition != "function") return e(), {
-		finished: Promise.resolve(),
-		transitioned: !1
-	};
-	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
-		update: () => e(),
-		types: t.types
-	}) : n.startViewTransition(() => e());
-	return r.ready?.catch(() => {}), {
-		finished: r.finished.then(() => void 0, () => void 0),
-		transitioned: !0
-	};
-}
-//#endregion
-//#region src/composables/motion/vReveal.ts
-function a(e, t) {
-	e.setAttribute("data-reveal", t.arg === "fade" ? "fade" : ""), e.style.setProperty("--d", String(t.value ?? 0));
-}
-var o = {
-	mounted: a,
-	updated: a
-};
-//#endregion
-export { e as a, n as i, i as n, t as o, r, o as t };