@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/components/header-ribbon/HeaderRibbon.vue.d.ts

@@ -1,31 +0,0 @@
-import type { HeaderRibbonProps } from "./types";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
-    pinned: boolean;
-    toggled: boolean;
-}, __VLS_7: {};
-type __VLS_Slots = {} & {
-    left?: (props: typeof __VLS_1) => any;
-} & {
-    items?: (props: typeof __VLS_3) => any;
-} & {
-    anchor?: (props: typeof __VLS_5) => any;
-} & {
-    items?: (props: typeof __VLS_7) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<HeaderRibbonProps, {
-    isPinned: import("vue").Ref<boolean, boolean>;
-    isExpanded: import("vue").Ref<boolean, boolean>;
-    isVisible: import("vue").ComputedRef<boolean>;
-    isToggled: import("vue").Ref<boolean, boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HeaderRibbonProps> & Readonly<{}>, {
-    placement: import("./types").HeaderRibbonPlacement;
-    hideTimeoutMs: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/header-ribbon/index.d.ts

@@ -1,2 +0,0 @@
-export { default as HeaderRibbon } from "./HeaderRibbon.vue";
-export type { HeaderRibbonPlacement, HeaderRibbonProps } from "./types";

package/dist/components/header-ribbon/types.d.ts

@@ -1,7 +0,0 @@
-export type HeaderRibbonPlacement = "left" | "right";
-export interface HeaderRibbonProps {
-    /** Side of the viewport the ribbon anchors against. Defaults to `"left"`. */
-    placement?: HeaderRibbonPlacement;
-    /** Milliseconds after the pointer leaves the ribbon before items collapse. Defaults to `2000`. */
-    hideTimeoutMs?: number;
-}

package/dist/components/icon-chip/IconChip.vue.d.ts

@@ -1,4 +0,0 @@
-import type { IconChipProps } from "./types";
-declare const __VLS_export: import("vue").DefineComponent<IconChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconChipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/icon-chip/index.d.ts

@@ -1,2 +0,0 @@
-export { default as IconChip } from "./IconChip.vue";
-export type { IconChipProps, IconChipIcon, IconChipSection, IconChipTone, } from "./types";

package/dist/components/icon-chip/styles.css

@@ -1 +0,0 @@
-@import "../../styles/glass/glass-atom.css"; @import "../../styles/glass/glass-chip.css"; :root { --icon-chip-glyph-ratio: 2.18; --icon-chip-duotone-fill: 18%; --icon-chip-plate-strength: 25%; --icon-chip-bloom-mix: 35%; --icon-chip-bloom-glow: 28%; --icon-chip-reveal-step: 60ms; } .icon-chip { --_icon-chip-floor: calc( var(--icon-chip-glyph-size, 22px) * var(--icon-chip-glyph-ratio) ); inline-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); block-size: max(var(--icon-chip-size, 48px), var(--_icon-chip-floor)); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-pill, 9999px); background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-plate-strength), transparent ); color: var(--icon-chip-event-color, var(--muted-foreground)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--duration-fast, 150ms) var(--ease-out); } .icon-chip__glyph { display: block; flex-shrink: 0; } .icon-chip--bare { inline-size: auto; block-size: auto; background-color: transparent; border-radius: 0; } .icon-chip--saturated { --icon-chip-plate-strength: 40%; } .icon-chip--glass { background-color: transparent; } @media (hover: hover) { .icon-chip--glass.icon-chip--bloom:hover { background-color: transparent; } } .icon-chip--duotone[data-duotone] svg, .icon-chip[data-duotone] .icon-chip__glyph { fill: color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-duotone-fill), transparent ); } @media (hover: hover) { .icon-chip--bloom:hover { background-color: color-mix( in srgb, var(--icon-chip-plate-color, var(--muted)) var(--icon-chip-bloom-mix), transparent ); box-shadow: 0 0 0 0.25rem color-mix( in srgb, var(--icon-chip-event-color, var(--muted-foreground)) var(--icon-chip-bloom-glow), transparent ); transform: scale(var(--icon-chip-bloom-scale, 1.06)); transition: background-color var(--duration-fast, 150ms) var(--ease-standard), box-shadow var(--duration-fast, 150ms) var(--ease-standard), transform var(--spring-smooth-duration) var(--spring-smooth); } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: 2; } } @media (prefers-reduced-motion: no-preference) { .icon-chip--reveal[data-reveal] { animation: icon-chip-reveal var(--spring-snappy-duration) var(--spring-snappy) both; animation-delay: calc(var(--d, 0) * var(--icon-chip-reveal-step)); } } @keyframes icon-chip-reveal { from { opacity: 0; transform: scale(0.85) translateY(0.25rem); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .icon-chip--bloom:hover { transform: none; } .icon-chip--bloom:hover .icon-chip__glyph { stroke-width: inherit; } .icon-chip--reveal[data-reveal] { animation: none; } }

package/dist/components/icon-chip/types.d.ts

@@ -1,92 +0,0 @@
-import type { Component, FunctionalComponent, HTMLAttributes } from "vue";
-/**
- * Permissive icon type — Vue's `Component` ships across multiple structurally
- * incompatible shapes (the @lucide/vue v1 functional-component form is one), so
- * we accept the union a `<component :is>` render expression handles. Mirrors the
- * `MetricCell` `IconLike` precedent (the AZ `isComponent` allowance).
- */
-export type IconChipIcon = Component | FunctionalComponent | object;
-/** A 0..12 index into the `--section-color-N` 13-stop ramp. */
-export type IconChipSection = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-/**
- * A complete token colour for the chip event (e.g. `var(--chart-download)`,
- * `var(--tier-featured)`) — the MetricCell-`iconColor` reconcile path. NEVER a
- * demo-local literal hue (ppmycota purple stays out of the library — the chip
- * `tone` arm takes a token).
- */
-export type IconChipTone = string;
-export interface IconChipProps {
-    /**
-     * The lucide glyph (functional-component form per the AZ `isComponent`
-     * precedent). Rendered via `<component :is>`.
-     */
-    icon: IconChipIcon;
-    /**
-     * The `--section-color-N` ramp index (0..12) — the section arm. XOR `tone`.
-     * When both are set, `tone` wins (the explicit complete-token override).
-     * Typed `number` for data-driven consumers (a `v-for` over a descriptor list
-     * with a `section: number` field); the 0..12 canonical range is the
-     * `IconChipSection` union the discovery layer publishes.
-     */
-    section?: number;
-    /**
-     * A complete token colour (the tone arm — the MetricCell-`iconColor`
-     * reconcile). XOR `section`.
-     */
-    tone?: IconChipTone;
-    /**
-     * The chip diameter in px — the FLOOR is `glyphSize × --icon-chip-glyph-ratio`
-     * so the plate can never paint under the glyph (the d2 proportion, structural).
-     * Default `48` (the reference register, 48/22 ≈ 2.18).
-     */
-    size?: number;
-    /** The lucide glyph pixel size. Default `22` (the reference register). */
-    glyphSize?: number;
-    /** The lucide glyph stroke width. Default `1.75` (the reference register). */
-    strokeWidth?: number;
-    /**
-     * The NO-PLATE register — render the full-chroma glyph with NO backplate
-     * (the MetricCell leading-glyph tint). The chip≤glyph floor is moot (no plate).
-     */
-    bare?: boolean;
-    /**
-     * Duotone fill — a low-alpha fill of the same hue UNDER the full-chroma
-     * stroke (the iOS/Material "filled-tonal" move). Mono-hue (proportion-safe,
-     * never a second hue). Default `false`.
-     */
-    duotone?: boolean;
-    /**
-     * The chip's own smooth-glass hover register (the backplate mix lifts, a soft
-     * glow ring appears, the stroke firms) — on the §6 easing doctrine (the GROW
-     * rides --spring-smooth, the color cross-fade the bezier), PRM-gated,
-     * disco-FREE. Default `false`.
-     */
-    bloom?: boolean;
-    /**
-     * The louder focal-pop vibrancy axis (BB.W-SUFFUSE3) — re-points the
-     * backplate `color-mix` strength off the 25% reference stop to ~40% (more
-     * chroma) via `--icon-chip-plate-strength`. STILL the ONE color event per
-     * surface (the same event, louder — proof:suffuse d3 counts the event family,
-     * not the saturation); the `in srgb` space + the chip≤glyph ratio are
-     * untouched. Default `false` (byte-identical to the reference register).
-     */
-    saturated?: boolean;
-    /**
-     * The QUIET glass register (BD.W-GLASS-ATOM-REGISTER cross-link). The DEFAULT
-     * chip keeps its loud `in srgb` brand-overlay plate (AW.W26 fence); this opt-in
-     * routes the chip through the shared `.glass-atom` warm-glass capsule instead —
-     * a transmissive lozenge with the warm floor + the `--glass-blur-quiet` backdrop
-     * + the keyed rim, tinted by `--glass-fill-tint` toward the event hue. Two
-     * registers, exactly like Badge: loud brand pop (default) vs quiet glass lens
-     * (opt-in). Default `false`.
-     */
-    glass?: boolean;
-    /**
-     * Entrance choreography — composes the shipped `vReveal` directive. A numeric
-     * value is the `--d` stagger index; `true` is index 0. PRM-gated by `vReveal`'s
-     * construction. Default `false`.
-     */
-    reveal?: boolean | number;
-    /** Pass-through class on the chip root. */
-    class?: HTMLAttributes["class"];
-}

package/dist/components/icon-tooltip/IconTooltip.vue.d.ts

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    text: string;
-};
-declare var __VLS_20: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_20) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/icon-tooltip/index.d.ts

@@ -1 +0,0 @@
-export { default as IconTooltip } from "./IconTooltip.vue";

package/dist/components/instrument-chassis/ChassisDivider.vue.d.ts

@@ -1,30 +0,0 @@
-import type { HTMLAttributes } from "vue";
-/**
- * <ChassisDivider> — twin-line hairline groove, the chassis signature detail.
- *
- * Two 1px lines stacked: top reads as a sub-pixel catch-light, bottom as a
- * sub-pixel under-shadow. Together they describe a hairline groove between
- * stacked instrument panels — the Braun T-1000 / Bang & Olufsen at-rest
- * vocabulary the chassis carries throughout.
- *
- * Orientation flips the geometry from a horizontal divider (default — the
- * dividers between strip / dial / control regions) to a vertical groove
- * (the desktop divider between the dial canvas and the readout column).
- * Mobile inverts the dial-region divider via the chassis stylesheet's
- * `@media (max-width: 720px)` rule; the orientation prop carries no
- * runtime cost there.
- *
- * AI.W1-γ host-prefix alignment: renamed from `RegionDivider` →
- * `ChassisDivider` so the instrument-chassis family's signature detail
- * carries the family-root prefix (matching `InstrumentChassis`,
- * `instrument-chassis.css`).
- */
-type __VLS_Props = {
-    orientation?: "horizontal" | "vertical";
-    class?: HTMLAttributes["class"];
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/instrument-chassis/InstrumentChassis.vue.d.ts

@@ -1,97 +0,0 @@
-import type { HTMLAttributes } from "vue";
-export type InstrumentChassisPhase = "ready" | "ping" | "download" | "upload" | "jitter" | "complete";
-/**
- * The chassis register discriminator.
- *
- * - `"glass"` (default) — the canonical chassis surface. Reads the resting
- *   glass tier plus the `--glass-curvature-overlay`, the engraved-bezel
- *   inner stroke, and the phase-color tint cascade. Every speedtest /
- *   survey / thank-you consumer at HEAD lands here.
- *
- * - `"spine"` (AL-W1-α augmented; per AL-X5 §4.1) — the HOUSING register.
- *   Polished SLEEVE, not glass: NO `backdrop-filter`, NO plate opacity,
- *   hairline outer stroke at `--glass-spine-border`, interior radial
- *   vignette that subtly carries the phase-color cascade. Inset from the
- *   viewport by `clamp(0.5rem, 2vw, 1.25rem)` so the chassis edge sits
- *   beyond an inner card's outer edge. Closes the AK W2 chassis-spine
- *   architectural underclaim. Consumed at quiet-content App-level
- *   mounts (the inner card paints its own glass tier — the spine is
- *   the housing that frames it).
- *
- * - `"structure"` (BA.W-ATLAS-RECONCILE C-3) — the SILVER structure-metal
- *   register. A cool polished-steel milled-panel read: the engraved bezel +
- *   the structural grooves re-point to the `--silver` quad (the gold quad's
- *   cool mirror) instead of the warm-cream `--surface-tint-*` default, so the
- *   chassis reads as an INDUSTRIAL precision-instrument housing — the cool-metal
- *   twin of the warm-gold "complete"-phase affirmation the chassis ships by
- *   DEFAULT (the `--phase-complete-color` consumer token defaults to gold;
- *   BB.W-PHASE-PALETTE — a consumer may re-ink completion). The phase cascade stays
- *   orthogonal (a `structure` chassis still retints on `data-phase`); only the
- *   structure-metal recipe forks. The silver is the W-NO-GRAY named cool-neutral
- *   exception. Consumer #2 of the silver quad (the atlas's structure surface is
- *   consumer #1).
- */
-export type InstrumentChassisVariant = "glass" | "spine" | "structure";
-/**
- * <InstrumentChassis> — single glass surface composing strip / dial / control
- * regions, glued together by twin-line hairline grooves.
- *
- * The default `dial` slot always renders (the chassis's primary content).
- * The optional `strip` (header) and `control` (footer) slots — together with
- * the `<ChassisDivider>` adjacent to each — emit markup only when bound.
- * I gate `<header>`, `<footer>`, and the two dividers on `$slots.strip` /
- * `$slots.control` presence, so empty-slot consumers don't have to suppress
- * the markup with `display: none` overrides — the `v-if="$slots.status"`
- * slot-gating idiom.
- *
- * The chassis owns the `--phase-color` cascade via `data-phase`; phase label,
- * hero number, and phase progress fill all read it through one CSS custom
- * property, no per-element listener wiring.
- *
- * The chassis carries the engraved-bezel `::before` stroke and the
- * radial-gradient curvature overlay — both are chassis character, persistent
- * at all phases. Disco accents (specular swap, sparkle, phase-glow,
- * disco-grain) are reserved for interactive moments; see `instrument-chassis.css`
- * for the reservation rules.
- *
- * The `variant` prop discriminates the surface register (see
- * `InstrumentChassisVariant` above). The phase cascade (`data-phase`) is
- * orthogonal to the variant — both registers retint identically; only the
- * surface recipe forks.
- *
- * Consumers slot their own region content. Speedtest, survey, and thank-you
- * all consume this same component; the slots vary per route.
- */
-type __VLS_Props = {
-    /** Active phase. Drives the `--phase-color` cascade across the chassis. */
-    phase?: InstrumentChassisPhase;
-    /**
-     * Surface register. Defaults to `"glass"` (the canonical chassis
-     * plate). Pass `"spine"` at App-level mount paths to get the
-     * housing register (polished sleeve, no backdrop-filter, interior
-     * vignette + hairline outer stroke). Pass `"structure"` for the
-     * silver milled-panel register (cool polished-steel bezel + grooves;
-     * BA.W-ATLAS-RECONCILE C-3).
-     */
-    variant?: InstrumentChassisVariant;
-    class?: HTMLAttributes["class"];
-};
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {};
-type __VLS_Slots = {} & {
-    strip?: (props: typeof __VLS_1) => any;
-} & {
-    dial?: (props: typeof __VLS_8) => any;
-} & {
-    control?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: InstrumentChassisVariant;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/instrument-chassis/index.d.ts

@@ -1,3 +0,0 @@
-export { default as InstrumentChassis } from "./InstrumentChassis.vue";
-export { default as ChassisDivider } from "./ChassisDivider.vue";
-export type { InstrumentChassisPhase, InstrumentChassisVariant, } from "./InstrumentChassis.vue";

package/dist/components/instrument-chassis/styles.css

@@ -1 +0,0 @@
-@layer components { .instrument-chassis { position: relative; display: flex; flex-direction: column; background: var(--glass-curvature-overlay, none), color-mix( in oklab, var(--glass-bg-chassis), var(--phase-color, var(--muted-foreground)) var(--phase-tint-amount, 0%) ); transition: --phase-tint-amount var(--motion-duration-phase-handoff, 600ms) var(--motion-ease-standard); -webkit-backdrop-filter: var(--glass-blur-quiet); backdrop-filter: var(--glass-blur-quiet); border: 1px solid var(--glass-border-wash); border-radius: var(--radius-card); box-shadow: var(--glass-shadow-quiet), inset 0 -0.5px 0 0 rgb(0 0 0 / 0.06); overflow: hidden; --phase-color: var(--muted-foreground); --phase-color-label: var(--muted-foreground); --phase-complete-color: var(--color-gold); --phase-complete-color-label: var(--color-gold-dark, var(--color-gold)); container: chassis / inline-size; } .dark .instrument-chassis { background: var(--glass-curvature-overlay-dark, var(--glass-curvature-overlay, none)), color-mix( in oklab, var(--glass-bg-chassis), var(--phase-color, var(--muted-foreground)) var(--phase-tint-amount, 0%) ); } .instrument-chassis::before { content: ""; position: absolute; inset: 0.5px; border-radius: calc(var(--radius-card) - 0.5px); border: 1px solid var(--surface-tint-4); pointer-events: none; z-index: 1; } .dark .instrument-chassis::before { border-color: var(--surface-tint-6); } .instrument-chassis[data-variant="spine"] { background: var(--glass-spine-vignette); -webkit-backdrop-filter: none; backdrop-filter: none; border: 1px solid var(--glass-spine-border); box-shadow: var(--glass-under-shadow-spine); margin: clamp(0.5rem, 2vw, 1.25rem); } .instrument-chassis[data-variant="spine"]::before { display: none; } .instrument-chassis[data-variant="structure"] { border-color: color-mix(in oklab, var(--color-silver-dark) 55%, transparent); } .instrument-chassis[data-variant="structure"]::before { border-color: color-mix(in oklab, var(--color-silver-light) 60%, transparent); } .dark .instrument-chassis[data-variant="structure"]::before { border-color: color-mix(in oklab, var(--color-silver) 40%, transparent); } .instrument-chassis[data-variant="structure"] { --twin-line-catch: color-mix( in oklab, var(--color-silver-light) 50%, transparent ); --twin-line-shadow: color-mix( in oklab, var(--color-silver-dark) 40%, transparent ); } .instrument-chassis[data-phase="ping"] { --phase-color: var(--chart-ping, var(--viz-chebyshev)); --phase-color-label: var( --chart-ping-label, var(--chart-ping, var(--viz-chebyshev)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="download"] { --phase-color: var(--chart-download, var(--viz-fourier)); --phase-color-label: var( --chart-download-label, var(--chart-download, var(--viz-fourier)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="upload"] { --phase-color: var(--chart-upload, var(--viz-amber)); --phase-color-label: var( --chart-upload-label, var(--chart-upload, var(--viz-amber)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="jitter"] { --phase-color: var(--chart-jitter, var(--viz-legendre)); --phase-color-label: var( --chart-jitter-label, var(--chart-jitter, var(--viz-legendre)) ); --phase-tint-amount: var(--phase-tint-peak); } .instrument-chassis[data-phase="complete"] { --phase-color: var(--phase-complete-color); --phase-color-label: var(--phase-complete-color-label); --phase-tint-amount: var(--phase-tint-peak); } @media (prefers-reduced-motion: reduce) { .instrument-chassis { transition: none; } } .instrument-strip { position: relative; display: flex; align-items: center; gap: var(--instrument-strip-gap, 0.75rem); padding: var(--instrument-strip-padding-block, 0.875rem) var(--instrument-strip-padding-inline, 1.25rem); z-index: 2; } .instrument-dial { position: relative; display: grid; grid-template-columns: var( --instrument-dial-columns, minmax(0, 1.2fr) 1px minmax(0, 1fr) ); align-items: center; gap: var(--instrument-dial-gap, 1.5rem); padding: var(--instrument-dial-padding-block, 1.5rem) var(--instrument-dial-padding-inline, 1.5rem); z-index: 2; } .instrument-control { position: relative; display: flex; align-items: center; gap: var(--instrument-control-gap, 0.5rem); padding: var(--instrument-control-padding-block, 0.875rem) var(--instrument-control-padding-inline, 1.25rem); z-index: 2; } .chassis-divider { @apply twin-line-divider; flex-shrink: 0; position: relative; background: transparent; z-index: 2; pointer-events: none; } .chassis-divider--horizontal { display: flex; flex-direction: column; height: 2px; width: 100%; } .chassis-divider--vertical { display: flex; flex-direction: row; width: 2px; height: var(--chassis-divider-vertical-height, 70%); align-self: center; justify-self: center; } .bezel-line { display: block; flex-shrink: 0; } .chassis-divider--horizontal .bezel-line { height: 1px; width: 100%; } .chassis-divider--vertical .bezel-line { width: 1px; height: 100%; } .bezel-line.top { background: var(--twin-line-catch); } .bezel-line.bottom { background: var(--twin-line-shadow); } .instrument-chassis .dial-divider { align-self: stretch; } @container chassis (max-width: 44.9375rem) { .instrument-chassis .instrument-dial { grid-template-columns: 1fr; grid-template-rows: var(--instrument-dial-meter-reserve-mobile, minmax(0, 1fr)) auto auto; min-height: var(--instrument-dial-min-height-mobile, 24rem); gap: var(--instrument-dial-gap-mobile, 1.5rem); } .instrument-chassis .instrument-dial .dial-divider, .instrument-chassis .instrument-dial .chassis-divider--vertical { flex-direction: column; width: 70%; height: 2px; margin-inline: auto; } .instrument-chassis .instrument-dial .dial-divider .bezel-line, .instrument-chassis .instrument-dial .chassis-divider--vertical .bezel-line { width: 100%; height: 1px; } } @container chassis (min-width: 45rem) { .instrument-chassis .instrument-dial { min-block-size: var( --instrument-dial-min-block-size-desktop, var(--chassis-max-block-size) ); } } }

package/dist/components/labeled-field/LabeledSelect.vue.d.ts

@@ -1,26 +0,0 @@
-type __VLS_Props = {
-    modelValue: string;
-    isOpen: boolean;
-    items: readonly string[];
-    descriptions?: Record<string, string>;
-    label: string;
-    tooltip: string;
-    labelClass?: string;
-    /** AQ.W4 §W4.5 — thread the required-field asterisk onto the label. */
-    required?: boolean;
-    /**
-     * AZ.W-BLOB-REDRESS — render the label `sr-only` (kept for a11y, hidden
-     * visually) when an enclosing chrome row (a `<ConfiguratorRow>`) already
-     * supplies the visible human label. Avoids the double-label leak.
-     */
-    hideLabel?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/liquid-grid/LiquidGrid.vue.d.ts

@@ -1,46 +0,0 @@
-import type { LiquidGridConfig } from "./constants";
-import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
-/**
- * LiquidGrid — a liquid AA-grid: evenly-spaced LARGER lines on a slowly breathing
- * curl-flow sheet.
- *
- * A calm engineering-graph-liquid grid (evenly-spaced, LARGE cells, a crisp fine rule with
- * a bolder major rule every 5 cells) drawn on a slowly breathing liquid sheet — adjacent
- * lines bow and flow TOGETHER as if the grid is ruled on a gently rippling pond, never a
- * per-line jitter. WebGPU-FIRST: a pure fullscreen fragment pass (the aurora/concentric
- * shape-class) computes the grid at a curl-warped coordinate per pixel via the Ben Golus
- * derivative-AA distance function (constant device-pixel-crisp lines, the CSS-blur kill),
- * the Iñigo Quílez domain warp (the "liquid"), and the Bridson divergence-free curl flow
- * (WHY it's liquid not noise). It composes `useLiquidGrid` → the `createGpuSubstrate` picker
- * over the ONE canvas lifecycle leaf (offscreen-pause, live-PRM freeze, consumer-owned DPR)
- * — it never bootstraps its own context.
- *
- * The DEFAULT line ink is the warm-cream `--foreground` library identity (resolved live at
- * mount); the demo themes it through a PRESET (presets-in-consumers — never a library
- * token). The grid suffuses over the page (transparent ground) — teal-on-navy is gone.
- */
-type __VLS_Props = {
-    /** The full author schema (the studio's `useConfiguratorState` model). */
-    config?: LiquidGridConfig;
-    /**
-     * The declarative WCAG-2.2.2 pause seam. `v-model:paused` parks the render loop
-     * (the substrate's `manual` suspend) when `true`. Wire `<DockBackgroundToggle>`'s
-     * `@update:paused` to this `v-model`.
-     */
-    paused?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    pause: () => void;
-    resume: () => void;
-    wake: () => void;
-    renderAt: (timeSec: number) => void;
-    rendererStatus: Readonly<import("vue").Ref<RendererStatus, RendererStatus>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    rendererStatus: (status: RendererStatus) => any;
-    "update:paused": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRendererStatus?: ((status: RendererStatus) => any) | undefined;
-    "onUpdate:paused"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/liquid-grid/composables/liquidGrid.d.ts

@@ -1,113 +0,0 @@
-/** A 2-vector. */
-export interface Vec2 {
-    x: number;
-    y: number;
-}
-/** The curl central-difference epsilon (matches `flow.glsl.ts` / `flow.wgsl.ts`). */
-export declare const CURL_EPS = 0.012;
-/**
- * BG.W-GRID-AFFINE — the liquid-grid curl-sampling spatial frequency (in CELL units).
- * `g0 = uv · gridScale` is CELL-scale (span ~14–40 cells), so the warp must sample the curl
- * potential at a frequency an ORDER OF MAGNITUDE below the grid frequency for the warp to be
- * locally affine at the cell scale — the sheet bows as ONE smooth curve (base wavelength 1/0.03 ≈
- * 33 cells), never the sub-cell crackle a cell-scale `~1` frequency produced. Concentric's own
- * `waveFlow` call passes the unit-scale `0.6` (its `p` is unit-scale). The shaders carry the same
- * `0.03` literal (the round-trip fence). NOT a config tunable — the affine-frequency FLOOR.
- */
-export declare const LIQUID_GRID_WARP_FREQ = 0.03;
-/** A 3-octave scalar fbm potential (the host noise basis the curl operator wraps). */
-export declare function potentialFBM(p: Vec2): number;
-/** The 2D curl of the scalar fbm potential (the JS twin of `curlFBM`). */
-export declare function curlFBM(p: Vec2): Vec2;
-/**
- * The Ben Golus derivative-AA grid line coverage at `g` (grid space). `targetWidth` is the
- * desired line half-width in GRID UNITS (the caller passes `lineWidthPx / minorPitchPx` so
- * the line is N device-pixels wide); `uvDeriv` is the per-axis screen-space derivative of
- * `g` (in the shaders `length(vec2(dFdx(g), dFdy(g)))`; in JS the caller passes it
- * analytically so the path is reproducible). Returns line coverage [0..1].
- *
- * The Golus pipeline (transcribed by the WGSL/GLSL EXACTLY):
- *   gridUV   = 1 − |fract(g)·2 − 1|                 (triangle wave: 0 at line, 1 at center)
- *   drawW    = clamp(targetWidth, uvDeriv, 0.5)
- *   lineAA   = uvDeriv·1.5
- *   grid2    = smoothstep(drawW+lineAA, drawW−lineAA, gridUV)
- *   grid2   *= clamp(targetWidth/drawW, 0, 1)        (preserve thin-line intensity)
- *   grid2    = mix(grid2, targetWidth, clamp(uvDeriv·2−1, 0, 1))   (Moiré suppression)
- *   line     = max(grid2.x, grid2.y)
- */
-export declare function gridCoverage(g: Vec2, targetWidth: number, uvDeriv: Vec2): number;
-/**
- * The complete liquid-grid sample at a domain `uv` (the round-trip anchor). Composes the
- * warp + the bulge + the two-tier Golus coverage EXACTLY as the WGSL/GLSL `fs_main` does,
- * returning the premultiplied-alpha (the page reads through the troughs). `uvDeriv` is the
- * FIXED analytic per-axis derivative (JS has no fragment derivatives); the shaders compute
- * it from `dpdx`/`dpdy`. Returns `{ line, alpha }` — the line coverage + the global alpha.
- */
-export interface LiquidGridSampleParams {
-    /** The grid scale (view / minorPitch → LARGER cells = smaller scale). */
-    gridScale: number;
-    /** The traveling-wave front direction. */
-    waveDir: Vec2;
-    /** The crest-band spatial frequency. */
-    waveK: number;
-    /** The front speed (ω). */
-    waveOmega: number;
-    /** The crest-band width. */
-    waveSigma: number;
-    /** The affine sheet-warp displacement magnitude at the crest (grid units). */
-    twistMax: number;
-    /** The spring-eased envelope amplitude (0..1; PRM snaps to 0). */
-    amp: number;
-    /** The cursor in GRID space. */
-    cursor: Vec2;
-    /** The cursor-swirl peak twist (rad). */
-    bulgeStrength: number;
-    bulgeRadius: number;
-    /** +1 repel, −1 attract (signs the swirl). */
-    bulgeMode: number;
-    /** 1 = cursor swirl on. */
-    interactive: number;
-    /** Golus target half-widths in grid units (minor + major). */
-    targetWidth: number;
-    targetWidthMajor: number;
-    /** How many minor cells per major rule. */
-    majorEvery: number;
-    minorAlpha: number;
-    majorAlpha: number;
-    /** The GLOBAL subtlety knob (suffusion → tiny). */
-    fieldAlpha: number;
-    /** The FIXED per-axis derivative (the JS round-trip; shaders use dpdx/dpdy). */
-    uvDeriv: Vec2;
-    /** The filled-FACE opacity (0 → the face evaporates → byte-identical to HEAD). */
-    faceAlpha?: number;
-    /** The slope-shade ∇H Lambert gain. */
-    faceReliefGain?: number;
-    /** The volume-preserving squash (the inset retreats at the crest). */
-    squashK?: number;
-    /** The base inset-square coverage. */
-    baseInset?: number;
-    /** The fixed cel key-light direction. */
-    lightDir?: Vec2;
-}
-/** The face-shade scalars the FACE composite reads (the numeric-parity witness — FOLD B/C/D). */
-export interface LiquidGridFace {
-    /** The crest envelope at the pre-twist driver cc (FOLD A). */
-    env: number;
-    /** The sheet height at the driver cc (= env; the named leaf scalar). */
-    h: number;
-    /** The Lambert slope-shade [0,1] against the fixed key-light. */
-    shade: number;
-    /** The squashed inset-square face coverage [0,1]. */
-    faceCov: number;
-    /** The composited face alpha (FOLD D — face·faceAlpha·fieldAlpha, NO h-term). */
-    faceA: number;
-    /** The ramp parameter mix(shade, h) keying the multi-stop warm-divergent ink (FOLD B). */
-    rampT: number;
-}
-export declare function sampleLiquidGrid(uv: Vec2, t: number, p: LiquidGridSampleParams): {
-    line: number;
-    alpha: number;
-    face: LiquidGridFace;
-};
-/** The grid scale from the view + minor pitch (LARGER cells = smaller scale). */
-export declare function gridScaleFor(viewExtentPx: number, minorPitchPx: number): number;

package/dist/components/liquid-grid/composables/liquidGridGLSetup.d.ts

@@ -1,18 +0,0 @@
-import type { WebGLCanvasFrame } from "../../../composables/glass/webgl/useWebGLCanvas";
-import type { LiquidGridConfig } from "../constants";
-import { type Vec2 } from "./liquidGrid";
-export interface LiquidGridGLSetupDeps {
-    canvas: HTMLCanvasElement;
-    config: LiquidGridConfig;
-    getCursor: () => Vec2;
-    /** The spring-eased traveling-wave envelope amplitude (0..1; PRM → 0). */
-    getAmp: () => number;
-    shouldContinue: () => boolean;
-    /**
-     * The per-frame pointer hook — useLiquidGrid advances the shared pointer field + derives
-     * the transient cursor here (the no-own-rAF discipline). ZERO own rAF.
-     */
-    onFrame?: (timeSec: number) => void;
-}
-/** Build the `setupGL(gl)` callback the `createGpuSubstrate` WebGL2 path invokes. */
-export declare function createLiquidGridGLSetup(deps: LiquidGridGLSetupDeps): (gl: WebGL2RenderingContext) => WebGLCanvasFrame;

package/dist/components/liquid-grid/composables/liquidGridWGPUSetup.d.ts

@@ -1,21 +0,0 @@
-import type { WebGPUCanvasFrame } from "../../../composables/glass/webgpu/useWebGPUCanvas";
-import type { LiquidGridConfig } from "../constants";
-import type { Vec2 } from "./liquidGrid";
-export interface LiquidGridWGPUSetupDeps {
-    canvas: HTMLCanvasElement;
-    config: LiquidGridConfig;
-    /** The transient pointer cursor in GRID space — re-read each frame (the cursor swirl). */
-    getCursor: () => Vec2;
-    /** The spring-eased traveling-wave envelope amplitude (0..1; PRM → 0). */
-    getAmp: () => number;
-    /** Demand-gate (the renderer's quiescence layer — substrate-agnostic). */
-    shouldContinue: () => boolean;
-    /**
-     * The per-frame pointer hook — useLiquidGrid advances the shared `usePointerVelocityField`
-     * here (the no-own-rAF discipline: the renderer's frame loop FEEDS `tick(delta)`) and
-     * derives the transient cursor. ZERO own rAF.
-     */
-    onFrame?: (timeSec: number) => void;
-}
-/** Build the liquid-grid `setupWGPU(device, context, format)` callback. */
-export declare function createLiquidGridWGPUSetup(deps: LiquidGridWGPUSetupDeps): (device: GPUDevice, context: GPUCanvasContext, format: GPUTextureFormat) => WebGPUCanvasFrame;

package/dist/components/liquid-grid/composables/uniformBridgeWGPU.d.ts

@@ -1,16 +0,0 @@
-import type { LiquidGridConfig } from "../constants";
-import type { Vec2 } from "./liquidGrid";
-export declare const LIQUID_GRID_UNIFORM_BYTES = 224;
-export interface LiquidGridUniformScratch {
-    buffer: ArrayBuffer;
-    f32: Float32Array;
-}
-export declare function createLiquidGridScratch(): LiquidGridUniformScratch;
-/**
- * Pack the liquid-grid uniforms in place. `viewExtentPx` is the canvas backing-store extent
- * the grid scale derives from (so the cell pitch is honest in device px); `cursor` is the
- * transient pointer in GRID space (the renderer derives it from `usePointerVelocityField`);
- * `aspect` corrects the domain x. The line ink resolves the warm `--foreground` identity
- * (the demo themes it via a preset, never a token edit).
- */
-export declare function packLiquidGridUniforms(scratch: LiquidGridUniformScratch, config: LiquidGridConfig, timeSec: number, aspect: number, viewExtentPx: number, cursor: Vec2, amp: number): LiquidGridUniformScratch;

package/dist/components/liquid-grid/composables/useLiquidGrid.d.ts

@@ -1,32 +0,0 @@
-import { type Ref } from "vue";
-import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
-import type { LiquidGridConfig } from "../constants";
-export interface UseLiquidGridOptions {
-    config: LiquidGridConfig;
-    /** `"capture"` → renderAt-only (the deterministic π capture path). Default `"live"`. */
-    mode?: "live" | "capture";
-}
-/** The uniform handle a consumer wires its lifecycle against (backend-agnostic). */
-export interface LiquidGridHandle {
-    /** The resolved backend (`"webgpu"` where supported, else the WebGL2 GLSL fallback). */
-    readonly backend: GpuBackend;
-    /** Park the loop (the WCAG-2.2.2 pause seam — `DockBackgroundToggle` wires this). */
-    pause: () => void;
-    /** Re-arm the loop. */
-    resume: () => void;
-    /** Re-arm a parked loop on demand (a pointer that re-introduced motion). */
-    wake: () => void;
-    /** Draw one frame out-of-loop (capture / thumbnail). */
-    renderAt: (timeSec: number) => void;
-    /** The live `prefers-reduced-motion: reduce` state. */
-    readonly reducedMotion: boolean;
-    readonly rendererStatus: Readonly<Ref<RendererStatus>>;
-    /** Tear down the renderer + release GPU/GL resources. */
-    dispose: () => void;
-}
-/**
- * Mount the liquid-grid renderer on `canvasRef`. The WebGPU primary + the WebGL2 fallback are
- * BOTH pure fullscreen fragment passes evaluating the SAME liquid grid (the ONE math source
- * `liquidGrid.ts`), so the picker is the only seam. Returns the uniform lifecycle handle.
- */
-export declare function useLiquidGrid(canvasRef: Ref<HTMLCanvasElement | null>, options: UseLiquidGridOptions): LiquidGridHandle;