@sprawlify/vue 0.0.78 → 0.0.80

package/dist/components/menu/index.js

@@ -1,886 +0,0 @@
-import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
-import { n as useMachine, r as normalizeProps$1, t as mergeProps$1 } from "../../core-DNndr38p.js";
-import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
-import { t as createContext } from "../../create-context-Ds1GbsVc.js";
-import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
-import { t as menuAnatomy } from "../../menu-anatomy-Cn8kTodN.js";
-import { t as sprawlify } from "../../factory-yh31h0Rm.js";
-import { t as cleanProps } from "../../clean-props-GbfPBIot.js";
-import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-B0RVis2X.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-BuHH-PkI.js";
-import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, onBeforeUnmount, onMounted, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
-import * as menu from "@sprawlify/primitives/machines/menu";
-
-//#region src/components/menu/use-menu-context.ts
-const [MenuProvider, useMenuContext] = createContext("MenuContext");
-
-//#endregion
-//#region src/components/menu/menu-arrow-tip.vue?vue&type=script&setup=true&lang.ts
-var menu_arrow_tip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-arrow-tip",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getArrowTipProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-arrow-tip.vue
-var menu_arrow_tip_default = menu_arrow_tip_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-arrow.vue?vue&type=script&setup=true&lang.ts
-var menu_arrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-arrow",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getArrowProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-arrow.vue
-var menu_arrow_default = menu_arrow_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/use-menu-item-context.ts
-const [MenuItemProvider, useMenuItemContext] = createContext("MenuItemContext");
-
-//#endregion
-//#region src/components/menu/use-menu-option-item-props-context.ts
-const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext("MenuItemPropsContext");
-
-//#endregion
-//#region src/components/menu/menu-checkbox-item.vue?vue&type=script&setup=true&lang.ts
-var menu_checkbox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-checkbox-item",
-	props: /* @__PURE__ */ mergeDefaults({
-		checked: {
-			type: Boolean,
-			required: true
-		},
-		value: {
-			type: String,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		valueText: {
-			type: null,
-			required: false
-		},
-		closeOnSelect: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	}, {
-		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 = computed(() => ({
-			...props,
-			type: "checkbox",
-			onCheckedChange: (e) => emits("update:checked", e)
-		}));
-		MenuItemProvider(computed(() => menu.value.getOptionItemState(optionItemProps.value)));
-		MenuItemPropsProvider(optionItemProps);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-checkbox-item.vue
-var menu_checkbox_item_default = menu_checkbox_item_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-content.vue?vue&type=script&setup=true&lang.ts
-var menu_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-content",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		const presence = usePresenceContext();
-		const mergedProps = computed(() => mergeProps$1(menu.value.getContentProps(), presence.value.presenceProps));
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-content.vue
-var menu_content_default = menu_content_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-context-trigger.vue?vue&type=script&setup=true&lang.ts
-var menu_context_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-context-trigger",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(menu).getContextTriggerProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-context-trigger.vue
-var menu_context_trigger_default = menu_context_trigger_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-context.vue?vue&type=script&setup=true&lang.ts
-var menu_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-context",
-	setup(__props) {
-		const menu = useMenuContext();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(menu))));
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-context.vue
-var menu_context_default = menu_context_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-indicator.vue?vue&type=script&setup=true&lang.ts
-var menu_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-indicator",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getIndicatorProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-indicator.vue
-var menu_indicator_default = menu_indicator_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-item-context.vue?vue&type=script&setup=true&lang.ts
-var menu_item_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item-context",
-	setup(__props) {
-		const item = useMenuItemContext();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item-context.vue
-var menu_item_context_default = menu_item_context_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/use-menu-item-group-context.ts
-const [MenuItemGroupProvider, useMenuItemGroupContext] = createContext("MenuItemGroupContext");
-
-//#endregion
-//#region src/components/menu/menu-item-group-label.vue?vue&type=script&setup=true&lang.ts
-var menu_item_group_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item-group-label",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		const itemGroup = useMenuItemGroupContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemGroupLabelProps({ htmlFor: unref(itemGroup).id }), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item-group-label.vue
-var menu_item_group_label_default = menu_item_group_label_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-item-group.vue?vue&type=script&setup=true&lang.ts
-var menu_item_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item-group",
-	props: {
-		id: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const menu = useMenuContext();
-		const uid = useId();
-		const id = props.id ?? uid;
-		const itemGroupProps = computed(() => ({ id }));
-		MenuItemGroupProvider(itemGroupProps);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item-group.vue
-var menu_item_group_default = menu_item_group_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-item-indicator.vue?vue&type=script&setup=true&lang.ts
-var menu_item_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item-indicator",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		const itemProps = useMenuItemPropsContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item-indicator.vue
-var menu_item_indicator_default = menu_item_indicator_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-item-text.vue?vue&type=script&setup=true&lang.ts
-var menu_item_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item-text",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		const itemProps = useMenuItemPropsContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemTextProps(unref(itemProps)), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item-text.vue
-var menu_item_text_default = menu_item_text_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-item.vue?vue&type=script&setup=true&lang.ts
-var menu_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-item",
-	props: /* @__PURE__ */ mergeDefaults({
-		value: {
-			type: String,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		valueText: {
-			type: null,
-			required: false
-		},
-		closeOnSelect: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	}, {
-		disabled: void 0,
-		closeOnSelect: void 0
-	}),
-	emits: ["select"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const menu = useMenuContext();
-		const itemState = computed(() => menu.value.getItemState(props));
-		MenuItemPropsProvider(computed(() => props));
-		MenuItemProvider(itemState);
-		onMounted(() => {
-			const cleanup = menu.value.addItemListener({
-				id: itemState.value.id,
-				onSelect: () => emit("select")
-			});
-			onBeforeUnmount(() => cleanup?.());
-		});
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemProps(props), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-item.vue
-var menu_item_default = menu_item_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-positioner.vue?vue&type=script&setup=true&lang.ts
-var menu_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-positioner",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		const presence = usePresenceContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(menu).getPositionerProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-positioner.vue
-var menu_positioner_default = menu_positioner_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-radio-item-group.vue?vue&type=script&setup=true&lang.ts
-var menu_radio_item_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-radio-item-group",
-	props: {
-		id: {
-			type: String,
-			required: false
-		},
-		modelValue: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const menu = useMenuContext();
-		const uid = useId();
-		const id = props.id ?? uid;
-		const itemGroupProps = computed(() => ({
-			id,
-			value: props.modelValue,
-			onValueChange: (e) => emits("update:modelValue", e.value)
-		}));
-		MenuItemGroupProvider(itemGroupProps);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-radio-item-group.vue
-var menu_radio_item_group_default = menu_radio_item_group_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-radio-item.vue?vue&type=script&setup=true&lang.ts
-var menu_radio_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-radio-item",
-	props: /* @__PURE__ */ mergeDefaults({
-		value: {
-			type: String,
-			required: true
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		valueText: {
-			type: null,
-			required: false
-		},
-		closeOnSelect: {
-			type: Boolean,
-			required: false,
-			skipCheck: true
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	}, {
-		disabled: void 0,
-		closeOnSelect: void 0
-	}),
-	setup(__props) {
-		const props = __props;
-		const menu = useMenuContext();
-		const itemGroup = useMenuItemGroupContext();
-		const optionItemProps = computed(() => ({
-			...props,
-			checked: itemGroup.value.value === props.value,
-			type: "radio",
-			onCheckedChange: () => itemGroup.value.onValueChange?.({ value: props.value })
-		}));
-		MenuItemProvider(computed(() => menu.value.getOptionItemState(optionItemProps.value)));
-		MenuItemPropsProvider(optionItemProps);
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(menu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-radio-item.vue
-var menu_radio_item_default = menu_radio_item_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/use-menu-machine-context.ts
-const [MenuMachineProvider, useMenuMachineContext] = createContext("MenuMachineContext");
-
-//#endregion
-//#region src/components/menu/use-menu-trigger-item-context.ts
-const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext("MenuTriggerItemContext");
-
-//#endregion
-//#region src/components/menu/menu-root-provider.vue?vue&type=script&setup=true&lang.ts
-var menu_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-root-provider",
-	props: {
-		value: {
-			type: Object,
-			required: true
-		},
-		lazyMount: {
-			type: Boolean,
-			required: false
-		},
-		unmountOnExit: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["exitComplete"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { value: { machine, api } } = props;
-		const presence = usePresence(computed(() => ({
-			present: api.value.open,
-			lazyMount: props.lazyMount,
-			unmountOnExit: props.unmountOnExit
-		})), emits);
-		const parentApi = useMenuContext();
-		const parentMachine = useMenuMachineContext();
-		onMounted(() => {
-			if (!parentMachine) return;
-			parentApi.value.setChild(machine);
-			api.value.setParent(parentMachine);
-		});
-		MenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
-		MenuMachineProvider(machine);
-		MenuProvider(api);
-		PresenceProvider(presence);
-		RenderStrategyPropsProvider(computed(() => ({
-			lazyMount: props.lazyMount,
-			unmountOnExit: props.unmountOnExit
-		})));
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-root-provider.vue
-var menu_root_provider_default = menu_root_provider_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/use-menu.ts
-const useMenu = (props = {}, emit) => {
-	const id = useId();
-	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
-	const locale = useLocaleContext(DEFAULT_LOCALE);
-	const context = computed(() => {
-		const localeProps = toValue(props);
-		return {
-			id,
-			dir: locale.value.dir,
-			getRootNode: env?.value.getRootNode,
-			...cleanProps(localeProps),
-			onOpenChange: (details) => {
-				emit?.("openChange", details);
-				emit?.("update:open", details.open);
-				localeProps.onOpenChange?.(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 = useMachine(menu.machine, context);
-	return {
-		api: computed(() => menu.connect(machine, normalizeProps$1)),
-		machine
-	};
-};
-
-//#endregion
-//#region src/components/menu/menu-root.vue?vue&type=script&setup=true&lang.ts
-var menu_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-root",
-	props: /* @__PURE__ */ mergeDefaults({
-		anchorPoint: {
-			type: null,
-			required: false
-		},
-		"aria-label": {
-			type: String,
-			required: false
-		},
-		closeOnSelect: {
-			type: Boolean,
-			required: false
-		},
-		composite: {
-			type: Boolean,
-			required: false
-		},
-		defaultHighlightedValue: {
-			type: String,
-			required: false
-		},
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		highlightedValue: {
-			type: String,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		ids: {
-			type: Object,
-			required: false
-		},
-		loopFocus: {
-			type: Boolean,
-			required: false
-		},
-		navigate: {
-			type: Function,
-			required: false
-		},
-		open: {
-			type: Boolean,
-			required: false
-		},
-		positioning: {
-			type: null,
-			required: false
-		},
-		typeahead: {
-			type: Boolean,
-			required: false
-		},
-		lazyMount: {
-			type: Boolean,
-			required: false
-		},
-		unmountOnExit: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		}
-	}, {
-		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",
-		"update:open",
-		"update:highlightedValue"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { api, machine } = useMenu(props, emits);
-		const presence = usePresence(computed(() => ({
-			present: api.value.open,
-			lazyMount: props.lazyMount,
-			unmountOnExit: props.unmountOnExit
-		})), emits);
-		const parentApi = useMenuContext();
-		const parentMachine = useMenuMachineContext();
-		onMounted(() => {
-			if (!parentMachine) return;
-			parentApi.value.setChild(machine);
-			api.value.setParent(parentMachine);
-		});
-		MenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
-		MenuMachineProvider(machine);
-		MenuProvider(api);
-		PresenceProvider(presence);
-		RenderStrategyPropsProvider(computed(() => ({
-			lazyMount: props.lazyMount,
-			unmountOnExit: props.unmountOnExit
-		})));
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default");
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-root.vue
-var menu_root_default = menu_root_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-separator.vue?vue&type=script&setup=true&lang.ts
-var menu_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-separator",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).hr, mergeProps(unref(menu).getSeparatorProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-separator.vue
-var menu_separator_default = menu_separator_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-trigger-item.vue?vue&type=script&setup=true&lang.ts
-var menu_trigger_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-trigger-item",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const triggerItemProps = useMenuTriggerItemContext();
-		MenuItemPropsProvider(computed(() => ({ value: triggerItemProps.value?.["data-value"] })));
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(triggerItemProps), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-trigger-item.vue
-var menu_trigger_item_default = menu_trigger_item_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu-trigger.vue?vue&type=script&setup=true&lang.ts
-var menu_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "menu-trigger",
-	props: { asChild: {
-		type: Boolean,
-		required: false
-	} },
-	setup(__props) {
-		const menu = useMenuContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(menu).getTriggerProps(), { "as-child": __props.asChild }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["as-child"]);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/menu/menu-trigger.vue
-var menu_trigger_default = menu_trigger_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region src/components/menu/menu.ts
-var menu_exports = /* @__PURE__ */ __exportAll({
-	Arrow: () => menu_arrow_default,
-	ArrowTip: () => menu_arrow_tip_default,
-	CheckboxItem: () => menu_checkbox_item_default,
-	Content: () => menu_content_default,
-	Context: () => menu_context_default,
-	ContextTrigger: () => menu_context_trigger_default,
-	Indicator: () => menu_indicator_default,
-	Item: () => menu_item_default,
-	ItemContext: () => menu_item_context_default,
-	ItemGroup: () => menu_item_group_default,
-	ItemGroupLabel: () => menu_item_group_label_default,
-	ItemIndicator: () => menu_item_indicator_default,
-	ItemText: () => menu_item_text_default,
-	Positioner: () => menu_positioner_default,
-	RadioItem: () => menu_radio_item_default,
-	RadioItemGroup: () => menu_radio_item_group_default,
-	Root: () => menu_root_default,
-	RootProvider: () => menu_root_provider_default,
-	Separator: () => menu_separator_default,
-	Trigger: () => menu_trigger_default,
-	TriggerItem: () => menu_trigger_item_default
-});
-
-//#endregion
-export { menu_exports as Menu, menu_arrow_default as MenuArrow, menu_arrow_tip_default as MenuArrowTip, menu_checkbox_item_default as MenuCheckboxItem, menu_content_default as MenuContent, menu_context_default as MenuContext, menu_context_trigger_default as MenuContextTrigger, menu_indicator_default as MenuIndicator, menu_item_default as MenuItem, menu_item_context_default as MenuItemContext, menu_item_group_default as MenuItemGroup, menu_item_group_label_default as MenuItemGroupLabel, menu_item_indicator_default as MenuItemIndicator, menu_item_text_default as MenuItemText, menu_positioner_default as MenuPositioner, menu_radio_item_default as MenuRadioItem, menu_radio_item_group_default as MenuRadioItemGroup, menu_root_default as MenuRoot, menu_root_provider_default as MenuRootProvider, menu_separator_default as MenuSeparator, menu_trigger_default as MenuTrigger, menu_trigger_item_default as MenuTriggerItem, menuAnatomy, useMenu, useMenuContext, useMenuItemContext };