@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/styles/dock-controls/tab-button.css

@@ -1,143 +0,0 @@
-/* dock-controls/tab-button.css — the `.dock-tab-button` control family
-   (AZ.W-CARVE partial 3 of 5; carved out of dock-controls.css).
-
-   The base rule (density-keyed height knob, padding, glass hover/active/press
-   cohort), the PRIMARY tier (the structural shell — taller min-height + wider
-   padding + a stronger base tint; the disco grain/halo RETIRED at BA.W-GLASS-CAL,
-   it now inherits the base glass hover register), and the SECONDARY tier (the
-   quieter edge-light/edge-shadow cross-control comma-group over tab + icon button).
-   Opens its OWN `@layer components`; @import-ed after dark-mode-toggle.css. */
-
-@layer components {
-    .dock-tab-button {
-        display: inline-flex;
-        align-items: center;
-        flex-shrink: 0;
-        /* P.W4 Lane B inline-absorb: the `--dock-tab-h` density-keyed height
-           knob (parallel to DockIconButton's --dock-control-size) merged
-           here from the prior DockTabButton.vue scoped style block. The
-           density rungs that set `--dock-tab-h` per tier live in dock.css
-           (the `.glass-dock[data-density="…"]` blocks) — Q.W3
-           Lane A consolidated them out of utilities.css, closing the
-           cascade-order split-brain. When a parent <GlassDock density="…">
-           sets `--dock-tab-h`, the tab-button reserves that row even when
-           the glyph + padding sum would ride lower. Falls through to
-           `--dock-tab-min-height` (kept for audacious-tier callers) and
-           finally to `auto`. R3-spec / audit-E P0-3. */
-        min-height: var(--dock-tab-h, var(--dock-tab-min-height, auto));
-        padding-inline: var(--dock-tab-padding-inline, 0.75rem);
-        padding-block: var(--dock-tab-padding-block, 0.375rem);
-        border: none;
-        background: transparent;
-        /* BA.W-DOCK-GEOMETRY — the control-plate clearance inset (DC-2). The tab's
-           OWN padding already insets a content box within the row-locked border box;
-           `background-clip: content-box` realizes that as a PAINTED-plate inset, so
-           the hover (×1.1) / active pill clears the cross-axis clip edge with margin
-           — the same plate-inset-within-cell principle the icon-button consumes via
-           `--dock-control-safe-inset`. The text + min-height keep the box at the row;
-           only the painted fill insets (no box growth, no glyph reflow). */
-        background-clip: content-box;
-        border-radius: var(--dock-control-radius, var(--radius-pill));
-        /* Default font-size carries through to text-only tab content; consumers
-           wrapping content in an explicit type utility (e.g. `text-hero`,
-           `text-display`) on an inner <span> win because Tailwind v4 ships
-           @utility blocks in @layer utilities, which ranks above @layer
-           components — so this declaration is a fallback, not a ceiling. */
-        font-size: var(--type-small);
-        line-height: 1;
-        color: var(--muted-foreground);
-        text-decoration: none;
-        cursor: pointer;
-        white-space: nowrap;
-        outline: none;
-        /* AQ.W3 §W3.2 identity base */
-        scale: 1;
-        transition:
-            background-color var(--dock-motion-fast),
-            color var(--dock-motion-fast),
-            /* AT.W7-dock-b — press micro-feedback spring (transform-scoped). */ scale
-                var(--dock-press-spring);
-
-        /* AX.W45 DK2 — converged onto the FAMILY hover/active token pair (the
-           surface-tint-8/10 ladder it spoke is ≈ the same intent — glass-translucent
-           foreground-over-transparent). ONE grammar across icon/tab/picker.
-           AX.W45-TUNE Q3/C3 — the hover MOTION channel is now UNIFIED: the
-           `--scale-hover-dock` lift fires here (it used to fire on only icon +
-           dropdown), so all four control members lift on hover as ONE register —
-           the bg cross-fade (glass-tier), the scale, and the specular gleam read
-           together BEFORE click. The transform rides `--dock-press-spring`
-           (`--spring-smooth`) per the W52 easing doctrine. */
-        &:hover:not(:disabled) {
-            background: var(--dock-control-hover-bg);
-            color: var(--foreground);
-            scale: var(--scale-hover-dock);
-        }
-
-        /* AZ.W-REGISTER-IOS — the iOS press darken-plus-shrink (see the icon-button). */
-        &:active:not(:disabled) {
-            background: var(--dock-control-press-bg);
-            scale: var(--scale-press-dock);
-        }
-
-        &:focus:not(:focus-visible) {
-            box-shadow: none;
-        }
-
-        /* focus-visible ring + disabled paint hoisted to the shared `:where()`
-           group in dock.css. */
-
-        &:is(.is-active, .active, [aria-current="page"], [aria-pressed="true"]) {
-            background: var(--dock-control-active-bg);
-            color: var(--foreground);
-        }
-    }
-
-    /* Tier — primary ────────────────────────────────────────────
-     *
-     * BA.W-GLASS-CAL (H2a) — the disco COLLAPSED. The primary tier was a SECOND
-     * disco surface: it composed `@utility btn-audacious` (auto-attached by
-     * <DockTabButton> on `data-tier="primary"`) PLUS a dock-local phase-grain
-     * (the `--glass-grain-opacity-disco` + `--paper-clean-texture`/`--phase-color`
-     * radial hover) PLUS a `[data-phase]` `::before` rest-halo. With the disco
-     * retired, the primary tier keeps ONLY its STRUCTURAL shell (taller min-height,
-     * wider padding, the slightly-stronger base tint that distinguishes it from the
-     * secondary tier) and inherits the plain de-red'd dock-control glass hover
-     * register from the base `.dock-tab-button` rule above (bg → `--dock-control-
-     * hover-bg`, scale → `--scale-hover-dock`, the specular gleam — the SAME register
-     * `.dock-icon-button` speaks). No grain, no phase-radial, no rest-halo. The
-     * <DockTabButton> auto-attach of `btn-audacious` is removed (the utility is gone).
-     */
-    .dock-tab-button[data-tier="primary"] {
-        --dock-tab-min-height: 4rem;
-        padding-inline: 1.5rem;
-        background: color-mix(in srgb, var(--card) 60%, transparent);
-        color: var(--foreground);
-    }
-
-    /* Tier — secondary ──────────────────────────────────────────
-     *
-     * Companion to `data-tier="primary"`. Carries the same edge-light +
-     * edge-shadow skeu vocabulary at quieter weight: no disco accent, no
-     * sparkle, no curvature radial. Composes for icon-button consumers
-     * (chassis ActionCluster, SettingsCog) where the surface needs a
-     * glass-tier read but not the audacious primary punch. Per P.W1.B
-     * audit-C §3 — closes the four bare `<DockIconButton>` consumer sites
-     * (cog + back + retake + stop) without redefining the family. The
-     * secondary tier is a cross-control comma-group (tab + icon button), so it
-     * stays flat — nesting under one control would change coverage.
-     */
-    .dock-tab-button[data-tier="secondary"],
-    .dock-icon-button[data-tier="secondary"] {
-        background: color-mix(in srgb, var(--card) 50%, transparent);
-        border: 1px solid var(--glass-border-quiet);
-        box-shadow: var(--border-hairline), var(--glass-highlight);
-    }
-
-    .dock-tab-button[data-tier="secondary"]:hover:not(:disabled),
-    .dock-icon-button[data-tier="secondary"]:hover:not(:disabled) {
-        background: color-mix(in srgb, var(--card) 65%, transparent);
-        box-shadow:
-            var(--glass-specular),
-            0 0.5px 0 0 rgb(0 0 0 / 0.06);
-    }
-}

package/dist/styles/dock-controls/touch-floor.css

@@ -1,94 +0,0 @@
-/* dock-controls/touch-floor.css — the tail overrides (AZ.W-CARVE partial 5 of 5;
-   carved out of dock-controls.css).
-
-   Two cohorts, both scoped overrides that MUST cascade AFTER the base control
-   families (so they @import last):
-     1. the coarse-pointer per-button touch-target floor on the STANDALONE
-        `.dock-icon-button` (the in-dock floor is the `--dock-scale` × `max(…,44px)`
-        clamp; this is the no-`.glass-dock`-ancestor half).
-     2. the vertical-dock rail SELECTED register (AX.W06 F2/F3 hoist +
-        AZ.W-REGISTER-IOS — the selected glyph reads warm-ink `--foreground` and
-        the leading-edge accent BAR is the translucent `--dock-selected-accent`
-        luminance-lift, the iOS-26/27 register).
-   Opens its OWN `@layer components`; @import-ed after triggers.css. */
-
-@layer components {
-    /* AX.W45 D15 — coarse-pointer touch floor, button-level half. The IN-DOCK floor
-       is subsumed into the `--dock-scale` multiplier + the `max(…, 44px)` clamp in
-       the dock.css density cascade (the in-dock control-size grows ~1.5× past the
-       44px target, the clamp guarantees the floor even below 1.0× scale). This
-       per-button rule is the STANDALONE half: a DockIconButton with NO `.glass-dock`
-       ancestor (a routed gear) has no density cascade lifting its size, so it keeps
-       the explicit `min-{block,inline}-size` floor. Scoped `:not(:where(.glass-dock
-       *))` so it does NOT double-stamp on an in-dock button (the cascade owns that —
-       one path per surface, no two-floor). Compact buttons opt out. */
-    @media (pointer: coarse) {
-        .dock-icon-button:not(.dock-icon-button--compact):not(:where(.glass-dock *)) {
-            min-block-size: var(--dock-touch-target, 2.75rem);
-            min-inline-size: var(--dock-touch-target, 2.75rem);
-        }
-    }
-
-    /* AX.W06 F2/F3 — the HOISTED refined rail nav-item polish. The demo's
-       `SidebarDock` dogfooded the active-category affordance (accent glyph tint +
-       a left-edge accent rule) as DEMO-PRIVATE chrome (`demo/layout/dock-nav.css`
-       `.demo-sidebar-item.is-active`), so a consumer reaching for a vertical nav
-       dock (AZ.W-DOCK-TAXONOMY — `orientation="vertical"`, the prior `variant="rail"`)
-       got the UN-refined bare `.is-active` colour shift. This hoists the refined
-       treatment into the shipped vertical-dock CSS so the demo == the shipped contract
-       (the demo no longer re-derives a worse rail by hand). The tap-squish press
-       feedback (the `:active` `--scale-press-dock` squish) + the right-anchored
-       tooltips are already the dock-control family + the consumer's `<Tooltip
-       side="right">` — this carries the active-item ACCENT, the half the variant
-       CSS did not own.
-
-       AZ.W-REGISTER-IOS — the SELECTED register is now the iOS luminance-lift, at
-       the ROOT (R3-6): the selected GLYPH reads warm-ink `--foreground` (NOT a
-       saturated brand hue — the prior `var(--dock-rail-active-accent, var(--primary))`
-       brand fallback is retired off the GLYPH), and the leading-edge accent BAR
-       demotes to `--dock-selected-accent` (a translucent foreground luminance-lift,
-       NOT a solid brand stripe). A selected rail item reads as the glass material-
-       lift plate (`--dock-control-active-bg` = `--glass-bg-floating`) + this quiet
-       luminance bar — the iOS-26/27 register. The `--dock-selected-accent` token
-       (offsets-sizing.css) is the SINGLE retint knob; the demo no longer overrides
-       it to `--viz-fourier` (the brand red survives only as static wordmark/viz/CTA
-       ink). The active state reads the SHIPPED four-state hooks the dock-control
-       family already activates (`.is-active`, `aria-current="page"`,
-       `[aria-pressed="true"]`). Scoped to a `.glass-dock.vertical` descendant
-       icon-button — a horizontal dock or the layer-switcher rail are untouched. */
-    .glass-dock.vertical .dock-icon-button {
-        position: relative;
-    }
-
-    .glass-dock.vertical
-        .dock-icon-button:is(.is-active, [aria-current="page"], [aria-pressed="true"]) {
-        --dock-active-color: var(--foreground);
-        color: var(--foreground);
-    }
-
-    /* The leading-edge accent rule — a short rounded bar pinned to the rail-leading
-       edge of the active nav item (the iOS / Figma side-rail selected-affordance).
-       `inset-inline-start` keys it off the writing-direction leading edge, so the
-       bar sits OUTSIDE the button on the rail's plate; `inset-block: <inset>` keeps
-       it short + centred. The width/inset all read `--dock-rail-accent-*` tokens so
-       the geometry is tunable from one place.
-
-       AZ.W-REGISTER-IOS — the bar paints `--dock-selected-accent` (a translucent
-       foreground luminance-lift), NOT the prior `var(--dock-rail-active-accent,
-       var(--primary))` saturated brand stripe. The selected read is the glass plate
-       + this quiet luminance bar — the iOS register, no brand hue on an interactive
-       state. `--dock-selected-accent` is the single retint knob (offsets-sizing.css). */
-    .glass-dock.vertical
-        .dock-icon-button:is(.is-active, [aria-current="page"], [aria-pressed="true"])::before {
-        content: "";
-        position: absolute;
-        inset-block: var(--dock-rail-accent-inset, 18%);
-        inset-inline-start: calc(
-            -1 * var(--dock-rail-accent-width, 3px) - var(--dock-rail-accent-gap, 2px)
-        );
-        width: var(--dock-rail-accent-width, 3px);
-        border-radius: var(--radius-pill);
-        background: var(--dock-selected-accent);
-        pointer-events: none;
-    }
-}

package/dist/styles/dock-controls/triggers.css

@@ -1,157 +0,0 @@
-/* dock-controls/triggers.css — the `.dock-select-trigger` /
-   `.dock-dropdown-trigger` picker family (AZ.W-CARVE partial 4 of 5; carved out
-   of dock-controls.css).
-
-   The shared base rule, the glass-translucent hover (AX.W45 DK2 — the pickers
-   off the opaque `--muted` flat plate onto the FAMILY hover token, with the
-   `--scale-hover-dock` lift unified into the shared hover group), the iOS press
-   darken (AZ.W-REGISTER-IOS), the focus + open/active fill (hover ≠ open), and
-   the `__chevron` open-flip. Opens its OWN `@layer components`; @import-ed after
-   tab-button.css. */
-
-@layer components {
-    /* BD.W-DOCK-CORE (A8) — `.dock-trigger` is the UNIFIED dock overlay-trigger register.
-       DockSelectTrigger, DockDropdownTrigger, AND DockPopoverTrigger all compose it (each
-       also keeps its legacy class for back-compat-free continuity within this file), so a
-       popover trigger inside a dock is byte-identical geometry + style + baseline alignment
-       to the dropdown trigger — the prior three-divergent-contracts misalignment (A8) is
-       gone. The hover-SCALE is OFF on all three (below): a scaling trigger shifts its
-       portaled-content anchor mid-open; the SelectTrigger's documented no-scale reason is
-       generalized to the whole family (clean break — the dropdown's lone hover-scale is
-       retired, no alias). */
-    .dock-trigger,
-    .dock-select-trigger,
-    .dock-dropdown-trigger {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        flex-shrink: 0;
-        /* AQ.W3 §W3.2 identity base */
-        scale: 1;
-        gap: var(--dock-trigger-gap, 0.25rem);
-        min-height: var(--dock-trigger-min-height, auto);
-        padding: var(--dock-trigger-padding-block, 0.25rem)
-            var(--dock-trigger-padding-inline, 0.5rem);
-        white-space: nowrap;
-        cursor: pointer;
-        border: none;
-        background: transparent;
-        /* BA.W-DOCK-GEOMETRY — the control-plate clearance inset (DC-2). As on the
-           tab button: the trigger's OWN padding insets a content box within the
-           row-locked border box, and `background-clip: content-box` realizes that
-           as a PAINTED-plate inset so the hover (×1.1) / open pill clears the
-           cross-axis clip edge — the same plate-inset-within-cell principle the
-           icon-button consumes via `--dock-control-safe-inset`. No box growth. */
-        background-clip: content-box;
-        border-radius: var(--dock-control-radius, var(--radius-pill));
-        /* Shares the dock-icon-button legibility base (`--dock-fg-on-aurora`). */
-        color: color-mix(
-            in srgb,
-            var(--dock-fg-on-aurora, var(--foreground))
-                calc(var(--opacity-icon-muted) * 100%),
-            transparent
-        );
-        outline: none;
-        transition:
-            background-color var(--dock-motion-fast),
-            color var(--dock-motion-fast),
-            /* AT.W7-dock-b — press micro-feedback spring (transform-scoped). */ scale
-                var(--dock-press-spring),
-            opacity var(--dock-motion-fast);
-    }
-
-    /* AX.W45 DK2 — the pickers move OFF the opaque `--muted` flat plate onto the
-       glass-translucent FAMILY hover token (the dock substrate shows through, not a
-       solid cream rectangle over the glass — the loudest "not right" tell). hover ≠
-       open now: the active/open rule below reads `--dock-control-active-bg` (a tint
-       LADDER step above hover), so an OPEN dropdown reads distinctly from a merely-
-       hovered one (paired with the chevron flip). ONE source per state, glass-aware
-       across the whole dock-control family. */
-    /* AX.W45-TUNE Q3/C3 — the picker hover lift is now in the SHARED group: the
-       `--scale-hover-dock` scale fires on BOTH select + dropdown (it used to fire on
-       the dropdown ONLY — the split-brain hover the DK2 fix left). All four dock
-       control members (icon/tab/select/dropdown) now lift on hover as one register,
-       mirroring the unified glass-tier `--dock-control-hover-bg` cross-fade. The
-       lone `.dock-dropdown-trigger:hover` scale rule is RETIRED into this group. */
-    /* BD.W-DOCK-CORE (A8) — hover lifts the FILL only; the hover-SCALE is RETIRED across
-       the whole trigger family so portaled content anchors smoothly (the SelectTrigger's
-       documented no-scale reason, generalized — clean break, no alias). */
-    .dock-trigger:hover:not(:disabled),
-    .dock-select-trigger:hover:not(:disabled),
-    .dock-dropdown-trigger:hover:not(:disabled) {
-        background: var(--dock-control-hover-bg);
-        color: var(--btn-hover-color, var(--foreground));
-    }
-
-    /* AZ.W-REGISTER-IOS — the iOS press darken-plus-shrink (see the icon-button). */
-    .dock-trigger:active:not(:disabled),
-    .dock-select-trigger:active:not(:disabled),
-    .dock-dropdown-trigger:active:not(:disabled) {
-        background: var(--dock-control-press-bg);
-        scale: var(--scale-press-dock);
-    }
-
-    .dock-trigger:focus:not(:focus-visible),
-    .dock-select-trigger:focus:not(:focus-visible),
-    .dock-dropdown-trigger:focus:not(:focus-visible) {
-        box-shadow: none;
-        outline: none;
-    }
-
-    /* focus-visible ring + disabled paint hoisted to the shared `:where()`
-       group in dock.css; this rule adds only the box-shadow fade transition.
-       `scale` keeps the AT.W7-dock-b press micro-feedback spring. */
-    .dock-trigger:focus-visible,
-    .dock-select-trigger:focus-visible,
-    .dock-dropdown-trigger:focus-visible {
-        transition:
-            background-color var(--dock-motion-fast),
-            color var(--dock-motion-fast),
-            scale var(--dock-press-spring),
-            opacity var(--dock-motion-fast),
-            box-shadow var(--dock-motion-fast);
-    }
-
-    .dock-trigger:is(
-        .is-active,
-        .active,
-        [aria-expanded="true"],
-        [aria-pressed="true"]
-    ),
-    .dock-select-trigger:is(
-        .is-active,
-        .active,
-        [aria-expanded="true"],
-        [aria-pressed="true"]
-    ),
-    .dock-dropdown-trigger:is(
-        .is-active,
-        .active,
-        [aria-expanded="true"],
-        [aria-pressed="true"]
-    ) {
-        /* AX.W45 DK2 — the OPEN affordance: a translucent active fill a ladder step
-           above hover (NOT the opaque `--muted`, NOT byte-identical to hover). OPEN =
-           (chevron up + this active fill); HOVER = (the lighter hover fill, chevron
-           down) — the smooth glass-aware four-state read the picker lacked. */
-        background: var(--dock-control-active-bg);
-        color: var(--foreground);
-    }
-
-    .dock-select-trigger__chevron {
-        width: var(--dock-trigger-icon-size, 0.75rem);
-        height: var(--dock-trigger-icon-size, 0.75rem);
-        flex-shrink: 0;
-        opacity: 0.5;
-        /* Individual-transform identity base (AQ.W3 §W3.2) — `rotate:` longhand
-           for family consistency (not a stacking-context hazard: child glyph).
-           AT.W7-dock-b — the open/close flip carries the press micro-feedback
-           spring (transform-scoped). */
-        rotate: 0deg;
-        transition: rotate var(--dock-press-spring);
-    }
-
-    .dock-select-trigger[data-state="open"] .dock-select-trigger__chevron {
-        rotate: 180deg;
-    }
-}

package/dist/styles/dock-controls.css

@@ -1,92 +0,0 @@
-/* Dock CONTROL-family styles — thin @import root over dock-controls/*.css
-   (AZ.W-CARVE — the AU.W8b.3 monolith drained its no-god-module ratchet row).
- *
- * dock.css keeps the shell / density / grain / layer-crossfade contract + the
- * shared cross-control four-state contract (the `:focus-visible` / `:disabled`
- * comma-groups + the motion-token `:where()` group, which reference these
- * control selectors but are shared, not per-control). This file owns the FIVE
- * control families themselves, carved into cohesive partials each under the
- * 500-line bound, @import-ed below in CASCADE ORDER into the SAME
- * `@layer components` (the carve moves rules across files in the same source
- * position → byte-isomorphic dist; the no-god-module import-order gate witnesses):
- *   1. dock-controls/icon-button.css      `.dock-icon-button` (base / states / glyph / --compact)
- *   2. dock-controls/dark-mode-toggle.css `.dark-mode-toggle-button` (sizes / in-dock glyph inset)
- *   3. dock-controls/tab-button.css       `.dock-tab-button` (base / tier-primary / tier-secondary)
- *   4. dock-controls/triggers.css         `.dock-select-trigger` / `.dock-dropdown-trigger` (base / states / __chevron)
- *   5. dock-controls/touch-floor.css      the coarse @media touch floor + the vertical-rail SELECTED register
- *
- * The shared cross-family `:where()` group (the small-tile specular sizing
- * re-point) stays at THIS root — exactly as the dock.css carve kept its shared
- * `:where()` four-state contract at ITS root — because it references every
- * control selector and nesting it under one control would change coverage.
- *
- * AU.W8b.2 — the per-family parent+state clusters use native `&`-nesting
- * (Baseline Widely available 2023; Lightning CSS down-compiles so the shipped
- * `dist` CSS is flat with IDENTICAL specificity). The cross-family comma-groups
- * stay UN-nested (nesting under one control would change coverage).
- *
- * Imported by index.css directly after dock.css in the same `@layer components`
- * (cascade rung 6b) — no new subpath; it ships inside `/styles`.
- *
- * CSS `@import` rules must precede every other rule (the dock.css precedent),
- * so the five family partials @import FIRST; the shared cross-family `:where()`
- * group follows in its own `@layer components`. The `:where()` group has ZERO
- * specificity and sets `--glass-specular-size` on the control family — no family
- * partial re-sets that property, so its source position (after the imports vs
- * before) is cascade-immaterial; the byte-isomorphism witness (§4) is the arbiter. */
-@import "./dock-controls/icon-button.css";
-@import "./dock-controls/dark-mode-toggle.css";
-@import "./dock-controls/tab-button.css";
-@import "./dock-controls/triggers.css";
-@import "./dock-controls/touch-floor.css";
-
-@layer components {
-    /* BD.W-DOCK-CORE (A12) — the draggable-item GRAB squish. A grabbed dock item
-       (`.glass-drag-lift`, written by useDockItemDrag while the gesture is in flight)
-       deforms with the volume-preserving `--stretch` register (the SHARED useLiquidFlex
-       "tanh" squish the tab indicator + dock morph already speak — ONE squish source, no
-       forked deformation). The grab follows the pointer via the JS-written `transform:
-       translate` (the compositor follow); this rule adds the gel-squish scale ON the
-       grabbed plate (stretch along the drag axis, compress across — volume-preserving).
-       The dock grabbable cursor + touch-action sit on `.glass-drag-grabbable` (the dock
-       root) via segmented-tabs.css. At rest `--stretch` is unset → 1/1 (no deform). The
-       global PRM gate strips `scale` → no squish under reduce (the gesture still follows).
-       Horizontal docks stretch X / compress Y; vertical stretch Y / compress X. */
-    .glass-dock.dock-items-draggable:not(.vertical) .dock-icon-button.glass-drag-lift {
-        scale: var(--stretch, 1) calc(1 / var(--stretch, 1));
-    }
-    .glass-dock.dock-items-draggable.vertical .dock-icon-button.glass-drag-lift {
-        scale: calc(1 / var(--stretch, 1)) var(--stretch, 1);
-    }
-
-    /* AV.W9.3 — momentum-gated dock-control press spring. The `:active` squish
-       toward `--scale-press-dock` settles on a NO-OVERSHOOT spring (Apple,
-       "Designing Fluid Interfaces": default 100% damping — no bounce — for a tap;
-       reserve bounce for surfaces driven by gesture MOMENTUM). The dock controls
-       are tap surfaces (no momentum).
-
-       AY.W-DOCK2 (D6) — the per-surface re-point of `--dock-press-spring` to
-       `--spring-smooth` is DELETED here: the ROOT token (`tokens.css`) IS the §6
-       doctrine register now (`--spring-smooth`), so the re-point was a dead
-       byte-identical redeclaration — the exact per-surface fork the §6 doctrine
-       claims to have killed. The dock controls inherit the correct smooth
-       transform-press register straight from the ROOT token; this `:where()` group
-       keeps ONLY the small-tile specular sizing below. */
-    :where(
-        .dock-icon-button,
-        .dock-tab-button,
-        .dock-select-trigger,
-        .dock-dropdown-trigger
-    ) {
-        /* AX.W45-TUNE C4/C5 — the small-tile specular sizing. The dock controls are
-           ~40px tiles, a fraction of a card's plate, so the global 36% specular
-           radius blooms a tile-filling disc (the I.W6 finding). The family re-points
-           `--glass-specular-size` to the tighter `--dock-control-specular-size` (22%,
-           tokens.css), so the SHARED `.glass-material::before` catch-light recipe
-           (glass.css) paints a restrained EDGE-catch on the small tile WITHOUT
-           forking the recipe — the gleam wakes on hover/active (the cohort's 0.1/0.16
-           rungs), sized for the tile. The rest intensity stays 0 (the default-off
-           discipline) so the resting tile carries NO bloom. */
-        --glass-specular-size: var(--dock-control-specular-size, 22%);
-    }
-}

package/dist/styles/dock.css

@@ -1,173 +0,0 @@
-/* Dock primitives exported through @mkbabb/glass-ui/styles.
- *
- * This file is the CORE of the dock component family — the `@property
- * --dock-morph-t` registration, the @layer-components OPEN, the SHARED
- * cross-control four-state contract (the :focus-visible / :disabled comma-groups
- * + the motion-token :where() group — they reference every control selector but
- * are shared, so they live at the import root, not per-control), and the
- * `@import`s of the cohesive `dock/*.css` partials.
- *
- * AX.W06 — the 1762-line dock.css god-module (slice 25) was CARVED into
- * src/styles/dock/ cohesive single-axis partials, each under the 500-line bound,
- * @import-ed below in cascade order into the SAME `@layer components` so the
- * carve is isomorphic (same layer, same source order → ZERO visual delta):
- *   - dock/shell.css       — the `.glass-dock` structural skeleton (root, W02
- *                            morph-clip aperture, grain, vertical-root, shape /
- *                            variant plates, position, W45 #persistent + vertical
- *                            three-region body).
- *   - dock/morph.css       — the W01 single-scalar morph chrome + state response
- *                            (--dock-expand-t interp, collapsed/summary, held /
- *                            open).
- *   - dock/adaptive-legibility.css — the darken-over-light self-engage (the
- *                            continuous backdrop-luma tint clamp, the warm-chromatic
- *                            dock ink, the @container light bucket, contrast-color()
- *                            refinement, the PRM reveal-blur carve). Split from
- *                            morph.css to keep both partials under the 500-line bound.
- *   - dock/density.css     — the W45 density × --dock-scale cascade.
- *   - dock/layers.css      — the `.dock-layer` crossfade + hit-test + reveal-
- *                            stagger contract + the `layout="grid"` tile grid.
- *   - dock/layer-group.css — `.dock-layer-group` / layer-switcher rail / stack.
- *   - dock/overflow.css    — the `overflow=` scroll/wrap strategies + the coarse
- *                            multiplier.
- *
- * The FIVE interactive control families stay in dock-controls.css (the AU.W8b.3
- * carve, @import-ed by index.css directly after this file). The Vue SFCs own
- * structure + runtime behavior; selectors, motion, glass, and layering tokens
- * live here + in the partials so consumers have one public CSS path. */
-
-/* CSS `@import` rules must precede every other rule (a `@property`/`@layer`
-   block after an `@import` would render it invalid + dropped). The six partials
-   @import in cascade order; each opens its own `@layer components` so the layered
-   cascade is preserved bit-for-bit (the carve-isomorphism gate is the witness). */
-@import "./dock/shell.css";
-@import "./dock/morph.css";
-@import "./dock/adaptive-legibility.css";
-@import "./dock/density.css";
-@import "./dock/shape.css";
-@import "./dock/layers.css";
-@import "./dock/layer-group.css";
-@import "./dock/overflow.css";
-@import "./dock/stack-rail.css";
-@import "./dock/section.css";
-@import "./dock/morph-bridge.css";
-/* BE.W-DOCK-FISSION — the 1→N stretch-and-snap goo bridge (the sibling of morph-bridge's
-   1→1 V↔H crossfade; the per-seam `--neck-t` neck STRETCH→THIN→SNAP-BACK recoil + the
-   jubilance ripple/splash FLOOR). @import-ed into the LIBRARY cascade beside morph-bridge
-   so a consumer importing `@mkbabb/glass-ui/styles` gets the fission delights — the recipe
-   is `v-for`-shaped on `.dock-fission-piece`, compositor-only, PRM-removed, Safari-safe
-   (the REGULAR `filter: url()`, never backdrop-filter). The demo's island FACE/layout
-   (`.liquid-island-*`) stays demo-only (liquid-morph.css); this file owns only the
-   `.dock-fission-bridge`/`.dock-fission-piece` BEHAVIOR. */
-@import "./dock/fission-bridge.css";
-/* BC.W-AX-DOCK-CTA-SEAT — the [data-cta-pending] CTA-receive landing seat (the static
-   resting-geometry reserve + the plain transition:opacity FLIP reveal). Last in the
-   dock cascade — a net-new surface around the byte-untouched useDockCtaReceive morph. */
-@import "./dock/cta-seat.css";
-/* BC.W-DOCK-SEARCH — the dock-as-native-dynamic-search-bar field surface (the W55
-   active-field tint legibility seam + the `.glass-menu-row` result rows). A net-new
-   surface on a `[data-search]` dock around the byte-untouched morph-bridge metaball;
-   CONSUMES the W55 tint seam + the menu-row recipe, re-authors neither. */
-@import "./dock/search.css";
-
-/* AX.W01 — the SINGLE morph scalar. `useLayerTransition` writes it once per frame
-   to the `.glass-dock` root; EVERY morph axis (box size, padding, radius, scale,
-   background/border color, child stagger) is a pure `calc()` read off it — one
-   driver, one clock, on every engine (the View-Transitions collapse fork is
-   retired). `@property`-registered `<number>` so it interpolates COMPOSITED, not
-   discretely (an UNregistered custom property jumps + animates on the main
-   thread). `initial-value:0` = the collapsed-progress floor.
-
-   `inherits:true` (NOT false) — the SOTA inheritance-bomb guard is specifically
-   "never write the scalar to `:root`" (a whole-document subtree recalc per frame
-   over 1300+ elements). The scalar is written LOCALLY on the small `.glass-dock`
-   subtree, and its CONSUMERS are DESCENDANTS (`.dock-layers`/`.dock-layer-stack`
-   size + the active pane's child stagger) that read it via inheritance, so it MUST
-   inherit. Writing one inheriting var over a ~10–20-element dock subtree is the
-   exact pattern the prior `--dock-morph-progress` used (on `.dock-layers`); the
-   bomb only fires from a `:root` write, which never happens here. The root-chrome
-   reads (padding/bg/border) sit on the same element it is written to. */
-@property --dock-morph-t {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0;
-}
-
-/* BB.W-DOCK-MORPH-FAMILY (e) — the `@property`-registered dock-scale axis. The
-   dock-scale cascade is `--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,
-   1))` (tokens/sizing.css). UNregistered, that `calc()` substitutes ONCE at `:root`
-   against the `:root` identity `--dock-local-scale: 1`, so a consumer-scope
-   `--dock-local-scale` override is INHERITED but never RE-EVALUATED — the dock keeps
-   `--dock-scale: calc(1 * 1)` and stays at the unscaled base (the 3rd recurrence of
-   the AX.W55 substitution-vs-inheritance trap; the documented-but-broken `:root`
-   preset). Registering `--dock-local-scale` as an INHERITING `@property <number>`
-   makes a registered inheriting custom property re-substitute PER-ELEMENT, so a
-   `--dock-local-scale` override on ANY dock scope re-evaluates the `calc()` at that
-   scope and threads the whole geometry cascade (box·pad·gap·tab·tile·glyph) down in
-   lockstep — the `:root` preset made real (the `@property --dock-morph-t` house
-   idiom above is the precedent). `--dock-scale` itself is ALSO registered (the
-   derived axis) so its `calc()` re-resolves per-element when `--dock-local-scale`
-   shifts. ADDITIVE ONLY: `initial-value: 1` is the identity, so at the default
-   `--dock-local-scale: 1` the resolved `--dock-scale` is byte-IDENTICAL to HEAD (no
-   rung re-tune); the `@media (pointer: coarse)` re-declare (overflow.css) STAYS the
-   `:root`-equivalent re-resolve, and this registration is the complementary
-   non-`:root`-scope thread. DOCK_SPRING is untouched (this is a token registration,
-   not a clock). */
-@property --dock-local-scale {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 1;
-}
-
-@property --dock-scale {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 1;
-}
-
-@layer components {
-    :where(
-        .glass-dock,
-        .dock-layer-stack,
-        .dock-layer-item-host,
-        .dock-layer-tab,
-        .dock-icon-button,
-        .dark-mode-toggle-button,
-        .dock-tab-button,
-        .dock-select-trigger,
-        .dock-dropdown-trigger
-    ) {
-        --dock-motion-fast: var(--duration-fast) var(--ease-standard);
-        --dock-motion-standard: var(--duration-normal) var(--ease-standard);
-        /* AT.W6-dock-c — the FLIP-fallback timing. `--dock-resize-spring` (the
-           `--spring-dock` linear()) is the single source curve the native
-           View-Transition path ALSO consumes, so the morph is timing-identical
-           across engines. BA.W-GLASS-CAL Unit 3 — the duration leg re-times off
-           the generic `--duration-normal` (0.3s) onto `--spring-dock-duration`
-           (0.28s, the dock spring's OWN 2%-band envelope settle). */
-        --dock-motion-resize: var(--spring-dock-duration) var(--dock-resize-spring);
-    }
-
-    /* Shared four-state contract — the focus-visible ring + disabled paint are
-       identical across every dock control, so they are expressed ONCE here as a
-       comma group over the control family rather than copied per rule-set. The
-       group keeps full class+pseudo specificity (NOT `:where()`, which would
-       zero the class and let a per-control :hover box-shadow override the focus
-       ring). Per-control transition extensions (the box-shadow fade on
-       focus-visible) stay with their own selectors in dock-controls.css where
-       they differ. */
-    .dock-icon-button:focus-visible,
-    .dock-tab-button:focus-visible,
-    .dock-select-trigger:focus-visible,
-    .dock-dropdown-trigger:focus-visible {
-        box-shadow: var(--focus-ring-shadow);
-        outline: none;
-    }
-
-    .dock-icon-button:disabled,
-    .dock-tab-button:disabled,
-    .dock-select-trigger:disabled,
-    .dock-dropdown-trigger:disabled {
-        opacity: var(--opacity-disabled);
-        cursor: not-allowed;
-    }
-}