@mkbabb/glass-ui 5.0.0 → 6.0.0

package/src/styles/select.css

@@ -1,201 +0,0 @@
-/*
- * select.css — the Select content collision-bound, pre-compiled (BA.W-EMISSION).
- *
- * THE DEFECT (BA-VJS-A2-WO1 / valuejs-fold A-2): SelectContent.vue authored its
- * collision-bound as a Tailwind ARBITRARY-BRACKET utility
- *   [max-height:var(--reka-popper-available-height,60dvh)]
- * which is correct in SOURCE but compiles ONLY into a `dist/*.js` render-function
- * chunk no consumer content-scan reaches (and the P9 emitComponentUtilities
- * safelist rejects fully-arbitrary bracket tokens by construction). So in every
- * consumer the bound NEVER painted — `getComputedStyle(content).maxHeight === "none"`
- * — and a 16-item dropdown rendered 745px tall, overflowing a 900px viewport by
- * 125px (the value.js U-DROPDOWN capture, the binding RED evidence).
- *
- * THE FIX: move the bound to a PRECOMPILED rule that ships in `dist/glass-ui.css`
- * regardless of consumer JIT reach — it is a plain attribute-selector rule, not a
- * Tailwind utility, so it always emits. The cap is the kf donor's default
- * `min(24rem, 60dvh)` (kf design-idioms.css `--easing-dropdown-max-h`; the U8
- * bounded-scroll reference), TIGHTENED by reka's measured
- * `--reka-popper-available-height` on a short viewport via the inner `min()`.
- * `overflow-y: auto` (already on the content via the CVA base) gives the inner
- * scroll. The behaviour is identical to the authored class — it now SHIPS.
- *
- * --select-content-max-h is the ONE retint knob (a consumer widens/narrows the cap
- * by overriding it on any ancestor). The default folds reka's available-height in:
- * when reka reports a height (popper measured), the bound is the MIN of that and
- * the 24rem/60dvh ceiling, so the panel never exceeds the viewport AND never grows
- * past the comfortable ceiling.
- */
-
-:root {
-    /* The comfortable ceiling — the kf donor default. */
-    --select-content-max-h: min(24rem, 60dvh);
-}
-
-[data-slot="select-content"] {
-    /* The collision-bound: the comfortable ceiling, tightened by reka's measured
-       available height on a short viewport. `--reka-popper-available-height` is
-       written by reka-ui's popper-positioner; on a tall viewport it exceeds the
-       ceiling (so the ceiling wins) and on a short one it clamps the panel to the
-       space below the trigger (so the panel bottoms inside the viewport). When reka
-       has not yet measured, the fallback is the ceiling alone. */
-    max-height: min(
-        var(--select-content-max-h),
-        var(--reka-popper-available-height, var(--select-content-max-h))
-    );
-    /* The inner-scroll affordance ships with the bound (the CVA base also sets
-       overflow-y-auto; restated here so the bound + scroll travel together as one
-       precompiled contract). */
-    overflow-y: auto;
-}
-
-/* ════════════════════════════════════════════════════════════════════════
-   BD.W-SELECT-WELL (P4 select-forms) — the welling WARM-GLASS listbox + the
-   keyed warm control EDGE. The Select is the REFERENCE consumer of the shared
-   field + capsule + accent + reveal union — every leg COMPOSES a shipped/sibling
-   register, ZERO new component, ZERO fork.
-
-   The three legs that live HERE (the consumer side):
-     · .glass-control-edge — the keyed two-stop warm rim every form control reads
-       so it has a DEFINED edge over the field (fixes the trigger box-shadow:none
-       cream-on-cream melt). Composes the SHIPPED `--glass-rim-top`/`--glass-rim-
-       bottom` keyed pair (the `--glass-key` upper-right cel key) — NOT a select-
-       private border, NOT a re-minted rim.
-     · the menu plate WARM FLOOR + α-drop — the menu reads the SHIPPED warm-capsule
-       floor (`--glass-capsule-warm` at `--glass-capsule-warm-floor`, the proven
-       meanChroma ≥ 0.02 source) so it is warm-cream even over a flat page, AND the
-       plate α drops so the warmed source + the portal field TRANSMIT.
-     · the portal warm FIELD — a clipped menu-local layer carrying the route's
-       `--field-h` (re-emitted on the portal root) so the menu transmits its route
-       identity even where the page field is faint behind the body plate.
-   ════════════════════════════════════════════════════════════════════════ */
-@layer components {
-    /* ── .glass-control-edge — the keyed warm control rim (the cream-on-cream fix) ──
-       The form controls read `.control-surface` / `.input-pill` (control-surfaces.css)
-       which carry a border + fill but `box-shadow: none` — so over a warm cream field
-       the trigger's 1.5px border melts and the control reads as a flat cream smudge.
-       This register adds the SHIPPED keyed two-stop directional rim (the bright top/
-       right catch-light + the faint warm bottom/left under-shadow, `--glass-key` upper-
-       right) so the control reads as a lifted glass plate with a defined warm edge over
-       the field. ONE register, ≥8 consumers (Select trigger + Input/Textarea/NumberField
-       pill + Checkbox/Radio + Switch track + Combobox anchor) — the DRY bar cleared by
-       construction. Composed (not re-declared): the rim is the SAME `--glass-rim-top`/
-       `--glass-rim-bottom` pair `.glass-capsule` reads, so `--glass-key` re-points BOTH
-       the capsule and the control edge from ONE handle (cel coherence). */
-    .glass-control-edge {
-        box-shadow:
-            var(--glass-rim-top),
-            var(--glass-rim-bottom);
-    }
-    /* Compose the keyed edge UNDER any control-owned ring/shadow: a control with its
-       OWN box-shadow (the Switch thumb, the focus ring on the pill) layers its shadow
-       FIRST, then the rim — the rim is the resting silhouette, the ring is the focus
-       overlay (the pill's `:focus-visible` box-shadow wins by source order + its own
-       rule). The rim travels with the control on the SHARED bezier (the pill/control-
-       surface already transition box-shadow on `--ease-standard`). */
-
-    /* ── The menu plate WARM FLOOR + α-drop (the un-gray amplifier) ──
-       The floating recipe (`.glass-floating`, ladder.css) composes
-       `color-mix(--glass-bg-floating, --glass-tint-source --glass-tint-strength)`,
-       and `--glass-tint-strength` floors at 0% at calm rest — so the menu plate is
-       near-gray-flat. RE-POINT the menu fill to compose the SHIPPED warm-capsule floor
-       (`--glass-capsule-warm` at `--glass-capsule-warm-floor`, the proven meanChroma
-       ≥ 0.02 source — the SAME token the tab capsule reads, DRY) ON TOP of the floating
-       tint, AND drop the plate α so the warmed source + the portal field TRANSMIT and
-       give real L-variance (the menu is warm GLASS, never an opaque cream slab). The
-       six-layer rim/blur/shadow composite is UNTOUCHED — only the FILL admit changes. */
-    [data-slot="select-content"],
-    [data-slot="combobox-list"] {
-        /* The α-drop seam: a consumer can re-solidify via `--select-plate-alpha: 1`.
-           Default 0.90 (light) drops the ~0.80α floating base to ~0.72 effective (the
-           amendment's transmit target) so the warmed source + the portal field show
-           through while the plate keeps body. The dark arm keeps more body (see .dark
-           below). The combobox list is the SAME overlay-family warm-glass plate
-           (DRY — one warm-floor register for both portalled pickers). */
-        --select-plate-alpha: 0.90;
-        background: color-mix(
-            in oklab,
-            color-mix(
-                in oklab,
-                var(--glass-bg-floating-tinted, var(--glass-bg-floating)),
-                var(--glass-capsule-warm) var(--glass-capsule-warm-floor)
-            ),
-            transparent calc((1 - var(--select-plate-alpha)) * 100%)
-        );
-        /* the cartoon weight — the SHIPPED `--shadow-cartoon-lg` warm cel stamp UNDER
-           the floating elevation so the panel reads as a physical card lifted off the
-           page. Composed onto the floating box-shadow stack via the plate's own rule
-           (the floating tier's `--glass-material-rim` + shadows stay; this ADDS the
-           cartoon under-stamp). Static, PRM-immune. */
-        box-shadow:
-            var(--glass-material-rim),
-            var(--glass-under-shadow-vivid),
-            var(--glass-shadow-floating),
-            var(--shadow-cartoon-lg);
-    }
-    .dark [data-slot="select-content"],
-    .dark [data-slot="combobox-list"] {
-        /* dark glass needs more body — the warm field reads as a glow band, not a wash
-           lost in near-black; keep the fill nearly solid so the dark menu has presence.
-           PLAIN per-mode arm (not a light-dark() fragment — the inset-shadow trap, and
-           the box-shadow above carries no inset leg but the discipline holds). */
-        --select-plate-alpha: 0.94;
-    }
-
-    /* ── .glass-field-portal — the portal-local warm field (route identity) ──
-       The menu portals to <body>, OUTSIDE the route's field, so its `backdrop-filter`
-       has nothing warm to transmit. A clipped menu-local layer BEHIND the plate (z -1,
-       NO backdrop-filter on it — glass-cannot-sample-glass avoided by construction)
-       paints a 3-stop warm spine keyed to the route's `--field-h` (re-emitted on the
-       portal root via `data-field-palette` → `--field-h`). `inset: 0` (clipped INSIDE
-       — the blur bends it THROUGH the plate as real L-variance, NOT an `inset:-20%`
-       halo leaking around the box). Defaults to `--field-h: 48` (forms terracotta)
-       when the route does not re-emit, so a bare Select still reads warm. */
-    .glass-field-portal {
-        position: relative;
-    }
-    .glass-field-portal::before {
-        content: "";
-        position: absolute;
-        inset: 0;
-        z-index: -1;
-        pointer-events: none;
-        border-radius: inherit;
-        background:
-            radial-gradient(70% 60% at 24% 22%,
-                oklch(0.92 0.08 var(--field-h, 48) / 0.55), transparent 72%),
-            radial-gradient(64% 58% at 82% 80%,
-                oklch(0.88 0.07 calc(var(--field-h, 48) + 18) / 0.50), transparent 70%),
-            radial-gradient(60% 62% at 60% 40%,
-                oklch(0.90 0.06 calc(var(--field-h, 48) - 14) / 0.48), transparent 74%);
-    }
-    /* DARK arm (PLAIN per-mode, not :global()/light-dark()) — the dark field stops lift
-       to a real glow band (oklch L ~0.22–0.30, higher chroma) so the field-thesis is met
-       in dark, not a wash lost in near-black. */
-    .dark .glass-field-portal::before {
-        background:
-            radial-gradient(70% 60% at 24% 22%,
-                oklch(0.30 0.10 var(--field-h, 48) / 0.55), transparent 72%),
-            radial-gradient(64% 58% at 82% 80%,
-                oklch(0.26 0.09 calc(var(--field-h, 48) + 18) / 0.50), transparent 70%),
-            radial-gradient(60% 62% at 60% 40%,
-                oklch(0.28 0.08 calc(var(--field-h, 48) - 14) / 0.48), transparent 74%);
-    }
-    /* honest-degraded arm — engines without oklch() get an hsl warm spine, never gray. */
-    @supports not (color: oklch(0.9 0.08 48)) {
-        .glass-field-portal::before {
-            background: radial-gradient(70% 60% at 24% 22%,
-                hsl(var(--field-h, 48) 60% 88% / 0.5), transparent 72%);
-        }
-        .dark .glass-field-portal::before {
-            background: radial-gradient(70% 60% at 24% 22%,
-                hsl(var(--field-h, 48) 45% 26% / 0.55), transparent 72%);
-        }
-    }
-}
-
-/* ── PRM is colour-static here — the field + floor + edge + cartoon shadow are PAINT,
-   not motion, so they REMAIN under `prefers-reduced-motion: reduce` (un-gray and
-   selection-legibility need no motion). The reveal/pour/chevron motion legs are
-   carved in their own home recipes (reveal.css / menu.css) — this consumer file
-   introduces no motion to gate. */

package/src/styles/tabs/segmented-tabs-drag.css

@@ -1,200 +0,0 @@
-/* tabs/segmented-tabs-drag.css
-   The additive DECORATION tail of the SegmentedTabs grammar: the BB.W-DRAG-MORPH `.glass-drag-lift`/`.glass-drag-grabbable` pull affordance + the BG.W-EYEGLASS-TABS iOS-27 loupe register (data-eyeglass, pill-only).
-   Carved from segmented-tabs.css to hold the no-god-module 500-line bound (BI.W-STYLE-REDRAIN); @import-ed by styles/index.css IMMEDIATELY AFTER segmented-tabs.css. Unlayered (matches segmented-tabs.css) — the tail is additive decoration with unique selectors, so the relocation is byte-isomorphic. */
-/* ════════════════════════════════════════════════════════════════════════
-   BB.W-DRAG-MORPH — the `.glass-drag-lift` decoration (the pull affordance).
-
-   The `useDragMorph` consumer adds this class to the morph element while
-   `dragging` is true (the SegmentedTabs `:draggable` indicator; the
-   DockLayerGroup pull rail). It is the visual "this is grabbable + grabbed"
-   affordance — the GRAB cursor + a sub-perceptual `--glass-specular` catch-light
-   lift + the `will-change: transform` compositor hint that promotes the lozenge
-   to its own layer for the 1:1 follow. It carries NO transform itself (the
-   translate + squish are the primitive's own `translate`/`--stretch` writes, the
-   §6 compositor channels); this class only paints the affordance + the hint.
-
-   The grab cursor sits on the morph element AT REST too (a draggable indicator
-   reads grabbable before the grab), so `.glass-drag-grabbable` marks the rest
-   affordance and `.glass-drag-lift` adds the grabbing state. PRM does not gate
-   the cursor/hint (they are not motion); the lift is a static specular nudge. */
-.glass-drag-grabbable {
-    cursor: grab;
-    touch-action: none;
-}
-
-.glass-drag-lift {
-    cursor: grabbing;
-    /* Promote to its own compositor layer for the 1:1 follow (the translate write
-       is compositor-only; the hint keeps the plate off the main-thread paint). */
-    will-change: transform;
-    /* BD.W-TAB-IOS-CAPSULE C7 — the grabbed-state catch-light COMPOSES the SHARED
-       specular-lift step declared ONCE in glass/glass-capsule.css (the
-       `.glass-capsule-hover:hover, .glass-drag-lift { --glass-specular }` group), NOT
-       a parallel `--glass-specular` fork. This block carries only the grabbing-distinct
-       bits (the grab cursor + the `will-change` hint). */
-}
-
-/* ════════════════════════════════════════════════════════════════════════
-   BI.W-DRAG-REATTACH — the tabs `:draggable` z-order double-repair (Kill B).
-
-   The SegmentedTabs pill indicator is a SIBLING behind the tab buttons: at rest
-   `.segmented-indicator` is `z-0` (segmented-tabs.css) UNDER `.segmented-tab`
-   `z-10`, so the LABEL paints crisp ON TOP of the glass plate (correct — the plate
-   is a backing surface, the glyph is the foreground). But that same stack makes the
-   indicator UNGRABBABLE two ways, and both must fall or the liquid tab stays dead:
-
-     · THE GRAB BOOTSTRAP — kf `Draggable` binds `pointerdown` on the INDICATOR node,
-       yet a press on the active pill hits the z-10 BUTTON (a sibling, not an
-       ancestor of the indicator), so the gesture never reaches the drag listener.
-       On a DRAGGABLE strip (the indicator carries `.glass-drag-grabbable`) the ACTIVE
-       button forwards the press THROUGH to the indicator beneath: `pointer-events:
-       none` drops it from hit-testing WITHOUT touching paint (the label stays
-       painted on top; `elementFromPoint(indicatorCenter)` + the initial `pointerdown`
-       now land on the indicator). NON-active buttons keep `pointer-events`
-       (click-to-select is byte-identical); the active pill is grab-to-drag (the
-       iOS-27 read — the selected segment is the physical lozenge). Keyboard is
-       untouched — `pointer-events` does not gate focus or `keydown`, so the roving
-       tabindex contract stays whole (WCAG 2.1.1 alternative intact).
-
-     · THE TRAVEL OCCLUSION — once grabbed, the pulled lozenge slides across the
-       OTHER buttons; while `.glass-drag-lift` is set (useDragMorph's `dragging`),
-       raise the indicator ABOVE the z-10 labels so the traveling pill renders on top
-       and `elementFromPoint(indicatorCenter)` keeps returning the indicator (pointer
-       capture already routes the events; the lift is the paint + reachability half).
-
-   Compositor-only (z-index + hit-testing, no layout). The REST z-order is UNTOUCHED
-   — `.segmented-indicator { z-index: 0 }` still paints behind the labels at rest. */
-.segmented-tabs:not(.segmented-tabs--underline):has(
-        .segmented-indicator.glass-drag-grabbable
-    )
-    .segmented-tab[aria-pressed="true"] {
-    pointer-events: none;
-}
-
-.segmented-indicator.glass-drag-lift {
-    z-index: 30;
-}
-
-/* ════════════════════════════════════════════════════════════════════════
-   BG.W-EYEGLASS-TABS — the iOS-27 eye-glass loupe register (ADDITIVE, pill-ONLY).
-
-   The SFC flips `data-eyeglass` on the strip host (pill-only, default-off) + composes
-   `.glass-lens` onto the indicator. This block adds the three CSS legs the mode owns
-   (the whole genuinely-new delta is deliberately small — one boolean axis, one geometry
-   token, one stage-frost token, an opt-in glyph-ink seam):
-
-     (1) THE STAGE FROST (signature #7) — the track re-points to a STRONGER frost rung so
-         the pill's `backdrop-filter` lenses a LEGIBLE smooth field (a still-noisy near-
-         sharp aurora reads worse than the reference's clean frosted stage; the nested
-         backdrop-filter compose only reads right when the pill lenses an ALREADY-frosted
-         track output). The default pill track (`.glass-capsule-track`, --glass-blur-quiet)
-         is BYTE-UNTOUCHED off eyeglass; eyeglass re-points it to `--eyeglass-track-blur`
-         (the floating rung). The rule is UNLAYERED (segmented-tabs.css is not @layer'd) so
-         it wins `.glass-capsule-track`'s (@layer components) backdrop-filter by the
-         unlayered-over-@layer cascade rule (the AZ.W-DOCK-RAIL precedent, NOT specificity).
-
-     (2) THE TWO-REST-STATE LOUPE (signature #1/#2, BI.W-TABS-FACTOR) — the pill is a
-         TWO-REST-STATE machine (TABS-GLASS-LADDER §1), NOT a static proud: a SETTLED long
-         rest (an inset plate, 0.84× the slot) ⇄ a LIVE touched/travelling/just-arrived
-         state (a proud loupe, 1.12× — spilling PAST the track). The `.segmented-indicator__plate`
-         interpolates between them via `transform: scaleY(var(--eyeglass-y))` — a COMPOSITOR
-         scale (proof:no-layout-animation holds; NOT a layout inset), on the plate's OWN
-         channel (never the outer's squish `scale` / glide `transform`). `--eyeglass-y` is a
-         calc off `--eyeglass-live-t` (0 ⇄ 1), which `useEyeglassLive` writes per-frame off
-         `useLeadTrail` — so the §2/§8.3 EDGE-ASYMMETRY (fast energize / ~270ms slow deflate)
-         emerges from the two edges. `--eyeglass-settled` (0.84) + `--eyeglass-proud` (1.12,
-         the ratified retune knob) are bare `<number>` RATIOS — viewport-invariant (a ratio
-         holds across breakpoints by construction, the stadium-radius precedent; no @640
-         re-declaration), NEVER a border-radius (the stadium is untouched, T1-safe). PRM
-         pins `--eyeglass-y: 1` (the flat slot-fill capsule — the calm degrade floor). A
-         consumer sets both ratios to 1 for a flat pill (the token-first escape).
-
-     (3) THE SELECTED-GLYPH ACCENT INK (signature #6, the CONTRAST-SPLIT) — the selected
-         GLYPH (a graphic, WCAG-1.4.11 3:1) tints via `--tab-selected-ink` on a DESCENDANT
-         `svg` selector (AC4 — NEVER the tab's own `color`, which drives the LABEL and must
-         stay --foreground for the AA 4.5:1 floor / T5). Default no-op: `--tab-selected-ink`
-         unset → the glyph resolves --foreground (byte-identical to a non-eyeglass pill). A
-         consumer sets `--tab-selected-ink: <accent>` to reproduce the cyan-glyph read
-         (presets-in-consumers). The accent RIM + the commit FLOOD ride the shipped
-         `--glass-accent` + `--tab-flood-t` registers (consumer-set, no-op at their
-         transparent/0 defaults). The calm↔busy attenuation rides the STATIC
-         `--glass-backdrop: light|dark` bucket (the shipped floor); the LIVE
-         useGlassBackdropLuminance observer is BOOKED, its animated sample path DEAD on disk
-         (BG.W-GLASS-SIGNAL-TRUTH) — a bare wire would also be dead, so it stays booked
-         (NF-honest — no ≥2-consumer promotion of a dead mechanism).
-
-   HONEST DEGRADE (NO-MASKING-FALLBACK): off `backdrop-filter: url()` engines the whole
-   refraction fails the `.glass-lens` `@supports` gate → the un-gated blur+tint+rim+specular
-   `.glass-capsule` proud loupe paints — a real glass surface making NO loupe claim (the
-   reference itself uses this state over calm backdrops). NO pre-baked "magnified" image, NO
-   broken `url()`, NO drop-and-restore mid-travel. BOOKED successors: the T1 cross-engine
-   clone-loupe (a CSS-duplicable backdrop), the chromatic-aberration RGB-split rim
-   (W-LENSING color-split), the live ambient-observer wire (a fired writer-witness). The
-   spring/clock are FROZEN (`--tab-indicator-duration` = `--spring-snappy-duration`; the
-   size caps stay in their distinct bands — stretch ≤1.2, blob area ≤1.14); the dual-engine
-   60fps frame-series π judges both arms (Chromium refraction + Safari honest capsule) vs
-   the bar60/ kinematics+optics ladder.
-   ════════════════════════════════════════════════════════════════════════ */
-
-/* (1) + (2) declarations — the two-rest-state geometry ratios + the stronger STAGE frost. */
-.segmented-tabs[data-eyeglass] {
-    /* (2) THE TWO-REST-STATE loupe geometry (§1/§8.1) — bare `<number>` RATIOS, driven
-       by `--eyeglass-live-t` on the plate `scaleY` (viewport-invariant; NO @640 re-declare,
-       NOT a length, NOT a border-radius — T1-safe). `--eyeglass-proud` is the single
-       ratified retune knob; a consumer sets both to `1` for the flat pill. */
-    --eyeglass-settled: 0.84; /* SETTLED — the inset long-rest plate (§1: 0.80–0.88×). */
-    --eyeglass-proud: 1.12; /* LIVE — the proud loupe (§1: 1.07–1.18×); the retune knob. */
-    /* Signature #7 — the STRONGER stage frost the loupe bends (the floating rung, deeper
-       than the calm quiet track the plain pill keeps). */
-    --eyeglass-track-blur: var(--glass-blur-floating);
-    backdrop-filter: var(--eyeglass-track-blur);
-    -webkit-backdrop-filter: var(--eyeglass-track-blur);
-}
-
-/* (2) THE PLATE MAGNIFY — the two-rest-state block-proud `scaleY`. The plate reads the
-   inherited `--eyeglass-live-t` (0 ⇄ 1) and interpolates SETTLED → LIVE. `--eyeglass-y`
-   is the ONE derived scale factor the plate transform (segmented-tabs.css) reads. NO
-   transition here — `useLeadTrail` (via `useEyeglassLive`) is the animator on the live
-   path; the `@property --eyeglass-live-t` covers the discrete/degrade path. */
-.segmented-tabs[data-eyeglass] .segmented-indicator__plate {
-    --eyeglass-y: calc(
-        var(--eyeglass-settled) +
-            var(--eyeglass-live-t) * (var(--eyeglass-proud) - var(--eyeglass-settled))
-    );
-}
-
-/* PRM (motion-canon P6) — the loupe rests as a FLAT slot-fill capsule under reduced
-   motion (the calm degrade floor): the deform is off, the state confirms. `useLeadTrail`
-   also seats `--eyeglass-live-t` instantly under PRM (belt-and-suspenders). */
-@media (prefers-reduced-motion: reduce) {
-    .segmented-tabs[data-eyeglass] .segmented-indicator__plate {
-        --eyeglass-y: 1;
-    }
-}
-
-/* (1) belt-and-suspenders (AC1) — re-assert the FLOATING blur rung on the eyeglass lens.
-   `.glass-lens` (glass-refract.css) paints `--glass-blur-resting url(#…)` inside its own
-   `@supports` gate; on Chromium that is a LIGHTER frost than the capsule floor, and on
-   Safari-26 (which historically returns TRUE for the @supports probe but renders the url()
-   as nothing — WebKit bug 245510) it would leave a wrong lighter rung with NO refraction
-   ("tried and painted nothing"). Re-pointing to `--glass-blur-floating` keeps Chromium a
-   strong loupe AND lands Safari on the honest floating-frost floor. Stays INSIDE the same
-   `@supports` gate (no refraction sits outside it) and reads the shipped BAKED
-   `--glass-refract-filter` (no revived var()-scale-splice — DDR-LENS-BAKE). The lens now
-   lives on the nested `.segmented-indicator__plate` (BI.W-TABS-FACTOR — the magnify
-   channel), so the selector reaches it there. */
-@supports (backdrop-filter: url("#glass-refract")) {
-    .segmented-tabs[data-eyeglass] .segmented-indicator__plate.glass-lens {
-        backdrop-filter: var(--glass-blur-floating) var(--glass-refract-filter);
-    }
-}
-
-/* (3) THE SELECTED-GLYPH ACCENT INK (C7/AC4) — the CONTRAST-SPLIT: the selected GLYPH (a
-   graphic, 3:1) tints via `--tab-selected-ink` on a DESCENDANT svg selector, NEVER the
-   tab's own `color` (which drives the LABEL and must stay --foreground for AA 4.5:1 / T5).
-   Default no-op — `--tab-selected-ink` unset → the glyph resolves --foreground, the SAME
-   ink the tab already inherits. A consumer sets `--tab-selected-ink: var(--glass-accent)`
-   or a `<hue>` to reproduce the reference cyan-glyph read. */
-.segmented-tabs[data-eyeglass] .segmented-tab[aria-pressed="true"] svg {
-    color: var(--tab-selected-ink, var(--foreground));
-}

package/src/styles/utilities/animate.css

@@ -1,29 +0,0 @@
-/* utilities/animate.css
-   BB.W-LIQUID-REVEAL — the popover/dropdown shared enter recipe RETIRED.
-   @import-ed by utilities.css in cascade order. See
-   docs/precepts/design-idioms.md §cohesion-aware partials. */
-
-/* ── RETIRED at BB.W-LIQUID-REVEAL (clean break, no alias — BB inv-7 no-legacy) ──
- *
- * `@utility popover-animate` (the tw-animate-css fixed-bezier zoom-95 + fade-0 enter)
- * AND `@utility slide-in-from-side` (the data-side directional slide) are DELETED.
- * They were the generic cubic-bezier zoom-95 over the same `--duration-normal` wall
- * clock for every surface — "presses spring, reveals don't" (the §6/W-MOTION-CANON
- * half-applied enter). The SPRING-CLOCKED LIQUID-ENTER recipe `.glass-reveal`
- * (src/styles/glass/reveal.css) REPLACES both:
- *   - the scale+fade ride `--spring-snappy` + `--spring-snappy-duration` (the
- *     W-GLASS-CAL Unit 3 per-spring clock) with the coupled `filter: blur(4px)→0`
- *     light-bending decongest (the iOS-27 bloom);
- *   - the directional `slide-in-from-side` folds onto `.glass-reveal`'s `data-side`
- *     compositor `translate` leg (on the SAME spring clock).
- *
- * The ≥8 reka portaled overlays (Dialog/Popover/Tooltip/HoverCard/DropdownMenu/
- * ContextMenu/Combobox/Select) compose `.glass-reveal` directly; the
- * `useLiquidReveal` JS leaf (composables/motion/useLiquidReveal.ts) is the
- * source-rect bloom REFINEMENT (the dialog-from-button / dock-from-pill case).
- *
- * Do NOT re-add an unlayered `@utility popover-animate`/`slide-in-from-side` — the
- * recipe is `@layer components` `.glass-reveal`; an unlayered utility would win the
- * cascade over it (the AZ dock-rail `@layer`-loses-to-utility trap). Machine-locked
- * by proof:liquid-reveal R3 (the negative — no enrolled surface retains
- * popover-animate). */