@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/styles/tokens/glass.css

@@ -1,280 +1 @@
-/* tokens/glass.css
-   §8 glassmorphism — the five-tier surface ladder (opacity/blur/saturate rungs +
-   composed bg/border) + the --glass-level axis + the control-REST register.
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. The decorative/fx
-   tail (grain/specular/edge-light + the adaptive tint-source/backdrop-luma bucket +
-   fringe/curvature/chart-palette + the per-tier shadow/spine/under-shadow/overlay-
-   scrim) carved to tokens/glass-fx.css at BB.W-CARVE4 — @import-ed IMMEDIATELY AFTER
-   this partial so the two adjacent same-selector :root{} blocks resolve identically
-   (the dist is byte-isomorphic). */
-:root {
-    /* ═══════════════════════════════════════════════
-       §8  GLASSMORPHISM — Five-tier surface ladder (v0.8.0)
-
-       Tier semantics, alpha-monotonic:
-         wash      ~0.30α  + light blur      (was `subtle`)
-         quiet     ~0.50α  + medium blur     (the formerly missing rung)
-         resting   ~0.65α  + canonical blur  (was `default`; the speedtest plate)
-         floating  ~0.80α  + heavier blur    (was `elevated`)
-         overlay   ~0.95α  + heaviest blur   (NEW; modal-over-modal)
-
-       v0.8.0 retires the four-tier `subtle | default | medium | elevated`
-       ladder outright. No legacy aliases. Consumers migrate at the same
-       breaking change. R3-spec §A.
-       ═══════════════════════════════════════════════ */
-
-    /* ── Per-tier alpha — the CANONICAL named opacity register (BB.W-CARD-TIER-ALPHA) ──
-       Each `--glass-opacity-{tier}` IS the library's canonical alpha for that tier —
-       a NAMED, documented input to the ONE compose recipe below, NOT a magic number
-       a consumer re-pins. The values here are the library IDENTITY: the warm-cream
-       glass ladder, alpha-monotonic (wash < quiet < resting < floating < overlay), with
-       the dock (0.42) + chassis (0.28) carrying their own footprint-calibrated rungs.
-       The dark arm (tokens/dark-arm.css) lifts each ~0.08 for read-weight over the
-       deeper canvas — the SAME named tokens, per-mode (the plain per-mode pair idiom).
-
-       A consumer that wants the LIBRARY register reads these named tokens (or composes
-       a `<Card tier>` rung) and re-pins NOTHING; a consumer whose surface needs a
-       divergent composited luminance (the speedtest dark-AA register: instrument 0.72 /
-       document 0.78) keeps that as a NAMED preset IN ITS OWN repo (presets-in-consumers)
-       — the library default is its identity, the consumer preset is the consumer's.
-
-       THE SUBSTITUTION-VS-INHERITANCE SEAM (the recurring trap, recorded). The composed
-       `--glass-bg-{tier}` below is declared HERE at `:root`, so a custom-property
-       substitution resolves at THIS element — overriding `--glass-opacity-{tier}` on a
-       DESCENDANT does NOT re-compose the inherited `--glass-bg-{tier}` (the value is
-       already resolved). A consumer that needs a per-scope tier alpha therefore RE-DECLARES
-       the composed `--glass-bg-{tier}` on the scope (the same recipe, the pinned alpha) —
-       the documented retune path, mirroring the dock's own `--glass-bg-dock` self-re-point.
-       The named alpha is the canonical INPUT; the per-scope `--glass-bg-*` re-declaration is
-       the sanctioned consumer pin. (The `--glass-level` recipe MECHANISM below is the
-       AX.W54 seam — UNTOUCHED by this register; this canonicalizes the alpha INPUTS only.)
-       Machine-locked by `proof:card-tier-alpha`. */
-    /* Opacity primitives — the per-tier canonical alpha (light arm). */
-    --glass-opacity-wash:     0.30;
-    --glass-opacity-quiet:    0.50;
-    --glass-opacity-resting:  0.65;
-    --glass-opacity-floating: 0.80;
-    --glass-opacity-overlay:  0.95;
-
-    /* Blur primitives. The radii here feather the dock + meter card to a
-       barely-perceptible diffusion that lets the substrate behind it bleed
-       through cleanly while keeping hero typography crisp at meter scale.
-       The resting blur sits at 10px so a glass plate reads as a diffusion
-       without consumer-side override.
-
-       BA.W-GLASS-CAL Unit 1 — the ladder dialed back ~15-20% UNIFORMLY (the
-       user's "a hair too much" over-diffusion): quiet 10→8, resting 12→10,
-       floating 16→13, overlay 15→13, dock 11→9; wash stays 1px (sub-perceptual).
-       The pull is proportional (it preserves tier separation) and keeps every
-       rung in the AV.W7-F2 8-15px band — the backdrop's structure reads a hair
-       more through the plate while the glass still reads unmistakably as glass.
-       The radius axis ONLY: `--glass-level` + every `saturate()`/`brightness()`
-       companion below are UNTOUCHED (the W-DARK-MATERIAL dark-recipe saturate/
-       brightness companions preserved — radius-only, the gate's B3 assert). */
-    --glass-blur-wash-radius:     1px;
-    --glass-blur-quiet-radius:    8px;
-    --glass-blur-resting-radius:  10px;
-    --glass-blur-floating-radius: 13px;
-    /* AV.W7 F2 — clamped from 24px into the 8–15px budget band. A blur radius
-       past ~20px is exponentially costlier (`backdrop-filter` is glass-ui's most
-       expensive idiom — the radius is the dominant cost). 15px is the band
-       ceiling; BA.W-GLASS-CAL dialed the overlay rung to 13px (off 15) so the
-       whole ladder pulls back in proportion. A high-resolution display restores
-       a richer wash via the @media arm in light-dark.css — the cost is amortised
-       by the extra device pixels. */
-    --glass-blur-overlay-radius:  13px;
-    /* Dock blur radius — 9px (BA.W-GLASS-CAL, off 11), paired with the 0.42
-       opacity below: a crisp glass pill (the iOS Control Center register), not a
-       feathered wash. The dock composes `blur()` only (no saturate); the
-       `prefers-reduced-transparency` bracket at glass.css maps it to the
-       opacity-only register. */
-    --glass-blur-dock-radius:     9px;
-
-    /* ── Per-rung SATURATE — the CANONICAL named saturate register (BC.W-GLASS-
-       LEGIBILITY-MEASURED, the speedtest-AX BC-W10 fold) ───────────────────────
-       The saturate term is the LOAD-BEARING glass knob (research/apple-glass.md §4:
-       the apple.com nav rides `saturate(1.8)` — the highest term, blur moderate).
-       Each `--glass-saturate-{tier}` is the library's canonical saturation for that
-       rung — a NAMED, `:root`-overridable input the composed `--glass-blur-{tier}`
-       reads THROUGH, the SAME substitution-vs-redeclaration discipline as the
-       `--glass-opacity-{tier}` alpha register above. A `:root { --glass-saturate-
-       quiet: … }` override re-resolves the rung's saturation with ZERO recipe edit
-       (the speedtest "dark cards" chronic + the apple-glass saturate-as-load-bearing
-       lever). The values here ARE the W52-D19 bake (wash/quiet/resting 1.05,
-       floating 1.18, overlay 1.2) become the token defaults — so the composed blur
-       is BYTE-IDENTICAL to the old baked literal (proof:glass-cal / proof:card-tier-
-       alpha stay GREEN by construction). The deep-tier `--glass-saturate-deep` 1.8
-       ceiling (glass-deep.css) is the upper bound; no rung saturate exceeds it. The
-       dark arm (tokens/dark-arm.css) re-declares this register with the W-DARK-
-       MATERIAL luminosity lift — the SAME named tokens, per-mode (the plain per-mode
-       pair idiom). The brightness() companions stay baked (this fold mints ONLY the
-       saturate knob). Machine-locked by `proof:glass-legibility` L7. */
-    --glass-saturate-wash:     1.05;
-    --glass-saturate-quiet:    1.05;
-    --glass-saturate-resting:  1.05;
-    --glass-saturate-floating: 1.18;
-    --glass-saturate-overlay:  1.2;
-
-    /* AX.W54 — each blur radius is scaled by the ONE `--glass-level` scalar (in
-       lockstep with the opacity seam above): level=1 byte-identical; level=0 →
-       blur(0) (the clean solid floor with the opacity); level>1 → more diffusion.
-       The per-rung `saturate()` companion reads the named `--glass-saturate-{tier}`
-       knob (BC.W-GLASS-LEGIBILITY-MEASURED); `brightness()` stays baked (the level
-       scales the RADIUS, not the saturation — W52's calm light-concentration). */
-    --glass-blur-wash:     blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate-wash));
-    /* AV.W15 M1 — the `quiet` rung gained `saturate(1.05) brightness(1.02)`
-       so the lower ladder reads with the same saturation life as `resting`+
-       (Apple: Liquid Glass concentrates light, it does not desaturate). The
-       `brightness(1.02)` is the small lift the spec names — it lands `quiet`
-       between bare `wash` and `resting` without over-brightening the rung.
-       The `prefers-reduced-transparency: reduce` bracket at glass.css maps
-       `--glass-blur-quiet: none`, so this whole chain drops with the blur. */
-    --glass-blur-quiet:    blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate-quiet)) brightness(1.02);
-    --glass-blur-resting:  blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting));
-    /* AX.W52 D19 — the floating/overlay backdrop saturate tamed from 1.4/1.5 to a
-       gentle ~1.18/1.2 (real liquid glass concentrates light ~1.1–1.2×; the prior
-       1.4–1.5× over-juiced the bleed-through into a garish smear over a colored
-       substrate). wash/quiet/resting already sit at 1.05 — untouched. */
-    --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating));
-    --glass-blur-overlay:  blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate-overlay));
-    /* Dock blur composes blur() only — no saturate. */
-    --glass-blur-dock:     blur(calc(var(--glass-blur-dock-radius) * var(--glass-level)));
-
-    /* AX.W52 → BC.W-GLASS-LEGIBILITY-MEASURED — the GLASS BUTTON blur, lifted to
-       the FLOATING-tier "more glass" register. The `glass`/`glass-wash` button
-       variants compose the `.glass-wash` tier (`--glass-blur-wash` = blur(1px)) — a
-       sub-perceptual diffusion authored for a small detail TILE, not a button the
-       user reads as "glass." A button is a hero control: it wants a real glass blur.
-       The AX.W52 landing sat at the quiet-tier 8px/saturate(1.05) — "quieter than
-       even the calm floating tier" (apple-ios27.md §4.2). This wave lifts it to the
-       FLOATING-tier register (apple-ios27.md §5 bake-table "button blur lift to
-       10-13 / 1.18"): the floating radius (13px, in the 10-13 band) + the named
-       `--glass-saturate-floating` knob (1.18) — a genuinely MORE-glass transmissive
-       capsule revealing the craft beneath (the apple-glass SUPERSET: apple.com's web
-       CTA is a SOLID blue capsule, zero blur — research/apple-glass.md §1.4). The
-       `brightness(1.02)` light-concentration the quiet rung carried is KEPT (no
-       colour-juice). Clean break — the old 8px/quiet value is GONE, no alias. The
-       wash TILE tier (MetricCell et al.) keeps its 1px — only the glass BUTTON
-       variants reach for this. Machine-locked by `proof:glass-legibility` L3. */
-    --glass-blur-btn:      blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating)) brightness(1.02);
-
-    /* Dock-specific opacity (0.42) — lighter than `resting` (0.65) so the dock
-       reads as a translucent overlay rather than a panel, backdrop bleed
-       visible through it. Consumed by `.glass-dock` via `--glass-bg-dock`. The
-       value holds the surface register against the tightened 11px blur so the
-       dock reads as painted chrome, not a frosted ghost. */
-    --glass-opacity-dock: 0.42;
-
-    /* Dialog-specific opacity (0.68) — BC.W-DIALOG-GLASS. The iOS-27 control-
-       center modal register: SEE-THROUGH frosted glass that reveals the page
-       beneath, NOT the floating-tier near-opaque slab (0.80 read as "NOT glassy
-       at all"). 0.68 sits between `resting` (0.65 — transparent enough to read
-       through) and `floating` (0.80 — opaque enough for AA legibility against
-       the bright bucket), so the modal floats with the FLOATING-tier lift (edge/
-       rim/under-shadow) while reading at the RESTING-tier transparency. The
-       LIBRARY iOS-modal identity (presets-in-consumers — a consumer retunes
-       `--glass-bg-dialog` via :root). Consumed by DialogContent.vue, which re-
-       declares `--glass-bg-floating: var(--glass-bg-dialog)` on the dialog scope
-       (the self-re-point recipe, the dock precedent — NOT a raw rung override
-       that won't re-compose). */
-    --glass-opacity-dialog: 0.68;
-
-    /* Dock foreground over an animated backdrop. A dock floating over an
-       aurora/animated surface (`value.js` dock-over-aurora, a slides routed
-       control, bbnf) sits on a mid-luminance, shifting field where the muted
-       default fg can drop below contrast. This token is the dock control's
-       foreground base — a complete `hsl()` color consumed via `var()`; for the
-       muted icon weight the control mixes it down with `--opacity-icon-muted`.
-       Defaults to `var(--foreground)` so the dock paints byte-identically to
-       today; a consumer overrides it per-backdrop (e.g. a near-white over a
-       dark aurora) without touching library source.
-
-       AX.W55 — this is the FOREGROUND half of the adaptive story, now reconciled
-       INTO the `--glass-backdrop` probe (not a third fork): under the bright bucket
-       (`@container style(--glass-backdrop: light)` in dock.css) it re-points toward
-       the contrast-clearing ink, and an `@supports (color: contrast-color(…))`
-       block flips it natively on supporting engines. The `var(--foreground)`
-       default keeps the zero-delta rest state. */
-    --dock-fg-on-aurora: var(--foreground);
-
-    /* Chassis-specific opacity. Looser than `default` (0.50) so the
-       <InstrumentChassis> surface reads as glass-over-aurora at its
-       64rem-wide footprint; the default tier stays calibrated for cards.
-       Mirrors the dock-tier pattern (own opacity primitive + composed bg).
-       Light 0.28 sits in the gap between dock (0.32) and a hypothetical
-       wash tier; dark 0.36 mirrors the +0.08 step the dock takes from
-       `glass-bg-medium` (0.65) down to its own 0.32. */
-    --glass-opacity-chassis: 0.28;
-
-    /* Composed backgrounds — AX.W54: the opacity is threaded through the ONE
-       `--glass-level` clarity scalar. Each rung's effective alpha is
-       `1 - (1 - <rung-opacity>) * --glass-level`: at level=1 it collapses to the
-       hand-tuned `<rung-opacity>` (byte-identical); at level=0 it resolves `1`
-       (solid `--card` — the opaque escape); at level>1 it goes clearer. ONE
-       expression, the same seven rungs. */
-    --glass-bg-wash:     color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-wash)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-quiet:    color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-quiet)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-resting:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-resting)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-floating: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-floating)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-overlay:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-overlay)) * var(--glass-level)) * 100%), transparent);
-    /* The dock bg ALSO rides the oklab tint seam (AX.W54 amendment): the same
-       `color-mix(in oklab, …, --glass-tint-source --glass-tint-strength)` wrapper
-       the rungs reach for, ZERO-delta at `--glass-tint-strength: 0%` — so W55's
-       adaptive darken can reach the dock (the G2 over-light surface) without a
-       second hand-rolled recipe. */
-    --glass-bg-dock:     color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dock)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength));
-    --glass-bg-chassis:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-chassis)) * var(--glass-level)) * 100%), transparent);
-    /* BC.W-DIALOG-GLASS — the dialog plate bg, composed the SAME oklab-tint-wrapped
-       way the dock self-re-points (so the BC.W-ADAPTIVE-RECONCILE darken reaches the
-       modal over a bright backdrop without a second hand-rolled recipe). The 0.68
-       opacity is the iOS-27 control-center register (see `--glass-opacity-dialog`).
-       DialogContent.vue re-declares `--glass-bg-floating: var(--glass-bg-dialog)` on
-       the dialog scope (the documented retune path — the self-re-point, NOT a raw
-       rung override) so the floating edge/rim/under-shadow LIFT survives the
-       transparency drop. */
-    --glass-bg-dialog:   color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dialog)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength));
-
-    /* Composed borders — foreground-tinted. BC.W-BLACK-BAR D2 — the perimeter
-       hairline is RETIRED as the silhouette device. The old 11-22% warm-ink rung
-       borders rode --foreground (oklab L 0.216, near-black warm ink); over a
-       near-white cream plate the full-perimeter hairline read as the user's "wtf
-       is this black bar" — worst on the TOP edge where the bright white catch-light
-       ring sat just inside a dark border (a bright rim and a dark line at war on the
-       SAME edge). The silhouette is now carved by the directional rim
-       (--glass-rim-top catch-light + --glass-rim-bottom under-shadow, glass-fx.css),
-       NOT by this perimeter ink. So each rung drops to ≤5% α — the warm hue stays
-       --foreground (the warm-not-tinted identity, BA.W-NO-GRAY), only the PRESENCE
-       falls below the read-threshold so the hairline can never read as a bar. The
-       +1% on the two heaviest rungs (floating/overlay) holds a faint tier-presence
-       ordering without crossing the threshold (apple-ios27.md §5 "top ≤4%" target). */
-    --glass-border-wash:     color-mix(in srgb, var(--foreground) 4%, transparent);
-    --glass-border-quiet:    color-mix(in srgb, var(--foreground) 4%, transparent);
-    --glass-border-resting:  color-mix(in srgb, var(--foreground) 4%, transparent);
-    --glass-border-floating: color-mix(in srgb, var(--foreground) 5%, transparent);
-    --glass-border-overlay:  color-mix(in srgb, var(--foreground) 5%, transparent);
-    --glass-border-dock:     color-mix(in srgb, var(--foreground) 4%, transparent);
-    --glass-border:          var(--glass-border-quiet);
-
-    /* ── The control REST register (BA.W-SURFACE-AXIS scope 7) ────────────────
-       ONE shared resting surface for the FORM family — Input/Textarea/Select/
-       Combobox/NumberField/TagsInput — so the whole control band is ONE material
-       at rest, not a per-control fork. Input rode the warm near-white `quiet`
-       glass register while Select rode the lighter `glass-wash` gray (live-probed
-       at R10 SM-3/NF-4: input `oklab(0.986)` near-white vs select `oklab(0.636)`
-       gray — the "no gray" bar at a control-family seam). The unified register
-       adopts the WARMER input rung (the no-gray choice); the per-control recipes
-       re-point to read these tokens, no per-control fork. The W-NO-GRAY warm floor
-       lands underneath in Batch 1b (it warms the VALUES); this register unifies
-       the TIER. The hover lift mixes the rest fill one step toward the resting
-       rung so a control brightens on hover in lockstep. */
-    --control-surface-bg:        var(--glass-bg-quiet);
-    --control-surface-border:    var(--glass-border-floating);
-    --control-surface-blur:      var(--glass-blur-quiet);
-    --control-surface-bg-hover:  color-mix(in oklab, var(--glass-bg-quiet), var(--glass-bg-resting) 35%);
-
-    /* The decorative/fx tail (grain/specular/edge-light + the adaptive tint-source/
-       backdrop-luma bucket + fringe/curvature/chart-palette + per-tier shadow/spine/
-       under-shadow/overlay-scrim) lives in tokens/glass-fx.css (carved at BB.W-CARVE4
-       — the next adjacent :root{} block in the cascade). */
-}
+:root { --glass-opacity-wash: 0.30; --glass-opacity-quiet: 0.50; --glass-opacity-resting: 0.65; --glass-opacity-floating: 0.80; --glass-opacity-overlay: 0.95; --glass-blur-wash-radius: 1px; --glass-blur-quiet-radius: 8px; --glass-blur-resting-radius: 8px; --glass-blur-floating-radius: 13px; --glass-blur-overlay-radius: 13px; --glass-saturate-wash: 1.4; --glass-saturate-quiet: 1.4; --glass-saturate-resting: 1.4; --glass-saturate-floating: 1.6; --glass-saturate-overlay: 1.6; --glass-blur-wash: blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate-wash)); --glass-blur-quiet: blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate-quiet)) brightness(1.02); --glass-blur-resting: blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting)); --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating)); --glass-blur-overlay: blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate-overlay)); --glass-blur-btn-radius: 6px; --glass-blur-btn: blur(calc(var(--glass-blur-btn-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting)); --glass-opacity-dock: 0.50; --glass-opacity-dialog: 0.68; --glass-opacity-sheet: 0.74; --dock-fg-on-aurora: var(--foreground); --glass-opacity-chassis: 0.28; --glass-bg-wash: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-wash)) * var(--glass-level)) * 100%), transparent); --glass-bg-quiet: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-quiet)) * var(--glass-level)) * 100%), transparent); --glass-bg-resting: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-resting)) * var(--glass-level)) * 100%), transparent); --glass-bg-floating: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-floating)) * var(--glass-level)) * 100%), transparent); --glass-bg-overlay: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-overlay)) * var(--glass-level)) * 100%), transparent); --glass-bg-dock: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dock)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-bg-chassis: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-chassis)) * var(--glass-level)) * 100%), transparent); --glass-bg-dialog: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dialog)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-bg-sheet: color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-sheet)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength)); --glass-well-tone: 8%; --glass-bg-well: color-mix(in oklab, var(--card), var(--foreground) var(--glass-well-tone)); --glass-fill-tinted: color-mix( in oklab, var(--glass-fill-tint, oklch(0.9 0.05 75 / 0)) var(--glass-fill-strength, 0%), oklch(0.9 0.05 75 / 0) ); --glass-border-wash: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-quiet: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-resting: color-mix(in srgb, var(--foreground) 4%, transparent); --glass-border-floating: color-mix(in srgb, var(--foreground) 5%, transparent); --glass-border-overlay: color-mix(in srgb, var(--foreground) 5%, transparent); --glass-border-dock: color-mix(in srgb, var(--foreground) 8%, transparent); --glass-border: var(--glass-border-quiet); --glass-floor-fill-max: 15%; --glass-floor-fill: color-mix(in srgb, var(--card) calc(var(--glass-definition) * var(--glass-floor-fill-max)), transparent); --glass-border-defined: color-mix(in srgb, var(--foreground) calc(var(--glass-definition) * 14%), transparent); --control-surface-bg: var(--glass-bg-quiet); --control-surface-border: var(--glass-border-floating); --control-surface-blur: var(--glass-blur-quiet); --control-surface-bg-hover: color-mix(in oklab, var(--glass-bg-quiet), var(--glass-bg-resting) 35%); } @property --glass-ambient-hue { syntax: "<color>"; inherits: true; initial-value: transparent; } @property --glass-ambient-strength { syntax: "<percentage>"; inherits: true; initial-value: 0%; } @property --glass-fill-tint { syntax: "<color>"; inherits: true; initial-value: transparent; } @property --glass-fill-strength { syntax: "<percentage>"; inherits: true; initial-value: 0%; }

package/dist/styles/tokens/light-dark.css

@@ -1,200 +1 @@
-/* tokens/light-dark.css
-   §-1a coarse-pointer comfort + §-1b light-dark() color architecture — the @media (pointer:coarse) / @media (min-resolution) / @supports (light-dark()) overrides. After the master token partials (overrides them).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-
-/* AX.W51 D18 — the GLOBAL coarse-pointer comfort amplification. The WHOLE library
-   — buttons, inputs, badges, toggles, the dock (a specialization that reads
-   `--ui-scale`) — grows ~1.5× on touch from this ONE place, the W45 dock-only 1.5×
-   lifted to the master scalar so the touch scale is CONSISTENT across the library
-   (at HEAD the dock grew but the buttons did not — the three-scale split). The
-   WCAG-2.5.5 44px touch floor is enforced HERE too: `--control-floor` lifts to
-   `--touch-target`, so every scaled control-height `max(scaled, floor)` clamps at
-   ≥ 44px regardless of the scalar (a consumer dialing `--ui-scale` below 1 still
-   cannot drop a control under the target). Fine-pointer is byte-identical
-   (`--ui-scale` stays 1). `--ui-coarse-scale` is the public default a consumer
-   retunes. */
-@media (pointer: coarse) {
-    :root {
-        --ui-scale: var(--ui-coarse-scale, 1.5);
-        --control-floor: var(--touch-target, 2.75rem);
-    }
-}
-
-/* AV.W7 F2 — high-resolution overlay-blur restore. On a 2dppx+ display the
-   richer overlay wash is amortised by the extra device pixels (the blur samples
-   a denser backing store), so a higher ceiling is restored where it is
-   affordable. Standard-density displays keep the 13px budget radius set in §-1a
-   `:root`. Token-only override — every overlay surface that reads
-   `--glass-blur-overlay-radius` inherits the restored value automatically.
-
-   BA.W-GLASS-CAL Unit 1 — the restore pulled 24→20px in lockstep with the base
-   ladder's ~15-20% dial-back (the base overlay rung moved 15→13). 20px stays the
-   amortised high-DPI ceiling; standard density reads the dialed-back 13px. */
-@media (min-resolution: 2dppx) {
-    :root {
-        --glass-blur-overlay-radius: 20px;
-    }
-}
-
-/* ═══════════════════════════════════════════════
-   §-1b  LIGHT-DARK() COLOR ARCHITECTURE (AQ.W2 §2)
-
-   Every PAIRED color token (a token whose `:root` and `.dark` values are
-   BOTH a <color> and differ) folds onto one `light-dark(light, dark)`
-   declaration, keyed off the element's `color-scheme` (§-1). This is the
-   single-source-of-truth collapse of the `.dark` mirror AND the dynamism
-   win: an unregistered custom property holding a `light-dark()` expression
-   re-resolves under a descendant `color-scheme` override (a `.dark`
-   code-block embedded in a light page, or vice-versa).
-
-   DISCIPLINE (§2b — BINDING): these tokens MUST stay UNREGISTERED (no
-   `@property … syntax:"<color>"`). A registered <color> would resolve ONCE
-   at the declaring element and inherit the RESOLVED color, freezing the
-   descendant re-resolution. glass-ui's only `@property` registrations (§18)
-   are non-color (percentage/length), so the discipline holds — W2 adds NO
-   color `@property`.
-
-   The semantic `var()`-aliases (`--background`, `--muted`, `--border`,
-   `--secondary`, `--accent`, `--card-foreground`, …) do NOT appear here:
-   they point at the SAME source name in both modes and auto-track once the
-   `--neutral-*` ladder + `--foreground` resolve via `light-dark()`. Their
-   redundant `.dark` re-declarations DELETE below.
-
-   FALLBACK (§2c): this whole block is `@supports`-gated, so an engine
-   WITHOUT `light-dark()` skips it and the retained `.dark` class block (the
-   SOLE fallback floor) drives dark exactly as at HEAD. `light-dark()` is the
-   enhancement OVER the class — not a parallel alias. Baseline Newly
-   Available; the fallback floor is the pre-existing class block (net-zero
-   new fallback LOC).
-   ═══════════════════════════════════════════════ */
-@supports (color: light-dark(white, black)) {
-    :root {
-        /* Neutral ladder — the source the var()-aliases track. BA.W-DARK-MATERIAL scope 1:
-           the dark --neutral-0 page floor DEEPENS L6→L4 (LOCKSTEP dark-arm.css:32) so the
-           lifted L16 --card sits ~5× its relL — a real dark elevation step.
-           BA.W-NO-GRAY — THE WARM-CHROMA FLOOR, BOTH ARMS in lockstep. The LIGHT arm warms
-           off the achromatic hsl-48 yellow-green onto the warm identity (hsl 28-40, OKLab
-           H 62-85°, C off the gray floor; LOCKSTEP color-radius.css). The DARK arm warms in
-           lockstep on the W-DARK-MATERIAL base (hsl 28-36, the dark neutrals carry chroma on
-           the NEW dark page/card — secondary→border C 0.0138-0.0286, muted-fg C 0.0255). The
-           dark page --neutral-0 hsl(24 9% 4%) is W-DARK-MATERIAL's (KEEP — its luminance floor).
-           Chroma-only at constant L — every L within ±0.01 of HEAD, the AA contract preserved. */
-        --neutral-0: light-dark(hsl(40 30% 98%), hsl(24 9% 4%));
-        --neutral-1: light-dark(hsl(38 26% 95%), hsl(28 12% 11%));
-        --neutral-2: light-dark(hsl(34 28% 90%), hsl(28 14% 16%));
-        --neutral-3: light-dark(hsl(33 30% 82%), hsl(30 18% 22%));
-        --neutral-4: light-dark(hsl(32 26% 70%), hsl(30 16% 34%));
-        --neutral-5: light-dark(hsl(30 22% 40%), hsl(34 14% 62%));
-        --neutral-6: light-dark(hsl(28 24% 30%), hsl(36 14% 72%));
-
-        /* Core surfaces + ink. BB.W-DARK-INK-WARM — the DARK arg warmed off the H95.1°
-           yellow-green hsl(48 10% 90%) onto the no-gray identity hsl(30 14% 90%) (OKLab
-           H75.4°, L held) in LOCKSTEP with the .dark fallback floor (dark-arm.css:60). The
-           LIGHT arg hsl(24 10% 10%) is already the warm-amber identity (H56°) — untouched. */
-        --foreground:                 light-dark(hsl(24 10% 10%), hsl(30 14% 90%));
-        /* BA.W-DARK-MATERIAL scope 1 — the dark --card plate LIFTS L10→L16 (LOCKSTEP
-           dark-arm.css:51); the public-data panel re-anchors L12→L18 to stay above it.
-           BA.W-NO-GRAY L1 — the LIGHT arm DECOUPLES off the near-achromatic page onto the
-           warm-cream plate hsl(36 48% 97%) (LOCKSTEP color-radius.css --card) so the light
-           glass plate reads warm-not-gray; the dark arm is UNCHANGED (W-DARK-MATERIAL's). */
-        --card:                       light-dark(hsl(36 48% 97%), hsl(24 8% 16%));
-        --popover:                    light-dark(hsl(36 48% 97%), hsl(24 8% 16%));
-        --surface-public-data-panel:  light-dark(hsl(44 16% 96%), hsl(36 9% 18%));
-
-        /* BA.W-DARK-MATERIAL scope 4 — the chromatic dark --primary (legendre-violet house
-           hue, oklab chroma 0.134; off the HEAD achromatic cream). LOCKSTEP dark-arm.css:59. */
-        --primary:                 light-dark(hsl(24 10% 10%), oklch(0.739 0.134 318.1));
-        --primary-foreground:      light-dark(var(--neutral-0), hsl(24 10% 10%));
-        /* AX.W44 — dark-arm lift. The stock shadcn dark `hsl(0 62.8% 30.6%)`
-           (L≈30.6) was a saturated-PLATE value used AS INK over `--card` by the
-           Alert destructive variant — 1.75:1 over card (illegible) / 1.91:1 vs the
-           page. Lifted to `hsl(0 80% 60%)`: 4.60:1 as text over `--card` (clears the
-           4.5 body floor) AND 5.03:1 as a plate vs the dark page (clears the 3.0
-           graphic floor). The light arm is UNCHANGED (already 4.70:1). Lockstep with
-           the `.dark` fallback floor below (§2c). */
-        --destructive:             light-dark(hsl(0 72% 50%), hsl(0 80% 60%));
-        --destructive-foreground:  light-dark(var(--neutral-0), hsl(48 10% 90%));
-        --ring:                    light-dark(hsl(24 10% 10%), hsl(48 10% 70%));
-        --shadow:                  light-dark(hsl(24 10% 10%), hsl(0 0% 5%));
-
-        /* §4 native-control accent — the per-mode arms (dark reads the
-           mid-tone ring for checkmark-glyph contrast headroom, NOT the
-           near-white dark primary). Joins the light-dark() collapse; still
-           re-specified as `accent-color` inside `.dark` per §2b. */
-        --accent-color:            light-dark(var(--primary), var(--ring));
-
-        /* Section palette — jewel tones brightened L for dark (oklch pairs;
-           AV.W16 TW2 — hue preserved, L evened) */
-        --section-color-0:   light-dark(oklch(0.552 0.192 359.8), oklch(0.721 0.145 354.0));
-        --section-color-1:   light-dark(oklch(0.502 0.165 305.9), oklch(0.733 0.113 308.2));
-        --section-color-2:   light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4));
-        --section-color-3:   light-dark(oklch(0.542 0.089 222.8), oklch(0.767 0.091 219.9));
-        --section-color-4:   light-dark(oklch(0.551 0.088 171.1), oklch(0.776 0.105 172.6));
-        --section-color-5:   light-dark(oklch(0.530 0.124 69.6),  oklch(0.813 0.109 78.2));
-        --section-color-6:   light-dark(oklch(0.579 0.201 30.4),  oklch(0.693 0.151 28.1));
-        --section-color-7:   light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1));
-        --section-color-8:   light-dark(oklch(0.520 0.176 8.4),   oklch(0.709 0.142 2.3));
-        --section-color-9:   light-dark(oklch(0.492 0.038 239.6), oklch(0.763 0.032 239.0));
-        --section-color-10:  light-dark(oklch(0.556 0.103 128.8), oklch(0.794 0.116 127.9));
-        --section-color-11:  light-dark(oklch(0.601 0.092 208.0), oklch(0.805 0.095 206.7));
-        --section-color-12:  light-dark(oklch(0.513 0.163 291.9), oklch(0.719 0.115 295.6));
-
-        --accent-pink:     light-dark(oklch(0.613 0.197 353.8), oklch(0.683 0.131 354.7));
-        --section-heading: light-dark(oklch(0.545 0.189 352.8), oklch(0.711 0.123 349.3));
-        --accent-red:      light-dark(oklch(0.574 0.216 27.5),  oklch(0.644 0.165 22.9));
-
-        /* Viz basis (amber/green stay var()-aliases → auto-track) */
-        --viz-fourier:   light-dark(oklch(0.579 0.201 30.4),  oklch(0.693 0.151 28.1));
-        --viz-chebyshev: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4));
-        --viz-legendre:  light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1));
-
-        /* WCAG companion chart labels */
-        --chart-ping-label:     light-dark(oklch(0.40 0.18 230), oklch(0.85 0.12 230));
-        --chart-download-label: light-dark(oklch(0.40 0.20 22),  oklch(0.85 0.14 22));
-        --chart-upload-label:   light-dark(oklch(0.40 0.16 55),  oklch(0.85 0.12 55));
-        --chart-jitter-label:   light-dark(oklch(0.40 0.20 305), oklch(0.85 0.14 305));
-
-        /* Semantic UI accents */
-        --tier-featured: light-dark(oklch(0.841 0.173 84.2),  oklch(0.867 0.165 88.7));
-        --tier-saved:    light-dark(oklch(0.676 0.176 252.3), oklch(0.748 0.135 250.1));
-        --like:          light-dark(oklch(0.633 0.200 24.9),  oklch(0.690 0.162 22.2));
-        --success:       light-dark(oklch(0.720 0.192 149.5), oklch(0.805 0.186 151.6));
-        --warning:       light-dark(oklch(0.770 0.165 70.6),  oklch(0.809 0.150 76.6));
-        --info:          light-dark(oklch(0.626 0.186 259.6), oklch(0.713 0.138 259.5));
-        --delete:        light-dark(oklch(0.597 0.198 25.5),  oklch(0.644 0.170 23.1));
-
-        /* Semantic foregrounds (warning-foreground is identical both modes
-           → stays a single light-mode declaration, no light-dark() needed) */
-        --success-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%));
-        --info-foreground:    light-dark(var(--neutral-0), hsl(48 10% 96%));
-
-        /* Cartoon-shadow color primitives (§2d — plain colors, convert) */
-        --shadow-cartoon-color:      light-dark(rgb(0 0 0 / 0.12), rgb(255 255 255 / 0.07));
-        --shadow-cartoon-color-soft: light-dark(rgb(0 0 0 / 0.06), rgb(255 255 255 / 0.03));
-
-        /* Gold family */
-        --gold:       light-dark(oklch(0.751 0.147 84.2), oklch(0.784 0.143 86.0));
-        --gold-light: light-dark(oklch(0.890 0.183 96.1), oklch(0.898 0.182 97.4));
-        --gold-dark:  light-dark(oklch(0.599 0.132 64.2), oklch(0.678 0.150 63.8));
-
-        /* Silver family (BA.W-ATLAS-RECONCILE C-3) — the `light-dark()` arm
-           mirroring gold's exact shape: light value, dark-lifted value. The cool
-           near-achromatic structure metal (the W-NO-GRAY named exception).
-           `--silver-deep` is mode-invariant — not a `light-dark()` pair, exactly as
-           `--gold-deep` is omitted from this block. */
-        --silver:       light-dark(oklch(0.760 0.012 255), oklch(0.792 0.012 255));
-        --silver-light: light-dark(oklch(0.902 0.010 255), oklch(0.912 0.010 255));
-        --silver-dark:  light-dark(oklch(0.582 0.014 255), oklch(0.648 0.014 255));
-
-        /* Bronze family (BB.W-METAL-SHIMMER) — the `light-dark()` arm mirroring
-           gold's exact shape: light value, dark-lifted value (~+0.03 L so the warm
-           metal reads on the deep canvas). The third brand metal (warm-brown ~54°,
-           chroma above the W-NO-GRAY floor). `--bronze-deep` is mode-invariant —
-           not a `light-dark()` pair, exactly as `--gold-deep`/`--silver-deep` are
-           omitted from this block. */
-        --bronze:       light-dark(oklch(0.620 0.092 54.0), oklch(0.650 0.090 54.0));
-        --bronze-light: light-dark(oklch(0.760 0.112 60.0), oklch(0.790 0.110 60.0));
-        --bronze-dark:  light-dark(oklch(0.500 0.082 50.0), oklch(0.560 0.085 50.0));
-    }
-}
+@media (pointer: coarse) { :root { --ui-scale: var(--ui-coarse-scale, 1.5); --control-floor: var(--touch-target, 2.75rem); } } @media (min-resolution: 2dppx) { :root { --glass-blur-overlay-radius: 20px; } } @supports (color: light-dark(white, black)) { :root { --neutral-0: light-dark(hsl(40 30% 98%), hsl(24 9% 4%)); --neutral-1: light-dark(hsl(38 26% 95%), hsl(28 12% 11%)); --neutral-2: light-dark(hsl(34 28% 90%), hsl(28 14% 16%)); --neutral-3: light-dark(hsl(33 30% 82%), hsl(30 18% 22%)); --neutral-4: light-dark(hsl(32 26% 70%), hsl(30 16% 34%)); --neutral-5: light-dark(hsl(30 22% 40%), hsl(34 14% 62%)); --neutral-6: light-dark(hsl(28 24% 30%), hsl(36 14% 72%)); --foreground: light-dark(hsl(24 10% 10%), hsl(30 14% 90%)); --card: light-dark(hsl(30 85% 96%), hsl(26 22% 17%)); --popover: light-dark(hsl(30 85% 96%), hsl(26 22% 17%)); --surface-public-data-panel: light-dark(hsl(44 16% 96%), hsl(36 9% 18%)); --primary: light-dark(hsl(24 10% 10%), oklch(0.739 0.134 318.1)); --primary-foreground: light-dark(var(--neutral-0), hsl(24 10% 10%)); --destructive: light-dark(hsl(0 72% 50%), hsl(0 80% 60%)); --destructive-foreground: light-dark(var(--neutral-0), hsl(48 10% 90%)); --focus-ring-color: light-dark(hsl(24 10% 10%), hsl(48 10% 70%)); --shadow: light-dark(hsl(24 10% 10%), hsl(0 0% 5%)); --accent-color: light-dark(var(--primary), var(--focus-ring-color)); --section-color-0: light-dark(oklch(0.552 0.192 359.8), oklch(0.721 0.145 354.0)); --section-color-1: light-dark(oklch(0.502 0.165 305.9), oklch(0.733 0.113 308.2)); --section-color-2: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4)); --section-color-3: light-dark(oklch(0.542 0.089 222.8), oklch(0.767 0.091 219.9)); --section-color-4: light-dark(oklch(0.551 0.088 171.1), oklch(0.776 0.105 172.6)); --section-color-5: light-dark(oklch(0.530 0.124 69.6), oklch(0.813 0.109 78.2)); --section-color-6: light-dark(oklch(0.579 0.201 30.4), oklch(0.693 0.151 28.1)); --section-color-7: light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1)); --section-color-8: light-dark(oklch(0.520 0.176 8.4), oklch(0.709 0.142 2.3)); --section-color-9: light-dark(oklch(0.492 0.038 239.6), oklch(0.763 0.032 239.0)); --section-color-10: light-dark(oklch(0.556 0.103 128.8), oklch(0.794 0.116 127.9)); --section-color-11: light-dark(oklch(0.601 0.092 208.0), oklch(0.805 0.095 206.7)); --section-color-12: light-dark(oklch(0.513 0.163 291.9), oklch(0.719 0.115 295.6)); --accent-pink: light-dark(oklch(0.613 0.197 353.8), oklch(0.683 0.131 354.7)); --section-heading: light-dark(oklch(0.545 0.189 352.8), oklch(0.711 0.123 349.3)); --accent-red: light-dark(oklch(0.574 0.216 27.5), oklch(0.644 0.165 22.9)); --viz-fourier: light-dark(oklch(0.579 0.201 30.4), oklch(0.693 0.151 28.1)); --viz-chebyshev: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4)); --viz-legendre: light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1)); --chart-ping-label: light-dark(oklch(0.40 0.18 230), oklch(0.85 0.12 230)); --chart-download-label: light-dark(oklch(0.40 0.20 22), oklch(0.85 0.14 22)); --chart-upload-label: light-dark(oklch(0.40 0.16 55), oklch(0.85 0.12 55)); --chart-jitter-label: light-dark(oklch(0.40 0.20 305), oklch(0.85 0.14 305)); --tier-featured: light-dark(oklch(0.841 0.173 84.2), oklch(0.867 0.165 88.7)); --tier-saved: light-dark(oklch(0.676 0.176 252.3), oklch(0.748 0.135 250.1)); --like: light-dark(oklch(0.633 0.200 24.9), oklch(0.690 0.162 22.2)); --success: light-dark(oklch(0.720 0.192 149.5), oklch(0.805 0.186 151.6)); --warning: light-dark(oklch(0.770 0.165 70.6), oklch(0.809 0.150 76.6)); --info: light-dark(oklch(0.626 0.186 259.6), oklch(0.713 0.138 259.5)); --delete: light-dark(oklch(0.597 0.198 25.5), oklch(0.644 0.170 23.1)); --success-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%)); --info-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%)); --shadow-cartoon-color: light-dark(rgb(0 0 0 / 0.12), rgb(255 255 255 / 0.07)); --shadow-cartoon-color-soft: light-dark(rgb(0 0 0 / 0.06), rgb(255 255 255 / 0.03)); --gold: light-dark(oklch(0.751 0.147 84.2), oklch(0.784 0.143 86.0)); --gold-light: light-dark(oklch(0.890 0.183 96.1), oklch(0.898 0.182 97.4)); --gold-dark: light-dark(oklch(0.599 0.132 64.2), oklch(0.678 0.150 63.8)); --silver: light-dark(oklch(0.760 0.012 255), oklch(0.792 0.012 255)); --silver-light: light-dark(oklch(0.902 0.010 255), oklch(0.912 0.010 255)); --silver-dark: light-dark(oklch(0.582 0.014 255), oklch(0.648 0.014 255)); --bronze: light-dark(oklch(0.620 0.092 54.0), oklch(0.650 0.090 54.0)); --bronze-light: light-dark(oklch(0.760 0.112 60.0), oklch(0.790 0.110 60.0)); --bronze-dark: light-dark(oklch(0.500 0.082 50.0), oklch(0.560 0.085 50.0)); } }

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

@@ -0,0 +1 @@
+:root { --enter-overlay-spring: var(--spring-snappy); --enter-overlay-clock: var(--spring-snappy-duration); --enter-overlay-scale: 0.88; --enter-overlay-blur: 6px; --enter-overlay-slide: 0.5rem; --enter-menu-spring: var(--spring-smooth); --enter-menu-clock: var(--spring-smooth-duration); --enter-menu-scale: 0.96; --enter-menu-blur: 2px; --enter-menu-slide: 0.5rem; --enter-tooltip-spring: var(--ease-out-expo); --enter-tooltip-clock: var(--duration-fast); --enter-tooltip-scale: 0.97; --enter-tooltip-blur: 0px; --enter-tooltip-slide: 0px; --enter-transient-spring: var(--spring-transient); --enter-transient-clock: var(--spring-transient-duration); --enter-transient-scale: 0.5; --enter-transient-blur: 8px; --enter-transient-slide: 0px; --exit-overlay-duration: 0.15s; --exit-transient-duration: 0.1s; --exit-curve: var(--ease-out); }