@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/components/command/Command.vue.d.ts

@@ -1,32 +1,20 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxRootProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = ComboboxRootProps & {
-    class?: HTMLAttributes['class'];
-    surface?: Surface;
-};
-declare var __VLS_8: {};
+import type { ComboboxValue } from "../_shared/selection.js";
+import type { CommandProps } from "./types.js";
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
-    highlight: (payload: {
-        ref: HTMLElement;
-        value: import("reka-ui").AcceptableValue;
-    } | undefined) => any;
+declare const __VLS_base: import("vue").DefineComponent<CommandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ComboboxValue) => any;
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
-    onHighlight?: ((payload: {
-        ref: HTMLElement;
-        value: import("reka-ui").AcceptableValue;
-    } | undefined) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<CommandProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
+    disabled: boolean;
     open: boolean;
-    surface: Surface;
+    defaultOpen: boolean;
+    surface: import("../../index.js").Surface;
 }, {}, {}, {}, 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/command/CommandDialog.vue.d.ts

@@ -1,21 +1,20 @@
-import type { ComboboxRootProps, DialogRootProps } from 'reka-ui';
-import type { Surface } from '../_shared/useSurfaceAxis';
-type CommandDialogProps = DialogRootProps & {
-    surface?: Surface;
-    modelValue?: ComboboxRootProps['modelValue'];
-};
-declare var __VLS_24: {};
+import type { CommandDialogProps } from "./types.js";
+declare var __VLS_25: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_24) => any;
+    default?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CommandDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
+    "update:modelValue": (value: import("./index.js").ComboboxValue) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CommandDialogProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./index.js").ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    surface: Surface;
+    unmountOnHide: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    surface: import("../_shared/axes.js").Surface;
+    modal: boolean;
 }, {}, {}, {}, 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/command/CommandEmpty.vue.d.ts

@@ -1,13 +1,9 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxEmptyProps } from 'reka-ui';
-type __VLS_Props = ComboboxEmptyProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { ComboboxEmptyProps } from "../_shared/selection.js";
 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<ComboboxEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxEmptyProps> & 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/command/CommandGroup.vue.d.ts

@@ -1,14 +1,9 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxGroupProps } from 'reka-ui';
-type __VLS_Props = ComboboxGroupProps & {
-    class?: HTMLAttributes['class'];
-    heading?: string;
-};
+import type { ComboboxGroupProps } from "../_shared/selection.js";
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => 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<ComboboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxGroupProps> & 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/command/CommandInput.vue.d.ts

@@ -1,9 +1,8 @@
-import type { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { type ComboboxInputProps } from 'reka-ui';
-type __VLS_Props = ComboboxInputProps & {
-    class?: HTMLAttributes['class'];
-    placeholder?: InputHTMLAttributes['placeholder'];
-};
-declare const __VLS_export: 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>;
+import type { ComboboxInputProps } from "../_shared/selection.js";
+declare const __VLS_export: import("vue").DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<ComboboxInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/command/CommandItem.vue.d.ts

@@ -1,16 +1,12 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxItemProps } from 'reka-ui';
-type __VLS_Props = ComboboxItemProps & {
-    class?: HTMLAttributes['class'];
-};
-declare var __VLS_8: {};
+import type { ComboboxItemProps } from "../_shared/selection.js";
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (event: import("reka-ui").ListboxItemSelectEvent<import("reka-ui").AcceptableValue>) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: import("reka-ui").ListboxItemSelectEvent<import("reka-ui").AcceptableValue>) => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<ComboboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: import("../_shared/interaction.js").ListboxItemSelectEvent<import("../_shared/selection.js").SelectionValue>) => any;
+}, string, import("vue").PublicProps, Readonly<ComboboxItemProps> & Readonly<{
+    onSelect?: ((event: import("../_shared/interaction.js").ListboxItemSelectEvent<import("../_shared/selection.js").SelectionValue>) => 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/command/CommandList.vue.d.ts

@@ -1,27 +1,20 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxContentProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = ComboboxContentProps & {
-    class?: HTMLAttributes['class'];
-    surface?: Surface;
-};
-declare var __VLS_8: {};
+import type { CommandListProps } from "./types.js";
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<CommandListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
-    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    pointerDownOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("../_shared/interaction.js").FocusOutsideEvent) => any;
+    interactOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<CommandListProps> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
 }>, {
-    surface: Surface;
-    disableOutsidePointerEvents: boolean;
+    surface: import("../../index.js").Surface;
 }, {}, {}, {}, 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/command/CommandSeparator.vue.d.ts

@@ -1,13 +1,9 @@
-import { type HTMLAttributes } from 'vue';
-import type { ComboboxSeparatorProps } from 'reka-ui';
-type __VLS_Props = ComboboxSeparatorProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { ComboboxSeparatorProps } from "../_shared/selection.js";
 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<ComboboxSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxSeparatorProps> & 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/command/CommandShortcut.vue.d.ts

@@ -1,6 +1,6 @@
-import type { HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from "vue";
 type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+    class?: HTMLAttributes["class"];
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,10 +1,11 @@
-export { default as Command } from './Command.vue';
-export { default as CommandDialog } from './CommandDialog.vue';
-export { default as CommandEmpty } from './CommandEmpty.vue';
-export { default as CommandGroup } from './CommandGroup.vue';
-export { default as CommandInput } from './CommandInput.vue';
-export { default as CommandItem } from './CommandItem.vue';
-export { default as CommandList } from './CommandList.vue';
-export { default as CommandSeparator } from './CommandSeparator.vue';
-export { default as CommandShortcut } from './CommandShortcut.vue';
-export type { MenuItemVariants } from '../_shared';
+export { default as Command } from "./Command.vue.js";
+export { default as CommandDialog } from "./CommandDialog.vue.js";
+export { default as CommandEmpty } from "./CommandEmpty.vue.js";
+export { default as CommandGroup } from "./CommandGroup.vue.js";
+export { default as CommandInput } from "./CommandInput.vue.js";
+export { default as CommandItem } from "./CommandItem.vue.js";
+export { default as CommandList } from "./CommandList.vue.js";
+export { default as CommandSeparator } from "./CommandSeparator.vue.js";
+export { default as CommandShortcut } from "./CommandShortcut.vue.js";
+export type { CommandDialogEmits, CommandDialogProps, CommandEmits, CommandListProps, CommandProps, } from "./types.js";
+export type { ComboboxEmptyProps, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemProps, ComboboxListEmits, ComboboxSeparatorProps, ComboboxValue, } from "../_shared/selection.js";

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

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from "vue";
+import type { Surface } from "../_shared/axes.js";
+import type { DialogProps } from "../dialog/Dialog.vue.js";
+import type { ComboboxValue } from "../_shared/selection.js";
+export interface CommandProps {
+    modelValue?: ComboboxValue;
+    /** Controlled disclosure. Leave unset and the palette owns its own state. */
+    open?: boolean;
+    /** Initial disclosure for the uncontrolled arm. An inline palette shows its
+     *  list, so this is `true` — but as a starting value reka can move off, never
+     *  the pinned literal `open` used to be. */
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+    surface?: Surface;
+}
+export interface CommandEmits {
+    "update:modelValue": [value: ComboboxValue];
+    "update:open": [value: boolean];
+}
+export interface CommandDialogProps extends DialogProps {
+    surface?: Surface;
+    modelValue?: ComboboxValue;
+}
+export interface CommandDialogEmits {
+    "update:open": [value: boolean];
+    "update:modelValue": [value: ComboboxValue];
+}
+export interface CommandListProps {
+    class?: HTMLAttributes["class"];
+    surface?: Surface;
+}

package/dist/components/configurator/Configurator.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type ConfiguratorSize } from "./size";
+import { type ConfiguratorSize } from "./size.js";
 /**
  * Scroll behavior for the controls column.
  *
@@ -34,14 +34,14 @@ export type ConfiguratorAsideSide = "left" | "right";
  * frame — the §2.1 reflow (gallery up-top + larger + scrollable). The stage +
  * controls reclaim the full height below it. An additive axis: the grid arm is
  * the precompiled `[data-slot=configurator][data-gallery=top]` rule in
- * configurator.css (never a dead JIT bracket — the BC.W-CONFIG-RIGHT lesson).
+ * configurator.css (never a dead JIT bracket — the lesson).
  */
 export type ConfiguratorGalleryPlacement = "aside" | "top";
 /**
  * Generic preset descriptor. Consumers pass `T` as the live config shape.
  * The primitive carries no preset semantics beyond `key + label` for
  * the picker row and `config: T` for the active payload — preset
- * selection / diff-from-preset / reset semantics live in the optional
+ * selection, diff-from-preset, reset semantics live in the optional
  * `useConfiguratorState<T>` composable.
  */
 export interface ConfiguratorPreset<T> {
@@ -68,10 +68,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         /** Scroll behavior for the controls column. Default: `auto`. */
         scrollMode?: ConfiguratorScrollMode;
         /**
-         * Row-level density axis (N.W2 Lane A). Cascades to descendant
+         * Row-level density axis. Cascades to descendant
          * `<ConfiguratorRow>` children via provide/inject. A row may
          * override locally by setting its own `size` prop (prop wins
-         * over inject). Default `"md"` preserves the prior
+         * over inject). Default `"md"` uses the
          * `gap-1.5 py-2` recipe exactly.
          */
         size?: ConfiguratorSize;
@@ -93,7 +93,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
          * Aside width band at `lg`+ width, as a CSS length pair driving
          * `minmax(--configurator-aside-min, --configurator-aside-max)`. The
          * prop sets the two inline custom properties; consumers may instead
-         * (or also) set `--configurator-aside-min` / `--configurator-aside-max`
+         * (or also) set `--configurator-aside-min`, `--configurator-aside-max`
          * via the cascade. Default band is `280px`/`360px`. Pass a single
          * length to pin the band (`min === max`), or a `[min, max]` pair.
          */
@@ -149,7 +149,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         (e: "reset"): void;
     };
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/configurator/ConfiguratorLayer.vue.d.ts

@@ -11,25 +11,21 @@ import { type HTMLAttributes } from "vue";
  * SegmentedTabs / DockLayerGroup at the parent governs which layer is
  * active).
  *
- * # M.W2 Lane A (F-ε-3 fix) — recursion-free reveal
+ * Recursion-free reveal
  *
- * Earlier versions composed `<Collapsible>` + `<CollapsibleContent>` from
- * reka-ui to drive the height transition. Under Lighthouse's strict cold-
- * load discipline (CPU throttle + network throttle + headless Chrome
- * stable layout gating) this surfaced a watcher-graph race inside reka-
- * ui's `<Presence>` + `<CollapsibleContent>` height-measurement watchers
- * — `getComputedStyle(node).animationName` + `getBoundingClientRect()`
- * reads inside a `watch([isOpen, presentRef.value?.present])` callback
- * created a non-convergent loop that tripped Vue's 100-iteration
- * recursion cap on `<Configurator>`.
- *
- * This component now uses the canonical CSS-only animated-reveal pattern
+ * The reveal is the canonical CSS-only animated-reveal pattern
  * (`grid-template-rows: 0fr ↔ 1fr` with `transition-[grid-template-rows]`)
- * which requires no JS watchers and produces no reactive graph. The
- * a11y surface (`role="button"` + `aria-expanded` + `aria-controls`)
- * matches the prior reka-ui shape; consumers do not need to migrate.
- *
- * Cf. `docs/tranches/M/audit/W2-Lane-A-F-eps-3-proof.md`.
+ * which requires no JS watchers and produces no reactive graph. A
+ * JS-watcher collapsible (a reka-ui `<Collapsible>` + `<CollapsibleContent>`
+ * height transition) is deliberately NOT used: under Lighthouse's strict cold-
+ * load discipline (CPU throttle + network throttle + headless Chrome
+ * stable layout gating) reka-ui's `<Presence>` + `<CollapsibleContent>`
+ * height-measurement watchers — `getComputedStyle(node).animationName` +
+ * `getBoundingClientRect()` reads inside a `watch([isOpen,
+ * presentRef.value?.present])` callback — form a non-convergent loop that
+ * trips Vue's 100-iteration recursion cap on `<Configurator>`. The
+ * a11y surface (`role="button"` + `aria-expanded` + `aria-controls`) is the
+ * standard collapsible shape.
  */
 type __VLS_Props = {
     /** Header label (large, semantic). */
@@ -43,7 +39,7 @@ type __VLS_Props = {
     /**
      * Opt-in inter-row hairline. When set, sibling rows inside the body
      * are separated by a `border-border/30` top rule (the first row stays
-     * flush). Default `false` keeps the body gap-only (pre-AU.W9 visual).
+     * flush). Default `false` keeps the body gap-only.
      */
     dividers?: boolean;
     class?: HTMLAttributes["class"];

package/dist/components/configurator/ConfiguratorRow.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import { type ConfiguratorSize } from "./size";
+import { type ConfiguratorSize } from "./size.js";
 /**
  * <ConfiguratorRow> — labeled control row for a single field inside a
  * <ConfiguratorLayer>. Mirrors the demo's PresetEditorField surface
@@ -13,15 +13,14 @@ import { type ConfiguratorSize } from "./size";
  *
  * # The double-label API (value.js L14)
  *
- * The label header is a first-class TRIPLE: `label` (the primary, sans /
- * medium), the optional `sub` (a SECONDARY descriptive label — sans, muted —
- * paired inline with the primary), and the optional `name` (the mono token /
- * spec reference, or a live numeric readout). All three are declarative props,
+ * The label header is a first-class triple: `label` (primary sans medium), the optional
+ * `sub` (secondary descriptive text paired inline), and the optional `name` (a mono token,
+ * specification reference, or live numeric readout). All three are declarative props,
  * so a consumer expresses a "double-label" row (primary + secondary) WITHOUT a
  * `:deep()` reach into the slot or a hand-rolled in-slot sans+mono pair. Use
  * `sub` for a descriptive secondary label and `name` for a mono token/value.
  *
- * # Size axis (BH.W-SIZE-UNIFY)
+ * # Size axis
  *
  * The row honors a three-rung size axis (`sm` | `md` | `lg`).
  * Resolution order:
@@ -36,21 +35,19 @@ import { type ConfiguratorSize } from "./size";
  * `"md"` rung is functionally identical to the no-size
  * fallback; it exists so consumers can be explicit.
  *
- * # ConfiguratorRow vs LabeledField — recorded divergence (AZ.W-METRIC-UNIFY §B)
+ * # ConfiguratorRow vs LabeledField
  *
  * Both are "label (+ meta) above/beside a slotted control", but they are NOT
  * interchangeable — they emphasize DIFFERENT features:
- *  - **ConfiguratorRow** (this) — for TOKEN / PRESET controls. Carries the
+ *  - **ConfiguratorRow** (this) — for TOKEN, PRESET controls. Carries the
  *    token-`name` reference, the opt-in `reset` affordance (`canReset`), and the
  *    three-rung `size` axis (local-prop-over-inject). No a11y for/id wiring.
- *  - **LabeledField** — 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.
+ *  - **LabeledField** — for form controls. Carries stable label, description,
+ *    error, requirement, state, and layout associations without styling the control.
  *
- * Reach for ConfiguratorRow inside a `<Configurator>` for token sliders/selects;
- * reach for LabeledField for accessible form inputs. 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.
+ * Reach for ConfiguratorRow only when token metadata or reset is the content;
+ * use LabeledField directly for an accessible form control, including inside a
+ * Configurator. Never nest both solely to repeat a label.
  */
 type __VLS_Props = {
     /** Display label (top-left, primary). */
@@ -62,16 +59,16 @@ type __VLS_Props = {
      * a two-part label declaratively — no `:deep()` reach, no in-slot label pair.
      */
     sub?: string;
-    /** Optional token name / spec reference (right of label, monospaced). */
+    /** Optional token name, spec reference (right of label, monospaced). */
     name?: string;
-    /** Optional helper / value description (below the control). */
+    /** Optional helper, value description (below the control). */
     description?: string;
     /** Show the reset affordance (top-right). */
     canReset?: boolean;
     /**
      * Size rung. Overrides the value injected by an ancestor
      * `<Configurator>` when set. Omit to follow the inject (or to fall
-     * back to the pre-N.W2 `gap-1.5 py-2` recipe when there is no
+     * back to the `gap-1.5 py-2` recipe when there is no
      * ancestor configurator).
      */
     size?: ConfiguratorSize;

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

@@ -1,6 +1,6 @@
-export { default as Configurator } from "./Configurator.vue";
-export { default as ConfiguratorLayer } from "./ConfiguratorLayer.vue";
-export { default as ConfiguratorRow } from "./ConfiguratorRow.vue";
-export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue";
-export { CONFIGURATOR_SIZE_KEY, provideConfiguratorSize, useOptionalConfiguratorSize, type ConfiguratorSize, } from "./size";
-export { useConfiguratorState, type ConfiguratorCloneMode, type ConfiguratorState, type ConfiguratorStateOptions, } from "./useConfiguratorState";
+export { default as Configurator } from "./Configurator.vue.js";
+export { default as ConfiguratorLayer } from "./ConfiguratorLayer.vue.js";
+export { default as ConfiguratorRow } from "./ConfiguratorRow.vue.js";
+export type { ConfiguratorAsideSide, ConfiguratorGalleryPlacement, ConfiguratorPreset, ConfiguratorScrollMode, } from "./Configurator.vue.js";
+export { CONFIGURATOR_SIZE_KEY, provideConfiguratorSize, useOptionalConfiguratorSize, type ConfiguratorSize, } from "./size.js";
+export { useConfiguratorState, type ConfiguratorCloneMode, type ConfiguratorState, type ConfiguratorStateOptions, } from "./useConfiguratorState.js";

package/dist/components/configurator/size.d.ts

@@ -1,13 +1,11 @@
 import type { ComputedRef } from "vue";
 /**
- * Size axis for `<Configurator>` + `<ConfiguratorRow>` (BH.W-SIZE-UNIFY — the
- * clean-break of the size/density collision onto the shared Size ordinal). The old
- * `"mobile"` rung is DROPPED — a coarse-pointer state is a `@media(pointer:coarse)`
- * concern, never a scale rung (axes.ts §sub-range-law).
+ * Size axis for `<Configurator>` and `<ConfiguratorRow>`. Coarse-pointer state is a
+ * `@media(pointer:coarse)` concern, not a scale rung.
  *
- * - `"sm"`  — slightly tighter than the default; dense studios (was `"compact"`).
- * - `"md"`  — current default; matches the `gap-1.5 py-2` recipe (was `"comfortable"`).
- * - `"lg"`  — generous gap; demo / settings-page surface (was `"spacious"`).
+ * - `"sm"` — slightly tighter than the default for dense studios.
+ * - `"md"` — the default; matches the `gap-1.5 py-2` recipe.
+ * - `"lg"` — generous gap for demos and settings surfaces.
  *
  * The `<Configurator>` provides its `size` prop to descendants via
  * `provide`/`inject` (key: `configuratorSize`). A `<ConfiguratorRow>` may override

package/dist/components/configurator/styles.css

@@ -1 +1 @@
-:root { --configurator-pad-inline: 1rem; --configurator-section-gap: 0.5rem; } .configurator-section-label { font-family: var(--font-text); font-size: var(--configurator-section-size); line-height: var(--type-leading-body); font-weight: var(--configurator-section-weight); letter-spacing: var(--type-tracking-tight); color: var(--foreground); } .configurator-presets { padding-block: var(--configurator-preset-row-weight); } .configurator-presets .configurator-gallery-track, .configurator-presets [role="group"] { gap: var(--configurator-preset-row-gap); } .configurator-layer { border-color: var(--configurator-divider-section); background-color: var(--configurator-section-tint); border-radius: max( var(--radius-floor), calc(var(--radius-ctx) - var(--radius-inset)) ); } .configurator-layer + .configurator-layer { margin-block-start: var(--configurator-section-gap); } .configurator-layer-trigger { padding-inline: var(--configurator-pad-inline); } .configurator-layer-body { padding-inline: var(--configurator-pad-inline); } .configurator-layer-body[data-dividers] > * + * { border-color: var(--configurator-divider); } .configurator-aside, .configurator-presets, .configurator-footer { border-color: var(--configurator-divider); } [data-slot="configurator"] > [data-gallery-dock] { grid-row: 1; grid-column: 1; } [data-slot="configurator"] > .configurator-stage { grid-row: 2; grid-column: 1; } [data-slot="configurator"] > .configurator-aside { grid-row: 3; grid-column: 1; } @media (min-width: 1024px) { [data-slot="configurator"] { grid-template-columns: minmax(0, 1fr) minmax( var(--configurator-aside-min, 280px), var(--configurator-aside-max, 360px) ); grid-template-rows: auto minmax(0, 1fr); } [data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock] { grid-row: 1; grid-column: 2; } [data-slot="configurator"][data-gallery="aside"] > .configurator-stage { grid-row: 1 / span 2; grid-column: 1; } [data-slot="configurator"][data-gallery="aside"] > .configurator-aside { grid-row: 2; grid-column: 2; } [data-slot="configurator"][data-gallery="top"] > [data-gallery-dock] { grid-row: 1; grid-column: 1 / span 2; } [data-slot="configurator"][data-gallery="top"] > .configurator-stage { grid-row: 2; grid-column: 1; } [data-slot="configurator"][data-gallery="top"] > .configurator-aside { grid-row: 2; grid-column: 2; } } [data-slot="configurator"] > [data-gallery-dock] { border-color: var(--configurator-divider); } [data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock] { border-bottom-width: 1px; } @media (min-width: 1024px) { [data-slot="configurator"][data-gallery="top"] > [data-gallery-dock] { border-bottom-width: 1px; } } .configurator-preset-tile { inline-size: clamp(160px, 22vw, 232px); border-radius: var(--radius-card); } [data-slot="configurator"][data-gallery="top"] .configurator-preset-tile { inline-size: clamp(200px, 20vw, 288px); } .configurator-preset-well { background-size: cover; background-position: center; image-rendering: auto; } .configurator-preset-well.is-loading { background-image: linear-gradient( 100deg, color-mix(in oklab, var(--card) 84%, transparent) 30%, color-mix(in oklab, var(--foreground) 8%, var(--card)) 50%, color-mix(in oklab, var(--card) 84%, transparent) 70% ); background-size: 200% 100%; animation: configurator-preset-shimmer 1.2s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { .configurator-preset-well.is-loading { animation: none; } } @keyframes configurator-preset-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } .configurator-preset-tile.is-active { box-shadow: inset 0 0 0 2px var(--focus-ring-color), var(--shadow-cartoon-lg); } .configurator-preset-chip { border-radius: var(--radius-pill); } .configurator-preset-chip.is-active { --glass-capsule-fill: var(--glass-bg-quiet); } @media (min-width: 1024px) { [data-slot="configurator"][data-aside-side="left"] > .configurator-stage { grid-column: 2; } [data-slot="configurator"][data-aside-side="left"] > .configurator-aside { grid-column: 1; } [data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock] { grid-column: 1; } }
+:root{--configurator-pad-inline: 1.25rem;}.configurator{-webkit-backdrop-filter: none;backdrop-filter: none;}.configurator > .configurator-presets,.configurator > .configurator-aside{-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);}.configurator-section-label{font-family: var(--font-text);font-size: var(--configurator-section-size);line-height: var(--type-leading-body);font-weight: var(--configurator-section-weight);letter-spacing: var(--type-tracking-tight);color: var(--foreground);}.configurator-presets{padding-block: var(--configurator-preset-row-weight);}.configurator-presets .configurator-gallery-track,.configurator-presets [role="group"]{gap: var(--configurator-preset-row-gap);}.configurator-layer{border-color: var(--configurator-divider-section);background-color: var(--configurator-section-tint);border-radius: max( var(--radius-floor),calc(var(--radius-ctx) - var(--radius-inset)) );}.configurator-layer:has(+ .configurator-layer){border-end-start-radius: 0;border-end-end-radius: 0;border-bottom-width: 0;}.configurator-layer + .configurator-layer{margin-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}.configurator-layer-trigger{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body{padding-inline: var(--configurator-pad-inline);}.configurator-layer-body[data-dividers] > * + *{border-color: var(--configurator-divider);}.configurator-aside,.configurator-presets,.configurator-footer{border-color: var(--configurator-divider);}[data-slot="configurator"] > [data-gallery-dock]{grid-row: 1;grid-column: 1;}[data-slot="configurator"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"] > .configurator-aside{grid-row: 3;grid-column: 1;}@media (min-width: 1024px){[data-slot="configurator"]{grid-template-columns: minmax(0,1fr) minmax( var(--configurator-aside-min,300px),var(--configurator-aside-max,400px) );grid-template-rows: auto minmax(0,1fr);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{grid-row: 1;grid-column: 2;}[data-slot="configurator"][data-gallery="aside"] > .configurator-stage{grid-row: 1 / span 2;grid-column: 1;}[data-slot="configurator"][data-gallery="aside"] > .configurator-aside{grid-row: 2;grid-column: 2;}[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{grid-row: 1;grid-column: 1 / span 2;}[data-slot="configurator"][data-gallery="top"] > .configurator-stage{grid-row: 2;grid-column: 1;}[data-slot="configurator"][data-gallery="top"] > .configurator-aside{grid-row: 2;grid-column: 2;}}[data-slot="configurator"] > [data-gallery-dock]{border-color: var(--configurator-divider);}[data-slot="configurator"][data-gallery="aside"] > [data-gallery-dock]{border-bottom-width: 1px;}@media (min-width: 1024px){[data-slot="configurator"][data-gallery="top"] > [data-gallery-dock]{border-bottom-width: 1px;}}.configurator-preset-tile{inline-size: clamp(160px,22vw,232px);border-radius: var(--radius-card);}[data-slot="configurator"][data-gallery="top"] .configurator-preset-tile{inline-size: clamp(200px,20vw,288px);}.configurator-preset-well{background-size: cover;background-position: center;image-rendering: auto;}.configurator-preset-well.is-loading{background-image: linear-gradient( 100deg,color-mix(in oklab,var(--card) 84%,transparent) 30%,color-mix(in oklab,var(--foreground) 8%,var(--card)) 50%,color-mix(in oklab,var(--card) 84%,transparent) 70% );background-size: 200% 100%;animation: configurator-preset-shimmer 1.2s ease-in-out infinite;}@media (prefers-reduced-motion: reduce){.configurator-preset-well.is-loading{animation: none;}}@keyframes configurator-preset-shimmer{from{background-position: 200% 0;}to{background-position: -200% 0;}}.configurator-preset-tile.is-active{box-shadow: inset 0 0 0 2px var(--focus-ring-color),var(--shadow-cartoon-lg);}.configurator-preset-chip{border-radius: var(--radius-pill);}.configurator-preset-chip.is-active{--glass-capsule-fill: var(--glass-plate-quiet);}@media (min-width: 1024px){[data-slot="configurator"][data-aside-side="left"] > .configurator-stage{grid-column: 2;}[data-slot="configurator"][data-aside-side="left"] > .configurator-aside{grid-column: 1;}[data-slot="configurator"][data-aside-side="left"][data-gallery="aside"] > [data-gallery-dock]{grid-column: 1;}}

package/dist/components/configurator/useConfiguratorState.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef } from "vue";
-import type { ConfiguratorPreset } from "./Configurator.vue";
+import type { ConfiguratorPreset } from "./Configurator.vue.js";
 export type ConfiguratorCloneMode = "commit-on-write" | "per-preset";
 export interface ConfiguratorStateOptions<T> {
     readonly presets: readonly ConfiguratorPreset<T>[];

package/dist/components/constellation/Constellation.vue.d.ts

@@ -1,15 +1,13 @@
-import { type ConstellationProps } from "./constellationField";
-import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
-declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { type ConstellationProps } from "./constellationField.js";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus.js";
+declare const __VLS_export: import("vue").DefineComponent<ConstellationProps, import("./composables/useConstellation.js").ConstellationExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rendererStatus: (status: RendererStatus) => any;
 }, string, import("vue").PublicProps, Readonly<ConstellationProps> & Readonly<{
     onRendererStatus?: ((status: RendererStatus) => any) | undefined;
 }>, {
     link: number;
-    speed: number;
-    count: number;
     opacityCeiling: number;
-    parallax: number;
+    count: number;
     pointerReactive: boolean;
     warpOnClick: boolean;
     wander: boolean | {

package/dist/components/constellation/composables/createConstellationField.d.ts

@@ -1,4 +1,4 @@
-import type { ConstellationField } from "../constellationField";
+import type { ConstellationField } from "../constellationField.js";
 type WanderProp = boolean | {
     minIdle?: number;
     jitter?: number;
@@ -28,10 +28,10 @@ export interface ConstellationFieldState {
     wellOverride: Exclude<GravityWellProp, boolean>;
 }
 /**
- * Build the per-instance field state. The focal node (AX.W17) is engine-owned:
+ * Build the per-instance field state. The focal node is engine-owned:
  * `focalIndex` names the pinned node, `warp` is the per-axis critically-damped
  * spring the engine steps inside `stepField`. `wander`/`gravityWell` absent/false
- * leaves `field.wander`/`field.well` undefined (byte-identical to HEAD — stepField
+ * leaves `field.wander`/`field.well` undefined (the plain field — stepField
  * skips the cadence / force pass); `true` / an object seeds the cold state with the
  * built-in defaults + any prop override layered on (the on-mount
  * `readInteractionConfig` token read re-points the un-overridden members, with the

package/dist/components/constellation/composables/useConstellation.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from "vue";
-import { type ConstellationField, type ConstellationProps } from "../constellationField";
-import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus";
+import { type ConstellationField, type ConstellationProps } from "../constellationField.js";
+import { type RendererStatus } from "../../../composables/glass/webgpu/rendererStatus.js";
 export interface ConstellationRoutePointerRead {
     x: number;
     y: number;