@wirekyt/vue 0.0.1 → 0.0.3

package/dist/menu.cjs

@@ -0,0 +1,650 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-XrBZd2Yk.cjs");
+const require_providers = require("./providers-5QhcwgSd.cjs");
+const require_clean_props = require("./clean-props-MyKqus13.cjs");
+const require_factory = require("./factory-JL7MPjkk.cjs");
+const require_presence = require("./presence-DD3l4Tgb.cjs");
+const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
+let vue = require("vue");
+let _wirekyt_dom_machines_menu = require("@wirekyt/dom/machines/menu");
+_wirekyt_dom_machines_menu = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_menu, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/menu/use-context.ts
+const [MenuProvider, useMenuContext] = require_utils.createContext("MenuContext");
+//#endregion
+//#region src/components/menu/arrow-tip.vue
+const _sfc_main$1 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "arrow-tip",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/arrow.vue
+const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "arrow",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getArrowProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/use-item-context.ts
+const [MenuItemProvider, useMenuItemContext] = require_utils.createContext("MenuItemContext");
+//#endregion
+//#region src/components/menu/use-option-item-props-context.ts
+const [MenuItemPropsProvider, useMenuItemPropsContext] = require_utils.createContext("MenuItemPropsContext");
+//#endregion
+//#region src/components/menu/checkbox-item.vue
+const _sfc_main$2 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "checkbox-item",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		checked: { type: Boolean },
+		value: {},
+		disabled: { type: Boolean },
+		valueText: {},
+		closeOnSelect: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		checked: void 0,
+		disabled: void 0,
+		closeOnSelect: void 0
+	}),
+	emits: ["update:checked"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const menu = useMenuContext();
+		const optionItemProps = (0, vue.computed)(() => ({
+			...props,
+			type: "checkbox",
+			onCheckedChange: (e) => emits("update:checked", e)
+		}));
+		MenuItemProvider((0, vue.computed)(() => menu.value.getOptionItemState(optionItemProps.value)));
+		MenuItemPropsProvider(optionItemProps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/content.vue
+const _sfc_main$3 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "content",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		const presence = require_presence.usePresenceContext();
+		const mergedProps = (0, vue.computed)(() => (0, _wirekyt_dom.mergeProps)(menu.value.getContentProps(), presence.value.presenceProps));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/context-trigger.vue
+const _sfc_main$5 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(menu).getContextTriggerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/context.vue
+const _sfc_main$4 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "context",
+	setup(__props) {
+		const menu = useMenuContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(menu))));
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/indicator.vue
+const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/item-context.vue
+const _sfc_main$8 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-context",
+	setup(__props) {
+		const item = useMenuItemContext();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)((0, vue.unref)(item))));
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/use-item-group-context.ts
+const [MenuItemGroupProvider, useMenuItemGroupContext] = require_utils.createContext("MenuItemGroupContext");
+//#endregion
+//#region src/components/menu/item-group-label.vue
+const _sfc_main$10 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-group-label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		const itemGroup = useMenuItemGroupContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemGroupLabelProps({ htmlFor: (0, vue.unref)(itemGroup).id }), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/item-group.vue
+const _sfc_main$9 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-group",
+	props: {
+		id: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const menu = useMenuContext();
+		const uid = (0, vue.useId)();
+		const id = props.id ?? uid;
+		const itemGroupProps = (0, vue.computed)(() => ({ id }));
+		MenuItemGroupProvider(itemGroupProps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/item-indicator.vue
+const _sfc_main$11 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		const itemProps = useMenuItemPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemIndicatorProps((0, vue.unref)(itemProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/item-text.vue
+const _sfc_main$12 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item-text",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		const itemProps = useMenuItemPropsContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemTextProps((0, vue.unref)(itemProps)), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/item.vue
+const _sfc_main$7 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "item",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		value: {},
+		disabled: { type: Boolean },
+		valueText: {},
+		closeOnSelect: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		closeOnSelect: void 0
+	}),
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const menu = useMenuContext();
+		const itemState = (0, vue.computed)(() => menu.value.getItemState(props));
+		MenuItemPropsProvider((0, vue.computed)(() => props));
+		MenuItemProvider(itemState);
+		(0, vue.onMounted)(() => {
+			const cleanup = menu.value.addItemListener({
+				id: itemState.value.id,
+				onSelect: () => emit("select")
+			});
+			(0, vue.onBeforeUnmount)(() => cleanup?.());
+		});
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/positioner.vue
+const _sfc_main$13 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "positioner",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		const presence = require_presence.usePresenceContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return !(0, vue.unref)(presence).unmounted ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(menu).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/radio-item-group.vue
+const _sfc_main$15 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "radio-item-group",
+	props: {
+		id: {},
+		modelValue: {},
+		asChild: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const menu = useMenuContext();
+		const uid = (0, vue.useId)();
+		const id = props.id ?? uid;
+		const itemGroupProps = (0, vue.computed)(() => ({
+			id,
+			value: props.modelValue,
+			onValueChange: (e) => emits("update:modelValue", e.value)
+		}));
+		MenuItemGroupProvider(itemGroupProps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/radio-item.vue
+const _sfc_main$14 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "radio-item",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		value: {},
+		disabled: { type: Boolean },
+		valueText: {},
+		closeOnSelect: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		disabled: void 0,
+		closeOnSelect: void 0
+	}),
+	setup(__props) {
+		const props = __props;
+		const menu = useMenuContext();
+		const itemGroup = useMenuItemGroupContext();
+		const optionItemProps = (0, vue.computed)(() => ({
+			...props,
+			checked: itemGroup.value.value === props.value,
+			type: "radio",
+			onCheckedChange: () => itemGroup.value.onValueChange?.({ value: props.value })
+		}));
+		MenuItemProvider((0, vue.computed)(() => menu.value.getOptionItemState(optionItemProps.value)));
+		MenuItemPropsProvider(optionItemProps);
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(menu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/use-machine-context.ts
+const [MenuMachineProvider, useMenuMachineContext] = require_utils.createContext("MenuMachineContext");
+//#endregion
+//#region src/components/menu/use-trigger-item-context.ts
+const [MenuTriggerItemProvider, useMenuTriggerItemContext] = require_utils.createContext("MenuTriggerItemContext");
+//#endregion
+//#region src/components/menu/root-provider.vue
+const _sfc_main$17 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	emits: ["exitComplete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { value: { machine, api } } = props;
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: api.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		const parentApi = useMenuContext();
+		const parentMachine = useMenuMachineContext();
+		(0, vue.onMounted)(() => {
+			if (!parentMachine) return;
+			parentApi.value.setChild(machine);
+			api.value.setParent(parentMachine);
+		});
+		MenuTriggerItemProvider((0, vue.computed)(() => parentApi.value.getTriggerItemProps(api.value)));
+		MenuMachineProvider(machine);
+		MenuProvider(api);
+		require_presence.PresenceProvider(presence);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/use-menu.ts
+const useMenu = (props = {}, emit) => {
+	const id = (0, vue.useId)();
+	const env = require_providers.useEnvironmentContext(require_providers.DEFAULT_ENVIRONMENT);
+	const locale = require_providers.useLocaleContext(require_providers.DEFAULT_LOCALE);
+	const context = (0, vue.computed)(() => {
+		const localeProps = (0, vue.toValue)(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...require_clean_props.cleanProps(localeProps),
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localeProps.onOpenChange?.(details);
+			},
+			onTriggerValueChange: (details) => {
+				emit?.("triggerValueChange", details);
+				localeProps.onTriggerValueChange?.(details);
+			},
+			onEscapeKeyDown: (details) => {
+				emit?.("escapeKeyDown", details);
+				localeProps.onEscapeKeyDown?.(details);
+			},
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localeProps.onFocusOutside?.(details);
+			},
+			onHighlightChange: (details) => {
+				emit?.("highlightChange", details);
+				emit?.("update:highlightedValue", details.highlightedValue);
+				localeProps.onHighlightChange?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localeProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localeProps.onPointerDownOutside?.(details);
+			},
+			onSelect: (details) => {
+				emit?.("select", details);
+				localeProps.onSelect?.(details);
+			}
+		};
+	});
+	const machine = require_utils.useMachine(_wirekyt_dom_machines_menu.machine, context);
+	return {
+		api: (0, vue.computed)(() => _wirekyt_dom_machines_menu.connect(machine, require_utils.normalizeProps)),
+		machine
+	};
+};
+//#endregion
+//#region src/components/menu/root.vue
+const _sfc_main$16 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "root",
+	props: /*@__PURE__*/ (0, vue.mergeDefaults)({
+		anchorPoint: {},
+		"aria-label": {},
+		closeOnSelect: { type: Boolean },
+		composite: { type: Boolean },
+		defaultHighlightedValue: {},
+		defaultOpen: { type: Boolean },
+		highlightedValue: {},
+		id: {},
+		ids: {},
+		loopFocus: { type: Boolean },
+		navigate: { type: Function },
+		open: { type: Boolean },
+		positioning: {},
+		typeahead: { type: Boolean },
+		triggerValue: {},
+		defaultTriggerValue: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		closeOnSelect: void 0,
+		composite: void 0,
+		defaultOpen: void 0,
+		loopFocus: void 0,
+		open: void 0,
+		typeahead: void 0
+	}),
+	emits: [
+		"escapeKeyDown",
+		"exitComplete",
+		"focusOutside",
+		"highlightChange",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"requestDismiss",
+		"select",
+		"triggerValueChange",
+		"update:open",
+		"update:highlightedValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { api, machine } = useMenu(props, emits);
+		const presence = require_use_presence.usePresence((0, vue.computed)(() => ({
+			present: api.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		const parentApi = useMenuContext();
+		const parentMachine = useMenuMachineContext();
+		(0, vue.onMounted)(() => {
+			if (!parentMachine) return;
+			parentApi.value.setChild(machine);
+			api.value.setParent(parentMachine);
+		});
+		MenuTriggerItemProvider((0, vue.computed)(() => parentApi.value.getTriggerItemProps(api.value)));
+		MenuMachineProvider(machine);
+		MenuProvider(api);
+		require_presence.PresenceProvider(presence);
+		require_utils.RenderStrategyPropsProvider((0, vue.computed)(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/separator.vue
+const _sfc_main$18 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "separator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).hr, (0, vue.mergeProps)((0, vue.unref)(menu).getSeparatorProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/trigger-item.vue
+const _sfc_main$20 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger-item",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const triggerItemProps = useMenuTriggerItemContext();
+		MenuItemPropsProvider((0, vue.computed)(() => ({ value: triggerItemProps.value?.["data-value"] })));
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).div, (0, vue.mergeProps)((0, vue.unref)(triggerItemProps), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/trigger.vue
+const _sfc_main$19 = /*@__PURE__*/ (0, vue.defineComponent)({
+	__name: "trigger",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const menu = useMenuContext();
+		require_utils.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_factory.wire).button, (0, vue.mergeProps)((0, vue.unref)(menu).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/menu/menu.ts
+var menu_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Arrow: () => _sfc_main,
+	ArrowTip: () => _sfc_main$1,
+	CheckboxItem: () => _sfc_main$2,
+	Content: () => _sfc_main$3,
+	Context: () => _sfc_main$4,
+	ContextTrigger: () => _sfc_main$5,
+	Indicator: () => _sfc_main$6,
+	Item: () => _sfc_main$7,
+	ItemContext: () => _sfc_main$8,
+	ItemGroup: () => _sfc_main$9,
+	ItemGroupLabel: () => _sfc_main$10,
+	ItemIndicator: () => _sfc_main$11,
+	ItemText: () => _sfc_main$12,
+	Positioner: () => _sfc_main$13,
+	RadioItem: () => _sfc_main$14,
+	RadioItemGroup: () => _sfc_main$15,
+	Root: () => _sfc_main$16,
+	RootProvider: () => _sfc_main$17,
+	Separator: () => _sfc_main$18,
+	Trigger: () => _sfc_main$19,
+	TriggerItem: () => _sfc_main$20
+});
+//#endregion
+Object.defineProperty(exports, "Menu", {
+	enumerable: true,
+	get: function() {
+		return menu_exports;
+	}
+});
+exports.MenuArrow = _sfc_main;
+exports.MenuArrowTip = _sfc_main$1;
+exports.MenuCheckboxItem = _sfc_main$2;
+exports.MenuContent = _sfc_main$3;
+exports.MenuContext = _sfc_main$4;
+exports.MenuContextTrigger = _sfc_main$5;
+exports.MenuIndicator = _sfc_main$6;
+exports.MenuItem = _sfc_main$7;
+exports.MenuItemContext = _sfc_main$8;
+exports.MenuItemGroup = _sfc_main$9;
+exports.MenuItemGroupLabel = _sfc_main$10;
+exports.MenuItemIndicator = _sfc_main$11;
+exports.MenuItemText = _sfc_main$12;
+exports.MenuPositioner = _sfc_main$13;
+exports.MenuRadioItem = _sfc_main$14;
+exports.MenuRadioItemGroup = _sfc_main$15;
+exports.MenuRoot = _sfc_main$16;
+exports.MenuRootProvider = _sfc_main$17;
+exports.MenuSeparator = _sfc_main$18;
+exports.MenuTrigger = _sfc_main$19;
+exports.MenuTriggerItem = _sfc_main$20;
+Object.defineProperty(exports, "menuAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom_machines_menu.anatomy;
+	}
+});
+exports.useMenu = useMenu;
+exports.useMenuContext = useMenuContext;
+exports.useMenuItemContext = useMenuItemContext;