@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/components/input/Input.vue.d.ts

@@ -1,37 +1,12 @@
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { type ControlSize } from '../_shared/useControlSize';
+import type { InputProps } from "./types";
+declare const __VLS_export: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    size: import("../_shared").ControlSize;
+    invalid: boolean;
+    type: "email" | "password" | "search" | "tel" | "text" | "url";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    defaultValue?: string | number;
-    modelValue?: string | number;
-    class?: HTMLAttributes["class"];
-    size?: ControlSize;
-    type?: InputHTMLAttributes["type"];
-    placeholder?: InputHTMLAttributes["placeholder"];
-    disabled?: InputHTMLAttributes["disabled"];
-    required?: InputHTMLAttributes["required"];
-    inputmode?: InputHTMLAttributes["inputmode"];
-    autocomplete?: string;
-    pattern?: InputHTMLAttributes["pattern"];
-    name?: InputHTMLAttributes["name"];
-    readonly?: InputHTMLAttributes["readonly"];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (payload: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    defaultValue?: string | number;
-    modelValue?: string | number;
-    class?: HTMLAttributes["class"];
-    size?: ControlSize;
-    type?: InputHTMLAttributes["type"];
-    placeholder?: InputHTMLAttributes["placeholder"];
-    disabled?: InputHTMLAttributes["disabled"];
-    required?: InputHTMLAttributes["required"];
-    inputmode?: InputHTMLAttributes["inputmode"];
-    autocomplete?: string;
-    pattern?: InputHTMLAttributes["pattern"];
-    name?: InputHTMLAttributes["name"];
-    readonly?: InputHTMLAttributes["readonly"];
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/input/index.d.ts

@@ -1 +1,2 @@
-export { default as Input } from './Input.vue';
+export { default as Input } from "./Input.vue";
+export type { InputProps } from "./types";

package/dist/components/input/types.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, InputHTMLAttributes } from "vue";
+import type { ControlSize } from "../_shared/control-size";
+export interface InputProps {
+    autocomplete?: string;
+    class?: HTMLAttributes["class"];
+    defaultValue?: string | number;
+    disabled?: boolean;
+    enterkeyhint?: InputHTMLAttributes["enterkeyhint"];
+    form?: string;
+    inputmode?: InputHTMLAttributes["inputmode"];
+    invalid?: boolean;
+    maxlength?: InputHTMLAttributes["maxlength"];
+    minlength?: InputHTMLAttributes["minlength"];
+    modelValue?: string | number;
+    name?: string;
+    pattern?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    size?: ControlSize;
+    type?: "email" | "password" | "search" | "tel" | "text" | "url";
+}

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

@@ -1,91 +1,17 @@
-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: {};
+import type { InstrumentChassisBoundary, InstrumentChassisProps } from "./types";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
-    strip?: (props: typeof __VLS_1) => any;
+    stage?: (props: typeof __VLS_1) => any;
 } & {
-    dial?: (props: typeof __VLS_8) => any;
+    inspector?: (props: typeof __VLS_3) => any;
 } & {
-    control?: (props: typeof __VLS_15) => any;
+    action?: (props: typeof __VLS_5) => 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;
+declare const __VLS_base: import("vue").DefineComponent<InstrumentChassisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InstrumentChassisProps> & Readonly<{}>, {
+    state: import("./types").InstrumentChassisState;
+    reserve: import("./types").InstrumentChassisReserve;
+    proportion: import("./types").InstrumentChassisProportion;
+    boundaries: readonly InstrumentChassisBoundary[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,3 +1,2 @@
 export { default as InstrumentChassis } from "./InstrumentChassis.vue";
-export { default as ChassisDivider } from "./ChassisDivider.vue";
-export type { InstrumentChassisPhase, InstrumentChassisVariant, } from "./InstrumentChassis.vue";
+export type { InstrumentChassisBoundary, InstrumentChassisProportion, InstrumentChassisProps, InstrumentChassisReserve, InstrumentChassisState, } from "./types";

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

@@ -0,0 +1 @@
+@layer components { .instrument-chassis { --instrument-tone: var(--muted-foreground); --instrument-state-tint: 0%; --instrument-dial-padding-inline: clamp(1rem, 3cqi, 1.5rem); --instrument-dial-padding-block: clamp(1rem, 3cqi, 1.5rem); --instrument-dial-gap: clamp(1rem, 3cqi, 1.5rem); --instrument-control-padding-inline: clamp(1rem, 3cqi, 1.5rem); --instrument-control-padding-block: clamp(0.75rem, 2cqi, 0.875rem); --instrument-control-gap: calc(var(--spacing) * 2); --instrument-title-gap: calc( var(--instrument-dial-padding-inline, 1.5rem) / 2.618 ); --instrument-boundary-catch: rgb(255 255 255 / 0.1); --instrument-boundary-shadow: rgb(0 0 0 / 0.12); container-type: inline-size; position: relative; overflow: clip; border: 1px solid var(--glass-border-wash); border-radius: var(--radius-card); background: var(--glass-curvature-overlay, none), color-mix( in oklab, var(--glass-bg-chassis), var(--instrument-tone) var(--instrument-state-tint) ); box-shadow: var(--glass-shadow-quiet), inset 0 1px 0 var(--surface-tint-6), inset 0 -0.5px 0 rgb(0 0 0 / 0.06); -webkit-backdrop-filter: var(--glass-blur-quiet); backdrop-filter: var(--glass-blur-quiet); transition: border-color var(--duration-normal) var(--ease-standard); } .instrument-chassis[data-state="active"] { --instrument-state-tint: 6%; border-color: color-mix( in oklab, var(--instrument-tone) 24%, var(--glass-border-wash) ); } .instrument-chassis[data-state="complete"] { --instrument-state-tint: 9%; border-color: color-mix( in oklab, var(--instrument-tone) 32%, var(--glass-border-wash) ); } .instrument-chassis[data-state="loading"] { --instrument-state-tint: 3%; } .dark .instrument-chassis { --instrument-boundary-catch: rgb(255 255 255 / 0.06); --instrument-boundary-shadow: rgb(0 0 0 / 0.18); } .instrument-composition { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--instrument-dial-gap); padding: var(--instrument-dial-padding-block) var(--instrument-dial-padding-inline); } .instrument-chassis[data-proportion="golden"] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 61.8033989fr) minmax(0, 38.1966011fr); } .instrument-chassis[data-proportion="preview-dominant"] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 66.6666667fr) minmax(0, 33.3333333fr); } .instrument-stage, .instrument-inspector { min-inline-size: 0; } .instrument-composition[data-boundary] .instrument-inspector { box-shadow: inset 1px 0 0 var(--instrument-boundary-catch), inset 2px 0 0 var(--instrument-boundary-shadow); } .instrument-action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--instrument-control-gap); padding: var(--instrument-control-padding-block) var(--instrument-control-padding-inline); } .instrument-action[data-boundary] { box-shadow: inset 0 1px 0 var(--instrument-boundary-catch), inset 0 2px 0 var(--instrument-boundary-shadow); } .instrument-chassis:is([data-reserve="stage"], [data-reserve="both"]) .instrument-stage { min-block-size: var(--instrument-stage-reserve, 0px); } .instrument-chassis:is([data-reserve="inspector"], [data-reserve="both"]) .instrument-inspector { min-block-size: var(--instrument-inspector-reserve, 0px); } @container (max-width: 44.9375rem) { .instrument-chassis[data-proportion] .instrument-composition[data-has-inspector] { grid-template-columns: minmax(0, 1fr); } .instrument-composition[data-boundary] .instrument-inspector { box-shadow: inset 0 1px 0 var(--instrument-boundary-catch), inset 0 2px 0 var(--instrument-boundary-shadow); } } @media (prefers-reduced-motion: reduce) { .instrument-chassis { transition: none; } } }

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "vue";
+export type InstrumentChassisState = "ready" | "active" | "complete" | "loading";
+export type InstrumentChassisProportion = "golden" | "preview-dominant";
+export type InstrumentChassisBoundary = "stage-inspector" | "inspector-action";
+export type InstrumentChassisReserve = "none" | "stage" | "inspector" | "both";
+export interface InstrumentChassisProps {
+    state?: InstrumentChassisState;
+    tone?: string;
+    proportion?: InstrumentChassisProportion;
+    boundaries?: readonly InstrumentChassisBoundary[];
+    reserve?: InstrumentChassisReserve;
+    class?: HTMLAttributes["class"];
+}

package/dist/components/label/Label.vue.d.ts

@@ -1,21 +1,16 @@
-import { type HTMLAttributes } from 'vue';
-import { type LabelProps } from 'reka-ui';
-type __VLS_Props = LabelProps & {
-    class?: HTMLAttributes['class'];
-    /**
-     * AQ.W4 §W4.5 — render a required-field asterisk after the label text.
-     * The asterisk is decorative-to-AT (the `required` attribute on the input
-     * is the semantic carrier), so it is marked `aria-hidden`. Indicate
-     * required fields visually BEFORE interaction (required-field-feedback
-     * guide).
-     */
-    required?: boolean;
-};
+import { type HTMLAttributes } from "vue";
+export type LabelRequirement = "required" | "optional";
+export interface LabelProps {
+    for?: string;
+    class?: HTMLAttributes["class"];
+    requirement?: LabelRequirement;
+    disabled?: boolean;
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => 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_base: import("vue").DefineComponent<LabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabelProps> & 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;

package/dist/components/label/index.d.ts

@@ -1 +1 @@
-export { default as Label } from './Label.vue';
+export { default as Label, type LabelProps, type LabelRequirement, } from "./Label.vue";

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

@@ -1,103 +1,15 @@
-import { type HTMLAttributes } from "vue";
-/**
- * LabeledField — parent SFC for the labeled-field family (V.W3.T5 / A5 §5.5).
- *
- * Owns the IconTooltip + label layer that the four sibling primitives
- * (LabeledInput, LabeledSelect, LabeledSlider, LabeledSwitch) used to repeat
- * across their templates. The form control composes via `<slot />`.
- *
- * The four wrappers stay intact for API ergonomics (per the B5 §5.5 keep-wrappers
- * path) but now compose `<LabeledField>` internally — the canonical recipe
- * lives in one place. Consumers may also import `<LabeledField>` directly
- * if they want full control of the slot.
- *
- * The `.labeled-field-label` utility class lives at `utilities.css` and
- * paints the canonical typography (font-display + body-size + muted-fg +
- * cursor-help). The previous mixed `text-base` / `text-lg` literals
- * harmonise on a single body-size token.
- *
- * AZ.W-BLOB-REDRESS — `hideLabel` VISUALLY hides the field's own label (it
- * renders `sr-only` instead of `.labeled-field-label`) while KEEPING it in the
- * DOM, so the `for`/`id`/`aria-labelledby` control↔label association — the
- * Slider thumb's `aria-labelledby`, the Select trigger's `for` — stays intact
- * and the control is still accessibly named. The visible human label is then
- * supplied by an enclosing chrome row (a `<ConfiguratorRow label>`). This is
- * the canonical fix for the double-label leak: a `<ConfiguratorRow label="X">`
- * wrapping a `<LabeledSlider label="x">` rendered BOTH labels (the human one +
- * the raw config key); the inner control passes `hide-label` so ONE visible
- * human label remains, the raw key demotes to the row's mono `name` token, and
- * a11y is preserved. The tooltip is suppressed when hidden (the row owns the
- * affordance). NO effect on `LabeledField` used standalone (default `false`).
- *
- * AQ.W4 §W4.5 — `required` threads a `aria-hidden` asterisk onto the label
- * (the `required` attr on the slotted control is the semantic carrier). The
- * `error` slot renders an error-message region that the W3.1c
- * `:has(:user-invalid)` group rule reveals; it carries `aria-live="polite"`
- * so the message is announced when shown. The region's id is exposed as the
- * default slot's `errorId` slot-prop so the slotted control can bind
- * `aria-errormessage="errorId"` (the four wrappers auto-wire it; a raw
- * `<LabeledField>` slot binds it manually).
- *
- * # LabeledField vs ConfiguratorRow — recorded divergence (AZ.W-METRIC-UNIFY §B)
- *
- * Both are "label (+ meta) above/beside a slotted control", but they are NOT
- * interchangeable — they emphasize DIFFERENT features:
- *  - LabeledField (this) — for FORM fields. Carries the `for`/`id` label↔control
- *    a11y wiring (`controlId`/`labelId`/`errorId`), the `tooltip`, the `required`
- *    asterisk, and the `aria-live` `error` region.
- *  - ConfiguratorRow — for TOKEN / PRESET controls. Carries the token-`name`
- *    reference, the opt-in `reset` affordance (`canReset`), and the four-rung
- *    `density` axis. No a11y for/id wiring.
- *
- * Reach for LabeledField for accessible form inputs; reach for ConfiguratorRow
- * inside a `<Configurator>` for token sliders/selects. The divergence is recorded
- * (NOT a forced merge — no ≥2-consumer shared-chassis need surfaced) in
- * `docs/precepts/design-idioms.md §9`, alongside the `cn`/`focus-ring` keeps.
- */
-type __VLS_Props = {
-    label: string;
-    tooltip?: string;
-    labelClass?: HTMLAttributes["class"];
-    required?: boolean;
-    /**
-     * AZ.W-BLOB-REDRESS — render the field's own label `sr-only` (kept in the
-     * DOM for the control↔label a11y association) instead of visibly. Use when
-     * an enclosing chrome row already supplies the visible human label (a
-     * `<ConfiguratorRow label>`), so the inner control does not leak a second
-     * (often raw-config-key) label. Default `false` (standalone behavior).
-     */
-    hideLabel?: boolean;
-    /**
-     * BC.W-CONTROL-SMOOTH move C (kf-G3) — lay the field on the HORIZONTAL axis
-     * (label beside control, not above) for dense inline forms. ADDITIVE +
-     * default `false`: a bare `<LabeledField>` is byte-identical to HEAD (the
-     * stacked label-over-control layout). Pairs with the `#action` slot — a
-     * horizontal labeled control carrying a trailing action affordance is the
-     * REQ-sec20 horizontal-action case the kf-G3 row booked.
-     */
-    horizontal?: boolean;
+import type { LabeledFieldProps, LabeledFieldSlotProps } from "./types";
+type __VLS_Slots = {
+    default(props: LabeledFieldSlotProps): unknown;
+    error?(): unknown;
 };
-declare var __VLS_7: {
-    errorId: string;
-    controlId: string;
-    labelledBy: string;
-}, __VLS_9: {
-    controlId: string;
-}, __VLS_11: {
-    errorId: string;
-    controlId: string;
-    labelledBy: string;
-}, __VLS_13: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-} & {
-    action?: (props: typeof __VLS_9) => any;
-} & {
-    default?: (props: typeof __VLS_11) => any;
-} & {
-    error?: (props: typeof __VLS_13) => 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_base: import("vue").DefineComponent<LabeledFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabeledFieldProps> & Readonly<{}>, {
+    invalid: boolean;
+    disabled: boolean;
+    layout: import("./types").LabeledFieldLayout;
+    controlLabelable: boolean;
+    errorLive: import("./types").LabeledFieldErrorLive;
+}, {}, {}, {}, 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;

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

@@ -1,25 +1,12 @@
-type __VLS_Props = {
-    modelValue: string | number;
-    label: string;
-    tooltip: string;
-    labelClass?: string;
-    inputClass?: string;
-    type?: string;
-    /**
-     * AQ.W4 §W4.5 — mark the field required. Threads the `aria-hidden`
-     * asterisk onto the label AND sets the native `required` attribute on the
-     * inner `<Input>` (the semantic carrier that drives `:user-invalid`).
-     */
-    required?: boolean;
-};
+import type { LabeledInputProps } from "./types";
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
     error?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<LabeledInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<LabeledInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,26 +1,20 @@
-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;
+import type { LabeledSelectProps } from "./types";
+declare var __VLS_48: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_48) => any;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<LabeledSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<LabeledSelectProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, 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/labeled-field/LabeledSlider.vue.d.ts

@@ -1,24 +1,18 @@
-type __VLS_Props = {
-    modelValue: number;
-    label: string;
-    tooltip: string;
-    labelClass?: string;
-    min: number;
-    max: number;
-    step: number;
-    /** 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;
+import type { LabeledSliderProps } from "./types";
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<LabeledSliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<LabeledSliderProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, 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/labeled-field/LabeledSwitch.vue.d.ts

@@ -1,21 +1,18 @@
-type __VLS_Props = {
-    checked: boolean;
-    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;
+import type { LabeledSwitchProps } from "./types";
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:checked": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<LabeledSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<LabeledSwitchProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, 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/labeled-field/index.d.ts

@@ -3,3 +3,4 @@ export { default as LabeledInput } from "./LabeledInput.vue";
 export { default as LabeledSelect } from "./LabeledSelect.vue";
 export { default as LabeledSlider } from "./LabeledSlider.vue";
 export { default as LabeledSwitch } from "./LabeledSwitch.vue";
+export type { LabeledFieldCommonProps, LabeledFieldErrorLive, LabeledFieldLayout, LabeledFieldProps, LabeledFieldSlotProps, LabeledInputProps, LabeledSelectProps, LabeledSliderProps, LabeledSwitchProps, } from "./types";

package/dist/components/labeled-field/types.d.ts

@@ -0,0 +1,50 @@
+import type { InputProps } from "../input";
+import type { LabelRequirement } from "../label";
+import type { SliderProps } from "../slider";
+import type { SwitchProps } from "../switch";
+export type LabeledFieldLayout = "default" | "horizontal";
+export type LabeledFieldErrorLive = "off" | "polite" | "assertive";
+export interface LabeledFieldCommonProps {
+    label: string;
+    description?: string;
+    requirement?: LabelRequirement;
+    layout?: LabeledFieldLayout;
+    errorLive?: LabeledFieldErrorLive;
+}
+export interface LabeledFieldProps extends LabeledFieldCommonProps {
+    invalid?: boolean;
+    disabled?: boolean;
+    /**
+     * Whether the control is a native labelable element (`input`, `select`, native
+     * `button`) the label's `for` can target. Defaults to `true`. Composite controls
+     * whose root is a non-labelable element — e.g. reka Slider's `span` root — set
+     * this `false` so the label drops the invalid `for` and the control names itself
+     * through `aria-labelledby` (the slot's `labelledBy`) instead.
+     */
+    controlLabelable?: boolean;
+}
+export interface LabeledFieldSlotProps {
+    controlId: string;
+    labelledBy: string;
+    describedBy?: string;
+    errorId?: string;
+    invalid: boolean;
+    disabled: boolean;
+    required: boolean;
+}
+export type LabeledInputProps = Omit<InputProps, "class"> & LabeledFieldCommonProps;
+export interface LabeledSelectProps extends LabeledFieldCommonProps {
+    modelValue: string;
+    items: readonly string[];
+    open?: boolean;
+    placeholder?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+}
+export type LabeledSliderProps = Omit<SliderProps, "class" | "modelValue"> & LabeledFieldCommonProps & {
+    modelValue: number;
+};
+export type LabeledSwitchProps = Omit<SwitchProps, "class" | "modelValue"> & LabeledFieldCommonProps & {
+    modelValue: boolean;
+};

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

@@ -1,4 +1,5 @@
 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.
@@ -33,9 +34,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     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;

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

@@ -3,10 +3,10 @@ export interface Vec2 {
     x: number;
     y: number;
 }
-/** The curl central-difference epsilon (matches `flow.glsl.ts` / `flow.wgsl.ts`). */
+/** 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).
+ * 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 ≈
@@ -21,7 +21,7 @@ export declare function potentialFBM(p: Vec2): number;
 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
+ * 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].
@@ -44,7 +44,7 @@ export declare function gridCoverage(g: Vec2, targetWidth: number, uvDeriv: Vec2
  * 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). */
+    /** The grid scale (view, minorPitch → LARGER cells = smaller scale). */
     gridScale: number;
     /** The traveling-wave front direction. */
     waveDir: Vec2;
@@ -78,7 +78,7 @@ export interface LiquidGridSampleParams {
     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). */
+    /** The filled-FACE opacity (0 → the face evaporates → the line-only render). */
     faceAlpha?: number;
     /** The slope-shade ∇H Lambert gain. */
     faceReliefGain?: number;