@sprawlify/vue 0.0.78 → 0.0.80

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1,861 @@
+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 dropdownMenuAnatomy } from "../../dropdown-menu-anatomy-C1luUwqi.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 dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
+
+//#region src/components/dropdown-menu/use-dropdown-menu-context.ts
+const [DropdownMenuProvider, useDropdownMenuContext] = createContext("DropdownMenuContext");
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow-tip.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_arrow_tip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-arrow-tip",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getArrowTipProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow-tip.vue
+var dropdown_menu_arrow_tip_default = dropdown_menu_arrow_tip_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_arrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-arrow",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getArrowProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.vue
+var dropdown_menu_arrow_default = dropdown_menu_arrow_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-item-context.ts
+const [DropdownMenuItemProvider, useDropdownMenuItemContext] = createContext("DropdownMenuItemContext");
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-option-item-props-context.ts
+const [DropdownMenuItemPropsProvider, useDropdownMenuItemPropsContext] = createContext("DropdownMenuItemPropsContext");
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_checkbox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 dropdownMenu = useDropdownMenuContext();
+		const optionItemProps = computed(() => ({
+			...props,
+			type: "checkbox",
+			onCheckedChange: (e) => emits("update:checked", e)
+		}));
+		DropdownMenuItemProvider(computed(() => dropdownMenu.value.getOptionItemState(optionItemProps.value)));
+		DropdownMenuItemPropsProvider(optionItemProps);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.vue
+var dropdown_menu_checkbox_item_default = dropdown_menu_checkbox_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(dropdownMenu.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/dropdown-menu/dropdown-menu-content.vue
+var dropdown_menu_content_default = dropdown_menu_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-context.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-context",
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(dropdownMenu))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-context.vue
+var dropdown_menu_context_default = dropdown_menu_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-indicator.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-indicator.vue
+var dropdown_menu_indicator_default = dropdown_menu_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-context.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item-context",
+	setup(__props) {
+		const item = useDropdownMenuItemContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(item))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-context.vue
+var dropdown_menu_item_context_default = dropdown_menu_item_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-item-group-context.ts
+const [DropdownMenuItemGroupProvider, useDropdownMenuItemGroupContext] = createContext("DropdownMenuItemGroupContext");
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group-label.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_group_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item-group-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		const itemGroup = useDropdownMenuItemGroupContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemGroupLabelProps({ htmlFor: unref(itemGroup).id }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group-label.vue
+var dropdown_menu_item_group_label_default = dropdown_menu_item_group_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item-group",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const dropdownMenu = useDropdownMenuContext();
+		const uid = useId();
+		const id = props.id ?? uid;
+		const itemGroupProps = computed(() => ({ id }));
+		DropdownMenuItemGroupProvider(itemGroupProps);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group.vue
+var dropdown_menu_item_group_default = dropdown_menu_item_group_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		const itemProps = useDropdownMenuItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.vue
+var dropdown_menu_item_indicator_default = dropdown_menu_item_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-text.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-item-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		const itemProps = useDropdownMenuItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemTextProps(unref(itemProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-text.vue
+var dropdown_menu_item_text_default = dropdown_menu_item_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 dropdownMenu = useDropdownMenuContext();
+		const itemState = computed(() => dropdownMenu.value.getItemState(props));
+		DropdownMenuItemPropsProvider(computed(() => props));
+		DropdownMenuItemProvider(itemState);
+		onMounted(() => {
+			const cleanup = dropdownMenu.value.addItemListener({
+				id: itemState.value.id,
+				onSelect: () => emit("select")
+			});
+			onBeforeUnmount(() => cleanup?.());
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.vue
+var dropdown_menu_item_default = dropdown_menu_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-positioner.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(dropdownMenu).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-positioner.vue
+var dropdown_menu_positioner_default = dropdown_menu_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item-group.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_radio_item_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 dropdownMenu = useDropdownMenuContext();
+		const uid = useId();
+		const id = props.id ?? uid;
+		const itemGroupProps = computed(() => ({
+			id,
+			value: props.modelValue,
+			onValueChange: (e) => emits("update:modelValue", e.value)
+		}));
+		DropdownMenuItemGroupProvider(itemGroupProps);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getItemGroupProps(itemGroupProps.value), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item-group.vue
+var dropdown_menu_radio_item_group_default = dropdown_menu_radio_item_group_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_radio_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 dropdownMenu = useDropdownMenuContext();
+		const itemGroup = useDropdownMenuItemGroupContext();
+		const optionItemProps = computed(() => ({
+			...props,
+			checked: itemGroup.value.value === props.value,
+			type: "radio",
+			onCheckedChange: () => itemGroup.value.onValueChange?.({ value: props.value })
+		}));
+		DropdownMenuItemProvider(computed(() => dropdownMenu.value.getOptionItemState(optionItemProps.value)));
+		DropdownMenuItemPropsProvider(optionItemProps);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(dropdownMenu).getOptionItemProps(optionItemProps.value), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.vue
+var dropdown_menu_radio_item_default = dropdown_menu_radio_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-machine-context.ts
+const [DropdownMenuMachineProvider, useDropdownMenuMachineContext] = createContext("DropdownMenuMachineContext");
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-trigger-item-context.ts
+const [DropdownMenuTriggerItemProvider, useDropdownMenuTriggerItemContext] = createContext("DropdownMenuTriggerItemContext");
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root-provider.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 = useDropdownMenuContext();
+		const parentMachine = useDropdownMenuMachineContext();
+		onMounted(() => {
+			if (!parentMachine) return;
+			parentApi.value.setChild(machine);
+			api.value.setParent(parentMachine);
+		});
+		DropdownMenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
+		DropdownMenuMachineProvider(machine);
+		DropdownMenuProvider(api);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root-provider.vue
+var dropdown_menu_root_provider_default = dropdown_menu_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu.ts
+const useDropdownMenu = (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(dropdownMenu.machine, context);
+	return {
+		api: computed(() => dropdownMenu.connect(machine, normalizeProps$1)),
+		machine
+	};
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-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 } = useDropdownMenu(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: api.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		const parentApi = useDropdownMenuContext();
+		const parentMachine = useDropdownMenuMachineContext();
+		onMounted(() => {
+			if (!parentMachine) return;
+			parentApi.value.setChild(machine);
+			api.value.setParent(parentMachine);
+		});
+		DropdownMenuTriggerItemProvider(computed(() => parentApi.value.getTriggerItemProps(api.value)));
+		DropdownMenuMachineProvider(machine);
+		DropdownMenuProvider(api);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.vue
+var dropdown_menu_root_default = dropdown_menu_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-separator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).hr, mergeProps(unref(dropdownMenu).getSeparatorProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.vue
+var dropdown_menu_separator_default = dropdown_menu_separator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger-item.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_trigger_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-trigger-item",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const triggerItemProps = useDropdownMenuTriggerItemContext();
+		DropdownMenuItemPropsProvider(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/dropdown-menu/dropdown-menu-trigger-item.vue
+var dropdown_menu_trigger_item_default = dropdown_menu_trigger_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.vue?vue&type=script&setup=true&lang.ts
+var dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown-menu-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const dropdownMenu = useDropdownMenuContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(dropdownMenu).getTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.vue
+var dropdown_menu_trigger_default = dropdown_menu_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.ts
+var dropdown_menu_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => dropdown_menu_arrow_default,
+	ArrowTip: () => dropdown_menu_arrow_tip_default,
+	CheckboxItem: () => dropdown_menu_checkbox_item_default,
+	Content: () => dropdown_menu_content_default,
+	Context: () => dropdown_menu_context_default,
+	Indicator: () => dropdown_menu_indicator_default,
+	Item: () => dropdown_menu_item_default,
+	ItemContext: () => dropdown_menu_item_context_default,
+	ItemGroup: () => dropdown_menu_item_group_default,
+	ItemGroupLabel: () => dropdown_menu_item_group_label_default,
+	ItemIndicator: () => dropdown_menu_item_indicator_default,
+	ItemText: () => dropdown_menu_item_text_default,
+	Positioner: () => dropdown_menu_positioner_default,
+	RadioItem: () => dropdown_menu_radio_item_default,
+	RadioItemGroup: () => dropdown_menu_radio_item_group_default,
+	Root: () => dropdown_menu_root_default,
+	RootProvider: () => dropdown_menu_root_provider_default,
+	Separator: () => dropdown_menu_separator_default,
+	Trigger: () => dropdown_menu_trigger_default,
+	TriggerItem: () => dropdown_menu_trigger_item_default
+});
+
+//#endregion
+export { dropdown_menu_exports as DropdownMenu, dropdown_menu_arrow_default as DropdownMenuArrow, dropdown_menu_arrow_tip_default as DropdownMenuArrowTip, dropdown_menu_checkbox_item_default as DropdownMenuCheckboxItem, dropdown_menu_content_default as DropdownMenuContent, dropdown_menu_context_default as DropdownMenuContext, dropdown_menu_indicator_default as DropdownMenuIndicator, dropdown_menu_item_default as DropdownMenuItem, dropdown_menu_item_context_default as DropdownMenuItemContext, dropdown_menu_item_group_default as DropdownMenuItemGroup, dropdown_menu_item_group_label_default as DropdownMenuItemGroupLabel, dropdown_menu_item_indicator_default as DropdownMenuItemIndicator, dropdown_menu_item_text_default as DropdownMenuItemText, dropdown_menu_positioner_default as DropdownMenuPositioner, dropdown_menu_radio_item_default as DropdownMenuRadioItem, dropdown_menu_radio_item_group_default as DropdownMenuRadioItemGroup, dropdown_menu_root_default as DropdownMenuRoot, dropdown_menu_root_provider_default as DropdownMenuRootProvider, dropdown_menu_separator_default as DropdownMenuSeparator, dropdown_menu_trigger_default as DropdownMenuTrigger, dropdown_menu_trigger_item_default as DropdownMenuTriggerItem, dropdownMenuAnatomy, useDropdownMenu, useDropdownMenuContext, useDropdownMenuItemContext };