@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/components/drawer/styles.css

@@ -1 +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-surface="veil"] { --veil-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-blur: var(--glass-blur-quiet); background: var(--veil-bg); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); -webkit-backdrop-filter: var(--veil-blur); border: none; box-shadow: none; } .glass-drawer[data-surface="opaque"] { --glass-level: 0; --glass-tint-strength: 0%; background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .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"] { --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%) ); --glass-blur-engage-t: calc( clamp(0, calc(var(--glass-drawer-t) / var(--glass-blur-engage-knee, 0.35)), 1) * (1 - var(--sheet-freeze)) ); -webkit-backdrop-filter: blur( calc(var(--glass-blur-overlay-radius, 20px) * var(--glass-blur-engage-t)) ) saturate(1.6); backdrop-filter: blur( calc(var(--glass-blur-overlay-radius, 20px) * var(--glass-blur-engage-t)) ) saturate(1.6); } .glass-drawer[data-glass-drawer-snap-points="true"][data-surface="opaque"] { background: color-mix(in srgb, var(--card), transparent 0%); -webkit-backdrop-filter: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .glass-drawer[data-glass-drawer-direction="top"] { bottom: auto; top: 0; margin-top: 0; margin-bottom: 6rem; border-top: 0; border-bottom: 1px solid var(--glass-border-overlay); border-radius: 0 0 var(--radius-panel) var(--radius-panel); } .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; 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] { 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] { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } @media (prefers-reduced-motion: reduce) { .glass-drawer-grip { transition: none; } }
+@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;
 }>, {
-    surface: Surface;
+    side: import("../_shared/floating").FloatingSide;
     sideOffset: number;
-    align: "end" | "start" | "center";
+    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;

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

@@ -1,12 +1,19 @@
-import { type DropdownMenuRadioGroupProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+import { type HTMLAttributes } from "vue";
+import type { SelectionValue } from "../_shared/selection";
+export interface DropdownMenuRadioGroupProps {
+    modelValue?: SelectionValue;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuRadioGroupEmits {
+    "update:modelValue": [value: SelectionValue];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (payload: import("reka-ui").AcceptableValue) => any;
+    "update:modelValue": (value: SelectionValue) => any;
 }, string, import("vue").PublicProps, Readonly<DropdownMenuRadioGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: import("reka-ui").AcceptableValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: 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/dropdown-menu/DropdownMenuRadioItem.vue.d.ts

@@ -1,17 +1,24 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuRadioItemProps } from 'reka-ui';
-type __VLS_Props = DropdownMenuRadioItemProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { SelectionValue } from "../_shared/selection";
+export interface DropdownMenuRadioItemProps {
+    value: SelectionValue;
+    disabled?: boolean;
+    textValue?: string;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuRadioItemEmits {
+    select: [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<DropdownMenuRadioItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DropdownMenuRadioItemProps> & Readonly<{
     onSelect?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: 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/DropdownMenuSeparator.vue.d.ts

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

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

@@ -1,12 +1,11 @@
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuShortcutProps {
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuShortcutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuShortcutProps> & 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/dropdown-menu/DropdownMenuSub.vue.d.ts

@@ -1,13 +1,21 @@
-import { type DropdownMenuSubProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+export interface DropdownMenuSubProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+export interface DropdownMenuSubEmits {
+    "update:open": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<DropdownMenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (payload: boolean) => any;
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DropdownMenuSubProps> & Readonly<{
-    "onUpdate:open"?: ((payload: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: 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/DropdownMenuSubContent.vue.d.ts

@@ -1,29 +1,36 @@
-import { type HTMLAttributes } from 'vue';
-import { type DropdownMenuSubContentProps } from 'reka-ui';
-type __VLS_Props = DropdownMenuSubContentProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { DismissableContentEmits } from "../_shared/interaction";
+export interface DropdownMenuSubContentProps {
+    sideOffset?: number;
+    alignOffset?: number;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuSubContentEmits extends DismissableContentEmits {
+    entryFocus: [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<DropdownMenuSubContentProps, {}, {}, {}, {}, 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;
     entryFocus: (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<DropdownMenuSubContentProps> & 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;
     onEntryFocus?: ((event: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    sideOffset: number;
+    alignOffset: number;
+}, {}, {}, {}, 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/DropdownMenuSubTrigger.vue.d.ts

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

@@ -1,13 +1,20 @@
-import { type DropdownMenuTriggerProps } from 'reka-ui';
-export type DropdownMenuTriggerAction = 'click' | 'pointerdown';
-type __VLS_Props = DropdownMenuTriggerProps & {
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "../_shared/primitive";
+export type DropdownMenuTriggerAction = "click" | "pointerdown";
+export interface DropdownMenuTriggerProps {
+    /** Merge trigger behavior into one interactive child. */
+    asChild?: PrimitiveProps["asChild"];
+    disabled?: boolean;
+    /** Open on pointerdown for dock controls while preserving keyboard click. */
     action?: DropdownMenuTriggerAction;
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {
+    disabled: boolean;
+    asChild: boolean;
     action: DropdownMenuTriggerAction;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dropdown-menu/index.d.ts

@@ -1,15 +1,15 @@
-export type { MenuTrigger } from './useMenuTrigger';
-export { default as DropdownMenu } from './DropdownMenu.vue';
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue';
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue';
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue';
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue';
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue';
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue';
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue';
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue';
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue';
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue';
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue';
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue';
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue';
+export type { MenuTrigger } from "./useMenuTrigger";
+export { default as DropdownMenu, type DropdownMenuEmits, type DropdownMenuProps, } from "./DropdownMenu.vue";
+export { default as DropdownMenuTrigger, type DropdownMenuTriggerAction, type DropdownMenuTriggerProps, } from "./DropdownMenuTrigger.vue";
+export { default as DropdownMenuContent, type DropdownMenuContentEmits, type DropdownMenuContentProps, } from "./DropdownMenuContent.vue";
+export { default as DropdownMenuGroup, type DropdownMenuGroupProps, } from "./DropdownMenuGroup.vue";
+export { default as DropdownMenuRadioGroup, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, } from "./DropdownMenuRadioGroup.vue";
+export { default as DropdownMenuItem, type DropdownMenuItemEmits, type DropdownMenuItemProps, } from "./DropdownMenuItem.vue";
+export { default as DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, } from "./DropdownMenuCheckboxItem.vue";
+export { default as DropdownMenuRadioItem, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, } from "./DropdownMenuRadioItem.vue";
+export { default as DropdownMenuShortcut, type DropdownMenuShortcutProps, } from "./DropdownMenuShortcut.vue";
+export { default as DropdownMenuSeparator, type DropdownMenuSeparatorProps, } from "./DropdownMenuSeparator.vue";
+export { default as DropdownMenuLabel, type DropdownMenuLabelProps, } from "./DropdownMenuLabel.vue";
+export { default as DropdownMenuSub, type DropdownMenuSubEmits, type DropdownMenuSubProps, } from "./DropdownMenuSub.vue";
+export { default as DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, } from "./DropdownMenuSubTrigger.vue";
+export { default as DropdownMenuSubContent, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, } from "./DropdownMenuSubContent.vue";

package/dist/components/dropdown-menu/styles.css

@@ -0,0 +1 @@
+.dropdown-menu__content, .dropdown-menu__sub-content { z-index: var(--z-popover); min-width: var(--overlay-min-width); overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-panel); color: var(--popover-foreground); } .dropdown-menu__content { max-height: var(--overlay-max-block); overflow-y: auto; } .dropdown-menu__sub-content { min-width: 8rem; } .dropdown-menu__item, .dropdown-menu__sub-trigger { position: relative; display: flex; width: 100%; align-items: center; padding-block: 0.375rem; padding-inline: 0.5rem; cursor: default; outline: none; color: inherit; font-size: var(--dropdown-text); user-select: none; } .dropdown-menu__item[data-inset], .dropdown-menu__item[data-indicator="wide"] { padding-inline-start: 2rem; } .dropdown-menu__item[data-indicator="start"] { padding-inline-start: 1.75rem; } .dropdown-menu__item[data-disabled], .dropdown-menu__sub-trigger[data-disabled] { pointer-events: none; cursor: not-allowed; opacity: var(--opacity-disabled); } .dropdown-menu__indicator { position: absolute; inset-inline-start: 0.5rem; display: inline-flex; width: 0.875rem; height: 0.875rem; align-items: center; justify-content: center; } .dropdown-menu__indicator > svg { width: 1rem; height: 1rem; } .dropdown-menu__radio-dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: var(--radius-pill); background: currentColor; } .dropdown-menu__label { padding: 0.375rem 0.5rem; color: var(--muted-foreground); font-size: var(--dropdown-text-secondary); font-weight: 600; } .dropdown-menu__label[data-inset] { padding-inline-start: 2rem; } .dropdown-menu__separator { height: 1px; margin: 0.25rem -0.25rem; background: color-mix(in srgb, var(--border) 70%, transparent); } .dropdown-menu__shortcut { margin-inline-start: auto; font-size: var(--dropdown-text-secondary); letter-spacing: 0.1em; opacity: 0.6; } .dropdown-menu__sub-chevron { width: 1rem; height: 1rem; margin-inline-start: auto; } .dropdown-menu__trigger { outline: none; }

package/dist/components/dropdown-menu/useMenuTrigger.d.ts

@@ -1,14 +1,7 @@
 import { type ComputedRef, type Ref } from "vue";
-/** The Menu trigger axis — the sealed Kronecker fold of ContextMenu onto Menu. A
- *  subset of the grammar `TRIGGERS` tuple (`click | hover | context`): a menu has no
- *  hover-open register (that is the Popover overlay fold), so it carries click|context. */
+/** How the menu is anchored. */
 export type MenuTrigger = "click" | "context";
-/** The root calls this once with its `trigger` ref so every descendant part resolves
- *  the correct reka family. */
 export declare function provideMenuTrigger(trigger: Ref<MenuTrigger>): void;
-/** The trigger ref for the nearest Menu root (defaults to `click`). */
 export declare function useMenuTrigger(): Ref<MenuTrigger>;
-/** The menu part names (the PART_PAIRS keys — annotated union, portable in d.ts). */
-export type MenuPart = "Root" | "Trigger" | "Portal" | "Content" | "Item" | "CheckboxItem" | "RadioItem" | "RadioGroup" | "Group" | "Separator" | "Label" | "Sub" | "SubTrigger" | "SubContent" | "ItemIndicator";
-/** The reka component for `part`, reactive to the injected trigger. */
+export type MenuPart = "Trigger" | "Portal" | "Content" | "Item" | "CheckboxItem" | "RadioItem" | "RadioGroup" | "Group" | "Separator" | "Label" | "Sub" | "SubTrigger" | "SubContent" | "ItemIndicator";
 export declare function useMenuPart(part: MenuPart): ComputedRef<unknown>;