@mkbabb/glass-ui 6.0.0 → 8.0.0

package/src/styles/glass-specular-track.css

@@ -1,74 +0,0 @@
-/* Pointer-anchored moving specular — the iOS-26 Liquid Glass illuminate-from-
- * within behaviour.
- *
- * AW.W22 — the moving-specular `::before` body (the masked radial catch-light,
- * the rest/hover/active intensity steps, the var() fallback) was FOLDED into the
- * single `.glass-material` mixin in glass.css, where the five ladder rungs +
- * `.glass-card` + the `.dock-icon-button` control + `.glass-specular-track`
- * compose it from ONE source. There is NO duplicate `::before` body here.
- *
- * `.glass-specular-track` is now a thin ALIAS — it is listed in the
- * `.glass-material` selector GROUP in glass.css, so a `.glass-specular-track`
- * element gets the unified material (the `::before` catch-light, the rim, the
- * interaction-light) with zero duplicate paint. This keeps the historical
- * opt-in call sites (Card.vue, any consumer that still reaches for the class)
- * painting the catch-light without a legacy shim — the alias is a live
- * composition onto the unified mixin, not a dead orphan.
- *
- * This file carries ONLY:
- *   1. The reduced-motion + reduced-transparency a11y brackets, pointed at the
- *      `.glass-material` group (the canonical specular owner) so the guards
- *      cover every band surface, not just the opt-in class.
- *   2. The `@supports`-gated `#glass-refract` refraction garnish — RE-HOMED at
- *      AW.W23 off the (now-folded) `.glass-specular-track.glass-refract`
- *      compound onto `.glass-material.glass-refract` (see glass-refract.css for
- *      the shipped filter asset + the re-homed consuming selector).
- */
-
-/* ── Reduced-motion: pin the specular STATIC ───────────────────────────────
-   The MANDATORY guard. Under `prefers-reduced-motion: reduce` the catch-light
-   paints static at rest position — no pointer-tracking, no transition. The pin
-   covers the unified `.glass-material` group AND the `.glass-specular-track`
-   alias so EVERY band surface (not just the opt-in class) freezes the position
-   while keeping the centred catch-light + the warm-cream tint. */
-@media (prefers-reduced-motion: reduce) {
-    .glass-material::before,
-    .glass-wash::before,
-    .glass-quiet::before,
-    .glass-resting::before,
-    .glass-floating::before,
-    .glass-overlay::before,
-    .glass-card::before,
-    .dock-icon-button::before,
-    .glass-specular-track::before {
-        --specular-x: 50%;
-        --specular-y: 50%;
-        /* BB.W-LENSING — pin the EDGE-glint angle static too (the conic seats at its
-           `0deg` top-edge rest). The `useSpecularPointer` leaf already skips the angle
-           write under PRM; this is the CSS belt-and-braces pin so the rim glint never
-           drifts under reduce. The lens-swell drive also snaps (Button.vue / .tap-squish
-           PRM carve), so the whole motion-reactive lens reaches rest with no in-between
-           frames — the gesture functions, the physics off. */
-        --specular-angle: 0deg;
-        transition: none;
-    }
-}
-
-/* ── Reduced-transparency: drop the specular ───────────────────────────────
-   When the user requests reduced transparency the surface goes opaque (the
-   glass.css bracket maps the blurs to `none`); a travelling catch-light on a
-   flat opaque surface is decoration without substrate, so it drops too — across
-   the whole material group. */
-@media (prefers-reduced-transparency: reduce) {
-    .glass-material::before,
-    .glass-wash::before,
-    .glass-quiet::before,
-    .glass-resting::before,
-    .glass-floating::before,
-    .glass-overlay::before,
-    .glass-card::before,
-    .dock-icon-button::before,
-    .glass-specular-track::before {
-        display: none;
-    }
-}

package/src/styles/glass.css

@@ -1,110 +0,0 @@
-/* Glass utilities — glassmorphism surface classes referencing --glass-* tokens
- *
- * ── No-PLATE-on-PLATE discipline (re-scoped under the glass-first default) ──
- * Apple's Liquid Glass guidance reserves glass for the floating layers; glass-ui
- * adopts the RUNG-PAIRING rule across three layer bands (the z-index registry
- * already encodes them, tokens.css §3 `--z-*`):
- *
- *   content    (--z-background … --z-content)  — the page substrate.
- *   navigation (--z-controls … --z-dock/panel) — the glass band (dock, panels,
- *                                                 floating chrome).
- *   overlay    (--z-overlay … --z-modal)       — the glass band (dialog/sheet
- *                                                 over content).
- *
- * The discipline bans PLATE-in-PLATE: a second `.glass-*` PANEL nested inside a
- * glass panel is a violation (the blur stacks muddy, the rim doubles, the read
- * collapses) — the inner PANEL should read as a flat tier. But CONTROL-on-plate
- * is SANCTIONED: under the glass-first maximal default, `btn-glass` (a real
- * backdrop-filter control) inside `.glass-card` inside a glass Dialog is the
- * COMMON composition. The depth-3 ceiling + `contain: paint` budget that keeps
- * the nested blur cheap is gated by W-A11Y-PERF (the enforcement half); this
- * header is the doc half. Bottom line: do not nest a glass PANEL inside a glass
- * panel; a glass CONTROL on a glass plate is fine and budget-gated.
- *
- * ── iOS-spring-on-controls cross-ref (AV.W15 C/M cross-ref) ────────────────
- * The momentum-gated press squish (the control's "lift up on touch, quiet at
- * rest" register — scale toward `--scale-press-dock` / `--scale-press-btn`) is
- * the SPRING half of one Liquid Glass behaviour the rim/specular folds here are
- * the MATERIAL half of. The spring wiring is OWNED by the dock-motion arm
- * (AV.W9, velocity continuity) and the slider arm (AV.W11); it is cross-
- * referenced here and authored there, not re-derived. See
- * `src/components/dock/README.md` for the canonical discipline.
- *
- * ── Thin @import ROOT (cohesion-aware carve) ───────────────────────────────
- * The glass rule body is carved into cohesive `glass/*.css` partials (each
- * 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 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 override): */
-@import "./glass/material.css";
-@import "./glass/ladder.css";
-/* BI.W-STYLE-REDRAIN — the .glass-opaque level-0 escape + the content-aware under-shadow
-   modifier carved out of ladder.css's tail to hold the no-god-module 500-line bound; its
-   own @layer components block @import-ed IMMEDIATELY AFTER ladder.css and BEFORE
-   grain-overlay.css (the ladder @layer tail, unique selectors, source-order-after — the
-   dist is byte-isomorphic). */
-@import "./glass/ladder-undershadow.css";
-/* BG.W-CLOSEFIX-9SITE — the glass-tier paper-grain `::after` overlay carved out of
-   ladder.css's tail to hold the no-god-module 500-line bound. @import-ed IMMEDIATELY
-   AFTER ladder.css and BEFORE accent-tone.css — the SAME @layer components; the grain
-   `::after` is the SOLE writer of the `.glass-*::after` overlay (the grain block was the
-   tail of ladder.css), so the relocation is cascade-order-invariant. */
-@import "./glass/grain-overlay.css";
-/* BC.W-ACCENT-TONE — the contrast-floored 3-channel tonal-accent register
-   (.accent-tone: one --tone → idle/active/edge/ink). AFTER ladder.css (reads the
-   warm-cream --card surface the ladder mints); the SOLE writer of the --accent-*
-   channels, so the placement is cascade-order-invariant. */
-@import "./glass/accent-tone.css";
-@import "./glass/rim.css";
-@import "./glass/surfaces.css";
-/* BI.W-STYLE-REDRAIN — the .glass-pager-ring pager-pill chassis + the .glass-chromatic
-   edge-dispersion rim fringe carved out of surfaces.css's tail to hold the 500-line
-   bound; its own @layer components block @import-ed IMMEDIATELY AFTER surfaces.css and
-   BEFORE control-surfaces.css (the surfaces @layer tail, unique selectors,
-   source-order-after — the dist is byte-isomorphic). */
-@import "./glass/surfaces-pager.css";
-/* BC.W-CARVE6 — the .input-pill / .control-surface form-control REST register
-   carved out of surfaces.css to hold the 500-line bound, @import-ed IMMEDIATELY
-   AFTER surfaces.css and BEFORE surface-axis.css (same @layer components, same
-   source order — the dist is byte-isomorphic). */
-@import "./glass/control-surfaces.css";
-/* BD.W-TAB-IOS-CAPSULE — the ONE shared glassy register (`.glass-capsule` +
-   `.glass-capsule-track` + `.glass-capsule-hover`) the tabs/dock-tab/buttons/chips/
-   cards consumers compose. @import-ed AFTER surfaces.css (so the `--glass-bg-floating-
-   tinted` seam + the `--glass-rim-*`/`--glass-shadow-floating` tokens resolve) and
-   BEFORE the consuming recipes (segmented-tabs.css et al, imported by index.css). */
-@import "./glass/glass-capsule.css";
-/* BG.W-LIQUID-FILL — the ONE shared liquid-fill register (`.glass-liquid-fill`):
-   the warm glass-cylinder fill extracted from the Slider's `.slider-range` so the
-   Slider AND `<Progress variant="liquid">` COMPOSE it (fewer-sharper-primitives).
-   @import-ed AFTER glass-capsule.css (same `@layer components`, so the
-   `--glass-capsule-warm`/`--glass-blur-quiet`/`--glass-material-rim`/
-   `--glass-under-shadow-quiet` tokens resolve) and BEFORE the consuming
-   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
-   lagging cartoon cast). @import-ed AFTER reveal.css (it extends the same
-   `--lq-enter-*` channel substrate the `.glass-reveal` TRANSITION floor speaks). */
-@import "./glass/liquid-enter.css";
-@import "./glass/deep.css";
-/* BG.W-GLASS-DEFAULT-DEFINITION (GA-1) — the .glass-defined DEFINED-tier decoration
-   (rim + warm-cream floor-fill + the control-cohort default flip), a token-substitution
-   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 override. */
-@import "./glass/defined.css";
-@import "./glass/progress-rail.css";
-@import "./glass/squircle.css";

package/src/styles/index.css

@@ -1,288 +0,0 @@
-/*
- * @mkbabb/glass-ui — Unified design system styles
- *
- * Import this in your project's main CSS file:
- *   @import "tailwindcss";
- *   @import "tw-animate-css";
- *   @import "@mkbabb/glass-ui/styles";        (token cascade + SFC scoped CSS)
- *   @import "@mkbabb/glass-ui/styles/fonts";  (OFL woff2 corpus, loaded once)
- *   (then add your project-specific token overrides locally)
- *
- * AN.W1 — the single `@mkbabb/glass-ui/styles` import resolves the COMPLETE
- * stylesheet: this @import cascade PLUS the per-component `<style scoped>`
- * payload (Aurora grid layering, Progress/Slider/Notification/… scoped rules).
- * The build folds the SFC bundle (`dist/glass-ui.css`) into the dist copy of
- * this file (vite.config.ts `publishStyleAssets`), so a consumer never needs
- * a second `@import "@mkbabb/glass-ui/styles.css"` line. The `./styles.css`
- * export stays reachable as a transparent SFC-only entry (NOT a back-compat
- * alias) for a cascade-free consumer.
- */
-
-/*
- * FONT PAYLOAD SPLIT (AM-W1-α). The payload-bearing @font-face faces
- * (Plus Jakarta Sans + Fira Code woff2, base64-inlined at publish into
- * ~99 KB gzipped) are NOT imported here — they live in `fonts.css`,
- * reachable via the `@mkbabb/glass-ui/styles/fonts` export. This keeps the
- * critical first-paint `./styles` entry free of the font binary. The
- * calibrated `local()` fallback faces (with Capsize metric overrides) DO
- * stay on this critical path inside typography.css — they paint during the
- * `font-display: optional`/`swap` window with zero CLS, so the deferred
- * real-face import never causes a layout shift.
- *
- * NOTE: Font @import url(...) lines are NOT issued from here (and never
- * were) — doing so would put them after @import "tailwindcss" in the
- * consumer's output, which violates the CSS spec (and some bundlers then
- * drop them). The split above is by separate export subpath, not @import.
- */
-
-/*
- * Cascade order — load order is load-bearing. Each layer references the one
- * above it via CSS custom properties or selector cascade; reordering breaks
- * fallbacks. Documented at L.W2 Lane B per Rε §B.5.1.
- *
- * WHERE each idiom LIVES (the localized design-idiom home, complementing the
- * load-ORDER below): see docs/precepts/design-idioms.md — @theme aliases live
- * in theme.css, @utility recipes in their cohesion-domain file, the
- * cohesion-aware @import-partial carve rule, and the var-in-arbitrary syntax.
- * tokens.css / glass.css / utilities.css are thin @import ROOTS over cohesive
- * tokens/* · glass/* · utilities/* partials (each < 500 lines, in cascade order
- * — the dock.css precedent, AX.W06; generalized AY.W-CSS1). The carve is
- * cascade-isomorphic: the partials @import in the recorded cascade order so this
- * load order is preserved bit-for-bit.
- *
- *   1. tokens.css            — thin @import root over tokens/{scheme-motion,
- *                              color-radius,shadow,glass,offsets-sizing,
- *                              scale-paper,light-dark,dark-arm,property-regs}.css.
- *                              CSS custom properties (color, easing, glass,
- *                              paper, shadow, surface-tint rungs). Source-of-
- *                              record for every visual axis.
- *   2. typography.css        — golden-ratio scale (√φ); semantic type classes.
- *                              Pure values, no token consumption.
- *   3. theme.css             — @theme block (Tailwind aliases). Reads tokens
- *                              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}.css.
- *                              .glass-{wash,quiet,resting,floating,overlay}
- *                              5-rung ladder + .glass-card / -pill / -btn.
- *                              Consumes tokens (1) + theme aliases (3).
- *  4a. glass-specular-track.css — the pointer-anchored MOVING specular rung
- *                              (AV.W15). A `.glass-specular-track` opt-in paints
- *                              a masked radial catch-light tracking the pointer
- *                              (@property-animated, reduced-motion-static, var()
- *                              fallback) + the @supports-gated refraction
- *                              garnish. Loads after glass.css so it composes
- *                              over the glass tiers.
- *   5. paper.css             — paper underpaint + grain overlay utilities.
- *                              Pairs with (4) for paper-on-glass compositions.
- *   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 ·
- *                              layers · layer-group · overflow — AX.W06 carved
- *                              the 1762-line god-module into single-axis partials,
- *                              each < 500 lines, all in the SAME @layer components
- *                              so the cascade is isomorphic). Component utility
- *                              layer; consumes (1) + (3).
- *  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
- *                              the coarse-pointer touch floor. Same @layer
- *                              components; MUST load directly after dock.css so
- *                              the shared :where()/comma-group contract in (6)
- *                              cascades into these control rules.
- *   7. components/card/styles.css — card and shared card-surface recipes.
- *                              Component utility layer.
- *  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
- *                              token on the EXISTING color-mix(in oklab, …) seam.
- *                              Toast / Notification / Alert consume it (the three
- *                              tone maps collapse). Loads after cards.css (it reads
- *                              the same `--glass-bg-*` rung tokens cards.css/the
- *                              ladder mint).
- *   8. floating-panel.css    — RETIRED (BI.W-GLASS-DEDUP / FAM-9): the
- *                              `.floating-panel` fixed-overlay recipe had ZERO
- *                              consumers; the still-live `.dropdown-menu-content`
- *                              font/inner-pad rules moved to menu.css.
- *   9. transitions.css       — Vue <Transition> classes (fade, tab-fade,
- *                              route-enter, pane-swap, metric-swap, dock-in).
- *                              BI.W-REGISTER-TABLE retired fade-slide/pop/
- *                              dialog-scale/dropdown (census-dead) — overlay/menu
- *                              enters ride the .glass-reveal data-reveal register.
- *  10. animations.css        — @keyframes for components consumed via
- *                              `animation:` properties in (9) and component
- *                              <style> blocks. Includes the §TOP-LAYER
- *                              `@starting-style` entry/exit grammar (AQ.W5).
- *  10a. scroll-driven.css    — native scroll-driven recipes (.scroll-progress
- *                              + [data-scroll-reveal]); the `@supports`-gated
- *                              primary over the JS-composable fallback (AQ.W5).
- *  10a'. scroll-choreography.css — the SOTA scroll-CHOREOGRAPHY register
- *                              (.scroll-build page-build / .scroll-cascade
- *                              section-cascade / .scroll-pin scroll-pinned + the
- *                              native .smooth-scroll opt-in) on the native
- *                              scroll()/view()/timeline-scope substrate; NO
- *                              Lenis/GSAP dep (BB.W-SCROLL-MOTION).
- *  10a''. scroll-chrome.css  — BC.W-SCROLL-CHROME the scroll-driven floating-
- *                              CHROME collapse recipe (.scroll-chrome reads
- *                              --chrome-collapse-t for the compositor shrink/
- *                              quiet/shadow-lift; PERSISTENT-by-default, crisp
- *                              blur, never-invisible quiet, PRM-discrete). The
- *                              useScrollChrome JS machine owns the snap + ramp.
- *  10b. view-transition.css  — the `.gl-list-item` View-Transitions group
- *                              recipe + `--vt-*` axes (AQ.W5; the
- *                              `useViewTransition` substrate's CSS half).
- *  11. utilities.css         — thin @import root over utilities/{animate,base,
- *                              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. 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. components/instrument-chassis/styles.css — chassis bezel +
- *                              groove dividers). Loaded after utilities so
- *                              component-local recipes can override.
- *  13. components/drawer/styles.css — detented bottom-sheet grammar (glass
- *                             sheet surface + peek handle + snap-stop rules).
- *  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. 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
- *                             dead CVA geometry utilities that broke the D7 configurator
- *                             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). Accessibility then replaces the
- * completed paint as one terminal product mode.
- */
-@import "./tokens.css";
-@import "./typography.css";
-@import "./theme.css";
-@import "./glass.css";
-@import "./glass-specular-track.css";
-@import "./glass-refract.css";
-@import "./paper.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";
-@import "./scroll-driven.css";
-@import "./scroll-choreography.css";
-/* BG.W-SCROLL-SHRINK-UNIFY — the EXTERNALIZED <CardHeader shrink> scroll-shrink
-   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 "../components/card/card-scroll.css";
-@import "./scroll-chrome.css";
-@import "./view-transition.css";
-@import "./utilities.css";
-/* BA.W-MENU-GLASS — the glass menu-row + menu-section register. @import-ed AFTER
-   utilities.css (NOT the floating/transitions band the spec hinted) so the
-   `.glass-menu-row` `@layer components` hover/highlight rules source-order-WIN
-   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 "../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 "../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 "../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
-   position/inset/size ships in dist/glass-ui.css regardless of a consumer's Tailwind
-   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 "../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 "../components/icon-chip/styles.css";
-/* The thin, radius-following masked scroll-progress band. */
-@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
-   `--seal-draw`/`--seal-scale`/`--seal-glint`/`--seal-ink`, registered in
-   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 "../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
-   `transform: scaleX(0→1)` (or a `clip-path: inset()` wipe) on the NO-OVERSHOOT
-   arrival ease `--ease-out-expo`, at `--draw-in-duration = calc(0.52s * --motion-
-   tempo)` — categorically NOT a spring (a rule that overshoots past its own end reads
-   as jitter). Closes UF-G6 (the "ad-hoc, too bouncy" masthead divider); the demo
-   masthead rule + CompletionSeal + HandMark are its recorded members. Compositor-only,
-   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).
-
-   BA.W-EMISSION — re-pointed from the DEAD components-mirror glob (the prior
-   `../components` target). That glob resolved correctly in glass-ui's OWN build
-   (`src/styles/index.css` → `src/components` carries the real `.vue` source), but the
-   SHIPPED dist copy of this file (`dist/styles/index.css`) resolved `../components` to
-   `dist/components/` — a
-   directory that carries ONLY `.d.ts` mirror files (zero `.js`, zero `.vue`). The
-   compiled render-functions live FLAT at `dist/*.js`. So in every consumer that
-   re-imported this `@source` line, Tailwind scanned an empty dir and glass-ui's own
-   arbitrary utilities silently died (the P9 / valuejs-fold register-B class).
-
-   `../*.js` reaches the compiled render-functions PRECISELY in the SHIPPED context:
-   in dist it is `dist/*.js` (the 150+ flat compiled chunks that carry glass-ui's
-   utility class strings — the surface the dead `../components` mirror NEVER held).
-   In glass-ui's OWN source build it is `src/*.js` (empty — glass-ui's own components
-   compile their CSS through vite, not this `@source`), so the directive is a no-op
-   in the own-build and never scans the `src/` shader/`.ts` tree (a bare `../` glob
-   tripped Tailwind's dev candidate-extractor on the shader template strings —
-   `Missing opening (`). This directive is a BACKSTOP for a consumer that imports
-   this exact cascade file — the PRIMARY self-emission path is
-   `vite.style-assets.ts emitComponentUtilities` (P9), which ships glass-ui's
-   component-utility RULES build-independently into `dist/styles/components.css`.
-   Fully-arbitrary BRACKET utilities (`[max-height:…]`, `[--slider-track-height:…]`)
-   are rejected by that path's `classish` token filter AND are not reliably reachable
-   by a JIT scan, so every STRUCTURAL bracket utility (geometry/bounds/sizing) is
-   pre-compiled into shipped CSS instead — never load-bearing on any consumer's
-   content-scan reach. Locked by proof:emission. */
-@source "../*.js";