@vunset/vue 0.0.0-stage → 1.0.0-rc.2

package/dist/components/menu/MenuGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { Part } from "../../shared/part.js";
+import { provideMenuGroupContext } from "../../shared/use-menu.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, useId, withCtx } from "vue";
+//#region src/components/menu/MenuGroup.vue?vue&type=script&setup=true&lang.ts
+var MenuGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuGroup",
+	inheritAttrs: false,
+	__name: "MenuGroup",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const labelId = useId();
+		const hasLabel = ref(false);
+		provideMenuGroupContext({
+			labelId,
+			registerLabel() {
+				hasLabel.value = true;
+				return () => {
+					hasLabel.value = false;
+				};
+			}
+		});
+		const groupProps = computed(() => ({
+			"data-part": "group",
+			role: "group",
+			"aria-labelledby": hasLabel.value ? labelId : void 0
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, {
+				...groupProps.value,
+				..._ctx.$attrs
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenuGroup_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuGroupLabel.js

@@ -0,0 +1,5 @@
+import MenuGroupLabel_vue_vue_type_script_setup_true_lang_default from "./MenuGroupLabel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuGroupLabel.vue
+var MenuGroupLabel_default = MenuGroupLabel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuGroupLabel_default as default };

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+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<{}>, {
+    as: string | object;
+}, {}, {}, {}, 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/MenuGroupLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { Part } from "../../shared/part.js";
+import { useMenuGroupContext } from "../../shared/use-menu.js";
+import { createBlock, defineComponent, mergeProps, onBeforeUnmount, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/menu/MenuGroupLabel.vue?vue&type=script&setup=true&lang.ts
+var MenuGroupLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuGroupLabel",
+	inheritAttrs: false,
+	__name: "MenuGroupLabel",
+	props: { as: { default: "div" } },
+	setup(__props) {
+		const props = __props;
+		const { labelId, registerLabel } = useMenuGroupContext();
+		onBeforeUnmount(registerLabel());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({
+				as: props.as,
+				"data-part": "group-label",
+				id: unref(labelId),
+				role: "presentation"
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as", "id"]);
+		};
+	}
+});
+//#endregion
+export { MenuGroupLabel_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuItem.js

@@ -0,0 +1,5 @@
+import MenuItem_vue_vue_type_script_setup_true_lang_default from "./MenuItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuItem.vue
+var MenuItem_default = MenuItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuItem_default as default };

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** Can't be chosen, and arrow keys skip it. */
+    disabled?: boolean;
+    /** Whether choosing this item closes the menu. */
+    closeOnClick?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+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, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    as: string | object;
+    disabled: boolean;
+    closeOnClick: 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/MenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { useMenuContext } from "../../shared/use-menu.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";
+//#region src/components/menu/MenuItem.vue?vue&type=script&setup=true&lang.ts
+var MenuItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuItem",
+	inheritAttrs: false,
+	__name: "MenuItem",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		closeOnClick: {
+			type: Boolean,
+			default: true
+		},
+		as: { default: "div" }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { getItemProps } = useMenuContext();
+		const attrs = useAttrs();
+		const merged = computed(() => mergeProps$1(getItemProps({
+			disabled: props.disabled,
+			closeOnClick: props.closeOnClick,
+			onSelect: (event) => emit("select", event)
+		}), attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, merged.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenuItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuItemIndicator.js

@@ -0,0 +1,5 @@
+import MenuItemIndicator_vue_vue_type_script_setup_true_lang_default from "./MenuItemIndicator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuItemIndicator.vue
+var MenuItemIndicator_default = MenuItemIndicator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuItemIndicator_default as default };

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** Stay in the DOM while unchecked, e.g. to keep item labels aligned. */
+    keepMounted?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: {
+        /**
+         * Whether it is its item's checked.
+         * @attribute `data-checked` while its item's checked, `data-unchecked` otherwise
+         */
+        checked: boolean;
+        /** Whether it ignores interaction. */
+        disabled: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+}, {}, {}, {}, 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/MenuItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { Part } from "../../shared/part.js";
+import { dataAttrs } from "../../shared/data-attrs.js";
+import { usePartProps } from "../../shared/use-part-props.js";
+import { useMenuItemIndicatorContext } from "../../shared/use-menu.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/menu/MenuItemIndicator.vue?vue&type=script&setup=true&lang.ts
+var MenuItemIndicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuItemIndicator",
+	inheritAttrs: false,
+	__name: "MenuItemIndicator",
+	props: {
+		keepMounted: { type: Boolean },
+		as: { default: "span" }
+	},
+	setup(__props) {
+		const props = __props;
+		const item = useMenuItemIndicatorContext();
+		const state = computed(() => ({
+			checked: item.checked(),
+			disabled: item.disabled()
+		}));
+		const indicatorProps = computed(() => ({
+			...dataAttrs(state.value, { checked: (on) => on ? { "data-checked": "" } : { "data-unchecked": "" } }),
+			"data-part": "item-indicator",
+			"aria-hidden": "true"
+		}));
+		const merged = usePartProps(indicatorProps);
+		return (_ctx, _cache) => {
+			return state.value.checked || props.keepMounted ? (openBlock(), createBlock(unref(Part), mergeProps({
+				key: 0,
+				as: props.as
+			}, unref(merged)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(state.value)))]),
+				_: 3
+			}, 16, ["as"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { MenuItemIndicator_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuRadioGroup.js

@@ -0,0 +1,5 @@
+import MenuRadioGroup_vue_vue_type_script_setup_true_lang_default from "./MenuRadioGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuRadioGroup.vue
+var MenuRadioGroup_default = MenuRadioGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuRadioGroup_default as default };

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

@@ -0,0 +1,42 @@
+import { type MenuRadioValue } from '../../shared/use-menu';
+type __VLS_Props = {
+    /** The chosen value. Supplying it makes the group controlled. */
+    modelValue?: MenuRadioValue;
+    /** The initial value while uncontrolled. */
+    defaultValue?: MenuRadioValue;
+    /** Disables every item in the group. */
+    disabled?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: {
+        /**
+         * The chosen value.
+         * @attribute none
+         */
+        value: MenuRadioValue | undefined;
+        /** Whether the group ignores interaction. */
+        disabled: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: MenuRadioValue, event: Event) => any;
+    "update:modelValue": (value: MenuRadioValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: MenuRadioValue, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: MenuRadioValue) => any) | undefined;
+}>, {
+    defaultValue: MenuRadioValue;
+    as: string | object;
+    modelValue: MenuRadioValue;
+    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/MenuRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import { Part } from "../../shared/part.js";
+import { useControlled } from "../../shared/use-controlled.js";
+import { provideMenuGroupContext, provideMenuRadioGroupContext } from "../../shared/use-menu.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, toRef, unref, useId, withCtx } from "vue";
+//#region src/components/menu/MenuRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var MenuRadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuRadioGroup",
+	inheritAttrs: false,
+	__name: "MenuRadioGroup",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const labelId = useId();
+		const hasLabel = ref(false);
+		const value = useControlled({
+			value: toRef(() => props.modelValue),
+			defaultValue: toRef(() => props.defaultValue),
+			prop: "modelValue",
+			name: "MenuRadioGroup",
+			label: "value"
+		});
+		provideMenuRadioGroupContext({
+			value,
+			disabled: () => props.disabled,
+			select(next, event) {
+				value.value = next;
+				emit("update:modelValue", next);
+				emit("change", next, event);
+			}
+		});
+		provideMenuGroupContext({
+			labelId,
+			registerLabel() {
+				hasLabel.value = true;
+				return () => {
+					hasLabel.value = false;
+				};
+			}
+		});
+		const groupProps = computed(() => ({
+			"data-part": "radio-group",
+			role: "group",
+			"aria-labelledby": hasLabel.value ? labelId : void 0,
+			"aria-disabled": props.disabled || void 0,
+			"data-disabled": props.disabled ? "" : void 0
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, {
+				...groupProps.value,
+				..._ctx.$attrs
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					value: unref(value),
+					disabled: props.disabled
+				})]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenuRadioGroup_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuRadioItem.js

@@ -0,0 +1,5 @@
+import MenuRadioItem_vue_vue_type_script_setup_true_lang_default from "./MenuRadioItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuRadioItem.vue
+var MenuRadioItem_default = MenuRadioItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuRadioItem_default as default };

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

@@ -0,0 +1,35 @@
+import { type MenuRadioValue } from '../../shared/use-menu';
+type __VLS_Props = {
+    /** What the group's `v-model` holds while this item is chosen. */
+    value: MenuRadioValue;
+    /** Can't be chosen, and arrow keys skip it. */
+    disabled?: boolean;
+    /** Whether choosing this item closes the menu. */
+    closeOnClick?: boolean;
+    /** Element or component to render. */
+    as?: string | object;
+};
+type __VLS_Slots = {
+    default(props: {
+        /**
+         * Whether it is the chosen one.
+         * @attribute `data-checked` while the chosen one, `data-unchecked` otherwise
+         */
+        checked: boolean;
+        /** Whether it ignores interaction. */
+        disabled: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | object;
+    disabled: boolean;
+    closeOnClick: 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/MenuRadioItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { mergeProps as mergeProps$1 } from "../../shared/merge-props.js";
+import { Part } from "../../shared/part.js";
+import { provideMenuItemIndicatorContext, useMenuContext, useMenuRadioGroupContext } from "../../shared/use-menu.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";
+//#region src/components/menu/MenuRadioItem.vue?vue&type=script&setup=true&lang.ts
+var MenuRadioItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuRadioItem",
+	inheritAttrs: false,
+	__name: "MenuRadioItem",
+	props: {
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		closeOnClick: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "div" }
+	},
+	setup(__props) {
+		const props = __props;
+		const { getItemProps } = useMenuContext();
+		const group = useMenuRadioGroupContext();
+		const attrs = useAttrs();
+		const checked = computed(() => group.value.value === props.value);
+		const disabled = computed(() => props.disabled || group.disabled());
+		provideMenuItemIndicatorContext({
+			checked: () => checked.value,
+			disabled: () => disabled.value
+		});
+		const merged = computed(() => mergeProps$1(getItemProps({
+			role: "menuitemradio",
+			checked: checked.value,
+			disabled: disabled.value,
+			closeOnClick: props.closeOnClick,
+			onSelect: (event) => group.select(props.value, event)
+		}), attrs));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Part), mergeProps({ as: props.as }, merged.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					checked: checked.value,
+					disabled: disabled.value
+				})]),
+				_: 3
+			}, 16, ["as"]);
+		};
+	}
+});
+//#endregion
+export { MenuRadioItem_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuRoot.js

@@ -0,0 +1,5 @@
+import MenuRoot_vue_vue_type_script_setup_true_lang_default from "./MenuRoot.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuRoot.vue
+var MenuRoot_default = MenuRoot_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuRoot_default as default };

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

@@ -0,0 +1,69 @@
+import { type MenuState } from '../../shared/use-menu';
+import type { Align, Side } from '../../shared/use-positioning';
+type __VLS_Props = {
+    /** Whether the menu is open, bound with `v-model:open`. */
+    open?: boolean;
+    /** Opens at first, when no `v-model:open` owns it. */
+    defaultOpen?: boolean;
+    /** Keeps the trigger from opening the menu. */
+    disabled?: boolean;
+    /** Whether choosing an item closes the menu at all. @default true */
+    closeOnSelect?: boolean;
+    /** Open on hover. Standalone menus only — submenus always do, a menubar owns its own. */
+    openOnHover?: boolean;
+    /** How long the pointer rests on the trigger before it opens. @default 100 */
+    delay?: number;
+    /** How long after the pointer leaves before it closes. @default 150 */
+    closeDelay?: number;
+    /** Whether arrow keys wrap past the ends. @default true */
+    loop?: boolean;
+    /** Which side of the trigger the menu prefers. Submenus default to the side. */
+    side?: Side;
+    /** How the menu lines up along that side. */
+    align?: Align;
+    /** The gap between the trigger and the menu, in pixels. */
+    sideOffset?: number;
+    /** Sides to try, in order, when the preferred one does not fit. */
+    fallbackSides?: Side[];
+    /** Allow dropping to the perpendicular axis as a last resort. @default true */
+    fallbackAxis?: boolean;
+    /** Stay anchored and slide instead of flipping. */
+    sticky?: boolean;
+};
+type __VLS_Slots = {
+    /**
+     * The menu's state.
+     * @slotOnly The root renders no element of its own: the trigger and the popup carry these as attributes.
+     */
+    default(props: MenuState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, import("../../shared/use-menu").UseMenuReturn, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (open: boolean) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    sticky: boolean;
+    side: Side;
+    disabled: boolean;
+    open: boolean;
+    align: Align;
+    loop: boolean;
+    defaultOpen: boolean;
+    openOnHover: boolean;
+    delay: number;
+    closeDelay: number;
+    sideOffset: number;
+    fallbackSides: Side[];
+    fallbackAxis: boolean;
+    closeOnSelect: 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/MenuRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import { provideMenuContext, useMenu } from "../../shared/use-menu.js";
+import { defineComponent, guardReactiveProps, normalizeProps, renderSlot, toRef, unref } from "vue";
+//#region src/components/menu/MenuRoot.vue?vue&type=script&setup=true&lang.ts
+var MenuRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "MenuRoot",
+	__name: "MenuRoot",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
+		openOnHover: {
+			type: Boolean,
+			default: false
+		},
+		delay: { default: void 0 },
+		closeDelay: { default: void 0 },
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		side: { default: void 0 },
+		align: { default: void 0 },
+		sideOffset: { default: void 0 },
+		fallbackSides: { default: void 0 },
+		fallbackAxis: {
+			type: Boolean,
+			default: void 0
+		},
+		sticky: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:open", "change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const api = useMenu({
+			open: toRef(() => props.open),
+			defaultOpen: toRef(() => props.defaultOpen),
+			disabled: toRef(() => props.disabled),
+			closeOnSelect: toRef(() => props.closeOnSelect),
+			openOnHover: toRef(() => props.openOnHover),
+			delay: toRef(() => props.delay),
+			closeDelay: toRef(() => props.closeDelay),
+			loop: toRef(() => props.loop),
+			side: toRef(() => props.side),
+			align: toRef(() => props.align),
+			sideOffset: toRef(() => props.sideOffset),
+			fallbackSides: toRef(() => props.fallbackSides),
+			fallbackAxis: toRef(() => props.fallbackAxis),
+			sticky: toRef(() => props.sticky),
+			onChange: (open) => {
+				emit("update:open", open);
+				emit("change", open);
+			}
+		});
+		provideMenuContext(api);
+		__expose(api);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(api).state.value)));
+		};
+	}
+});
+//#endregion
+export { MenuRoot_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/MenuTrigger.js

@@ -0,0 +1,5 @@
+import MenuTrigger_vue_vue_type_script_setup_true_lang_default from "./MenuTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/MenuTrigger.vue
+var MenuTrigger_default = MenuTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MenuTrigger_default as default };

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Element or component to render. */
+    as?: string | object;
+};
+declare var __VLS_8: {
+    open: boolean;
+    side: import("../..").Side;
+    align: import("../..").Align;
+    disabled: boolean;
+    transitionStatus: import("../..").TransitionStatus;
+};
+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<{}>, {
+    as: string | object;
+}, {}, {}, {}, 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;
+    };
+};