@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/components/data-table/DataTable.vue.d.ts

@@ -1,77 +1,41 @@
-import type { DataTableColumn, DataTableSort } from "./types";
+import type { DataTableProps, DataTableSort } from "./types";
 declare const __VLS_export: <T extends Record<string, any>>(__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<({
-        columns: DataTableColumn<T>[];
-        rows: T[];
-        total: number;
-        pageSize: number;
-        isLoading?: boolean;
-        rowKey?: string;
-        getRowId?: (row: T) => PropertyKey | null | undefined;
-        sort?: DataTableSort;
-        infinite?: boolean;
-        hasMore?: boolean;
-        /**
-         * When true, the table collapses to a stacked card-per-row
-         * projection once its own container measures below
-         * `cardBreakpoint`. A dense multi-column table has no responsive
-         * story at narrow widths — a horizontal-scroll wrapper leaves
-         * half the columns invisible. The card projection keeps every
-         * field reachable: the first column becomes the card header
-         * (with the row-actions menu docked beside it), every other
-         * column renders as a label/value pair below. At/above the
-         * breakpoint the unchanged tabular layout renders.
-         */
-        responsive?: boolean;
-        /**
-         * Container-width (CSS px) below which `responsive` swaps to the
-         * card projection. Container-driven (not viewport-driven) so a
-         * table inside a narrow column collapses at any viewport width.
-         */
-        cardBreakpoint?: number;
-        class?: string;
-    } & {
-        page: number;
-    }) & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<DataTableProps<T> & {
         onSelect?: ((row: T) => any) | undefined;
-        "onUpdate:page"?: ((value: number) => any) | undefined;
         "onUpdate:sort"?: ((sort: DataTableSort) => any) | undefined;
-        "onLoad-more"?: (() => any) | undefined;
+        "onUpdate:selectedRowId"?: ((id: PropertyKey) => any) | undefined;
+        "onUpdate:tabbableRowId"?: ((id: PropertyKey) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
+        error?: (props: {}) => any;
+    } & {
         'row-actions'?: (props: {
             row: T;
         }) => any;
     } & {
-        'row-context-menu'?: (props: {
-            row: T;
-        }) => any;
+        'filtered-empty'?: (props: {}) => any;
     } & {
         empty?: (props: {}) => any;
     } & {
-        'row-actions'?: (props: {
-            row: T;
-        }) => any;
-    } & {
-        'row-context-menu'?: (props: {
-            row: T;
-        }) => any;
+        error?: (props: {}) => any;
     } & {
         'row-actions'?: (props: {
             row: T;
         }) => any;
+    } & {
+        'filtered-empty'?: (props: {}) => any;
     } & {
         empty?: (props: {}) => any;
     } & {
         sentinel?: (props: {}) => any;
     };
-    emit: (((evt: "select", row: T) => void) & ((evt: "update:sort", sort: DataTableSort) => void) & ((evt: "load-more") => void)) & ((event: "update:page", value: number) => void);
+    emit: ((evt: "select", row: T) => void) & ((evt: "update:sort", sort: DataTableSort) => void) & ((evt: "update:selectedRowId", id: PropertyKey) => void) & ((evt: "update:tabbableRowId", id: PropertyKey) => 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/data-table/composables/useDataTableRowIdentity.d.ts

@@ -1,33 +1,15 @@
-import { type ComputedRef, type MaybeRefOrGetter } from "vue";
-/** A row paired with its stable iteration key. */
+import { type ComputedRef, type MaybeRefOrGetter, type Ref } from "vue";
 export interface RowEntry<T> {
     row: T;
     key: PropertyKey;
 }
-/** An explicit per-row id resolver — wins over the `rowKey` lookup. */
 export type RowIdResolver<T> = (row: T) => PropertyKey | null | undefined;
 export interface UseDataTableRowIdentityOptions<T> {
-    /** The reactive row set. */
     rows: MaybeRefOrGetter<readonly T[]>;
-    /** Dotted-path key into each row resolving its stable id (default `_id`). */
     rowKey: MaybeRefOrGetter<string>;
-    /**
-     * Explicit id resolver — wins over `rowKey` when supplied. Pass either the
-     * resolver itself OR a getter returning it (a getter lets the SFC thread the
-     * reactive `props.getRowId`). NOT a `MaybeRefOrGetter`: the resolver is
-     * itself a function, which `toValue` would mis-invoke as a getter.
-     */
-    getRowId?: RowIdResolver<T> | (() => RowIdResolver<T> | undefined);
+    getRowId?: RowIdResolver<T> | Readonly<Ref<RowIdResolver<T> | undefined>>;
 }
-export interface UseDataTableRowIdentityReturn<T> {
-    /** Rows paired with stable iteration keys (validated; generated fallback). */
+/** Resolve the stable, unique identities required by keyed interactive rows. */
+export declare function useDataTableRowIdentity<T extends Record<string, any>>(options: UseDataTableRowIdentityOptions<T>): {
     rowEntries: ComputedRef<RowEntry<T>[]>;
-}
-/**
- * Resolve stable iteration keys for a DataTable's rows.
- *
- * Explicit ids (via `getRowId` or the dotted `rowKey`) win when present AND
- * unique; missing / duplicate ids fall back to a per-object generated symbol
- * (object identity), with a one-shot dev warning per distinct issue.
- */
-export declare function useDataTableRowIdentity<T extends Record<string, any>>(options: UseDataTableRowIdentityOptions<T>): UseDataTableRowIdentityReturn<T>;
+};

package/dist/components/data-table/index.d.ts

@@ -1,3 +1,2 @@
 export { default as DataTable } from "./DataTable.vue";
-export { default as DataTablePagination } from "./DataTablePagination.vue";
-export type { DataTableColumn, DataTableSort, DataTableProps } from "./types";
+export type { DataTableColumn, DataTableSort, DataTableProps, DataTableRowAttrs, DataTableRowIndex, DataTableRowRef, DataTableStatus, } from "./types";

package/dist/components/data-table/styles.css

@@ -0,0 +1 @@
+.data-table { overflow: hidden; } .data-table-cards { display: flex; flex-direction: column; gap: 0.5rem; } .data-table-card, .data-table-state { border: 1px solid var(--border); border-radius: var(--radius-card); padding: 0.75rem; } .data-table-state { padding-block: var(--space-phi-5); color: var(--muted-foreground); text-align: center; } .data-table-card-skeleton-title { width: 50%; height: 1rem; margin-block-end: 0.5rem; } .data-table-cell-skeleton { width: 75%; height: 1rem; } .data-table-action-skeleton { width: 1.5rem; height: 1rem; } .data-table-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; } .data-table-card-title, .data-table-card-value { min-width: 0; overflow-wrap: anywhere; } .data-table-card-title { font-weight: 600; } .data-table-card-fields { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.25rem 0.75rem; margin-block-start: 0.5rem; } .data-table-card-label, .data-table-header-row { color: var(--muted-foreground); } .data-table-actions, .data-table-actions-cell { width: 2.5rem; flex: none; } .data-table-sort { display: inline-flex; width: 100%; align-items: center; gap: 0.25rem; justify-content: flex-start; border: 0; border-radius: var(--radius-sm); padding: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; } .data-table [data-align="center"] { justify-content: center; text-align: center; } .data-table [data-align="right"] { justify-content: flex-end; text-align: right; } .data-table-row-interactive { cursor: pointer; transition: background-color var(--duration-fast) var(--ease-standard); } .data-table-row-interactive:hover, .data-table-row-interactive[data-state="selected"] { background: var(--surface-tint-8); } .data-table-card.data-table-row-interactive[data-state="selected"] { border-color: var(--focus-ring-color); box-shadow: var(--focus-ring-shadow); }

package/dist/components/data-table/types.d.ts

@@ -1,4 +1,4 @@
-import type { Component } from "vue";
+import type { Component, HTMLAttributes } from "vue";
 export interface DataTableColumn<T = any> {
     /** Unique key matching a property on the row object */
     key: string;
@@ -21,29 +21,51 @@ export interface DataTableSort {
     key: string;
     direction: "asc" | "desc";
 }
+export type DataTableStatus = "ready" | "loading" | "error";
+/** Caller-owned bindings for a mounted data row. */
+export type DataTableRowAttrs<T> = (row: T, index: number) => HTMLAttributes | undefined;
+/** Receives each mounted row element and `null` when that row leaves the DOM. */
+export type DataTableRowRef<T> = (element: HTMLElement | null, row: T, index: number) => void;
+/** One-based absolute row index, including the header row at index 1. */
+export type DataTableRowIndex<T> = (row: T, mountedIndex: number) => number;
 export interface DataTableProps<T = any> {
     /** Column definitions */
     columns: DataTableColumn<T>[];
     /** Row data to display */
     rows: T[];
-    /** Total number of rows across all pages (for pagination display) */
-    total: number;
-    /** Current page number (1-indexed) */
-    page: number;
-    /** Number of rows per page */
-    pageSize: number;
-    /** Whether data is currently loading */
-    isLoading?: boolean;
+    /** Current renderer state. Empty rows remain a distinct derived state. */
+    status?: DataTableStatus;
+    /** Distinguishes an empty filtered result from an empty data set. */
+    filtered?: boolean;
     /** Unique key field on each row (defaults to "_id") */
     rowKey?: string;
     /** Optional resolver for stable unique row identities. Takes precedence over rowKey. */
     getRowId?: (row: T) => PropertyKey | null | undefined;
+    /** Opt into grid semantics on the native table projection. */
+    role?: "grid";
+    /** Accessible name applied to the native table projection. */
+    ariaLabel?: string;
+    /** Logical column count applied to the native table projection. */
+    ariaColCount?: number;
+    /** Native-table logical row count, including any header row. */
+    ariaRowCount?: number;
+    /**
+     * Attributes and handlers for each caller-windowed row. `aria-rowindex`
+     * applies only to the native-table projection and is omitted from cards.
+     */
+    getRowAttrs?: DataTableRowAttrs<T>;
+    /** Absolute ARIA row index for each caller-windowed row. */
+    getRowIndex?: DataTableRowIndex<T>;
+    /** Mounted row element callback for measurement or focus. */
+    rowRef?: DataTableRowRef<T>;
+    /** Stable id of the sole mounted row placed in the tab order. */
+    tabbableRowId?: PropertyKey | null;
     /** Current sort state */
     sort?: DataTableSort;
-    /** When true, hides pagination and shows infinite scroll sentinel */
-    infinite?: boolean;
-    /** Whether more data is available (for infinite scroll mode) */
-    hasMore?: boolean;
+    /** Enables controlled single-row selection and row keyboard activation. */
+    selectable?: boolean;
+    /** Stable identity of the selected row when selection is enabled. */
+    selectedRowId?: PropertyKey | null;
     /**
      * When true, the table collapses to a stacked card-per-row
      * projection once its container measures below `cardBreakpoint` —
@@ -53,4 +75,5 @@ export interface DataTableProps<T = any> {
     responsive?: boolean;
     /** Container-width (CSS px) below which `responsive` swaps to cards. Defaults to 640. */
     cardBreakpoint?: number;
+    class?: HTMLAttributes["class"];
 }

package/dist/components/deck/constants.d.ts

@@ -1,13 +1,3 @@
-/** SwiftUI `.smooth` — the deck's slide-transition + count-up curve: a calm settle
-    with a barely-there micro-overshoot, the right cadence for a content deck (the
-    page change reads as a settle, not a bounce). It is the SAME family the
-    `--spring-smooth` token derives from (`springLinearStops()` output), so the deck
-    inherits the constellation's iOS curve instead of forking a third easing
-    vocabulary — `--spring-deck: var(--spring-smooth)`. */
-export declare const DECK_SPRING: {
-    readonly response: 0.5;
-    readonly dampingFraction: 0.85;
-};
 /** The focused-control selector the keyboard handler tests: when a control (button
     / link / field) is focused, Space + digit jumps reach that control's native
     activation instead of being stolen for navigation (the C6 correctness fix). */

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

@@ -2,7 +2,5 @@ export { useDeck } from "./composables/useDeck";
 export type { DeckCore, UseDeckOptions } from "./composables/useDeck";
 export { useDeckKeyboard, handleDeckKey } from "./composables/useDeckKeyboard";
 export type { DeckMoves, DeckKeyOptions, UseDeckKeyboardOptions, } from "./composables/useDeckKeyboard";
-export { installDeckSpring, deckEase, DECK_SPRING, } from "./composables/useDeckSpring";
 export { default as DeckPager } from "./DeckPager.vue";
 export { CONTROL_SELECTOR } from "./constants";
-export type { PagerWindow } from "../pager-dots/pagerWindow";

package/dist/components/dialog/Dialog.vue.d.ts

@@ -1,11 +1,16 @@
-import { type DialogRootProps } from 'reka-ui';
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    modal?: boolean;
+    unmountOnHide?: boolean;
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DialogRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<DialogRootProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dialog/DialogClose.vue.d.ts

@@ -1,4 +1,6 @@
-import { type DialogCloseProps } from 'reka-ui';
+import type { PrimitiveProps } from "../_shared/primitive";
+export interface DialogCloseProps extends PrimitiveProps {
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

package/dist/components/dialog/DialogContent.vue.d.ts

@@ -1,106 +1,49 @@
-import { type HTMLAttributes } from 'vue';
-import { type DialogContentProps } from 'reka-ui';
-import { type SpringPreset } from '../../composables/motion/useSpringMount';
-import type { Motion, Placement } from '../_shared/axes';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = DialogContentProps & {
-    class?: HTMLAttributes['class'];
-    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
-     *  {glass·veil·opaque} axis. `glass` (translucent blur, default) renders the
-     *  floating glass tier; `veil` overlays the borderless/rimless text-legibility
-     *  plate; `opaque` sets `--glass-level:0` (the solid-card escape). Replaces the
-     *  retired binary `variant: glass|opaque` (clean break). */
+import { type HTMLAttributes } from "vue";
+import { type SpringPreset } from "../../composables/motion/spring/useSpringMount";
+import type { Backdrop, Motion, Placement, Surface } from "../_shared/axes";
+export interface DialogContentProps {
+    forceMount?: boolean;
+    disableOutsidePointerEvents?: boolean;
+    class?: HTMLAttributes["class"];
     surface?: Surface;
-    /**
-     * BI.W-DIALOG-PLACEMENT — the overlay-placement axis (Sheet FOLDED onto Dialog).
-     * `center` (default) is the byte-identical centered modal — the `.glass-reveal`
-     * bloom over the see-through `--glass-bg-dialog` rung. `top|right|bottom|left`
-     * are the edge SIDE-SLIDE (the former `<Sheet side>`): the content fixes to that
-     * viewport edge, spans the cross axis, rounds its INNER corners on the dialog rung,
-     * and slides in via the shared `sheet-animate` CSS register (byte-identical to the
-     * retired Sheet frame-series). N3: a placement != center Dialog is a NON-detented
-     * side sheet — a detented bottom sheet over a LIVE surface stays `<Drawer>` (snap
-     * physics is Drawer's mechanism, never this paint axis).
-     */
     placement?: Placement;
-    /**
-     * Optional CSS `animation` shorthand forwarded to the portaled scrim
-     * via the `--scrim-animation` typed cascade variable. reka-ui's
-     * `DialogPortal` teleports the `DialogOverlay` outside the consumer's
-     * component subtree, so a scoped `--scrim-animation` declaration on a
-     * parent of `<Dialog>` never reaches the overlay — the publisher owns
-     * the bridge.
-     *
-     * Pass a complete `animation` shorthand (e.g. `"scrim-breath 6s
-     * ease-in-out infinite"`); the rule
-     * `[data-scrim-animation] { animation: var(--scrim-animation, none) }`
-     * in `animations.css` consumes it on the portaled overlay element.
-     * Composes with the default `animate="fade"` enter/exit (distinct
-     * selectors: `[data-state]` keys the fade, `[data-scrim-animation]`
-     * keys the breath — no cascade fight).
-     *
-     * Reduced-motion: the global `@media (prefers-reduced-motion: reduce)`
-     * bracket in `animations.css` retires the breath automatically.
-     *
-     * AJ-W4-δ.
-     */
-    scrimAnimation?: string;
-    /**
-     * BH.W-MOTION-AXIS — the ONE motion-weight axis (the `spring` boolean's clean-break
-     * successor). `full` (default) is the FULL liquid register: the default entrance is
-     * the spring-clocked `.glass-reveal` CSS bloom (byte-identical to HEAD's unset
-     * `spring`); an explicit `springPreset` opts into the JS `useSpringMount` entrance.
-     * `reduced`/`off` opt DOWN — the JS spring entrance unbinds and the `.glass-reveal`
-     * CSS floor stands (the SAME state PRM produces). PRM forces `full → reduced`
-     * regardless (a11y absolute).
-     */
     motion?: Motion;
-    /**
-     * BH.W-MOTION-AXIS — the JS spring entrance PRESET (the curve choice carved OFF the
-     * retired `spring` boolean; a distinct concern from motion INTENSITY). UNSET (default)
-     * keeps the `.glass-reveal` CSS bloom (byte-identical to HEAD's unset `spring`);
-     * naming one of `'smooth' | 'snappy' | 'bouncy' | 'gentle'` opts into the
-     * `useSpringMount` JS entrance (the W13 iOS spring-physics scale+fade). Ignored when
-     * `motion === "off"` (the CSS floor stands). PRM snaps the spring to target (no-op
-     * transform).
-     */
     springPreset?: SpringPreset;
-    /**
-     * Render the default top-right close (X) button (default `true`).
-     * Set `false` when the consumer composes its own header / dismiss control
-     * (e.g. a hand-composed access modal) so the built-in X does not
-     * double-up. The default keeps every existing mount byte-identical.
-     */
     showClose?: boolean;
+    scroll?: boolean;
+    stage?: "none" | "dim" | "scale" | "immersive";
     /**
-     * BD.W-OVERLAY-STAGE-COUPLE — the scene-staging enum for the centered modal band.
-     * `none` (default — byte-identical to HEAD) leaves the page untouched; `dim`/
-     * `scale`/`immersive` flip the ONE `--stage-t` scalar 0→1 on open so the page
-     * RECEDES + SCALES behind the dialog (the iOS card-recede) and the scrim deepens.
-     * PRM degrades `scale`/`immersive` → `dim` (no page transform, fold C1·R6).
+     * The scrim backdrop axis. `scrim` (default) is byte-identical to today; `graded`
+     * swaps the flat scrim for the box-following halo. Applies to a centred dialog
+     * (the immersive stage opts in first); side sheets keep their own per-edge graded
+     * edge and ignore it.
      */
-    stage?: 'none' | 'dim' | 'scale' | 'immersive';
-};
-declare var __VLS_19: {};
+    backdrop?: Backdrop;
+}
+declare var __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<DialogContentProps, {}, {}, {}, {}, 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;
+    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;
     openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DialogContentProps> & 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").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction").PointerDownOutsideEvent | import("../_shared/interaction").FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    scroll: boolean;
     surface: Surface;
+    backdrop: Backdrop;
     placement: Placement;
     showClose: boolean;
     stage: "none" | "dim" | "scale" | "immersive";

package/dist/components/dialog/DialogDescription.vue.d.ts

@@ -1,13 +1,12 @@
-import { type HTMLAttributes } from 'vue';
-import { type DialogDescriptionProps } from 'reka-ui';
-type __VLS_Props = DialogDescriptionProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { HTMLAttributes } from "vue";
+export interface DialogDescriptionProps {
+    class?: HTMLAttributes["class"];
+}
 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<DialogDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogDescriptionProps> & 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/dialog/DialogTitle.vue.d.ts

@@ -1,13 +1,12 @@
-import { type HTMLAttributes } from 'vue';
-import { type DialogTitleProps } from 'reka-ui';
-type __VLS_Props = DialogTitleProps & {
-    class?: HTMLAttributes['class'];
-};
+import type { HTMLAttributes } from "vue";
+export interface DialogTitleProps {
+    class?: HTMLAttributes["class"];
+}
 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<DialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTitleProps> & 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/dialog/DialogTrigger.vue.d.ts

@@ -1,4 +1,6 @@
-import { type DialogTriggerProps } from 'reka-ui';
+import type { PrimitiveProps } from "../_shared/primitive";
+export interface DialogTriggerProps extends PrimitiveProps {
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;

package/dist/components/dialog/ModalOverlay.vue.d.ts

@@ -0,0 +1,45 @@
+import { type HTMLAttributes } from "vue";
+import type { Backdrop } from "../_shared/axes";
+/** Canonical Dialog scrim with one enter/exit recipe and a real intensity axis. */
+interface ModalOverlayProps {
+    class?: HTMLAttributes["class"];
+    /**
+     * Scrim intensity. `glass` reads `--overlay-scrim`; `clear` reads
+     * `--overlay-scrim-subtle`; `dim` reads `--overlay-scrim-strong`.
+     */
+    scrim?: "glass" | "clear" | "dim";
+    /**
+     * The backdrop axis. `scrim` (default) is today's flat full-viewport scrim,
+     * byte-identical. `graded` swaps it for ONE masked box-following halo child
+     * (`data-slot="glass-graded-halo"`) — the flat blur + dim drop and the halo is
+     * the sole plate (the `--stage-t` scrim/immersive arms are gated off in
+     * drawer/styles.css). The centred immersive Dialog opts in.
+     */
+    backdrop?: Backdrop;
+    /**
+     * A side sheet's live slide position (0 open → 1 dismissed). When set, the scrim
+     * drops its `sheet-animate` fade keyframe and drives `opacity` off this SAME scalar
+     * so it can never desync from the surface through an interrupt. `null` (center
+     * dialog + the `off` side path) keeps the keyframe fade.
+     */
+    slideT?: number | null;
+    /** Hold the scrim mounted through the spring exit (mirrors the content forceMount). */
+    forceMount?: boolean;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ModalOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalOverlayProps> & Readonly<{}>, {
+    scrim: "glass" | "clear" | "dim";
+    backdrop: Backdrop;
+    slideT: number | null;
+}, {}, {}, {}, 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/dialog/dialogStageContext.d.ts

@@ -0,0 +1,7 @@
+import type { Ref } from "vue";
+export interface DialogStageContext {
+    wrapperEl: Ref<HTMLElement | null>;
+    scrimEl: Ref<HTMLElement | null>;
+}
+export declare function provideDialogStageContext(context: DialogStageContext): void;
+export declare const useOptionalDialogStageContext: () => DialogStageContext | null;

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

@@ -1,9 +1,8 @@
-export { default as Dialog } from './Dialog.vue';
-export { default as DialogClose } from './DialogClose.vue';
-export { default as DialogTrigger } from './DialogTrigger.vue';
-export { default as DialogHeader } from './DialogHeader.vue';
-export { default as DialogTitle } from './DialogTitle.vue';
-export { default as DialogDescription } from './DialogDescription.vue';
-export { default as DialogContent } from './DialogContent.vue';
-export { default as DialogScrollContent } from './DialogScrollContent.vue';
-export { default as DialogFooter } from './DialogFooter.vue';
+export { default as Dialog, type DialogProps } from "./Dialog.vue";
+export { default as DialogClose, type DialogCloseProps } from "./DialogClose.vue";
+export { default as DialogTrigger, type DialogTriggerProps } from "./DialogTrigger.vue";
+export { default as DialogHeader } from "./DialogHeader.vue";
+export { default as DialogTitle, type DialogTitleProps } from "./DialogTitle.vue";
+export { default as DialogDescription, type DialogDescriptionProps, } from "./DialogDescription.vue";
+export { default as DialogContent, type DialogContentProps } from "./DialogContent.vue";
+export { default as DialogFooter } from "./DialogFooter.vue";

package/dist/components/dialog/placement.css

@@ -0,0 +1 @@
+:where([data-slot="dialog-content"][data-placement]) { position: fixed; z-index: var(--z-modal); } :where( [data-slot="dialog-content"][data-placement] > [data-slot="dialog-content-region"] ) { display: grid; align-content: start; gap: 1rem; } :where( [data-slot="dialog-content"][data-placement][data-scroll] > [data-slot="dialog-content-region"] ) { min-block-size: 0; max-block-size: calc(100dvh - var(--overlay-pad-block) - var(--overlay-pad-block)); overflow-y: auto; } :where( [data-slot="dialog-content"][data-placement="left"] > [data-slot="dialog-content-region"], [data-slot="dialog-content"][data-placement="right"] > [data-slot="dialog-content-region"] ) { display: flex; flex-direction: column; block-size: 100%; min-block-size: 0; } :where( [data-slot="dialog-content"][data-placement="left"] > [data-slot="dialog-content-region"] > :only-child, [data-slot="dialog-content"][data-placement="right"] > [data-slot="dialog-content-region"] > :only-child ) { min-block-size: 0; } :where([data-slot="dialog-content"][data-placement][data-surface="glass"]) { isolation: isolate; -webkit-backdrop-filter: none; backdrop-filter: none; } :where([data-slot="dialog-content"][data-placement] > [data-slot="glass-graded-halo"]) { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: linear-gradient( var(--sheet-edge-direction), color-mix(in oklab, var(--glass-bg-overlay) 10%, transparent) 0, color-mix(in oklab, var(--glass-bg-overlay) 16%, transparent) 40px, color-mix(in oklab, var(--glass-bg-overlay) 34%, transparent) 120px, color-mix(in oklab, var(--glass-bg-overlay) 34%, transparent) 100% ); -webkit-backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate-overlay)); backdrop-filter: blur(calc(34px * var(--glass-level))) saturate(var(--glass-saturate-overlay)); mask-image: linear-gradient( var(--sheet-edge-direction), rgb(0 0 0 / 0.325) 0, rgb(0 0 0 / 0.45) 40px, black 120px, black 100% ); } :where([data-slot="dialog-content"][data-placement="top"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to top; } :where([data-slot="dialog-content"][data-placement="bottom"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to bottom; } :where([data-slot="dialog-content"][data-placement="left"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to left; } :where([data-slot="dialog-content"][data-placement="right"]) > [data-slot="glass-graded-halo"] { --sheet-edge-direction: to right; } :where([data-backdrop="graded"] > [data-slot="glass-graded-halo"]) { position: absolute; inset: 0; pointer-events: none; -webkit-backdrop-filter: blur(var(--glass-halo-blur)) saturate(var(--glass-saturate-overlay)); backdrop-filter: blur(var(--glass-halo-blur)) saturate(var(--glass-saturate-overlay)); background: color-mix(in oklab, var(--glass-bg-overlay) 50%, transparent); -webkit-mask-image: linear-gradient( to right, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ), linear-gradient( to bottom, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ); -webkit-mask-composite: source-in; mask-image: linear-gradient( to right, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ), linear-gradient( to bottom, transparent calc(50% - var(--glass-halo-core) - var(--glass-halo-bloom)), black calc(50% - var(--glass-halo-core)), black calc(50% + var(--glass-halo-core)), transparent calc(50% + var(--glass-halo-core) + var(--glass-halo-bloom)) ); mask-composite: intersect; } .dark :where([data-backdrop="graded"] > [data-slot="glass-graded-halo"]) { background: color-mix(in oklab, var(--glass-bg-overlay) 40%, transparent); } @media (prefers-reduced-transparency: reduce), (forced-colors: active) { :where([data-slot="glass-graded-halo"]) { display: none; } } :where([data-slot="dialog-content"][data-placement="top"]) { left: 0; right: 0; top: 0; } :where([data-slot="dialog-content"][data-placement="bottom"]) { left: 0; right: 0; bottom: 0; } :where([data-slot="dialog-content"][data-placement="left"]) { top: 0; bottom: 0; left: 0; height: 100%; width: 75%; } :where([data-slot="dialog-content"][data-placement="right"]) { top: 0; bottom: 0; right: 0; height: 100%; width: 75%; } @media (min-width: 40rem) { :where([data-slot="dialog-content"][data-placement="left"]), :where([data-slot="dialog-content"][data-placement="right"]) { max-width: 24rem; } }

package/dist/components/dialog/sheet-motion.d.ts

@@ -0,0 +1,17 @@
+import type { Placement } from "../_shared/axes";
+/** The four slide placements (a `center` modal is the non-slide path). */
+export type SidePlacement = Exclude<Placement, "center">;
+/**
+ * The side sheet's slide as a CSS `translate` LONGHAND value ("<lp> <lp>").
+ * `p`: 0 = mounted at rest, 1 = one own-dimension offscreen along the anchored
+ * axis. This is a `translate` longhand, NOT a `transform` function —
+ * `translateX()`/`translateY()` are invalid as a `translate` value and paint
+ * nothing (R1). `p` is left unclamped so the spring's overshoot IS the settle.
+ */
+export declare function sheetSlideTransform(placement: SidePlacement, p: number): string;
+/**
+ * Scrim opacity synced to the surface position: 1 at open (p=0), 0 at dismissed
+ * (p=1). Clamped so the spring overshoot (p<0 or p>1) never pushes opacity out of
+ * [0,1]. Reads the SAME live scalar as the surface → no desync through an interrupt.
+ */
+export declare function scrimOpacity(p: number): number;

package/dist/components/dock/DockControl.vue.d.ts

@@ -1,27 +1,24 @@
 import { type ButtonHTMLAttributes, type Component, type HTMLAttributes } from "vue";
 /**
- * <DockControl> — the ONE dock control (BI.W-DOCK-CONTROLS; folds
- * `DockIconButton` + `DockTabButton` onto a `shape` axis). The dock IS
- * SegmentedTabs/ToggleGroup wearing chrome (PASS-1 §1 DOCK-D verdict), so the two
- * control components collapse to ONE with a `shape` discriminant:
+ * <DockControl> is the single dock control, with icon and tab geometry selected by
+ * a `shape` discriminant:
  *
- *   • `shape="icon"` (DEFAULT) — the fixed-square icon control (the prior
- *     `DockIconButton`): glass hover, the interruptible spring-press, the
+ *   • `shape="icon"` (default) — fixed-square icon control with glass hover,
+ *     interruptible spring press,
  *     pointer-anchored specular gleam, the selectable `active` glass-capsule seat.
- *   • `shape="tab"` — the auto-sized text-tab control (the prior `DockTabButton`):
+ *   • `shape="tab"` — auto-sized text-tab control with
  *     the de-red'd glass hover register + the pointer-following gleam.
  *
  * ONE FACE, the folded safe-inset. Both shapes read the shared `.glass-capsule`
  * face (glass/glass-capsule.css): the painted plate insets via the dock-scoped
  * `--dock-control-safe-inset` fold, while the HIT CELL stays the full
  * `--dock-control-size` (≥44px on coarse via the density clamp) — hit box ≠ paint
- * box (A11Y-5's 17×40px defect dies by construction, with W-DOCK-SPINE's L1
- * `overflow: visible` making the clip structurally absent).
+ * box. `overflow: visible` keeps the painted inset unclipped.
  *
  * Role rides the consumer: an `active` control stamps `aria-pressed` (the
  * AT-selectable semantic) + `data-active` (the CSS hook reading the
  * `--dock-control-active-bg` "selected reads as glass" tier — never a saturated
- * brand hue, per W-REGISTER-IOS). A dock built on `useSelectionGroup` threads the
+ * brand hue). A dock built on `useSelectionGroup` threads the
  * role-per-mode (radio/tab/pressed) at the group level.
  */
 type __VLS_Props = {
@@ -50,18 +47,18 @@ type __VLS_Props = {
     asChild?: boolean;
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_13: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    active: boolean;
-    type: "button" | "reset" | "submit";
-    compact: boolean;
     disabled: boolean;
-    asChild: boolean;
+    type: "button" | "reset" | "submit";
     as: string | Component;
+    asChild: boolean;
     shape: "icon" | "tab";
+    compact: boolean;
+    active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;