@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/components/carousel/Carousel.vue.d.ts

@@ -1,38 +1,33 @@
-import type { CarouselProps, WithClassAsProps } from './interface';
+import type { CarouselProps, WithClassAsProps } from "./types.js";
 type __VLS_Props = CarouselProps & WithClassAsProps;
 type __VLS_ModelProps = {
-    'active'?: number;
+    /** v-model:active — the active 0-based member. */
+    "active"?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
-    canScrollNext: boolean;
-    canScrollPrev: boolean;
-    carouselApi: import("embla-carousel").EmblaCarouselType | undefined;
-    carouselRef: HTMLElement | undefined;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
+    index: number;
+    canNext: boolean;
+    canPrev: boolean;
+    orientation: import("../deck/index.js").DeckAxis;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:active": (value: number) => any;
 } & {
-    "init-api": (payload: import("embla-carousel").EmblaCarouselType | undefined) => any;
+    change: (to: number, from: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onInit-api"?: ((payload: import("embla-carousel").EmblaCarouselType | undefined) => any) | undefined;
+    onChange?: ((to: number, from: number) => any) | undefined;
     "onUpdate:active"?: ((value: number) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
+    orientation: import("../deck/index.js").DeckAxis;
+    pattern: "group" | "tabs";
+    projection: import("./types.js").CarouselProjection;
 }, {}, {}, {}, 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/carousel/CarouselContent.vue.d.ts

@@ -1,19 +1,9 @@
-import type { WithClassAsProps } from "./interface";
-type __VLS_Props = {
-    /**
-     * Opt-in compositor-only arrival: each slide scales 0.965→1 + fades off its
-     * distance from the viewport centre as it scrolls (transform + opacity ONLY,
-     * clipped inside the viewport — no filter, no layout property). Default off.
-     */
-    arrival?: boolean;
-} & WithClassAsProps;
+import type { WithClassAsProps } from "./types.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    arrival: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & 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/carousel/CarouselItem.vue.d.ts

@@ -1,9 +1,20 @@
-import type { WithClassAsProps } from './interface';
-declare var __VLS_1: {};
+import type { WithClassAsProps } from "./types.js";
+type __VLS_Props = {
+    /** This member's 0-based index. Required for the state + linkage. */
+    index: number;
+    /** This member's accessible name. */
+    label?: string;
+    /** The panel id when the rail runs the `"tabs"` register. */
+    id?: string;
+} & WithClassAsProps;
+declare var __VLS_1: {
+    index: number;
+    active: boolean;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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;

package/dist/components/carousel/CarouselPager.vue.d.ts

@@ -1,6 +1,6 @@
-import type { WithClassAsProps } from "./interface";
+import type { WithClassAsProps } from "./types.js";
 type __VLS_Props = {
-    /** Show "X / N" counter between chevrons. Defaults to true. */
+    /** Show the "X / N" counter between the chevrons. Default true. */
     showCounter?: boolean;
 } & WithClassAsProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

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

@@ -1,6 +1,7 @@
-export { default as Carousel } from './Carousel.vue';
-export { default as CarouselContent } from './CarouselContent.vue';
-export { default as CarouselItem } from './CarouselItem.vue';
-export { default as CarouselPager } from './CarouselPager.vue';
-export type { UnwrapRefCarouselApi as CarouselApi, } from './interface';
-export { useCarousel } from './useCarousel';
+export { default as Carousel } from "./Carousel.vue.js";
+export { default as CarouselContent } from "./CarouselContent.vue.js";
+export { default as CarouselItem } from "./CarouselItem.vue.js";
+export { default as CarouselPager } from "./CarouselPager.vue.js";
+export { useCarousel, useProvideCarousel } from "./useCarousel.js";
+export { memberDistance, memberScale, memberLag, MEMBER_SCALE_DROP, MEMBER_LAG_TAU_S, MEMBER_LAG_CEIL, } from "./projection.js";
+export type { CarouselContext, CarouselEmits, CarouselProjection, CarouselProps, } from "./types.js";

package/dist/components/carousel/projection.d.ts

@@ -0,0 +1,23 @@
+/** The scale a member loses at one member's distance from centre. */
+export declare const MEMBER_SCALE_DROP = 0.035;
+/** The interior content lag's time constant, in seconds. */
+export declare const MEMBER_LAG_TAU_S = 0.06;
+/** The interior content lag's ceiling, as a fraction of the member's extent. */
+export declare const MEMBER_LAG_CEIL = 0.08;
+/**
+ * A member's distance from the viewport centre, in [0, 1] — 0 at centre, 1 at one
+ * member away or further.
+ *
+ * @param index    the member's index
+ * @param position the continuous position, in members (2.4 = 40% past member 2)
+ */
+export declare function memberDistance(index: number, position: number): number;
+/** The travel-clock channel: scale from distance. */
+export declare function memberScale(distance: number): number;
+/**
+ * The interior content lag, as a fraction of the member's extent. The content
+ * trails the housing by the distance the housing covers in `tau` seconds, bounded
+ * — the same `lag = clamp(v·τ, ±ceil)` law the worm's trail edge runs, which is
+ * why that law lives in one place and this calls it.
+ */
+export declare function memberLag(velocity: number, tau?: number, ceil?: number): number;

package/dist/components/carousel/styles.css

@@ -0,0 +1 @@
+@layer components{.carousel-strip{--carousel-gutter: var(--space-family);position: relative;display: flex;gap: var(--carousel-gutter);overflow: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none;}.carousel-strip::-webkit-scrollbar{display: none;}.carousel-strip[data-orientation="vertical"]{flex-direction: column;overscroll-behavior-x: auto;overscroll-behavior-y: contain;scroll-snap-type: y mandatory;}.carousel-item{flex: 0 0 100%;min-inline-size: 0;scroll-snap-align: start;scroll-snap-stop: always;scale: var(--member-scale,1);transform-origin: center;opacity: 1;transition: opacity var(--spring-dock-duration) var(--spring-dock);}.carousel-strip[data-projection="travel"] .carousel-item[data-state="prev"],.carousel-strip[data-projection="travel"] .carousel-item[data-state="next"]{opacity: 0.7;}.carousel-item-content{translate: calc(var(--member-lag,0) * 100%) 0;}.carousel-strip[data-orientation="vertical"] .carousel-item-content{translate: 0 calc(var(--member-lag,0) * 100%);}@media (prefers-reduced-motion: reduce){.carousel-item{scale: 1;opacity: 1;transition: none;}.carousel-item-content{translate: none;}.carousel-strip{scroll-behavior: auto;}}}

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

@@ -0,0 +1,47 @@
+import type { HTMLAttributes } from "vue";
+import type { DeckAxis, DeckCore } from "../deck/index.js";
+/** How members project as the strip travels. */
+export type CarouselProjection = "none"
+/** Every member scales/fades off its distance from the viewport centre. */
+ | "travel"
+/** ONLY the active member projects — the neighbours do not move. */
+ | "window";
+export interface CarouselProps {
+    /** Accessible name that opts the carousel into a named region landmark. */
+    ariaLabel?: string;
+    /** The travel axis. Default horizontal. */
+    orientation?: DeckAxis;
+    /** The member projection. Default `"none"`. */
+    projection?: CarouselProjection;
+    /**
+     * The ARIA register. `"group"` (default) is the honest one for a strip of
+     * content: `role="group"` + `aria-current`. `"tabs"` is only correct when the
+     * consumer owns real panels and passes `panelIds`.
+     */
+    pattern?: "group" | "tabs";
+    /** Index-aligned panel element ids — the tablist↔tabpanel linkage. */
+    panelIds?: string[];
+}
+export interface CarouselEmits {
+    /** The active member changed (the index, and the one it came from). */
+    (e: "change", to: number, from: number): void;
+}
+/** What `useCarousel()` hands a descendant. The core IS the API. */
+export interface CarouselContext {
+    /** The sequence core — index authority, clamp, states, announcement. */
+    deck: DeckCore;
+    /** The scroll container the travel arm drives. */
+    viewport: {
+        value: HTMLElement | null;
+    };
+    /** Report the live member count (the content half owns the DOM). */
+    setCount: (n: number) => void;
+    /** The resolved props the register reads. */
+    orientation: DeckAxis;
+    projection: CarouselProjection;
+    pattern: "group" | "tabs";
+    panelIds?: string[];
+}
+export interface WithClassAsProps {
+    class?: HTMLAttributes["class"];
+}

package/dist/components/carousel/useCarousel.d.ts

@@ -1,21 +1,4 @@
-import type { CarouselEmits, CarouselProps } from './interface';
-declare const CAROUSEL_WEIGHTY_DURATION = 30;
-declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-declare function useCarousel(): {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-export { useCarousel, useProvideCarousel, CAROUSEL_WEIGHTY_DURATION };
+import { type Ref } from "vue";
+import type { CarouselContext, CarouselEmits, CarouselProps } from "./types.js";
+export declare function useProvideCarousel(props: CarouselProps, emits: CarouselEmits, active: Ref<number>): CarouselContext;
+export declare function useCarousel(): CarouselContext;

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -1,16 +1,16 @@
 import { type HTMLAttributes } from "vue";
-import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive";
-import type { CheckedState, SelectionValue } from "../_shared/selection";
-export interface CheckboxProps extends PrimitiveProps, FormFieldProps {
-    modelValue?: CheckedState | null;
+import { type ControlProps } from "../_shared/control.js";
+import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive.js";
+import type { CheckedState, SelectionValue } from "../_shared/selection.js";
+export interface CheckboxProps extends PrimitiveProps, FormFieldProps, ControlProps {
+    modelValue?: CheckedState;
     defaultValue?: CheckedState;
-    disabled?: boolean;
     value?: SelectionValue;
     id?: string;
     class?: HTMLAttributes["class"];
 }
 declare var __VLS_14: {
-    state: CheckedState;
+    state: import("reka-ui").CheckboxCheckedState;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;

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

@@ -1 +1 @@
-export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue";
+export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue.js";

package/dist/components/chip/Chip.vue.d.ts

@@ -8,10 +8,10 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("./types").StaticChipProps | import("./types").SelectableChipProps | import("./types").ActionChipProps | import("./types").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
     remove: (event: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<import("./types").StaticChipProps | import("./types").SelectableChipProps | import("./types").ActionChipProps | import("./types").RemovableChipProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onRemove?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/chip/accent-tone.css

@@ -0,0 +1 @@
+@layer components{.accent-tone{--accent-band-strength: 18%;--accent-edge-strength: 55%;--accent-band: color-mix( in oklab,var(--surface,var(--card)),var(--tone,var(--primary)) var(--accent-band-strength) );--accent-edge: color-mix( in oklab,transparent,var(--tone,var(--primary)) var(--accent-edge-strength) );--accent-ink: var(--accent-ink-resolved,var(--foreground));}}

package/dist/components/chip/chipVariants.d.ts

@@ -1,4 +1,4 @@
-import { type ClassValue } from "../_shared/class-names";
+import { type ClassValue } from "../_shared/class-names.js";
 declare const SIZE: {
     readonly sm: "gap-1 px-2.5 py-1 text-caption";
     readonly md: "gap-1.5 px-3.5 py-1.5 text-small";

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

@@ -1,3 +1,3 @@
-export { default as Chip } from "./Chip.vue";
-export { chipVariants, type ChipVariants } from "./chipVariants";
-export type { ChipMode, ChipProps } from "./types";
+export { default as Chip } from "./Chip.vue.js";
+export { chipVariants, type ChipVariants } from "./chipVariants.js";
+export type { ChipMode, ChipProps } from "./types.js";

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

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import type { ChipVariants } from "./chipVariants";
+import type { Surface } from "../_shared/axes.js";
+import type { ChipVariants } from "./chipVariants.js";
 export type ChipMode = "static" | "selectable" | "action" | "removable";
 interface ChipVisualProps {
     /** Geometry only; never changes semantics. */

package/dist/components/collapsible/CollapsibleTrigger.vue.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "vue";
-import type { PrimitiveProps } from "../_shared/primitive";
+import type { PrimitiveProps } from "../_shared/primitive.js";
 export interface CollapsibleTriggerProps {
     /** Merge disclosure behavior into one interactive child. */
     asChild?: PrimitiveProps["asChild"];

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

@@ -1,3 +1,3 @@
-export { default as Collapsible, type CollapsibleEmits, type CollapsibleProps, } from "./Collapsible.vue";
-export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./CollapsibleTrigger.vue";
-export { default as CollapsibleContent, type CollapsibleContentProps, } from "./CollapsibleContent.vue";
+export { default as Collapsible, type CollapsibleEmits, type CollapsibleProps, } from "./Collapsible.vue.js";
+export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./CollapsibleTrigger.vue.js";
+export { default as CollapsibleContent, type CollapsibleContentProps, } from "./CollapsibleContent.vue.js";

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

@@ -1,5 +1,5 @@
-import type { ComboboxValue } from "../combobox/types";
-import type { CommandProps } from "./types";
+import type { ComboboxValue } from "../_shared/selection.js";
+import type { CommandProps } from "./types.js";
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
@@ -11,8 +11,10 @@ declare const __VLS_base: import("vue").DefineComponent<CommandProps, {}, {}, {}
     "onUpdate:modelValue"?: ((value: ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    disabled: boolean;
     open: boolean;
-    surface: import("../..").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,16 +1,20 @@
-import type { CommandDialogProps } from "./types";
-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("../index.js").ComboboxValue) => 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("../index.js").ComboboxValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./index.js").ComboboxValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    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,4 +1,4 @@
-import type { ComboboxEmptyProps } from "../combobox/types";
+import type { ComboboxEmptyProps } from "../_shared/selection.js";
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

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

@@ -1,4 +1,4 @@
-import type { ComboboxGroupProps } from "../combobox/types";
+import type { ComboboxGroupProps } from "../_shared/selection.js";
 declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;

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

@@ -1,4 +1,4 @@
-import type { ComboboxInputProps } from "../combobox/types";
+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<{

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

@@ -1,12 +1,12 @@
-import type { ComboboxItemProps } from "../combobox/types";
+import type { ComboboxItemProps } from "../_shared/selection.js";
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ComboboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (event: import("../_shared/interaction").ListboxItemSelectEvent<import("../_shared/selection").SelectionValue>) => any;
+    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").ListboxItemSelectEvent<import("../_shared/selection").SelectionValue>) => any) | undefined;
+    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,20 +1,20 @@
-import type { CommandListProps } from "./types";
+import type { CommandListProps } from "./types.js";
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CommandListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent) => any;
-    focusOutside: (event: import("../_shared/interaction").FocusOutsideEvent) => any;
-    interactOutside: (event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any;
+    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("../_shared/interaction").PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").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: import("../..").Surface;
+    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,4 +1,4 @@
-import type { ComboboxSeparatorProps } from "../combobox/types";
+import type { ComboboxSeparatorProps } from "../_shared/selection.js";
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

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 { CommandDialogEmits, CommandDialogProps, CommandEmits, CommandListProps, CommandProps, } from "./types";
+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

@@ -1,10 +1,15 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/axes";
-import type { DialogProps } from "../dialog/Dialog.vue";
-import type { ComboboxValue } from "../combobox/types";
+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;

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.
  *
@@ -53,7 +53,7 @@ export interface ConfiguratorPreset<T> {
     readonly config: T;
 }
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         /** Optional preset table; presented to the `presets` slot fallback. */
         presets?: readonly ConfiguratorPreset<T>[];
         /** Currently active preset key — display only; selection is the consumer's. */
@@ -98,10 +98,33 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
          * length to pin the band (`min === max`), or a `[min, max]` pair.
          */
         asideWidth?: string | readonly [min: string, max: string];
+        /**
+         * Mount the studio inside an <ExpandableContainer>: a corner trigger that
+         * promotes the whole instrument to a full-window ROOM and back. The
+         * container already ships focus trap, Esc, body-overflow lock and focus
+         * restore, so this prop wires an affordance rather than a mechanism.
+         *
+         * The subtree is TELEPORTED, never duplicated — one mount, so a live GPU
+         * stage in the `#stage` slot survives the promotion instead of being torn
+         * down and re-created behind a second canvas.
+         *
+         * Expanded, the gallery is forced to `top`: the room has the width for the
+         * full preset ribbon, and spending it on a 400px gutter is the one thing
+         * expansion is for.
+         */
+        expandable?: boolean;
+        /** Accessible name of the expand trigger. */
+        expandLabel?: string;
+        /** Accessible name of the collapse trigger. */
+        collapseLabel?: string;
         /** Optional outer container override. */
         class?: HTMLAttributes["class"];
     } & {
+        /** Two-way so a consumer can drive/observe the room from outside the trigger. */
+        expanded?: boolean;
+    }) & {
         onReset?: (() => any) | undefined;
+        "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
         "onSelect-preset"?: ((key: string) => any) | undefined;
         "onSelect-layer"?: ((id: string) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -147,7 +170,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         (e: "select-preset", key: string): void;
         (e: "select-layer", id: string): void;
         (e: "reset"): void;
-    };
+    } & ((event: "update:expanded", value: boolean) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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
@@ -41,7 +41,7 @@ import { type ConfiguratorSize } from "./size";
  * interchangeable — they emphasize DIFFERENT features:
  *  - **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.
+ *    three-rung `size` axis (local-prop-over-inject).
  *  - **LabeledField** — for form controls. Carries stable label, description,
  *    error, requirement, state, and layout associations without styling the control.
  *
@@ -74,7 +74,9 @@ type __VLS_Props = {
     size?: ConfiguratorSize;
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_12: {};
+declare var __VLS_12: {
+    labelledBy: string;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_12) => any;
 };

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";