@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/styles/tokens/scheme-motion.css

@@ -1,428 +1 @@
-/* tokens/scheme-motion.css
-   §-1 color-scheme · §0 font · §1 duration · §2 easing (spring linear()) · §2.A ambient-motion · §2.B/§2.C · §3 z-index.
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-:root {
-    /* ═══════════════════════════════════════════════
-       §-1  COLOR-SCHEME (AQ.W2 §1)
-
-       Lets native UI (scrollbars, spinbuttons, form-control chrome, the
-       default focus ring) honor the OS preference when the consumer has
-       NOT pinned a `.dark` class. glass-ui's dark mode is class-driven
-       (`.dark`, theme.css `@variant dark`), so `.dark` overrides to a hard
-       `dark` regardless of OS — but absent the class, native chrome should
-       still track `prefers-color-scheme`. `light dark` (not `only light`)
-       on `:root` delivers that; `.dark` hard-pins `dark`.
-
-       Baseline Widely Available → adopt natively, no `@supports` guard
-       (older engines ignore the property and keep default-light chrome).
-       `accent-color` (AQ.W2 §4) is the companion native-control brand;
-       both are inherited built-in <color>/keyword properties re-specified
-       inside `.dark`. The `--accent-color` token is defined in the §5
-       color block below (custom properties resolve order-independently).
-       ═══════════════════════════════════════════════ */
-    color-scheme: light dark;
-    accent-color: var(--accent-color);
-
-    /* ═══════════════════════════════════════════════
-       §0  FONT TOKEN SOURCE-OF-TRUTH
-
-       The single authoritative declaration of the library's font register.
-       theme.css bridges each --font-stack-* to its Tailwind --font-* namespace
-       var; typography.css consumes the bridged --font-* names. The public
-       runtime knobs remain --font-*, --leading-*, --tracking-*.
-
-       ONE brand register: Plus Jakarta Sans (text + display) + Fira Code (mono).
-       --font-stack-text drives the body/heading/prose/display register — the
-       library DEFAULT is the register every live surface paints (the demo +
-       speedtest render Plus Jakarta everywhere). The calibrated "Plus Jakarta
-       Sans Fallback" / "Fira Code Fallback" faces (declared in typography.css)
-       wrap the system stacks with Capsize metric overrides so the swap window
-       is geometry-neutral (zero CLS). --font-stack-display aliases the text
-       register: there is no separate display-serif voice. */
-    --font-stack-text: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif;
-    --font-stack-display: var(--font-stack-text);
-    --font-stack-sans: var(--font-stack-text);
-    --font-stack-mono: "Fira Code", "Fira Code Fallback", "Fira Mono", monospace;
-
-    --type-leading-micro: 1.2;
-    --type-leading-caption: 1.3;
-    --type-leading-small: 1.4;
-    --type-leading-body: 1.5;
-    --type-leading-prose: 1.618;
-    --type-leading-heading: 1.2;
-    /* BB.W-DISPLAY-TRACKING — the display leading is tightened to the Apple
-       84/80 ≈ 1.05 signature (was 1.1). The DISPLAY ladder ONLY reads this rung;
-       --type-leading-heading (1.2) carries the heading/title register. */
-    --type-leading-display: 1.05;
-
-    --type-tracking-tight: -0.025em;
-    /* BB.W-DISPLAY-TRACKING — the DISPLAY-ONLY proportional negative tracking
-       rung (the Apple −1.5%-of-size signature: 80px → −1.2px = −0.015em). It is
-       em-relative, so the single value is a constant −1.5% across the whole
-       clamp() ladder (φ² → φ^(11/2)). MINTED as its OWN rung so the display
-       calibration NEVER bleeds into the shared --type-tracking-tight (the
-       heading/title/configurator register's tracking, kept at -0.025em). */
-    --type-tracking-display: -0.015em;
-    --type-tracking-snug: -0.01em;
-    --type-tracking-normal: 0;
-    --type-tracking-wide: 0.025em;
-    --type-tracking-wider: 0.05em;
-    --type-tracking-caps: 0.1em;
-
-    /* ═══════════════════════════════════════════════
-       §1  DURATION
-       ═══════════════════════════════════════════════ */
-    --duration-instant: 0.1s;
-    /* BC.W-CONTROL-SMOOTH — the named control-press SURFACE clock (the W-GLASS-CAL
-       per-register-clock discipline). An interactive control the user actively pokes
-       (hover-in, press, toggle) wants the iOS quick ~100-120ms surface beat, NOT the
-       0.2s calm card-crossfade beat — at 0.2s the colour/border/shadow easing drags
-       VISIBLY behind the pointer (the §F "super laggy" read). 0.12s brackets the iOS
-       100-120ms quick-control register (apple-ios27.md). `transition-control` (btn.css)
-       reads THIS so the whole control family re-times from one `:root` override, and
-       the surface beat now tracks the press-squish window (the press is `tap-squish`/
-       `useSpringPress`'s coupled transform leg on the spring's own clock — P3 fade-
-       coupled-to-transform). The bezier `--ease-standard` STAYS for the surface legs
-       (a colour cross-fade on a spring wobbles, §6 binding); only the DURATION shortens.
-       The CALM card register keeps `--duration-fast`/`--duration-normal` — a `<Card>` is
-       not an interactive control. */
-    --duration-control: 0.12s;
-    --duration-fast: 0.2s;
-    --duration-normal: 0.3s;
-    --duration-slow: 0.45s;
-    --duration-panel: 0.55s;
-    --duration-xl: 1s;
-    --duration-xxl: 1.5s;
-    --duration-shimmer-fast: 3s;
-    --duration-shimmer: 5s;
-    /* BB.W-METAL-SHIMMER — the brand-metal family's OWN slow dignified one-pass
-       clock (slower than the 5s generic shimmer). The metal sweep (gold·silver·
-       bronze, text-clip + border/mask) reads as a calm slow patina catch, not a
-       fast band-pass — the §6 calm register. (`--duration-seal` was never landed;
-       this is net-new, NOT a retirement re-point.) */
-    --duration-metal: 6s;
-    /* BA.W-GLASS-CAL (H2a) — `--duration-sparkle` (600ms) DELETED with the disco
-       recipe retirement: the sparkle-sweep keyframe + its sole `btn-audacious`
-       consumer are gone. */
-
-    /* AH.W5-e (FA-8 §4d) — motion-duration + staged-reveal canon.
-
-       Duration + delay tokens promoted from raw literals at speedtest's
-       celebratory-reveal SFCs (SpeedtestResults, ThankYou, ResultStack).
-       Unified under the `--motion-*` namespace (parallel to `--motion-ease-*`)
-       so all motion tokens cluster at one canon — duration + easing arm
-       together. (BB.W-DEAD-SWEEP retired the never-shipped CompleteBadge
-       staged-reveal cluster — no consumer existed.) */
-
-    /* Staged-entrance pairing — opacity + transform Vue <Transition> arms
-       in the celebratory headline + result-row reveals. Partners with
-       `--motion-ease-staged-entrance` / `--motion-ease-overshoot`. */
-    --motion-duration-staged: 320ms;
-
-    /* One-shot celebratory shimmer — gold-headline shimmer animation
-       duration + staging delay. Shared canon so the speedtest results
-       headline and the thank-you headline stay in lockstep. */
-    --motion-duration-complete-shimmer: 2.4s;
-    --motion-delay-complete-shimmer: 220ms;
-    /* The gold-headline shimmer reads these two tokens under a one-shot
-       animation: at 2.4s + 220ms delay the bright band traverses the headline
-       glyphs cleanly. Load-bearing — zeroing either collapses the shimmer to
-       an imperceptible blow-through. */
-
-    /* Staggered-reveal increment canon — three perceptually-distinct tiers for
-       per-row/per-cell/per-bar cascades:
-         • tight (40ms) — dense row cascades, sub-perceptual gap
-         • default (80ms) — the canonical row-stagger rhythm (matches
-           `useStagger`'s built-in fallback)
-         • relaxed (120ms) — wider cascades where each reveal carries its own
-           attention budget
-       Adjacent tiers keep cross-beats quiet (80 is the LCM of 40 and 2/3 of
-       120). Consumers read these via inline-style calc() or `getComputedStyle`
-       at runtime. */
-    --motion-stagger-tight: 40ms;
-    --motion-stagger-default: 80ms;
-    --motion-stagger-relaxed: 120ms;
-
-    /* ═══════════════════════════════════════════════
-       §2  EASING — Spring curves via linear()
-
-       Generated from `scripts/regen-spring-tokens.mjs` — DO NOT hand-edit.
-       To tune a spring: edit the PRESETS table in the script and re-run
-       `node scripts/regen-spring-tokens.mjs`. The script invokes
-       `springLinearStops()` from `@mkbabb/keyframes.js` which solves the
-       analytic second-order damped harmonic oscillator and emits CSS
-       `linear()` stops; this is the single source of truth tying each
-       (response, ζ) pair to its serialized curve.
-
-       iOS-canonical (response, dampingFraction) per AL-X4 §3 (BC.W-SPRING-EASE
-       eased `snappy`+`bouncy` to fill their clocks + minted the `press` register):
-         smooth: (0.50s, ζ=0.86)  — gentle settle, sub-perceptual overshoot ~0.5%
-         snappy: (0.42s, ζ=0.78)  — quick crisp, eased to fill its clock, overshoot ~+2.0%
-         bouncy: (0.50s, ζ=0.55)  — emphatic, overshoot ~+12.6% (the Apple 12-18% band)
-         gentle: (0.70s, ζ=1.00)  — patient critically-damped
-         dock:   (0.32s, ζ=0.70)  — dock expand/collapse morph, overshoot ~+4.6%
-         press:  (0.15s, ζ=0.86)  — the iOS interactive tap-press, sub-100ms answer, ~+0.5%
-
-       Note on `smooth`: at ζ=0.86 the analytic solver produces a peak
-       of 1.00498 (+0.5%) at the 24% slot — mathematically present but
-       sub-perceptual. I keep ζ=0.86 rather than promoting to ζ=1.0
-       because true critical damping is `gentle`'s register, and
-       `smooth` wants a slightly faster visual settle than `gentle`'s
-       patient curve. The 0.5% peak does not read as overshoot to the
-       eye but does narrowly distinguish `smooth` from `gentle`.
-
-       ── EASING DOCTRINE (AX.W52 §6 — which easing fits which job) ──
-       ONE recorded rule so the animation easing stops forking live. This
-       FORMALIZES the already-correct `transitions.css` idiom (enter=spring,
-       exit=bezier) as the house rule every recipe reaches for.
-
-       BB.W-MOTION-CANON — the table embodies ONE principle (Material 3's
-       spatial-vs-effects split, codified in `docs/precepts/motion-canon.md`
-       as P1): a SPATIAL channel (the box MOVES/RESHAPES — position, SIZE,
-       rotation, corners) rides a `--spring-<name>` (overshoot = physicality);
-       an EFFECTS channel (the surface RE-TINTS — color, opacity, box-shadow)
-       rides a bezier `--ease-*` (a colour cross-fade reads as a wobble on a
-       spring). Each row below is tagged [SPATIAL] (spring) or [EFFECTS]
-       (bezier) so the rule is legible, not implicit. The canon doc is the
-       canonical home; this table is the SOURCE it re-states:
-
-         | Transition kind                                  | Tier      | Easing                   |
-         |--------------------------------------------------|-----------|--------------------------|
-         | Surface props (bg, border, color, box-shadow,    | [EFFECTS] | `--ease-standard` (bezier|
-         |   opacity)                                       |           |   — a colour cross-fade  |
-         |                                                  |           |   reads as a wobble on a |
-         |                                                  |           |   spring)                |
-         | Transform — hover/press/active (scale, translate,| [SPATIAL] | `--spring-smooth` (the   |
-         |   rotate)                                         |           |   ONE button/interactive |
-         |                                                  |           |   scale register) or     |
-         |                                                  |           |   `--spring-snappy`      |
-         | Size / morph (dock V↔H, indicator size-          | [SPATIAL] | `--spring-dock` /        |
-         |   correction, reveal source-rect bloom)          |           |   `--spring-snappy`,     |
-         |                                                  |           |   expressed as a         |
-         |                                                  |           |   COMPOSITOR transform   |
-         |                                                  |           |   (P5) — NEVER an        |
-         |                                                  |           |   animated width/height  |
-         | Enter (mount, popover open, dialog in, reveal)   | [SPATIAL] | `--spring-bouncy` /      |
-         |                                                  |           |   `--spring-snappy`      |
-         | Bold decelerating arrival (the SOTA arrival —    | [SPATIAL] | `--ease-out-expo`        |
-         |   reveal draw-on, big-distance settle)           |           |   (cubic-bezier(.16,1,   |
-         |                                                  |           |   .3,1); the house expo) |
-         | Exit (unmount, close)                            | [EFFECTS] | `--ease-out` /           |
-         |                                                  |           |   `--ease-standard`      |
-         |                                                  |           |   (bezier, NO overshoot —|
-         |                                                  |           |   an exit must never     |
-         |                                                  |           |   overshoot past gone)   |
-         | Position-tracked (specular pointer follow)       | [EFFECTS] | `--ease-standard`        |
-
-       The SOTA arrival ease is the EXISTING `--ease-out-expo` (alias →
-       `--motion-ease-out-expo` = `cubic-bezier(0.16, 1, 0.3, 1)`, the house
-       expo with the value.js `easeOutExpo` JS twin in the MOTION_CURVES table)
-       — NOT a net-new token. The motion canon NAMES it as the arrival register;
-       it is not re-minted (a duplicate alias would fail proof:animation-
-       coherence's EASING-TABLE-BOUND arm — the curve already has its canonical
-       + alias row in `curves.ts`).
-
-       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.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
-       aura `--animate-ambient-pulse-easing` — NOT a second smooth-ease authority
-       for interactive transforms; those use `--spring-smooth`).
-       ═══════════════════════════════════════════════ */
-    --spring-smooth: linear(0, 0.09804 2.041%, 0.29288 4.082%, 0.49447 6.122%, 0.66436 8.163%, 0.79208 10.204%, 0.88050 12.245%, 0.93754 14.286%, 0.97182 16.327%, 0.99083 18.367%, 1.00027 20.408%, 1.00413 22.449%, 1.00502 24.490%, 1.00453 26.531%, 1.00355 28.571%, 1.00254 30.612%, 1.00169 32.653%, 1.00105 34.694%, 1.00060 36.735%, 1.00031 38.776%, 1.00014 40.816%, 1.00005 42.857%, 1.00000 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-snappy: linear(0, 0.10038 2.041%, 0.30488 4.082%, 0.51991 6.122%, 0.70158 8.163%, 0.83608 10.204%, 0.92554 12.245%, 0.97893 14.286%, 1.00665 16.327%, 1.01792 18.367%, 1.01981 20.408%, 1.01715 22.449%, 1.01292 24.490%, 1.00873 26.531%, 1.00530 28.571%, 1.00282 30.612%, 1.00120 32.653%, 1.00027 34.694%, 0.99980 36.735%, 0.99962 38.776%, 0.99961 40.816%, 0.99967 42.857%, 0.99976 44.898%, 0.99984 46.939%, 0.99991 48.980%, 0.99995 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-bouncy: linear(0, 0.10764 2.041%, 0.34440 4.082%, 0.60803 6.122%, 0.83510 8.163%, 0.99669 10.204%, 1.08926 12.245%, 1.12435 14.286%, 1.11986 16.327%, 1.09372 18.367%, 1.06042 20.408%, 1.02959 22.449%, 1.00623 24.490%, 0.99172 26.531%, 0.98510 28.571%, 0.98426 30.612%, 0.98688 32.653%, 0.99095 34.694%, 0.99505 36.735%, 0.99835 38.776%, 1.00055 40.816%, 1.00170 42.857%, 1.00202 44.898%, 1.00180 46.939%, 1.00132 48.980%, 1.00079 51.020%, 1.00033 53.061%, 1.00001 55.102%, 0.99982 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-gentle: linear(0, 0.09415 2.041%, 0.27374 4.082%, 0.45506 6.122%, 0.60779 8.163%, 0.72570 10.204%, 0.81213 12.245%, 0.87336 14.286%, 0.91570 16.327%, 0.94445 18.367%, 0.96371 20.408%, 0.97645 22.449%, 0.98481 24.490%, 0.99025 26.531%, 0.99377 28.571%, 0.99604 30.612%, 0.99749 32.653%, 0.99841 34.694%, 0.99900 36.735%, 0.99937 38.776%, 0.99961 40.816%, 0.99975 42.857%, 0.99985 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-dock: linear(0, 0.10282 2.041%, 0.31773 4.082%, 0.54783 6.122%, 0.74309 8.163%, 0.88550 10.204%, 0.97598 12.245%, 1.02452 14.286%, 1.04368 16.327%, 1.04501 18.367%, 1.03739 20.408%, 1.02681 22.449%, 1.01672 24.490%, 1.00873 26.531%, 1.00323 28.571%, 0.99996 30.612%, 0.99837 32.653%, 0.99789 34.694%, 0.99805 36.735%, 0.99848 38.776%, 0.99897 40.816%, 0.99940 42.857%, 0.99972 44.898%, 0.99993 46.939%, 1.00004 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-press: linear(0, 0.09804 2.041%, 0.29288 4.082%, 0.49447 6.122%, 0.66436 8.163%, 0.79208 10.204%, 0.88050 12.245%, 0.93754 14.286%, 0.97182 16.327%, 0.99083 18.367%, 1.00027 20.408%, 1.00413 22.449%, 1.00502 24.490%, 1.00453 26.531%, 1.00355 28.571%, 1.00254 30.612%, 1.00169 32.653%, 1.00105 34.694%, 1.00060 36.735%, 1.00031 38.776%, 1.00014 40.816%, 1.00005 42.857%, 1.00000 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-
-    /* ── PER-SPRING DURATION CLOCK (BA.W-GLASS-CAL Unit 3) ──
-       Generated from `scripts/regen-spring-tokens.mjs` — DO NOT hand-edit.
-       Each `--spring-<name>-duration` is the spring's OWN 2%-band envelope-settle
-       time `t_s = -ln(0.02) / (ζ·ωₙ)` (ωₙ = 2π/response), derived from the SAME
-       (response, ζ) PRESETS table the `--spring-*` `linear()` curves above
-       derive from — never a hand value.
-
-       WHY: the `--spring-<name>` curve is NORMALIZED to 0..1 and discards the
-       spring's settle time. Pairing it with a generic `--duration-*` clock
-       (0.2/0.3/0.45s) re-timed EVERY spring to the same wall clock — snappy
-       (response 0.35s) and smooth (0.5s) both ran 300ms, so the crisp snappy
-       register dragged a dead sub-pixel tail (the R10-2 read: within-1px at
-       ~109ms but the transition ran 300ms). These clocks re-time UNDER each
-       register to its own settle WITHOUT touching the §6 register canon (which
-       spring fits which job): a `transition` pairs `--spring-<name>` with the
-       matching `--spring-<name>-duration`. */
-    --spring-smooth-duration: 0.36s;
-    --spring-snappy-duration: 0.34s;
-    --spring-bouncy-duration: 0.57s;
-    --spring-gentle-duration: 0.44s;
-    --spring-dock-duration: 0.28s;
-    --spring-press-duration: 0.11s;
-
-    /* ── DECK SLIDE-TRANSITION CURVE (BC.W-DECK) ──
-       The full-viewport keyboard-paged deck's slide transition rides the SAME
-       `--spring-smooth` register the deck's `DECK_SPRING` samples (the calm-settle
-       `.smooth` family; the (response, ζ) pair lives in deck/constants.ts) — an
-       ALIAS, NOT a new spring family (the donor's own fence + the W-GLASS-CAL spring
-       fence). `--spring-deck: var(--spring-smooth)` so a deck slide reads as a calm
-       settle, not a bounce; the JS half (`installDeckSpring`) consumes keyframes.js
-       `springTimingFunction(DECK_SPRING)` for the count-up easing. */
-    --spring-deck: var(--spring-smooth);
-
-    /* Core cubic-bezier (exits, fallbacks, non-spring uses) */
-    --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
-    --motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
-    --motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-
-    --ease-standard: var(--motion-ease-standard);
-    --ease-out: var(--motion-ease-out);
-    --ease-in: var(--motion-ease-in);
-    --ease-out-expo: var(--motion-ease-out-expo);
-
-    /* Apple-inspired — micro-interactions, switches, dock hover */
-    --motion-ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1);
-
-    --ease-apple: var(--motion-ease-apple);
-    --ease-spring: var(--spring-snappy);
-    --ease-decelerate: var(--ease-out);
-    --ease-accelerate: var(--ease-in);
-
-    /* BC.W-MOTION-PRESETS — the brand "convergence-reveal" / partial-sum settle.
-       The Fourier partial sum converges ONTO its target with a decaying Gibbs
-       ripple — a monotone critically-damped approach, NO sustained overshoot past
-       terminal. That curve IS `gentle` (ζ=1.0, overshoot 0), so this is the ALIAS
-       reuse: `--ease-convergence` resolves to `--spring-gentle` (no new
-       SPRING_PRESETS row, no second curve). The settle clock is the per-spring
-       `--spring-gentle-duration`. The N-term build-up is the `useStagger`
-       orchestration ON this curve (a documented recipe, not a new primitive). */
-    --ease-convergence: var(--spring-gentle);
-
-    /* ═══════════════════════════════════════════════
-       §2.A AMBIENT MOTION — Pulse aura tokens
-
-       Breathing rhythm for `<Pulse variant="aura">`. The 6s duration is the
-       canon ambient-pulse rate; scale 1.0 ↔ 1.15 reads as a quiet halo at
-       intensity="normal" (Pulse remaps min/max from its `intensity` prop).
-       Reduced motion: Pulse.vue parks at the min stop, breath cycle disabled.
-
-       AX.W57 (P6) — the aura re-baselined from a glowing DISC to an AMBIENT
-       halo. The egregiousness was doubly-stacked: a 0.55-density currentColor
-       radial multiplied by an element opacity the `ambient-pulse` keyframe
-       drove up to 0.95 mid-breath (so a saturated viz hue read as a near-
-       opaque throbbing blob). The fix is two decoupled, single-source knobs:
-         · `--pulse-aura-strength` (0..1) — the ONE gradient-density scalar
-           both color-mix stops derive via calc() (replaces the
-           `--pulse-aura-opacity-pct` / `-pct-num` twin desync trap — the
-           percent and the raw number had to be hand-kept in sync).
-         · `--pulse-aura-breath-{min,max}` — the aura's OWN element-opacity
-           range, decoupled from the shared `--pulse-aura-opacity-*` shimmer
-           tokens (those stay 0.55/0.95 for the neutral skeleton-breath, where
-           a grey shimmer at that range is the correct soft swell).
-       The loud old read is the explicit `intensity="vivid"` opt-in. */
-    --animate-ambient-pulse-duration: 6s;
-    --animate-ambient-pulse-scale-min: 1.0;
-    --animate-ambient-pulse-scale-max: 1.15;
-    --animate-ambient-pulse-easing: var(--ease-apple);
-
-    /* Aura gradient density — ONE scalar (0..1). The center stop paints at
-       `strength`, the mid stop at `strength * 0.35` (both via calc() in
-       Pulse.vue). 0.22 reads as an ambient wash, not a glowing disc. */
-    --pulse-aura-strength: 0.22;
-
-    /* Aura element-opacity breath range (the `ambient-pulse` keyframe stops).
-       Quiet: the halo stays a wash at every phase of the 6s cycle. */
-    --pulse-aura-breath-min: 0.28;
-    --pulse-aura-breath-max: 0.42;
-
-    /* Skeleton-breath shimmer range — the SHARED neutral-shimmer stops
-       (`.skeleton-breath` reads these; a grey shimmer at 0.55↔0.95 is the
-       correct soft swell, distinct from the aura's calmer breath above). */
-    --pulse-aura-opacity-min: 0.55;
-    --pulse-aura-opacity-max: 0.95;
-
-    /* ═══════════════════════════════════════════════
-       §2.B SECTIONED PROGRESS — phase-bus rail (AB.W3.T2)
-
-       The sectioned `<Progress variant="sectioned">` exposes one
-       height knob + one track tint knob. Defaults size the rail at
-       0.875rem (14px) — the W3 spec minimum (≥ 14px mobile, ≥ 18px
-       desktop). Consumers override the height per breakpoint via the
-       same token name on the consumer-side surface.
-
-       The bar reads as a recessed glass channel: inner top
-       catch-light + lower inner shadow + small outer drop. The
-       depth lives entirely in the Progress.vue scoped block; this
-       token only parameterises the rail BACKGROUND and HEIGHT —
-       depth shadows compose from the existing --shadow-color rung.
-       ═══════════════════════════════════════════════ */
-    --progress-sectioned-height: 0.875rem;
-    --progress-sectioned-track: var(--secondary);
-
-    /* ═══════════════════════════════════════════════
-       §2.C ANIMATION EXPRESSIVENESS
-
-       Two idiom families (the audacious press-ripple RETIRED at BA.W-GLASS-CAL):
-       • Progress lifecycle — the progress bar rides an intake pulse on
-         rising-edge, a crescendo brightening at ≥85%, and a one-shot discharge
-         flash at 100% (the crescendo is the typed `@property --progress-crescendo`).
-       • Chassis phase-tint companion — `@property --phase-tint-amount` so the
-         chassis backdrop warms toward the active phase, interpolating with
-         `--phase-color` across the consumer's phase-handoff window (600ms default).
-       ═══════════════════════════════════════════════ */
-
-    /* Progress lifecycle — typed crescendo + segment-local durations */
-    --motion-duration-progress-intake: 220ms;       /* rising-edge pulse */
-    --motion-duration-progress-crescendo: 240ms;    /* leading-edge brighten */
-    --motion-duration-progress-indeterminate: 4s;   /* indeterminate sweep period */
-
-    /* Chassis depth-of-tint peak — the amount `--phase-tint-amount`
-       interpolates toward when a phase is active. Subtle by intent;
-       a 6% color-mix reads as "warmth toward the phase" without
-       overwhelming the chassis chrome's resting register. */
-    --phase-tint-peak: 6%;
-
-    /* BA.W-GLASS-CAL (H2a) — the `btn-audacious` press-ripple knobs
-       (`--ripple-radius-max` 12rem, `--motion-duration-ripple` 340ms) DELETED
-       with the disco recipe retirement: the ripple was btn-audacious-private and
-       has no surviving consumer (the calm CTA register's press is the §6
-       `--scale-press-btn` scale beat). The `@property --ripple-radius`
-       registration retires with it (property-regs.css). */
-
-    /* Skeleton breath variant — the M.3 "known-imminent" loading
-       register. 6s cycle (the canon ambient rate) so a known-imminent
-       skeleton breathes in lockstep with the dial and the Pulse aura.
-       Coexists with the 1.5s shimmer (sliding gradient) and the
-       Tailwind animate-pulse (2s, short-wait) variants — distinct
-       temporal registers per use-case. */
-    --skeleton-breath-duration: 6s;
-
-    /* ═══════════════════════════════════════════════
-       §3  Z-INDEX SCALE
-       ═══════════════════════════════════════════════ */
-    /* V.W2 T12 — Aurora background tier (sits behind --z-background).
-       Consumed by `<Aurora>` in speedtest's App.vue (`-z-10` literal today). */
-    --z-behind: -10;
-    --z-background: 0;
-    --z-content: 10;
-    --z-controls: 20;
-    --z-bar: 30;
-    --z-header: 35;
-    --z-dock: 40;
-    --z-panel: 45;
-    --z-overlay: 50;
-    --z-hovercard: 120;
-    --z-tooltip: 120;
-    --z-popover: 130;
-    --z-modal: 140;
-    --z-fullscreen: 150;
-    --z-toast: 160;
-    --z-toggle: 999;
-    --z-max: 9999;
-    --z-debug: 99999;
-
-}
+:root { color-scheme: light dark; accent-color: var(--accent-color); --font-stack-text: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif; --font-stack-display: var(--font-stack-text); --font-stack-sans: var(--font-stack-text); --font-stack-mono: "Fira Code", "Fira Code Fallback", "Fira Mono", monospace; --type-leading-micro: 1.2; --type-leading-caption: 1.3; --type-leading-small: 1.4; --type-leading-body: 1.5; --type-leading-prose: 1.618; --type-leading-heading: 1.2; --type-leading-display: 1.05; --type-tracking-tight: -0.025em; --type-tracking-display: -0.015em; --type-tracking-snug: -0.01em; --type-tracking-normal: 0; --type-tracking-wide: 0.025em; --type-tracking-wider: 0.05em; --type-tracking-caps: 0.1em; --duration-instant: 0.1s; --duration-control: 0.12s; --duration-fast: 0.2s; --duration-normal: 0.3s; --duration-slow: 0.45s; --duration-panel: 0.55s; --duration-xl: 1s; --duration-xxl: 1.5s; --duration-shimmer-fast: 3s; --duration-shimmer: 5s; --duration-metal: 6s; --motion-duration-staged: 320ms; --motion-duration-complete-shimmer: 2.4s; --motion-delay-complete-shimmer: 220ms; --motion-stagger-tight: 40ms; --motion-stagger-default: 80ms; --motion-stagger-relaxed: 120ms; --char-stagger-step: 30ms; --motion-weight: 0.618; --ease-cartoon-punch: linear( 0, -0.012, -0.038 12%, -0.018 18%, 0.18 34%, 0.62 46%, 0.98 56%, 1.14 64%, 1.22 70%, 1.16 78%, 1.06 86%, 1.012 92%, 1 ); --substrate-reveal-duration: 1100ms; --animate-ambient-pulse-duration: 6s; --animate-ambient-pulse-scale-min: 1.0; --animate-ambient-pulse-scale-max: 1.15; --animate-ambient-pulse-easing: var(--ease-apple); --pulse-aura-strength: 0.22; --pulse-aura-breath-min: 0.28; --pulse-aura-breath-max: 0.42; --pulse-aura-opacity-min: 0.55; --pulse-aura-opacity-max: 0.95; --progress-sectioned-height: 0.875rem; --progress-sectioned-track: var(--secondary); --motion-duration-progress-intake: 220ms; --motion-duration-progress-crescendo: 240ms; --motion-duration-progress-indeterminate: 4s; --phase-tint-peak: 6%; --skeleton-breath-duration: 6s; --z-behind: -10; --z-background: 0; --z-content: 10; --z-controls: 20; --z-bar: 30; --z-header: 35; --z-dock: 40; --z-panel: 45; --z-overlay: 50; --z-hovercard: 120; --z-tooltip: 120; --z-popover: 130; --z-modal: 140; --z-fullscreen: 150; --z-toast: 160; --z-toggle: 999; --z-max: 9999; --z-debug: 99999; } .liquid-stage { --motion-weight: 1; } :where([data-reorder], [data-autoplay]) { --motion-weight: 0; } :where(.glass-dock, .glass-drawer, .liquid-stage) { --motion-tempo: 1; } .motion-calm { --transition-liquid-spatial: var(--ease-standard); } @media (prefers-reduced-motion: reduce) { :root { --motion-weight: 0; --ease-cartoon-punch: var(--ease-standard); } }

package/dist/styles/tokens/scheme-spring.css

@@ -0,0 +1 @@
+:root { --spring-smooth: linear(0, 0.00287 2.041%, 0.01102 4.082%, 0.02379 6.122%, 0.04057 8.163%, 0.06079 10.204%, 0.08395 12.245%, 0.10956 14.286%, 0.13721 16.327%, 0.16649 18.367%, 0.19705 20.408%, 0.22858 22.449%, 0.26077 24.490%, 0.29338 26.531%, 0.32617 28.571%, 0.35893 30.612%, 0.39149 32.653%, 0.42368 34.694%, 0.45536 36.735%, 0.48642 38.776%, 0.51676 40.816%, 0.54628 42.857%, 0.57492 44.898%, 0.60262 46.939%, 0.62933 48.980%, 0.65501 51.020%, 0.67965 53.061%, 0.70322 55.102%, 0.72571 57.143%, 0.74713 59.184%, 0.76748 61.224%, 0.78677 63.265%, 0.80501 65.306%, 0.82223 67.347%, 0.83844 69.388%, 0.85367 71.429%, 0.86796 73.469%, 0.88132 75.510%, 0.89379 77.551%, 0.90541 79.592%, 0.91621 81.633%, 0.92623 83.673%, 0.93549 85.714%, 0.94404 87.755%, 0.95190 89.796%, 0.95912 91.837%, 0.96574 93.878%, 0.97177 95.918%, 0.97726 97.959%, 1); --spring-snappy: linear(0, 0.00652 2.041%, 0.02458 4.082%, 0.05211 6.122%, 0.08725 8.163%, 0.12834 10.204%, 0.17392 12.245%, 0.22268 14.286%, 0.27350 16.327%, 0.32540 18.367%, 0.37757 20.408%, 0.42929 22.449%, 0.47998 24.490%, 0.52916 26.531%, 0.57646 28.571%, 0.62156 30.612%, 0.66426 32.653%, 0.70440 34.694%, 0.74187 36.735%, 0.77662 38.776%, 0.80866 40.816%, 0.83800 42.857%, 0.86471 44.898%, 0.88887 46.939%, 0.91058 48.980%, 0.92996 51.020%, 0.94713 53.061%, 0.96223 55.102%, 0.97539 57.143%, 0.98677 59.184%, 0.99649 61.224%, 1.00471 63.265%, 1.01156 65.306%, 1.01716 67.347%, 1.02166 69.388%, 1.02516 71.429%, 1.02778 73.469%, 1.02964 75.510%, 1.03082 77.551%, 1.03142 79.592%, 1.03153 81.633%, 1.03122 83.673%, 1.03057 85.714%, 1.02963 87.755%, 1.02847 89.796%, 1.02713 91.837%, 1.02566 93.878%, 1.02410 95.918%, 1.02249 97.959%, 1); --spring-bouncy: linear(0, 0.00706 2.041%, 0.02686 4.082%, 0.05738 6.122%, 0.09674 8.163%, 0.14321 10.204%, 0.19517 12.245%, 0.25116 14.286%, 0.30987 16.327%, 0.37010 18.367%, 0.43083 20.408%, 0.49115 22.449%, 0.55028 24.490%, 0.60757 26.531%, 0.66248 28.571%, 0.71458 30.612%, 0.76353 32.653%, 0.80908 34.694%, 0.85107 36.735%, 0.88940 38.776%, 0.92404 40.816%, 0.95502 42.857%, 0.98241 44.898%, 1.00631 46.939%, 1.02688 48.980%, 1.04428 51.020%, 1.05870 53.061%, 1.07035 55.102%, 1.07945 57.143%, 1.08621 59.184%, 1.09087 61.224%, 1.09364 63.265%, 1.09474 65.306%, 1.09439 67.347%, 1.09278 69.388%, 1.09011 71.429%, 1.08656 73.469%, 1.08230 75.510%, 1.07749 77.551%, 1.07226 79.592%, 1.06675 81.633%, 1.06106 83.673%, 1.05531 85.714%, 1.04958 87.755%, 1.04394 89.796%, 1.03846 91.837%, 1.03320 93.878%, 1.02820 95.918%, 1.02348 97.959%, 1); --spring-gentle: linear(0, 0.00653 2.041%, 0.02415 4.082%, 0.05029 6.122%, 0.08283 8.163%, 0.12000 10.204%, 0.16036 12.245%, 0.20272 14.286%, 0.24614 16.327%, 0.28983 18.367%, 0.33320 20.408%, 0.37576 22.449%, 0.41716 24.490%, 0.45712 26.531%, 0.49544 28.571%, 0.53199 30.612%, 0.56669 32.653%, 0.59948 34.694%, 0.63037 36.735%, 0.65936 38.776%, 0.68650 40.816%, 0.71183 42.857%, 0.73542 44.898%, 0.75735 46.939%, 0.77768 48.980%, 0.79650 51.020%, 0.81390 53.061%, 0.82995 55.102%, 0.84474 57.143%, 0.85835 59.184%, 0.87086 61.224%, 0.88235 63.265%, 0.89288 65.306%, 0.90253 67.347%, 0.91136 69.388%, 0.91944 71.429%, 0.92682 73.469%, 0.93356 75.510%, 0.93970 77.551%, 0.94531 79.592%, 0.95041 81.633%, 0.95506 83.673%, 0.95929 85.714%, 0.96313 87.755%, 0.96663 89.796%, 0.96980 91.837%, 0.97268 93.878%, 0.97530 95.918%, 0.97767 97.959%, 1); --spring-dock: linear(0, 0.00315 2.041%, 0.01207 4.082%, 0.02597 6.122%, 0.04414 8.163%, 0.06595 10.204%, 0.09081 12.245%, 0.11817 14.286%, 0.14757 16.327%, 0.17856 18.367%, 0.21076 20.408%, 0.24381 22.449%, 0.27740 24.490%, 0.31127 26.531%, 0.34517 28.571%, 0.37888 30.612%, 0.41222 32.653%, 0.44503 34.694%, 0.47717 36.735%, 0.50853 38.776%, 0.53901 40.816%, 0.56854 42.857%, 0.59705 44.898%, 0.62449 46.939%, 0.65083 48.980%, 0.67603 51.020%, 0.70010 53.061%, 0.72301 55.102%, 0.74478 57.143%, 0.76540 59.184%, 0.78490 61.224%, 0.80330 63.265%, 0.82062 65.306%, 0.83688 67.347%, 0.85213 69.388%, 0.86638 71.429%, 0.87969 73.469%, 0.89207 75.510%, 0.90358 77.551%, 0.91425 79.592%, 0.92411 81.633%, 0.93322 83.673%, 0.94160 85.714%, 0.94930 87.755%, 0.95635 89.796%, 0.96279 91.837%, 0.96865 93.878%, 0.97398 95.918%, 0.97881 97.959%, 1); --spring-press: linear(0, 0.00284 2.041%, 0.01090 4.082%, 0.02354 6.122%, 0.04014 8.163%, 0.06017 10.204%, 0.08311 12.245%, 0.10850 14.286%, 0.13590 16.327%, 0.16495 18.367%, 0.19528 20.408%, 0.22657 22.449%, 0.25855 24.490%, 0.29095 26.531%, 0.32354 28.571%, 0.35613 30.612%, 0.38852 32.653%, 0.42057 34.694%, 0.45213 36.735%, 0.48309 38.776%, 0.51333 40.816%, 0.54279 42.857%, 0.57137 44.898%, 0.59903 46.939%, 0.62572 48.980%, 0.65141 51.020%, 0.67605 53.061%, 0.69965 55.102%, 0.72219 57.143%, 0.74366 59.184%, 0.76407 61.224%, 0.78343 63.265%, 0.80175 65.306%, 0.81906 67.347%, 0.83537 69.388%, 0.85070 71.429%, 0.86509 73.469%, 0.87857 75.510%, 0.89116 77.551%, 0.90290 79.592%, 0.91382 81.633%, 0.92395 83.673%, 0.93333 85.714%, 0.94200 87.755%, 0.94999 89.796%, 0.95733 91.837%, 0.96406 93.878%, 0.97020 95.918%, 0.97581 97.959%, 1); --spring-transient: linear(0, 0.00427 2.041%, 0.01615 4.082%, 0.03434 6.122%, 0.05769 8.163%, 0.08520 10.204%, 0.11598 12.245%, 0.14927 14.286%, 0.18439 16.327%, 0.22076 18.367%, 0.25789 20.408%, 0.29534 22.449%, 0.33275 24.490%, 0.36982 26.531%, 0.40630 28.571%, 0.44196 30.612%, 0.47666 32.653%, 0.51024 34.694%, 0.54261 36.735%, 0.57369 38.776%, 0.60342 40.816%, 0.63176 42.857%, 0.65871 44.898%, 0.68425 46.939%, 0.70840 48.980%, 0.73117 51.020%, 0.75259 53.061%, 0.77270 55.102%, 0.79153 57.143%, 0.80913 59.184%, 0.82554 61.224%, 0.84083 63.265%, 0.85503 65.306%, 0.86820 67.347%, 0.88039 69.388%, 0.89166 71.429%, 0.90206 73.469%, 0.91163 75.510%, 0.92043 77.551%, 0.92851 79.592%, 0.93591 81.633%, 0.94268 83.673%, 0.94886 85.714%, 0.95449 87.755%, 0.95961 89.796%, 0.96427 91.837%, 0.96849 93.878%, 0.97230 95.918%, 0.97575 97.959%, 1); --spring-eyeglass: linear(0, 0.00696 2.041%, 0.02640 4.082%, 0.05625 6.122%, 0.09463 8.163%, 0.13978 10.204%, 0.19012 12.245%, 0.24422 14.286%, 0.30080 16.327%, 0.35875 18.367%, 0.41708 20.408%, 0.47495 22.449%, 0.53163 24.490%, 0.58652 26.531%, 0.63915 28.571%, 0.68911 30.612%, 0.73612 32.653%, 0.77996 34.694%, 0.82048 36.735%, 0.85763 38.776%, 0.89137 40.816%, 0.92174 42.857%, 0.94882 44.898%, 0.97270 46.939%, 0.99352 48.980%, 1.01144 51.020%, 1.02663 53.061%, 1.03928 55.102%, 1.04957 57.143%, 1.05772 59.184%, 1.06392 61.224%, 1.06835 63.265%, 1.07123 65.306%, 1.07272 67.347%, 1.07301 69.388%, 1.07227 71.429%, 1.07066 73.469%, 1.06832 75.510%, 1.06538 77.551%, 1.06198 79.592%, 1.05823 81.633%, 1.05423 83.673%, 1.05007 85.714%, 1.04582 87.755%, 1.04156 89.796%, 1.03735 91.837%, 1.03324 93.878%, 1.02927 95.918%, 1.02547 97.959%, 1); --spring-smooth-settle: 0.35s; --spring-snappy-settle: 0.44s; --spring-bouncy-settle: 0.57s; --spring-gentle-settle: 0.76s; --spring-dock-settle: 0.19s; --spring-press-settle: 0.12s; --spring-transient-settle: 0.46s; --spring-eyeglass-settle: 0.34s; --spring-smooth-duration: calc(var(--spring-smooth-settle) * var(--motion-tempo)); --spring-snappy-duration: calc(var(--spring-snappy-settle) * var(--motion-tempo)); --spring-bouncy-duration: calc(var(--spring-bouncy-settle) * var(--motion-tempo)); --spring-gentle-duration: calc(var(--spring-gentle-settle) * var(--motion-tempo)); --spring-dock-duration: calc(var(--spring-dock-settle) * var(--motion-tempo)); --spring-press-duration: calc(var(--spring-press-settle) * var(--motion-tempo)); --spring-transient-duration: calc(var(--spring-transient-settle) * var(--motion-tempo)); --spring-eyeglass-duration: calc(var(--spring-eyeglass-settle) * var(--motion-tempo)); --transition-liquid-spatial: var(--spring-smooth); --spring-deck: var(--spring-smooth); --deck-goo-flow: linear( 0, 0.02206 4.167%, 0.07922 8.333%, 0.15799 12.5%, 0.24486 16.667%, 0.32632 20.833%, 0.38889 25%, 0.41905 29.167%, 0.43667 33.333%, 0.4575 37.5%, 0.47833 41.667%, 0.49917 45.833%, 0.52 50%, 0.54083 54.167%, 0.56167 58.333%, 0.58373 62.5%, 0.64 66.667%, 0.71 70.833%, 0.78 75%, 0.85 79.167%, 0.91 83.333%, 0.96 87.5%, 0.985 91.667%, 0.997 95.833%, 1 ); --deck-goo-duration: 1.1s; --deck-goo-max-stretch: 1.1; --pager-worm-max-stretch: 1.2; --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1); --motion-ease-out: cubic-bezier(0, 0, 0.2, 1); --motion-ease-in: cubic-bezier(0.4, 0, 1, 1); --motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-standard: var(--motion-ease-standard); --ease-out: var(--motion-ease-out); --ease-in: var(--motion-ease-in); --ease-out-expo: var(--motion-ease-out-expo); --motion-ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1); --ease-apple: var(--motion-ease-apple); --ease-spring: var(--spring-snappy); --ease-decelerate: var(--ease-out); --ease-accelerate: var(--ease-in); --ease-convergence: var(--spring-gentle); } @media (prefers-reduced-motion: reduce) { :root { --transition-liquid-spatial: var(--ease-standard); } }

package/dist/styles/tokens/scroll-tokens.css

@@ -1,123 +1 @@
-/* tokens/scroll-tokens.css
-   §20 PLATFORM MOTION (AQ.W5) — the native-platform motion substrate knobs.
-   Carved WHOLE from tokens/scale-paper.css at BB.W-CARVE4 to hold the no-god-module
-   bound (the paper/control/display/metal/timeline/metric/table families §11–§19 stay
-   in scale-paper.css; §20 is the file's last section, so this is a contiguous tail
-   carve at the §19/§20 seam). @import-ed by tokens.css in cascade order IMMEDIATELY
-   AFTER scale-paper.css — an adjacent same-selector :root{} block carrying the SAME
-   declarations in the SAME relative order, so the dist is byte-isomorphic.
-
-   The motion families, each read by a `@supports`-gated CSS recipe:
-   scroll-driven.css / scroll-choreography.css, animations.css (§TOP-LAYER),
-   view-transition.css — every visual knob a token so a consumer retunes without
-   editing library source. */
-:root {
-    /* SCROLL-DRIVEN (scroll-driven.css). Values mirror the JS-fallback composable
-       defaults (`useScrollProgress` / `useStaggerReveal`) so the native CSS path and
-       the fallback path read identically — no visual seam at the `@supports` boundary. */
-    --scroll-progress-scroller: root;
-    --scroll-reveal-rise: 6px;
-    --scroll-reveal-range-end: 60%;
-
-    /* BB.W-SCROLL-MOTION — the scroll-CHOREOGRAPHY register knobs (the page-build /
-       section-cascade / scroll-pinned recipes in scroll-choreography.css). These
-       EXTEND the --scroll-reveal-* substrate above; the existing three are READ-ONLY
-       (the cascade COMPOSES them, it never re-tunes them). All distances are
-       compositor (transform) channels; the clocks are the per-spring settle clocks
-       (scheme-motion.css), threaded, never re-tuned. */
-    /* .scroll-build — the route-enter page-build (the chrome -> hero -> body
-       coordinated entrance). The rise is a touch deeper than the section cascade
-       (the page ASSEMBLES — a more pronounced settle), the step is the per-beat
-       coordinated stagger between the chrome, hero, and first-section beats. */
-    --scroll-build-rise: 1.5rem;
-    --scroll-build-step: 90ms;
-    /* .scroll-cascade — the orchestrated section cascade (the per-child view()
-       timeline, the spring-clocked coupled build). The rise lifts the bare
-       --scroll-reveal-rise 6px to a perceptible SOTA build; the range-end is the
-       reveal window (a touch tighter than the bare reveal so each section lands
-       crisply rather than dragging a long fade tail). The column-stagger delay is
-       the opt-in .scroll-cascade--columns grid-variant knob. */
-    --scroll-cascade-rise: 1.25rem;
-    --scroll-cascade-range-end: 45%;
-    --scroll-cascade-column-stagger: 60ms;
-    /* .scroll-pin — the fixed-stage-advances-time scroll-pinned register. The stage
-       height is the Nvh temporal space the sticky stage advances its phases across;
-       the phase windows are the scroll-progress fractions the stage's internal
-       phases key off (grid-reveal 0..45%, expand 45..90%, settle 90..100% — the
-       Codrops phased-sequence shape). */
-    --scroll-pin-stage-height: 320vh;
-    --scroll-pin-phase-reveal-end: 45%;
-    --scroll-pin-phase-expand-end: 90%;
-    --scroll-pin-lift: 2.5rem;
-
-    /* TOP-LAYER (animations.css §TOP-LAYER). The `@starting-style` entry/exit
-       grammar for native `<dialog>` / `[popover]` glass surfaces. The backdrop dim
-       uses the house alpha-derivative `color-mix(in srgb, var(--background) Npct,
-       transparent)` (AZ.W-ADAPTIVE-AUTO A5-1). It is NOT the `hsl(var(--background)
-       / α)` channel form: `--background` is a COMPLETE `hsl()` color
-       (`= hsl(48 12% 98%)`), so `hsl(var(--background) / α)` double-wraps to
-       `hsl(hsl(…) / α)` — invalid, never paints (the modal dim was silently dead).
-       The genuine channel form would require `--background` declared as a bare
-       `H S% L%` triple, which it never is — hence the alpha-derivative mix. */
-    --top-layer-enter-scale: 0.96;
-    --top-layer-backdrop-blur: 8px;
-    --top-layer-backdrop-dim: 0.5;
-
-    /* VIEW-TRANSITION (view-transition.css). The shared `.gl-list-item` group recipe
-       + the `--vt-*` axes the `useViewTransition` substrate consumers (dock layer
-       swap, muster J's verdict re-rank) tune their swap against. */
-    --vt-duration: var(--duration-normal);
-    /* AX.W05 — ONE iOS-spring vocabulary: every spring-flavored transition reads
-       a governed `--spring-*` register. The legacy apple-spring cubic-bezier
-       (+27.5% overshoot) was a SECOND authority beside the regen `--spring-*`
-       cohort; it is EXCISED. Its emphatic-overshoot register maps to the playful
-       `--spring-bouncy` (the closest `linear()` overshoot stop-set), so the VT
-       default + the cards/top-layer transitions share one spring primitive
-       (CPU + GPU sample the same curve). No cubic-bezier fallback seed survives —
-       the `linear()` spring degrades to `ease` where `linear()` is unsupported. */
-    --vt-ease: var(--spring-bouncy);
-    --vt-rise: 8px;
-
-    /* AT.W6-dock-c / AU.W8 — the dock layer-swap morph timing, minted ONCE so
-       both engine paths are timing-IDENTICAL: the FLIP fallback (via
-       `--dock-motion-resize`), the native View-Transition group (its
-       `animation-timing-function`), AND the runtime SpringProgress driver
-       (AU.W8.3) consume this same `(0.32, 0.7)` source curve. Retires the AQ.W6
-       fork where the VT path ran `--vt-ease` (apple-spring, +27.5% overshoot)
-       while the FLIP ran the snappy spring. `--vt-ease` still defaults the
-       other VT recipes (`.gl-list-item`).
-
-       AU.W8 — RETARGET snappy → dock. `--spring-snappy` (ζ=0.65, +6.8%) read as
-       mechanical: a stiff plateau at ~48% with too little overshoot to feel
-       alive ("not iOS-smooth"). AW.W2 then retuned the dock spring to the
-       iOS-control register: `--spring-dock` ((0.32, 0.7), ~+4.6%) settles snappy
-       with a restrained overshoot — the felt iOS dock morph, off the prior
-       playful +18.5% register. The runtime driver's DOCK_SPRING const MIRRORS the
-       (0.32, 0.7) PRESETS row, so the CSS token and the JS-driven morph are
-       bit-identical. */
-    --dock-resize-spring: var(--spring-dock);
-
-    /* AT.W7-dock-b — dock-control press micro-feedback spring. A TRANSFORM-ONLY
-       spring (`scale`/`rotate`) the dock controls apply to their hover/press
-       activation so the squish reads with a touch of spring-back rather than a
-       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.
-
-       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.
-
-       BA.W-GLASS-CAL Unit 3 — the duration leg re-times off the generic
-       `--duration-fast` (0.2s) onto `--spring-smooth-duration` (0.36s, the
-       smooth spring's OWN 2%-band envelope settle), so the press transform plays
-       at its physical settle rather than a generic clock. */
-    --dock-press-spring: var(--spring-smooth-duration) var(--spring-smooth);
-}
+:root { --scroll-reveal-rise: 6px; --scroll-reveal-range-end: 60%; --scroll-cascade-rise: 1.25rem; --scroll-cascade-range-end: 45%; --scroll-cascade-column-stagger: 6%; --scroll-pin-stage-height: 320vh; --scroll-pin-lift: 2.5rem; --top-layer-enter-scale: var(--enter-overlay-scale); --top-layer-enter-blur: var(--enter-overlay-blur); --top-layer-backdrop-blur: 8px; --top-layer-backdrop-dim: 0.5; --vt-duration: var(--duration-normal); --vt-ease: var(--spring-bouncy); --vt-rise: 8px; --dock-resize-spring: var(--spring-dock); --dock-press-spring: var(--spring-smooth-duration) var(--spring-smooth); }