@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/components/drawer/Drawer.vue.d.ts

@@ -1,12 +1,10 @@
-import type { DrawerDirection, DrawerMode, DrawerStage } from './index';
+import type { DrawerDirection, DrawerMode, DrawerStage } from "./index";
 /**
- * BB.W-DRAWER-ABROGATE — the Drawer root on the HOUSE reka `DialogRoot` substrate
- * (the SAME shape `Dialog.vue` binds). vaul-vue is gone: reka owns the open-control,
- * the portal, the focus management (trap when `modal`, free when `live-behind`) and
- * the scrim; the house `useDrawerSnap` engine (provided here, bound in DrawerContent)
- * owns the snap math vaul used to own.
+ * The Drawer root uses Reka's `DialogRoot` substrate. Reka owns open state,
+ * the portal, focus management (trapped when `modal`, free when `live-behind`),
+ * and the scrim. The provided `useDrawerSnap` engine owns detent motion.
  *
- * `mode` — additive shorthand (AN.W3). `"modal"` (default) keeps the iOS scale-down
+ * `mode` is an additive shorthand. `"modal"` (default) keeps the iOS scale-down
  * look: `modal: true` (reka focus-traps + page-occludes) + `stage: "scale"` (the page
  * recedes). `"live-behind"` is the non-modal peek/half/full bottom sheet — `modal:
  * false` (no focus trap, no page `aria-hidden`, page-behind stays interactive — reka
@@ -14,23 +12,22 @@ import type { DrawerDirection, DrawerMode, DrawerStage } from './index';
  * Every prop the mode sets is still overridable by an explicit prop — `mode` only
  * supplies defaults.
  *
- * The snap props (`snapPoints`/`activeSnapPoint`/`direction`) are HOUSE props now
- * (they were vaul's `DrawerRootProps` surface — preserved by shape so the consumer
- * binding is byte-identical, but resolved by the house engine, not forwarded to reka,
- * which knows only `open`/`defaultOpen`/`modal`).
+ * The snap props (`snapPoints`/`activeSnapPoint`/`direction`) are resolved by the
+ * Glass engine and are not forwarded to Reka, which receives only root-dialog props.
  *
- * BD.W-OVERLAY-STAGE-COUPLE — `stage` is the honest scene-staging enum — the page
+ * `stage` is the honest scene-staging enum — the page
  * recede is a real `--stage-t` scale/radius drive, not a boolean that moves no pixels:
  *   • `none`      — no staging (the live-behind peek sheet leaves the page untouched).
  *   • `dim`       — the scrim deepens with the detent; the page does NOT transform
  *                   (the PRM-safe luminance-only depth cue; also the `scale` degrade).
  *   • `scale`     — `dim` + the page RECEDES + SCALES (the iOS card-recede depth cue).
- *   • `immersive` — `scale` + the scrim's backdrop-blur ENGAGES (the spotlight).
+ *   • `immersive` — `scale` + one fixed-radius scrim backdrop sample (the spotlight;
+ *                   its radius never reads the per-frame scalar).
  * Under `prefers-reduced-motion: reduce`, `scale`/`immersive` degrade to `dim` (no
- * page transform — a full-page snap-scale IS perceived motion, fold C1·R6). The enum
- * toggles `data-stage-scale` / `data-stage-immersive` on the page-wrapper marker
- * (`[data-stage-wrapper]`, mounted by the consumer/demo shell) while the sheet is
- * open; the `--stage-t` scalar the snap engine writes at `:root` drives the couplings.
+ * page transform because a full-page snap-scale is perceived motion. The enum
+ * toggles `data-stage-scale`, `data-stage-immersive` on the page-wrapper marker
+ * (`[data-stage-wrapper]`, mounted by the consumer/demo shell) through the spring's
+ * open and close settle; the `--stage-t` scalar drives the couplings.
  */
 type __VLS_Props = {
     /** The controlled open state (`v-model:open`). */
@@ -41,17 +38,17 @@ type __VLS_Props = {
     modal?: boolean;
     /** Presentation mode shorthand. */
     mode?: DrawerMode;
-    /** The detent ladder (fractions 0..1). When omitted, resolved from `direction` (BB-2). */
+    /** The detent ladder (fractions 0..1). Live-behind resolves a default ladder. */
     snapPoints?: (number | string)[];
     /** The active detent fraction (`v-model:active-snap-point`). */
     activeSnapPoint?: number | string | null;
-    /** Drag/slide axis (BB-2 default-ladder source). */
+    /** Drag/slide axis (the default-ladder source). */
     direction?: DrawerDirection;
     /**
-     * BD.W-OVERLAY-STAGE-COUPLE — the honest scene-staging enum. `none` leaves the
+     * The scene-staging enum. `none` leaves the
      * page untouched (the live-behind default); `dim` deepens the scrim only; `scale`
      * recedes + scales the page;
-     * `immersive` adds the backdrop-blur engage. Defaulted by `mode`.
+     * `immersive` adds one fixed-radius scrim backdrop sample. Defaulted by `mode`.
      */
     stage?: DrawerStage;
 };
@@ -66,10 +63,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:activeSnapPoint"?: ((value: string | number | null) => any) | undefined;
 }>, {
-    direction: DrawerDirection;
     open: boolean;
-    mode: DrawerMode;
     defaultOpen: boolean;
+    direction: DrawerDirection;
+    mode: DrawerMode;
     modal: boolean;
     stage: DrawerStage;
     snapPoints: (number | string)[];

package/dist/components/drawer/DrawerContent.vue.d.ts

@@ -1,29 +1,28 @@
-import { type HtmlHTMLAttributes } from 'vue';
-import { type DialogContentProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = DialogContentProps & {
-    class?: HtmlHTMLAttributes['class'];
+import { type HtmlHTMLAttributes } from "vue";
+import type { Surface } from "../_shared/axes";
+export interface DrawerContentProps {
+    forceMount?: boolean;
+    disableOutsidePointerEvents?: boolean;
+    class?: HtmlHTMLAttributes["class"];
     showOverlay?: boolean;
-    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
-     *  {glass·veil·opaque} axis on top of the `.glass-drawer` recipe. */
     surface?: Surface;
-};
+}
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<DrawerContentProps, {}, {}, {}, {}, 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<DrawerContentProps> & 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;
 }>, {

package/dist/components/drawer/DrawerDescription.vue.d.ts

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

@@ -1,8 +1,8 @@
-import { type DialogOverlayProps } from 'reka-ui';
-import { type HtmlHTMLAttributes } from 'vue';
-type __VLS_Props = DialogOverlayProps & {
-    class?: HtmlHTMLAttributes['class'];
-};
-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 HtmlHTMLAttributes } from "vue";
+export interface DrawerOverlayProps {
+    forceMount?: boolean;
+    class?: HtmlHTMLAttributes["class"];
+}
+declare const __VLS_export: import("vue").DefineComponent<DrawerOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DrawerOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/drawer/DrawerTitle.vue.d.ts

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

@@ -1,5 +1,5 @@
 import type { Ref } from "vue";
-import type { DrawerDirection } from "../index";
+import type { DrawerDirection, DrawerMode, DrawerStage } from "../index";
 /**
  * The snap seam the root provides + the content consumes. The root resolves the
  * effective ladder (consumer `snapPoints` ?? the direction-derived default) + the
@@ -14,6 +14,14 @@ export interface DrawerSnapContext {
     snapPoints: Readonly<Ref<readonly number[]>>;
     /** The drag/slide axis. */
     direction: Readonly<Ref<DrawerDirection>>;
+    /** The root presentation mode; the content owns the mode-specific layer contract. */
+    mode: Readonly<Ref<DrawerMode>>;
+    /** The PRM-resolved scene-staging register. */
+    stage: Readonly<Ref<DrawerStage>>;
+    /** This Drawer's nearest consumer-owned stage wrapper. */
+    wrapperEl: Ref<HTMLElement | null>;
+    /** This Drawer's own portaled scrim. */
+    scrimEl: Ref<HTMLElement | null>;
     /** The live active detent fraction (the `v-model:active-snap-point` writeback). */
     activeSnapPoint: Ref<number | string | null>;
 }

package/dist/components/drawer/composables/useDrawerSnap.d.ts

@@ -6,7 +6,7 @@ export interface UseDrawerSnapOptions {
      * bound box). A GETTER, never a snapshotted ref — reka's `DialogContent` forwards
      * its root element THROUGH a `<Presence>` swap, so a `$el` captured at first mount
      * is a stale comment placeholder and the writer's `if (el)` guard skips forever
-     * (the F5.R2 model↔paint SEVER — `writeScalar` "never fires"). Resolving the element
+     * (the model↔paint SEVER — `writeScalar` "never fires"). Resolving the element
      * fresh on every write reaches the painted sheet the instant `<Presence>` mounts it.
      */
     contentEl: () => HTMLElement | null;
@@ -16,6 +16,8 @@ export interface UseDrawerSnapOptions {
     ctx: DrawerSnapContext;
 }
 export interface UseDrawerSnapReturn {
+    /** Internal Presence hold: true through the closing spring's settle. */
+    present: Ref<boolean>;
     /** Whether a pointer drag is in flight (drives the grip's "live" affordance). */
     dragging: Ref<boolean>;
     /** Programmatically settle to a detent fraction (the open-sheet re-snap seam). */

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

@@ -1,42 +1,24 @@
 import type { DrawerDirection } from "./index";
 /**
- * The ONE drawer-snap spring authority — the sheet-settle (response, ζ) register the
- * house `SpringProgress` snap engine (`useDrawerSnap.ts`) drives `--glass-drawer-t`
- * off. This is the drawer's OWN settle clock — NOT a re-use of the dock's
- * `DOCK_SPRING` morph-settle (the per-spring-clock §6 doctrine: each register is its
- * own clock; a sheet that flings up to a detent settles slower + with a touch more
- * give than the dock's crisp 0.32/0.7 box-morph). Co-located here so the pair is
- * defined ONCE rather than at the top of the composable.
- *
- * BD.W-ANIM-IOS27-TUNE re-tuned `{0.4, 0.82}` → `{0.50, 0.74}` for inertial liquid
- * MASS — but that value was calibrated against the PRE-M1 broken CSS/JS time base AND
- * the pre-BI.W-DRAWER-PERF main-thread storm (the lag was never the spring). BI judgment
- * (g), user-delegated + orchestrator-ratified 2026-07-12: re-pinned `{0.50, 0.74}` →
- * **`{0.32, 0.80}`** — the measured-iOS drawer band (the iOS-27 frame analysis: brisk
- * arrival, ~1.5% overshoot; weight ≠ slow). Lands POST-SPRING-PARITY (M1 committed
- * 75c9e433) + POST-DRAWER-PERF (7a9faa07), per the ordering law: no spring retune
- * before M1. The A/B capture pair rides the π batch (W-DRAWER-PERF-DELTA).
- * The fling-decision (`DRAWER_FLING_VELOCITY`) is SEPARATE + unchanged.
+ * The Drawer snap spring authority. `SpringProgress` uses this response and damping
+ * pair to drive `--glass-drawer-t`; the measured band gives a brisk arrival with
+ * about 1.5% overshoot. Fling selection remains a separate velocity decision.
  */
 export declare const DRAWER_SNAP: {
     readonly response: 0.32;
     readonly dampingFraction: 0.8;
 };
 /**
- * BB-2 (the direction-aware default snap ladder fold) — the peek/half/full detent
- * ladder a bottom/top sheet resolves when the consumer passes no `snapPoints`. The
- * value (12% peek · 50% half · 100% full) is the `DEFAULT_LIVE_SNAP_POINTS` shape
- * the prior vaul wrapper hardcoded, re-homed into the engine as the bottom/top
- * default. A side-lens (left/right) sheet resolves a FULL-SLIDE instead (no detents)
- * — `resolveDefaultSnapPoints` returns `[]` for the side axis.
+ * Peek/half/full detents used by live-behind bottom and top sheets when the
+ * consumer supplies no `snapPoints`. Side drawers use a full slide with no detents;
+ * `resolveDefaultSnapPoints` therefore returns `[]` for either side axis.
  */
 export declare const BOTTOM_SHEET_LADDER: readonly number[];
 /**
- * BB-2 — resolve the DEFAULT snap ladder from `direction` natively (retiring the
- * Atlas `:snap-points="[]"` workaround). A bottom/top sheet gets the peek/half/full
- * ladder; a left/right side-lens gets a full-slide (no detents — an empty ladder, so
- * `useDrawerSnap` treats it as a single open/closed slide). A consumer-supplied
- * `snapPoints` always wins over this default.
+ * Resolve the live-behind default snap ladder from `direction`. A
+ * bottom/top sheet gets the peek/half/full ladder; a left/right side-lens gets a
+ * full-slide (no detents — an empty ladder, so `useDrawerSnap` treats it as a single
+ * open/closed slide). A consumer-supplied `snapPoints` always wins over this default.
  */
 export declare function resolveDefaultSnapPoints(direction: DrawerDirection): readonly number[];
 /**

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

@@ -1,14 +1,12 @@
-export { DialogPortal as DrawerPortal, DialogTrigger as DrawerTrigger, DialogClose as DrawerClose, } from "reka-ui";
 /**
- * Drawer drag/slide direction (BB.W-DRAWER-ABROGATE). `bottom` (default) + `top`
- * are the peek/half/full bottom-sheet axes; `left`/`right` are the side-lens
- * full-slide axes. The house snap engine (`useDrawerSnap`) resolves the default
- * detent ladder FROM this (BB-2): bottom/top → `[0.12, 0.5, 1]`, left/right →
- * a full-slide (no detents).
+ * Drawer drag/slide direction. `bottom` (default) + `top`
+ * can carry peek/half/full detents; `left`/`right` are the side-lens full-slide
+ * axes. Only `mode="live-behind"` resolves a default ladder (bottom/top →
+ * `[0.12, 0.5, 1]`); ordinary modal drawers without `snapPoints` rest fully open.
  */
 export type DrawerDirection = "top" | "bottom" | "left" | "right";
 /**
- * Drawer presentation mode (AN.W3). `"modal"` is the default iOS scale-down sheet —
+ * Drawer presentation mode. `"modal"` is the default iOS scale-down sheet —
  * focus-trapped (reka `:modal="true"`), page-behind scaled. `"live-behind"` is the
  * non-modal peek/half/full bottom sheet — reka `:modal="false"` (no focus trap, no
  * page `aria-hidden`, page-behind at native size + interactive) — bundling the
@@ -17,19 +15,19 @@ export type DrawerDirection = "top" | "bottom" | "left" | "right";
  */
 export type DrawerMode = "modal" | "live-behind";
 /**
- * BD.W-OVERLAY-STAGE-COUPLE — the honest scene-staging enum. `none` leaves the page
+ * The scene-staging enum. `none` leaves the page
  * untouched; `dim` deepens the scrim only (the PRM-safe luminance depth cue); `scale`
- * recedes +
- * scales the page (the iOS card-recede); `immersive` adds the backdrop-blur engage.
+ * recedes + scales the page (the iOS card-recede); `immersive` adds one fixed-radius
+ * scrim backdrop sample while the scalar continues to drive dimming only.
  * `modal` defaults to `scale`; `live-behind` to `none`. PRM degrades `scale`/
  * `immersive` to `dim`. All four couplings ride the ONE `--stage-t` scalar the snap
- * engine writes at `:root`.
+ * engine writes directly on each reader root.
  */
 export type DrawerStage = "none" | "dim" | "scale" | "immersive";
 export { default as Drawer } from "./Drawer.vue";
-export { default as DrawerOverlay } from "./DrawerOverlay.vue";
-export { default as DrawerContent } from "./DrawerContent.vue";
+export { default as DrawerContent, type DrawerContentProps } from "./DrawerContent.vue";
 export { default as DrawerHeader } from "./DrawerHeader.vue";
 export { default as DrawerFooter } from "./DrawerFooter.vue";
-export { default as DrawerTitle } from "./DrawerTitle.vue";
-export { default as DrawerDescription } from "./DrawerDescription.vue";
+export { default as DrawerTitle, type DrawerTitleProps } from "./DrawerTitle.vue";
+export { default as DrawerDescription, type DrawerDescriptionProps, } from "./DrawerDescription.vue";
+export type { DrawerOverlayProps } from "./DrawerOverlay.vue";

package/dist/components/drawer/styles.css

@@ -0,0 +1 @@
+@property --glass-drawer-t { syntax: "<number>"; inherits: false; initial-value: 0; } @property --stage-t { syntax: "<number>"; inherits: false; initial-value: 0; } [data-stage-scrim][data-stage-flip], [data-stage-wrapper][data-stage-flip] { transition: --stage-t var(--spring-snappy-duration, 0.4s) var(--spring-snappy, ease); } :root { --drawer-inset-block-end: 0px; --drawer-handle-w: 2.25rem; --drawer-handle-h: 0.3125rem; --drawer-handle-color: var(--muted-foreground); --drawer-handle-opacity: 0.45; --drawer-handle-opacity-active: 0.85; --drawer-snap-rule-color: color-mix(in srgb, var(--border) 60%, transparent); } .glass-drawer { position: fixed; inset-inline: 0; bottom: 0; z-index: var(--z-modal); display: flex; flex-direction: column; height: auto; max-height: 97vh; margin-top: 6rem; border-bottom: 0; border-start-start-radius: var(--radius-panel); border-start-end-radius: var(--radius-panel); } .glass-drawer[data-mode="live-behind"] { z-index: calc(var(--z-dock) - 1); } .glass-drawer[data-glass-drawer-snap-points="true"] { height: 100%; max-height: 100%; margin-top: 0; } .glass-drawer[data-glass-drawer-snap-points="true"][data-glass-drawer-direction="bottom"] { bottom: var(--drawer-inset-block-end); height: calc(100% - var(--drawer-inset-block-end)); max-height: calc(100% - var(--drawer-inset-block-end)); } .glass-drawer[data-glass-drawer-snap-points="true"][data-surface="glass"] { --sheet-descent: clamp(0, calc(var(--stage-t) / 0.85), 1); --sheet-freeze: clamp(0, calc((var(--stage-t) - 0.85) / 0.15), 1); --sheet-crown: color-mix( in oklab, color-mix( in oklab, var(--glass-bg-overlay), var(--glass-tint-source) var(--glass-tint-strength) ), var(--glass-bg-sheet) calc(var(--sheet-descent) * 100%) ); --sheet-solid: color-mix( in oklab, var(--card), var(--glass-capsule-warm) var(--glass-capsule-warm-floor, 16%) ); background: color-mix( in oklab, var(--sheet-crown), var(--sheet-solid) calc(var(--sheet-freeze) * 100%) ); -webkit-backdrop-filter: var(--glass-blur-overlay); backdrop-filter: var(--glass-blur-overlay); } .glass-drawer[data-glass-drawer-direction="top"] { bottom: auto; top: 0; margin-top: 0; margin-bottom: 6rem; border-top: 0; border-radius: 0 0 var(--radius-panel) var(--radius-panel); } .glass-drawer[data-glass-drawer-direction="top"]:not([data-surface="veil"]) { border-bottom: 1px solid var(--glass-border-overlay); } .glass-drawer[data-glass-drawer-direction="left"], .glass-drawer[data-glass-drawer-direction="right"] { inset-inline: auto; inset-block: 0; height: 100%; max-height: 100%; width: min(24rem, 92vw); margin: 0; } .glass-drawer[data-glass-drawer-direction="left"]:not([data-surface="veil"]), .glass-drawer[data-glass-drawer-direction="right"]:not([data-surface="veil"]) { border: 1px solid var(--glass-border-overlay); } .glass-drawer[data-glass-drawer-direction="left"] { left: 0; border-left: 0; border-radius: 0 var(--radius-panel) var(--radius-panel) 0; } .glass-drawer[data-glass-drawer-direction="right"] { right: 0; border-right: 0; border-radius: var(--radius-panel) 0 0 var(--radius-panel); } .glass-drawer-handle { flex-shrink: 0; display: flex; align-items: center; justify-content: center; min-block-size: var(--touch-target, 2.75rem); padding-block: 0.75rem 0.5rem; touch-action: none; cursor: grab; } .glass-drawer-handle:focus-visible { outline: none; } .glass-drawer-handle:focus-visible .glass-drawer-grip { opacity: var(--drawer-handle-opacity-active); box-shadow: 0 0 0 3px var(--focus-ring-color); } .glass-drawer-grip { display: block; width: var(--drawer-handle-w); height: var(--drawer-handle-h); border-radius: var(--radius-pill); background-color: var(--drawer-handle-color); opacity: var(--drawer-handle-opacity); transition: opacity var(--duration-fast) var(--ease-out), width var(--duration-fast) var(--ease-out); } .glass-drawer-handle[data-dragging] .glass-drawer-grip, .glass-drawer-handle:active .glass-drawer-grip, .glass-drawer:hover .glass-drawer-grip { opacity: var(--drawer-handle-opacity-active); width: calc(var(--drawer-handle-w) * 1.15); } .glass-drawer-snap-rule { height: 1px; margin-inline: calc(var(--radius-panel) * -0.5); border: 0; background-color: var(--drawer-snap-rule-color); } [data-stage-scrim]:not([data-backdrop="graded"]) { background: color-mix( in srgb, var(--overlay-scrim-ink) calc((0.28 + clamp(0, var(--stage-t), 1) * 0.44) * 100%), transparent ); } [data-stage-wrapper][data-stage-scale] { scale: calc(1 - 0.05 * clamp(0, var(--stage-t), 1)); border-radius: calc(var(--radius-panel) * clamp(0, var(--stage-t), 1)); transform-origin: 50% 0; overflow: clip; } [data-stage-scrim][data-stage-immersive]:not([data-backdrop="graded"]) { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } @media (prefers-reduced-motion: reduce) { .glass-drawer-grip { transition: none; } }

package/dist/components/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,22 +1,49 @@
-import type { DropdownMenuRootProps } from 'reka-ui';
-import { type MenuTrigger } from './useMenuTrigger';
-type __VLS_Props = DropdownMenuRootProps & {
+import type { Direction } from "../_shared/primitive";
+import type { MenuTrigger } from "./useMenuTrigger";
+interface DropdownMenuBaseProps {
+    /** Logical reading direction for roving focus and submenu keys. */
+    dir?: Direction;
+    /** Whether opening the menu makes outside content inert. */
+    modal?: boolean;
+}
+export interface DropdownMenuClickProps extends DropdownMenuBaseProps {
+    /** Button-anchored menus support caller-owned open state. */
+    trigger?: "click";
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when the menu is uncontrolled. */
+    defaultOpen?: boolean;
+}
+export interface DropdownMenuContextProps extends DropdownMenuBaseProps {
+    /** Context menus open only from a pointer, long-press, or keyboard anchor. */
+    trigger: "context";
+    open?: never;
+    defaultOpen?: never;
+}
+export type DropdownMenuProps = DropdownMenuClickProps | DropdownMenuContextProps;
+/** Vue runtime projection; `DropdownMenuProps` is the discriminated data contract. */
+export interface DropdownMenuComponentProps extends DropdownMenuBaseProps {
     trigger?: MenuTrigger;
-};
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (payload: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((payload: boolean) => any) | undefined;
-}>, {
-    trigger: MenuTrigger;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+export interface DropdownMenuEmits {
+    "update:open": [value: boolean];
+}
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<DropdownMenuComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuComponentProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    trigger: MenuTrigger;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: () => unknown;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts

@@ -1,19 +1,28 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuCheckboxItemProps } from 'reka-ui';
-type __VLS_Props = DropdownMenuCheckboxItemProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { CheckedState } from "../_shared/selection";
+export interface DropdownMenuCheckboxItemProps {
+    modelValue?: CheckedState;
+    disabled?: boolean;
+    textValue?: string;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuCheckboxItemEmits {
+    select: [event: Event];
+    "update:modelValue": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare var __VLS_19: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuCheckboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
-    "update:modelValue": (payload: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuCheckboxItemProps> & Readonly<{
     onSelect?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: CheckedState;
+}, {}, {}, {}, 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/dropdown-menu/DropdownMenuContent.vue.d.ts

@@ -1,30 +1,39 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuContentProps } from 'reka-ui';
-import { type Surface } from '../_shared/useSurfaceAxis';
-type __VLS_Props = DropdownMenuContentProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { Surface } from "../_shared/axes";
+import type { FloatingPlacementProps } from "../_shared/floating";
+import type { FocusOutsideEvent, PointerDownOutsideEvent } from "../_shared/interaction";
+export interface DropdownMenuContentProps extends FloatingPlacementProps {
+    class?: HTMLAttributes["class"];
     surface?: Surface;
+}
+export interface DropdownMenuContentEmits {
+    escapeKeyDown: [event: KeyboardEvent];
+    pointerDownOutside: [event: PointerDownOutsideEvent];
+    focusOutside: [event: FocusOutsideEvent];
+    interactOutside: [event: PointerDownOutsideEvent | FocusOutsideEvent];
+    closeAutoFocus: [event: Event];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-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, {
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, 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: PointerDownOutsideEvent) => any;
+    focusOutside: (event: FocusOutsideEvent) => any;
+    interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
     closeAutoFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & 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: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    align: "center" | "start" | "end";
-    surface: Surface;
+    side: import("../_shared/floating").FloatingSide;
     sideOffset: number;
+    align: import("../_shared/floating").FloatingAlign;
+    alignOffset: number;
+    surface: 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/dropdown-menu/DropdownMenuGroup.vue.d.ts

@@ -1,7 +1,9 @@
-import { type DropdownMenuGroupProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuGroupProps {
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<DropdownMenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -1,14 +1,26 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuItemProps } from 'reka-ui';
-type __VLS_Props = DropdownMenuItemProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuItemProps {
+    disabled?: boolean;
+    /** Text used by the menu's typeahead engine when slot text is not sufficient. */
+    textValue?: string;
     inset?: boolean;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuItemEmits {
+    /** Cancel this event to keep the menu open. */
+    select: [event: Event];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-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<DropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+    inset: boolean;
+}, {}, {}, {}, 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/dropdown-menu/DropdownMenuLabel.vue.d.ts

@@ -1,14 +1,14 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuLabelProps } from 'reka-ui';
-type __VLS_Props = DropdownMenuLabelProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuLabelProps {
     inset?: boolean;
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-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<DropdownMenuLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuLabelProps> & Readonly<{}>, {
+    inset: boolean;
+}, {}, {}, {}, 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;