@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/components/labeled-field/types.d.ts

@@ -0,0 +1,41 @@
+import type { InputNativeAttrs, InputProps } from "../input/index.js";
+import type { LabelRequirement } from "../label/index.js";
+import type { SliderProps } from "../slider/index.js";
+import type { SwitchProps } from "../switch/index.js";
+export type LabeledFieldLayout = "default" | "horizontal";
+export type LabeledFieldErrorLive = "off" | "polite" | "assertive";
+export interface LabeledFieldCommonProps {
+    label: string;
+    description?: string;
+    requirement?: LabelRequirement;
+    layout?: LabeledFieldLayout;
+    errorLive?: LabeledFieldErrorLive;
+}
+export interface LabeledFieldProps extends LabeledFieldCommonProps {
+    invalid?: boolean;
+    disabled?: boolean;
+    /**
+     * Whether the control is a native labelable element (`input`, `select`, native
+     * `button`) the label's `for` can target. Defaults to `true`. Composite controls
+     * whose root is a non-labelable element — e.g. reka Slider's `span` root — set
+     * this `false` so the label drops the invalid `for` and the control names itself
+     * through `aria-labelledby` (the slot's `labelledBy`) instead.
+     */
+    controlLabelable?: boolean;
+}
+export interface LabeledFieldSlotProps {
+    controlId: string;
+    labelledBy: string;
+    describedBy?: string;
+    errorId?: string;
+    invalid: boolean;
+    disabled: boolean;
+    required: boolean;
+}
+export type LabeledInputProps = Omit<InputProps, "class"> & InputNativeAttrs & LabeledFieldCommonProps;
+export type LabeledSliderProps = Omit<SliderProps, "class" | "modelValue"> & LabeledFieldCommonProps & {
+    modelValue: number;
+};
+export type LabeledSwitchProps = Omit<SwitchProps, "class" | "modelValue"> & LabeledFieldCommonProps & {
+    modelValue: boolean;
+};

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

@@ -0,0 +1,51 @@
+import type { Direction } from "../_shared/primitive.js";
+import type { MenuTrigger } from "./context.js";
+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;
+    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/menu/DropdownMenuCheckboxItem.vue.d.ts

@@ -0,0 +1,33 @@
+import { type HTMLAttributes } from "vue";
+import type { CheckedState } from "../_shared/selection.js";
+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 const __VLS_base: import("vue").DefineComponent<DropdownMenuCheckboxItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuCheckboxItemProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: CheckedState;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenuContent.vue.d.ts

@@ -0,0 +1,42 @@
+import { type HTMLAttributes } from "vue";
+import type { FocusOutsideEvent, PointerDownOutsideEvent } from "../_shared/interaction.js";
+import { type FloatingPlacementProps } from "../_shared/overlay/index.js";
+export interface DropdownMenuContentProps extends FloatingPlacementProps {
+    class?: HTMLAttributes["class"];
+}
+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 const __VLS_base: import("vue").DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+    focusOutside: (event: FocusOutsideEvent) => any;
+    interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    align: import("../_shared/overlay/index.js").FloatingAlign;
+    side: import("../_shared/overlay/index.js").FloatingSide;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/{dropdown-menu → 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/menu/DropdownMenuItem.vue.d.ts

@@ -0,0 +1,31 @@
+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 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenuLabel.vue.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuLabelProps {
+    inset?: boolean;
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/{dropdown-menu → 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.js";
+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/menu/DropdownMenuRadioItem.vue.d.ts

@@ -0,0 +1,29 @@
+import { type HTMLAttributes } from "vue";
+import type { SelectionValue } from "../_shared/selection.js";
+export interface DropdownMenuRadioItemProps {
+    value: SelectionValue;
+    disabled?: boolean;
+    textValue?: string;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuRadioItemEmits {
+    select: [event: Event];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRadioItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuRadioItemProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenuSeparator.vue.d.ts

@@ -0,0 +1,7 @@
+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/menu/DropdownMenuShortcut.vue.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuShortcutProps {
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/{dropdown-menu → 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/menu/DropdownMenuSubContent.vue.d.ts

@@ -0,0 +1,41 @@
+import { type HTMLAttributes } from "vue";
+import type { DismissableContentEmits } from "../_shared/interaction.js";
+export interface DropdownMenuSubContentProps {
+    sideOffset?: number;
+    alignOffset?: number;
+    class?: HTMLAttributes["class"];
+}
+export interface DropdownMenuSubContentEmits extends DismissableContentEmits {
+    entryFocus: [event: Event];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropdownMenuSubContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("../_shared/interaction.js").FocusOutsideEvent) => any;
+    interactOutside: (event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+    entryFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuSubContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("../_shared/interaction.js").PointerDownOutsideEvent | import("../_shared/interaction.js").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+}>, {
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenuSubTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes } from "vue";
+export interface DropdownMenuSubTriggerProps {
+    disabled?: boolean;
+    textValue?: string;
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/DropdownMenuTrigger.vue.d.ts

@@ -0,0 +1,27 @@
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "../_shared/primitive.js";
+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 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/context.d.ts

@@ -0,0 +1,7 @@
+import { type ComputedRef, type Ref } from "vue";
+/** How the menu is anchored. */
+export type MenuTrigger = "click" | "context";
+export declare function provideMenuTrigger(trigger: Ref<MenuTrigger>): void;
+export declare function useMenuTrigger(): Ref<MenuTrigger>;
+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>;

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

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

package/dist/components/metric/Metric.vue.d.ts

@@ -0,0 +1,26 @@
+import type { MetricProps } from "./types.js";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    value?: (props: typeof __VLS_3) => any;
+} & {
+    unit?: (props: typeof __VLS_5) => any;
+} & {
+    delta?: (props: typeof __VLS_7) => any;
+} & {
+    context?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MetricProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricProps> & Readonly<{}>, {
+    size: import("./types.js").MetricSize;
+    loading: boolean;
+    posture: import("./types.js").MetricPosture;
+}, {}, {}, {}, 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/metric/MetricRow.vue.d.ts

@@ -0,0 +1,14 @@
+import type { MetricRowProps } from "./types.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MetricRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricRowProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/metric/MetricStack.vue.d.ts

@@ -0,0 +1,16 @@
+import type { MetricStackProps } from "./types.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MetricStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MetricStackProps> & Readonly<{}>, {
+    density: import("./types.js").MetricDensity;
+}, {}, {}, {}, 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/metric/coalesce-metric.d.ts

@@ -1,29 +1,36 @@
-/** The canonical em-dash placeholder for an empty Metric* value. */
-export declare const METRIC_PLACEHOLDER = "\u2014";
-/** The value type every Metric* primary field accepts. */
-export type MetricValue = string | number | null | undefined;
-/**
- * The shared value-props shape the four Metric* surfaces extend (each adds its
- * own register-specific props on top — icon, label, size, density, …).
- */
-export interface MetricValueProps {
-    /** The primary metric. A valid `0` renders `"0"`, never the placeholder. */
-    value?: MetricValue;
-    /** Unit suffix appended after the value (e.g. "Mbps", "ms"). */
-    unit?: string;
-    /** Substitute glyph when the value is empty (null / undefined / ""). */
+import type { MetricPolarity, MetricValue } from "./types.js";
+interface CoalescedMetric {
+    display: string;
+    empty: boolean;
+    loading: boolean;
+}
+export interface CoalesceMetricOptions {
     placeholder?: string;
+    loading?: boolean;
+    /** `12400` → `12.4K`. `Intl.NumberFormat` compact notation, never a hand ladder. */
+    compact?: boolean;
+    locale?: string;
 }
 /**
- * The canonical empty-value substitution for the Metric* family.
+ * The family's ONE data-shaping seam. Every readout in the family — the atom's
+ * value, its unit-bearing reading, its delta — passes through this and nothing
+ * else, which is why "what counts as empty" has exactly one answer.
  *
- * Returns BOTH the display string AND the `isEmpty` flag so a surface's
- * muted/color gates read `isEmpty` (the correct empty signal) rather than the
- * truthy `!value` (the bug — `!0` is `true`). `coalesceMetric(0)` →
- * `{ display: "0", isEmpty: false }`, so a `0` is NOT muted and DOES get its
- * color; only `null` / `undefined` / `""` are empty.
+ * Finite numbers (including `0` and `-0`) and nonblank strings are readings.
+ * Blank strings, non-finite numbers, `null` and `undefined` take the placeholder.
+ * `loading` outranks both and masks the value with a stable ellipsis.
+ *
+ * COMPACT FORMATTING LIVES HERE, not in a standalone atom (A-21). A dashboard
+ * that renders 12400 as "12400" wastes the column it was given, and every consumer
+ * that fixes that at the call site invents a different rounding. `Intl` already
+ * knows every locale's compact form; this hands it the number and returns the
+ * string. It applies to NUMBERS only — a string reading is already the author's
+ * chosen shape and is passed through untouched.
  */
-export declare function coalesceMetric(value: MetricValue, placeholder?: string): {
-    display: string;
-    isEmpty: boolean;
-};
+export declare function coalesceMetric(value: MetricValue, placeholderOrOptions?: string | CoalesceMetricOptions, loading?: boolean): CoalescedMetric;
+/**
+ * The polarity a numeric delta carries on its own. A string delta has none — the
+ * author states it — and a zero delta is `flat`, not `up`.
+ */
+export declare function metricPolarity(delta: MetricValue): MetricPolarity | undefined;
+export {};

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

@@ -0,0 +1,6 @@
+export { default as Metric } from "./Metric.vue.js";
+export { default as MetricRow } from "./MetricRow.vue.js";
+export { default as MetricStack } from "./MetricStack.vue.js";
+export { coalesceMetric, metricPolarity } from "./coalesce-metric.js";
+export type { CoalesceMetricOptions } from "./coalesce-metric.js";
+export type { MetricDensity, MetricPolarity, MetricPosture, MetricProps, MetricRowProps, MetricSize, MetricStackProps, MetricValue, MetricValueProps, } from "./types.js";

package/dist/components/metric/styles.css

@@ -0,0 +1 @@
+@layer components{.metric{display: inline-grid;grid-template-columns: minmax(0,auto) minmax(0,1fr);min-inline-size: 0;align-items: baseline;color: var(--foreground);gap: 0.125rem 0.5rem;}.metric[data-posture="stacked"],.metric[data-posture="cell"]{grid-template-columns: minmax(0,1fr);}.metric__label,.metric__context{min-inline-size: 0;overflow-wrap: anywhere;color: var(--muted-foreground);}.metric__label{font-size: var(--control-label);font-weight: 550;letter-spacing: var(--type-tracking-wide);text-transform: uppercase;}.metric__context{grid-column: 1 / -1;font-size: var(--type-caption);line-height: 1.35;}.metric__reading{display: inline-flex;min-inline-size: 0;align-items: baseline;gap: 0.3em;}.metric__value{min-inline-size: 3ch;overflow-wrap: anywhere;font-family: var(--font-mono);font-size: var(--type-prose);font-weight: 650;font-variant-numeric: tabular-nums lining-nums;letter-spacing: var(--type-tracking-tight);line-height: 1;}.metric__unit{flex: none;color: var(--muted-foreground);font-family: var(--font-mono);font-size: var(--type-caption);line-height: 1;}.metric__delta{flex: none;color: var(--muted-foreground);font-family: var(--font-mono);font-size: var(--type-caption);font-variant-numeric: tabular-nums lining-nums;line-height: 1;}.metric__delta[data-polarity="up"]{color: var(--success);}.metric__delta[data-polarity="down"]{color: var(--destructive);}.metric[data-size="sm"] .metric__value{font-size: var(--type-small);}.metric[data-size="lg"] .metric__value,.metric[data-posture="cell"] .metric__value{font-size: var(--type-title);}.metric[data-size="xl"] .metric__value{font-size: var(--type-display-3);}.metric[data-empty] .metric__value{color: var(--muted-foreground);}.metric[data-loading] .metric__value{color: transparent;border-radius: var(--radius-sm);background: color-mix( in oklab,var(--foreground) calc(var(--ink-seam) * 100%),transparent );}.metric[data-loading] .metric__unit,.metric[data-loading] .metric__delta{visibility: hidden;}.metric[data-posture="cell"]{display: grid;align-content: start;padding: clamp(0.75rem,2cqi,1rem);border: 1px solid oklch(from var(--foreground) l c h / var(--ink-edge));border-radius: var(--radius-card);background: var(--glass-plate-wash);gap: 0.375rem;}.metric-stack{container: metric-stack / inline-size;display: grid;grid-template-columns: minmax(7rem,1fr) minmax(0,auto);inline-size: 100%;gap: 0.75rem 1.25rem;}.metric-stack[data-density="compact"]{gap: 0.5rem 1rem;}.metric-row{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;align-items: baseline;padding-block: 0.25rem;}.metric-row > .metric[data-posture="row"]{display: grid;grid-column: 1 / -1;grid-template-columns: subgrid;}.metric[data-posture="row"] > .metric__reading{justify-self: end;}.metric[data-posture="row"] > .metric__context{grid-column: 1;}@container metric-stack (max-width: 24rem){.metric-row,.metric-row > .metric[data-posture="row"]{grid-template-columns: minmax(0,1fr);gap: 0.25rem;}.metric[data-posture="row"] > .metric__reading{justify-self: start;}}}