@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/valueDomain-B8L04u3U.js

@@ -0,0 +1,13 @@
+//#region src/components/_shared/valueDomain.ts
+var e = (e, t) => Number.isFinite(e) && Number.isFinite(t) && t > e;
+function t(t, n, r) {
+	return e(n, r) ? (Math.min(r, Math.max(n, typeof t == "number" && Number.isFinite(t) ? t : n)) - n) / (r - n) : 0;
+}
+function n(t, n, r) {
+	return !t?.length || !e(n, r) ? [] : [...new Set(t.filter((e) => Number.isFinite(e) && e > n && e < r))].sort((e, t) => e - t).map((e) => ({
+		value: e,
+		position: (e - n) / (r - n)
+	}));
+}
+//#endregion
+export { n, t };

package/dist/watercolor-dot.js

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t } from "./useRAFLoop-CvOo_kgb.js";
-import { n, t as r } from "./prng-B0PLRmR6.js";
+import { t } from "./useRAFLoop-BtwQ9DyY.js";
+import { n, t as r } from "./prng-Dz2_9RJu.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderSlot as m, resolveDynamicComponent as h, toRef as g, useId as _, watch as v, withCtx as y } from "vue";
 //#region src/components/watercolor-dot/prng.ts
 function b(e, t, n) {
@@ -116,6 +116,7 @@ var T = {
 		let D = i(() => t.animate ? S.borderRadius.value : x.value ? S.hoverBorderRadius.value : S.borderRadius.value), O = i(() => t.animate ? S.transform.value : "none");
 		return (t, r) => (f(), a(h(e.tag), {
 			class: u(["watercolor-swatch", e.animate && "watercolor-animated"]),
+			type: e.tag === "button" ? "button" : void 0,
 			"data-testid": "watercolor-swatch",
 			"data-variant": e.variant,
 			style: d({
@@ -164,10 +165,11 @@ var T = {
 			_: 3
 		}, 40, [
 			"class",
+			"type",
 			"data-variant",
 			"style"
 		]));
 	}
-}), [["__scopeId", "data-v-a8dd9e80"]]);
+}), [["__scopeId", "data-v-2abd7f65"]]);
 //#endregion
 export { D as WatercolorDot, r as hashString, n as mulberry32, x as radiiToCSS, b as randomRadii, w as useWatercolorBlob };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "5.0.0",
+    "version": "6.0.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
@@ -232,9 +232,6 @@
             "spa-view": [
                 "dist/spa-view.d.ts"
             ],
-            "stacked-icons": [
-                "dist/stacked-icons.d.ts"
-            ],
             "status-dot": [
                 "dist/status-dot.d.ts"
             ],
@@ -549,10 +546,6 @@
             "types": "./dist/spa-view.d.ts",
             "import": "./dist/spa-view.js"
         },
-        "./stacked-icons": {
-            "types": "./dist/stacked-icons.d.ts",
-            "import": "./dist/stacked-icons.js"
-        },
         "./status-dot": {
             "types": "./dist/status-dot.d.ts",
             "import": "./dist/status-dot.js"
@@ -598,7 +591,7 @@
         "iter-test": "vitest run --reporter=verbose",
         "iter-test-watch": "vitest --watch",
         "prepare": "node scripts/install-hooks.mjs && (test -f dist/glass-ui.js -a -f dist/index.d.ts || npm run build)",
-        "prepublishOnly": "npm run build && npm test && node scripts/verify.mjs --state auto --profile release --require-terminal",
+        "prepublishOnly": "npm run typecheck && npm run build && npm test",
         "profile:aurora": "node scripts/profile-aurora.mjs",
         "profile:bundle": "node scripts/profile-bundle.mjs",
         "release": "bash scripts/release.sh",
@@ -612,7 +605,7 @@
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
         "@mkbabb/keyframes.js": "^5.2.0",
-        "@mkbabb/pencil-boil": "^0.4.1",
+        "@mkbabb/pencil-boil": "^0.9.2",
         "@mkbabb/value.js": "^3.1.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
@@ -650,8 +643,8 @@
     "devDependencies": {
         "@lucide/vue": "^1.20.0",
         "highlight.js": "^11.11.1",
-        "@mkbabb/keyframes.js": "^5.2.0",
-        "@mkbabb/pencil-boil": "^0.4.1",
+        "@mkbabb/keyframes.js": "5.3.4",
+        "@mkbabb/pencil-boil": "0.9.2",
         "@mkbabb/value.js": "^3.1.0",
         "@tailwindcss/postcss": "^4.3.1",
         "@tailwindcss/vite": "^4.3.1",

package/src/styles/accessibility.css

@@ -0,0 +1,48 @@
+/* Terminal accessibility cascade: adaptations replace the completed product
+   paint instead of competing with later component rules. */
+@import "./glass/a11y-fallback.css";
+@import "./utilities/a11y-overrides.css";
+
+/* Selection and validation keep a non-hue boundary when contrast is requested.
+   The system-color arm yields fully to the user's forced palette. */
+@media (prefers-contrast: more) {
+    :is(
+        [aria-current]:not([aria-current="false"]),
+        [aria-selected="true"],
+        [aria-pressed="true"],
+        [aria-checked="true"],
+        [data-state="checked"],
+        [data-state="on"]
+    ) {
+        border-color: currentColor !important;
+        border-style: solid !important;
+        border-width: 2px !important;
+    }
+
+    :is([aria-invalid="true"], :user-invalid) {
+        border-color: var(--destructive) !important;
+        border-style: solid !important;
+        border-width: 2px !important;
+    }
+}
+
+@media (forced-colors: active) {
+    :is(
+        [aria-current]:not([aria-current="false"]),
+        [aria-selected="true"],
+        [aria-pressed="true"],
+        [aria-checked="true"],
+        [data-state="checked"],
+        [data-state="on"]
+    ) {
+        border-color: Highlight !important;
+        border-style: solid !important;
+        border-width: 2px !important;
+    }
+
+    :is([aria-invalid="true"], :user-invalid) {
+        border-color: Mark !important;
+        border-style: solid !important;
+        border-width: 2px !important;
+    }
+}

package/src/styles/glass/glass-capsule.css

@@ -129,14 +129,14 @@
            scale of its own — the translate/squish are the morph primitive's writes) */
         scale: 1.015;
     }
-    .glass-capsule-hover:active {
+    .glass-capsule-hover:not([data-press-armed]):active {
         /* the --scale-press snap */
         scale: var(--scale-press-sm, 0.97);
     }
     @media (prefers-reduced-motion: reduce) {
         /* the lift is motion; the specular catch (a static legibility cue) stays. */
         .glass-capsule-hover:hover,
-        .glass-capsule-hover:active {
+        .glass-capsule-hover:not([data-press-armed]):active {
             scale: 1;
         }
     }

package/src/styles/glass/ladder.css

@@ -368,7 +368,7 @@
        (the census measured the raw page-muted at WCAG 3.3-4.27 dark, BELOW AA): the feedback
        TONE-TINTED plates (`.feedback-tone` — Alert / Notification / Toast, the AlertDescription
        caption + mono labels), the selected-glass capsule CHIPS + overflow PUCKS (`.glass-capsule`
-       — selectable-chip / toggle-chip / stacked-icons / tags-input, idle `text-muted-foreground`
+       — selectable-chip / toggle-chip / tags-input, idle `text-muted-foreground`
        ink), and the `.metric-badge` mono label. These plates composite BRIGHTER than the calm
        quiet plate (the quiet content plate lands L≈0.28; a tone-tinted / selected chip plate
        lands L≈0.30-0.35), so a subordinate light ink loses contrast on them — they need the

package/src/styles/glass/material-roles.css

@@ -0,0 +1,18 @@
+/* The public material hierarchy. Content and elevated content own their paint here;
+   functional glass and transient overlays keep their component-specific anatomy. */
+@layer components {
+    [data-material="content-field"] {
+        background: var(--background);
+        color: var(--foreground);
+    }
+
+    /* A content card is elevation, not another glass pane. Keep nested controls free
+       to remain functional glass by changing only the card root's paint. */
+    [data-material="elevated-content"][data-surface="glass"] {
+        background: var(--card);
+        border-color: var(--border-soft);
+        box-shadow: var(--card-shadow);
+        backdrop-filter: none;
+        -webkit-backdrop-filter: none;
+    }
+}

package/src/styles/glass/material.css

@@ -395,21 +395,27 @@
         --specular-intensity: var(--glass-specular-intensity-active, 0.16);
     }
 
-    /* AX.W45-TUNE C5 — the SELECTED dock control reads as the keyframes-dock glass
-       register: a glass-tier active fill (`--dock-control-active-bg` → the floating
-       plate, tokens.css) WITH the specular gleam waking over it, not a flat ink
-       stamp. The CSS `:active` pseudo above only fires on press-down; a SELECTED tile
-       (`.is-active` / `[aria-pressed]` / `[aria-expanded]` / `[aria-current]`) holds
-       the gleam lit so the selected element reads as a lit glass tier the substrate
-       shows through (the model the user named, `pass-3:13`). Family-scoped addition
-       on the dock-control `::before`, line-disjoint from the shared recipe above. */
-    .dock-icon-button:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before,
-    .dock-tab-button:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before,
-    .dock-select-trigger:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before,
-    .dock-dropdown-trigger:is(.is-active, .active, [aria-pressed="true"], [aria-expanded="true"], [aria-current="page"])::before {
+    /* Selected and dragged controls hold the same interaction lens used during
+       press. Semantics choose the state attribute; the material owns its paint. */
+    :is(.glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating,
+        .glass-overlay, .glass-specular-track, .dock-icon-button, .dock-tab-button,
+        .dock-select-trigger, .dock-dropdown-trigger):is(.is-active, .active, [data-active],
+        [data-dragging], [data-state="checked"], [data-state="on"], [aria-pressed="true"],
+        [aria-selected="true"], [aria-expanded="true"], [aria-current="page"])::before {
         --specular-intensity: var(--glass-specular-intensity-active, 0.16);
     }
 
+    /* Disabled glass keeps its neutral separating hairline but cannot wake the
+       interaction lens through hover, press, or retained state. Content ink is
+       untouched; each control continues to own its disabled legibility. */
+    :is(.glass-material, .glass-wash, .glass-quiet, .glass-resting, .glass-floating,
+        .glass-overlay, .glass-specular-track, .dock-icon-button, .dock-tab-button,
+        .dock-select-trigger, .dock-dropdown-trigger):is(:disabled, [data-disabled],
+        [aria-disabled="true"])::before {
+        --specular-intensity: var(--glass-specular-intensity-rest, 0);
+        transition: none;
+    }
+
     /* BB.W-LENSING (scope 2) — the `:active` LENS-SWELL is RETIRED (DDR-LENS-BAKE,
        glass-refract.css header). The swell drove the displacement `scale` by mutating
        the `--glass-refract` axis on the `--glass-btn-press-t` press drive (28 rest → 44

package/src/styles/glass.css

@@ -35,15 +35,15 @@
  * under the 500-line no-god-module bound), @import-ed below in CASCADE ORDER.
  * The base ladder splits into three adjacent `@layer components` blocks
  * (material · ladder · surfaces) — same layer, same source order, so the carve
- * is isomorphic. The squircle `@supports` arm and the a11y `@media`/`@supports`
- * overrides MUST stay AFTER the base ladder (they override it). See
+ * is isomorphic. The squircle `@supports` arm stays after the base ladder;
+ * accessibility modes load once at the end of styles/index.css. See
  * docs/precepts/design-idioms.md §cohesion-aware partials.
  */
 
 /* CSS @import rules must precede every other rule. The seven partials @import in
    cascade order (surface-axis.css AFTER ladder/surfaces so its [data-surface]
    decoration attr rules win over the base rung by source order; BEFORE the
-   squircle + a11y @supports overrides, which must stay last): */
+   squircle override): */
 @import "./glass/material.css";
 @import "./glass/ladder.css";
 /* BI.W-STYLE-REDRAIN — the .glass-opaque level-0 escape + the content-aware under-shadow
@@ -91,6 +91,7 @@
    slider/progress recipes. */
 @import "./glass/liquid-fill.css";
 @import "./glass/surface-axis.css";
+@import "./glass/material-roles.css";
 @import "./glass/reveal.css";
 /* BD.W-LIQUID-ENTRANCE-GENERAL — the UNIVERSAL `.liquid-enter` mount recipe
    (the four coupled channels as @keyframes-on-mount + the `.is-cel` cel-slam + the
@@ -103,8 +104,7 @@
    decoration ON a base rung (the .glass-opaque/.glass-deep precedent), @import-ed
    IMMEDIATELY AFTER deep.css (same @layer components, source-order-after so its cohort
    fills win over control-surfaces.css/surfaces.css at equal specificity) and BEFORE the
-   squircle/a11y overrides (which still win by :root level). */
+   squircle override. */
 @import "./glass/defined.css";
 @import "./glass/progress-rail.css";
 @import "./glass/squircle.css";
-@import "./glass/a11y-fallback.css";

package/src/styles/index.css

@@ -62,7 +62,7 @@
  *                              from (1) so MUST come after them; defines the
  *                              `dark` variant selector consumed by the cascade.
  *   4. glass.css             — thin @import root over glass/{material,ladder,
- *                              surfaces,progress-rail,squircle,a11y-fallback}.css.
+ *                              surfaces,progress-rail,squircle}.css.
  *                              .glass-{wash,quiet,resting,floating,overlay}
  *                              5-rung ladder + .glass-card / -pill / -btn.
  *                              Consumes tokens (1) + theme aliases (3).
@@ -75,7 +75,7 @@
  *                              over the glass tiers.
  *   5. paper.css             — paper underpaint + grain overlay utilities.
  *                              Pairs with (4) for paper-on-glass compositions.
- *   6. dock.css              — the dock CORE: the `@property --dock-morph-t`
+ *   6. components/dock/styles/index.css — the dock CORE: the `@property --dock-morph-t`
  *                              registration, the shared cross-control four-state
  *                              comma-groups, and the `@import`s of the cohesive
  *                              `dock/*.css` partials (shell · morph · density ·
@@ -84,7 +84,7 @@
  *                              each < 500 lines, all in the SAME @layer components
  *                              so the cascade is isomorphic). Component utility
  *                              layer; consumes (1) + (3).
- *  6b. dock-controls.css     — the five dock CONTROL families carved out of
+ *  6b. components/dock/styles/controls.css — the dock CONTROL families
  *                              dock.css (AU.W8b.3): .dock-icon-button,
  *                              .dark-mode-toggle-button, .dock-tab-button + tiers,
  *                              .dock-select-trigger / .dock-dropdown-trigger, and
@@ -92,9 +92,9 @@
  *                              components; MUST load directly after dock.css so
  *                              the shared :where()/comma-group contract in (6)
  *                              cascades into these control rules.
- *   7. cards.css             — .cartoon-surface, .paper-texture.
+ *   7. components/card/styles.css — card and shared card-surface recipes.
  *                              Component utility layer.
- *  7a. feedback-tone.css     — the ONE shared tinted-glass tone register
+ *  7a. components/_shared/feedback-tone.css — the shared tinted-glass tone register
  *                              (BA.W-FEEDBACK-TONE): `.feedback-tone` +
  *                              `.feedback-tone-{success,warning,info,destructive}`
  *                              tint a glass rung a bounded % toward a house tone
@@ -135,29 +135,29 @@
  *                              recipe + `--vt-*` axes (AQ.W5; the
  *                              `useViewTransition` substrate's CSS half).
  *  11. utilities.css         — thin @import root over utilities/{animate,base,
- *                              components,btn,a11y-overrides}.css. focus-ring,
+ *                              components,btn}.css. focus-ring,
  *                              btn-audacious + btn-interactive (press cluster;
  *                              K W6 + Q.W3 Lane E), rainbow-vivid +
  *                              rainbow-pastel. Consumes earlier animations +
  *                              tokens.
- *  11a. menu.css             — BA.W-MENU-GLASS the glass MENU-ROW + MENU-SECTION
+ *  11a. components/_shared/menu.css — the glass MENU-ROW + MENU-SECTION
  *                              register. AFTER utilities.css so `.glass-menu-row`'s
  *                              `@layer components` hover/highlight rules source-
  *                              order-win over `.interactive-item:hover` (same layer
  *                              + specificity) — the cascade-trap-safe placement.
- *  12. instrument-chassis.css — P-tranche component CSS (chassis bezel +
+ *  12. components/instrument-chassis/styles.css — chassis bezel +
  *                              groove dividers). Loaded after utilities so
  *                              component-local recipes can override.
- *  13. drawer.css            — AN.W3 detented bottom-sheet grammar (glass
+ *  13. components/drawer/styles.css — detented bottom-sheet grammar (glass
  *                             sheet surface + peek handle + snap-stop rules).
- *  15. segmented-tabs.css    — AX.W53 SegmentedTabs overflow/indicator grammar.
- *  16. select.css            — BA.W-EMISSION the PRECOMPILED Select content
+ *  15. components/tabs/styles/* — SegmentedTabs overflow/indicator grammar.
+ *  16. components/_shared/field-surfaces.css — precompiled field/list surfaces
  *                             collision-bound (the `[data-slot="select-content"]`
  *                             max-height rule) — moved off the dead arbitrary-
  *                             bracket CVA class so the bound SHIPS in dist/glass-ui.css
  *                             regardless of consumer JIT reach. A structural utility
  *                             never depends on a content-scan; locked by proof:emission.
- *  17. dialog-placement.css  — BI.W-DIALOG-PLACEMENT the PRECOMPILED Dialog
+ *  17. components/dialog/placement.css — precompiled Dialog
  *                             side-slide positioning (the `[data-slot="dialog-content"]
  *                             [data-placement]` position/inset/size rules — the Sheet
  *                             fold) — the overlay-band emission INVERSE: moved off the
@@ -165,9 +165,12 @@
  *                             drawer so the positioning SHIPS regardless of consumer JIT
  *                             reach; locked by proof:emission.
  *
+ *  18. accessibility.css     — terminal reduced-transparency/contrast/motion,
+ *                              forced-colors, and coarse-input adaptations.
+ *
  * Per-package component CSS lives at (12)-(17) (loaded after utilities so
- * component-local recipes can override). New per-package CSS files append
- * to that tail.
+ * component-local recipes can override). Accessibility then replaces the
+ * completed paint as one terminal product mode.
  */
 @import "./tokens.css";
 @import "./typography.css";
@@ -176,10 +179,10 @@
 @import "./glass-specular-track.css";
 @import "./glass-refract.css";
 @import "./paper.css";
-@import "./dock.css";
-@import "./dock-controls.css";
-@import "./cards.css";
-@import "./feedback-tone.css";
+@import "../components/dock/styles/index.css";
+@import "../components/dock/styles/controls.css";
+@import "../components/card/styles.css";
+@import "../components/_shared/feedback-tone.css";
 @import "./transitions.css";
 @import "./animations.css";
 @import "./viz-reveal.css";
@@ -189,7 +192,7 @@
    choreography (lifted out of the CardHeader.vue <style scoped> block into ONE
    global, un-hashed home; the shared @keyframes title-collapse SCALE leg). A
    scroll-choreography partial — bucketed DEFERRED in critical-partition.mjs. */
-@import "./card-scroll.css";
+@import "../components/card/card-scroll.css";
 @import "./scroll-chrome.css";
 @import "./view-transition.css";
 @import "./utilities.css";
@@ -199,21 +202,21 @@
    over `.interactive-item:hover` (utilities/base.css, same layer + specificity) —
    the cascade-trap-safe placement, mirroring glass/surface-axis.css's "import
    AFTER ladder.css" discipline. */
-@import "./menu.css";
-@import "./configurator.css";
-@import "./instrument-chassis.css";
+@import "../components/_shared/menu.css";
+@import "../components/configurator/styles.css";
+@import "../components/instrument-chassis/styles.css";
 /* BI.W-OVERLAY-UNION — hover-popover.css DELETED: <HoverPopover> folded onto the
    sealed <Popover trigger="hover"> union; its content rides the shared
    glass-floating + glass-reveal recipe, so the bespoke .hover-popover-panel
    substrate is dead. (clean break, no alias.) */
-@import "./drawer.css";
-@import "./segmented-tabs.css";
+@import "../components/drawer/styles.css";
+@import "../components/tabs/styles/segmented.css";
 /* BI.W-STYLE-REDRAIN — the SegmentedTabs additive DECORATION tail (the .glass-drag-lift
    pull affordance + the data-eyeglass iOS-27 loupe register) carved out of
    segmented-tabs.css to hold the no-god-module 500-line bound; @import-ed IMMEDIATELY
    AFTER it (unlayered, unique selectors, source-order-after — byte-isomorphic). */
-@import "./tabs/segmented-tabs-drag.css";
-@import "./select.css";
+@import "../components/tabs/styles/drag.css";
+@import "../components/_shared/field-surfaces.css";
 /* BI.W-DIALOG-PLACEMENT — the overlay-band Dialog side-slide structural positioning,
    precompiled (the emission INVERSE, terminalized onto Dialog `placement` — the Sheet
    fold): a [data-slot="dialog-content"][data-placement] rule so the side sheet's
@@ -221,13 +224,13 @@
    content-scan reach (off the dead CVA geometry utilities that broke the D7 configurator
    drawer). :where()-wrapped so a consumer sizing utility still wins. Locked by
    proof:emission (overlay-band inverse clause). */
-@import "./dialog-placement.css";
+@import "../components/dialog/placement.css";
 /* BA.W-ICON-CHIP — the <IconChip> section-color pop recipe + the three axes
    (duotone/bloom/reveal). A component partial; the token arms (--section-color-N
    / --muted) auto-flip under .dark so the chip is mode-robust by construction. */
-@import "./icon-chip.css";
+@import "../components/icon-chip/styles.css";
 /* The thin, radius-following masked scroll-progress band. */
-@import "./scroll-progress-rim.css";
+@import "../components/scroll-progress-rim/styles.css";
 
 /* BC.W-AX-COMPLETION-SEAL — the hero-scale earned-GOLD completion seal: a one-shot
    gold-draw mark (a `stroke-dashoffset` wipe on the 4 `@property` motion tokens
@@ -235,7 +238,7 @@
    tokens/property-regs.css §18). The ink reads the W-PHASE-PALETTE earned-gold
    register; the glint composes the W-AX-METAL-GLOW catch-light. One-shot, PRM-gated,
    compositor-only — the feedback-surface partial. */
-@import "./completion-seal.css";
+@import "../components/completion-seal/styles.css";
 
 /* BI.W-DRAW-IN — the codified self-drawing arrival register (`.draw-rule` /
    `[data-draw-in]`). A hairline / divider / underline draws ITSELF in via
@@ -247,6 +250,11 @@
    PRM-static. */
 @import "./draw-in.css";
 
+/* Accessibility is a terminal product mode, not a mid-cascade patch. This one
+   import owns reduced transparency/contrast/motion, forced colors, and coarse
+   target adaptation after every material and component recipe. */
+@import "./accessibility.css";
+
 /* Ensure Tailwind scans glass-ui's compiled component templates for the utility
    classes they emit (CVA variant classes like text-destructive-foreground,
    layout utilities like h-full/shrink-0).

package/src/styles/theme/bridges.css

@@ -350,12 +350,6 @@
        (the documented public register the consumers reach by name; the JS path
        reads it via useSpringPress + --glass-btn-press-t). */
     --ease-spring-press: var(--spring-press);
-    /* BC.W-DECK — the deck slide-transition spring's @theme alias (the documented
-       public register a consumer's slide `transition-timing-function` reaches by
-       name: `ease-spring-deck`). --spring-deck aliases --spring-smooth; the headless
-       library mints the register, the deck consumer reads it (presets-in-consumers). */
-    --ease-spring-deck: var(--spring-deck);
-
     --ease-standard: var(--motion-ease-standard);
     --ease-out: var(--motion-ease-out);
     --ease-in: var(--motion-ease-in);

package/src/styles/tokens/glass-fx.css

@@ -408,7 +408,6 @@
     --glass-shadow-overlay:  var(--shadow-2xl),
         0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 8%, transparent),
         var(--glass-highlight);
-    --glass-shadow:    var(--glass-shadow-quiet);
 
     /* ─────────────────────────────────────────────────────────────
        AL-W1-α augmented — SPINE 8th tier (HOUSING register)
@@ -423,11 +422,8 @@
        The 4 tokens here cover the minimum viable substrate the SLIM
        Y4/Y6/Y7 retention set ratified. The 35 rejected axes (saturate
        band, edge-light per tier, depth-shadow per tier, tier-up macro)
-       stay rejected per the conservative-creation mandate. (BB.W-DEAD-SWEEP KEEP:
-       --glass-spine-opacity/-blur — no var() consumer, pinned by InstrumentChassis.spine-variant.test.ts; Batch-6 re-anchor.)
+       stay rejected per the conservative-creation mandate.
        ───────────────────────────────────────────────────────────── */
-    --glass-spine-opacity: 0;
-    --glass-spine-blur: 0px;
     --glass-spine-border: var(--surface-tint-8);
     --glass-spine-vignette: radial-gradient(
         ellipse at 50% 0%,

package/src/styles/tokens/glass.css

@@ -310,9 +310,8 @@
        P3 [6%,10%] band (below 6% reads flat, above 10% reads like a filled plate). The
        `.glass-well` class (glass/surface-axis.css) composes it AT the element (so a
        per-scope `--glass-well-tone` override re-resolves — the substitution-vs-
-       inheritance discipline); this `:root` token is the named rung for a direct read. */
+       inheritance discipline). */
     --glass-well-tone: 8%;
-    --glass-bg-well:     color-mix(in oklab, var(--card), var(--foreground) var(--glass-well-tone));
 
     /* ── BE.W-TINTED-CHIP — the per-INSTANCE PLATE-FILL tint axis (`--glass-fill-tint`
        / `--glass-fill-strength`) ──────────────────────────────────────────────────

package/src/styles/tokens/offsets.css

@@ -92,7 +92,6 @@
 
     --max-width-input: 24rem;
     --input-min-width-sm: 5rem;
-    --min-width-input-sm: var(--input-min-width-sm);
     /* AU.W8b.4 — canonical popover width (Combobox list + anchor). Lifts the
        `w-[200px]` arbitrary-value wrap to the `w-popover` @theme utility. */
     --popover-width: 200px;

package/src/styles/tokens/property-regs.css

@@ -416,21 +416,22 @@
 }
 
 /* BI.W-TEMPO (M11 / N6) — the GOVERNING motion TIME scalar (the one application
-   point). ONE registered inheriting number co-scales BOTH the CSS spring clocks
-   (the `--spring-<name>-duration` reader reads `calc(var(--spring-<name>-settle) *
-   var(--motion-tempo))`, scheme-spring.css) AND the JS spring RESPONSES (each spring
-   engine reads it via `motionTempo()` and scales `response *= tempo` at
-   construction). Because `duration ∝ response` (ωₙ = 2π/response), scaling the CSS
+   point). ONE registered inheriting number co-scales the CSS spring clocks (the
+   `--spring-<name>-duration` reader), the canonical `sheet-animate` panel/scrim
+   enter and exit clocks, and the JS spring RESPONSES (each spring engine reads it via
+   `motionTempo()` and scales `response *= tempo` at construction). Because
+   `duration ∝ response` (ωₙ = 2π/response), scaling the CSS
    clock by tempo ≡ scaling response by tempo — so the M1 CSS==JS parity holds at ANY
    tempo (G2). It serves the "options for longer" clause of UF-G1 (a global motion
    time knob a consumer sets on `:root`).
 
    Registered with the EXACT `--ui-scale`/`--motion-weight`/`--glass-level` typed
-   cascading-scalar idiom — `inherits: true` so a consumer sets it on any ancestor
-   and every descendant spring re-reads it (the loud iOS-27 surfaces re-pin
-   `--motion-tempo: 1` on their own scope, scheme-motion.css, so the utility UI
-   tightens/loosens while the deliberate BD.W-ANIM-IOS27-TUNE weight holds where it
-   landed). `initial-value: 1` is the IDENTITY (RATIFIED judgment (c) — the per-
+   cascading-scalar idiom. The global owner is `:root`: root-computed spring readers,
+   portaled element-local readers, and element-agnostic JS engines all observe that
+   value without a portal bridge. Element-local readers may additionally honor a
+   nearer inherited override; root-computed spring tokens intentionally do not
+   re-resolve through that substitution trap. `initial-value: 1` is the IDENTITY
+   (RATIFIED judgment (c) — the per-
    register tightening is M1 + REGISTER-TABLE's exit/enter-menu clocks, NOT a global
    scale): at 1.0 the reader resolves `settle * 1` byte-identical to the flat clock,
    so the axis is a no-op at rest. A malformed override CLAMPS to the initial 1 (the

package/src/styles/tokens/scale-paper.css

@@ -84,7 +84,6 @@
        `--ring`); this is the SOLE `--focus-ring-color` reader (the one retint knob). */
     --focus-ring-shadow: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--focus-ring-color) 30%, transparent),
         0 0 8px color-mix(in srgb, var(--focus-ring-color) 15%, transparent);
-    --focus-ring: var(--focus-ring-shadow);
 
     /* BB.W-INVALID-RING — the destructive twin of --focus-ring-shadow. The
        aria-invalid ring is ONE register: every form control (Input/Textarea/

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

@@ -93,6 +93,9 @@
        The CALM card register keeps `--duration-fast`/`--duration-normal` — a `<Card>` is
        not an interactive control. */
     --duration-control: 0.12s;
+    /* Base clocks stay independently tunable. The canonical `sheet-animate` reader
+       multiplies its panel/fast legs by `--motion-tempo`; unrelated color and ambient
+       effects may continue to consume these bases without claiming global co-scale. */
     --duration-fast: 0.2s;
     --duration-normal: 0.3s;
     --duration-slow: 0.45s;

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

@@ -185,16 +185,6 @@
        same way (no overshoot under reduce — the vestibular floor). */
     --transition-liquid-spatial: var(--spring-smooth);
 
-    /* ── 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);
-
     /* ── GOO-MORPH SLIDE-TRANSITION FLOW CURVE (BD.W-GOO-CAROUSEL-DECK) ──
        The per-consumer dwell-flow curve the ONE `useGooMorph` engine reads off its
        `tokenPrefix` (`--{prefix}-flow`/`-duration`/`-max-stretch`). This is NOT a new