@sprawlify/vue 0.0.66 → 0.0.67

package/dist/components/combobox/index.js

@@ -0,0 +1,802 @@
+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-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { t as cleanProps } from "../../clean-props-BDv2zb5M.js";
+import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-BkxoN6ll.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-CvUnYMZQ.js";
+import { m as useFieldContext } from "../../field-DnHnX3Tf.js";
+import { n as useListCollection, o as createListCollection } from "../../collection-Ba0Aeh5P.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as combobox from "@sprawlify/primitives/machines/combobox";
+import { anatomy } from "@sprawlify/primitives/machines/combobox";
+
+//#region src/components/combobox/use-combobox-context.ts
+const [ComboboxProvider, useComboboxContext] = createContext("ComboboxContext");
+
+//#endregion
+//#region src/components/combobox/combobox-clear-trigger.vue?vue&type=script&setup=true&lang.ts
+var combobox_clear_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-clear-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(combobox).getClearTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-clear-trigger.vue
+var combobox_clear_trigger_default = combobox_clear_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-content.vue?vue&type=script&setup=true&lang.ts
+var combobox_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-content",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const presence = usePresenceContext();
+		const mergedProps = computed(() => mergeProps$1(combobox.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/combobox/combobox-content.vue
+var combobox_content_default = combobox_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-anatomy.ts
+const comboboxAnatomy = anatomy.extendWith("empty");
+
+//#endregion
+//#region src/components/combobox/combobox-empty.vue?vue&type=script&setup=true&lang.ts
+var combobox_empty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-empty",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const parts = comboboxAnatomy.build();
+		const combobox = useComboboxContext();
+		const isEmpty = computed(() => combobox.value.collection.size === 0);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return isEmpty.value ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(parts).empty.attrs, {
+				role: "presentation",
+				"as-child": __props.asChild
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-empty.vue
+var combobox_empty_default = combobox_empty_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-context.vue?vue&type=script&setup=true&lang.ts
+var combobox_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-context",
+	setup(__props) {
+		const combobox = useComboboxContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(combobox))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-context.vue
+var combobox_context_default = combobox_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-control.vue?vue&type=script&setup=true&lang.ts
+var combobox_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-control.vue
+var combobox_control_default = combobox_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-input.vue?vue&type=script&setup=true&lang.ts
+var combobox_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(combobox).getInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-input.vue
+var combobox_input_default = combobox_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-context.ts
+const [ComboboxItemProvider, useComboboxItemContext] = createContext("ComboboxItemContext");
+
+//#endregion
+//#region src/components/combobox/combobox-item-context.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item-context",
+	setup(__props) {
+		const combobox = useComboboxItemContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(combobox))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-context.vue
+var combobox_item_context_default = combobox_item_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-group-props-context.ts
+const [ComboboxItemGroupPropsProvider, useComboboxItemGroupPropsContext] = createContext("ComboboxItemGroupPropsContext");
+
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_group_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item-group-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const itemGroupProps = useComboboxItemGroupPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getItemGroupLabelProps({ htmlFor: unref(itemGroupProps).id }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-group-label.vue
+var combobox_item_group_label_default = combobox_item_group_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-item-group.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item-group",
+	props: {
+		id: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const combobox = useComboboxContext();
+		const uid = useId();
+		const id = props.id ?? uid;
+		ComboboxItemGroupPropsProvider({ id });
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getItemGroupProps({ id: unref(id) }), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-group.vue
+var combobox_item_group_default = combobox_item_group_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/use-combobox-item-props-context.ts
+const [ComboboxItemPropsProvider, useComboboxItemPropsContext] = createContext("ComboboxItemPropsContext");
+
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const itemProps = useComboboxItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getItemIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-indicator.vue
+var combobox_item_indicator_default = combobox_item_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-item-text.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const itemProps = useComboboxItemPropsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(combobox).getItemTextProps(unref(itemProps)), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item-text.vue
+var combobox_item_text_default = combobox_item_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-item.vue?vue&type=script&setup=true&lang.ts
+var combobox_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-item",
+	props: {
+		persistFocus: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		item: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const combobox = useComboboxContext();
+		ComboboxItemPropsProvider(props);
+		ComboboxItemProvider(computed(() => combobox.value.getItemState(props)));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getItemProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-item.vue
+var combobox_item_default = combobox_item_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-label.vue?vue&type=script&setup=true&lang.ts
+var combobox_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(combobox).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-label.vue
+var combobox_label_default = combobox_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-list.vue?vue&type=script&setup=true&lang.ts
+var combobox_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-list",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getListProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-list.vue
+var combobox_list_default = combobox_list_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-positioner.vue?vue&type=script&setup=true&lang.ts
+var combobox_positioner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-positioner",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const combobox = useComboboxContext();
+		const presence = usePresenceContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(combobox).getPositionerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-positioner.vue
+var combobox_positioner_default = combobox_positioner_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-root-provider.vue?vue&type=script&setup=true&lang.ts
+var combobox_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-root-provider",
+	props: {
+		value: {
+			type: null,
+			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 combobox = computed(() => props.value);
+		const presence = usePresence(computed(() => ({
+			present: combobox.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		ComboboxProvider(combobox);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(combobox.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-root-provider.vue
+var combobox_root_provider_default = combobox_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/use-combobox.ts
+const useCombobox = (props, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				input: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			invalid: field?.value.invalid,
+			dir: locale.value.dir,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localeProps.onFocusOutside?.(details);
+			},
+			onHighlightChange: (details) => {
+				emit?.("highlightChange", details);
+				emit?.("update:highlightedValue", details.highlightedValue);
+				localeProps.onHighlightChange?.(details);
+			},
+			onInputValueChange: (details) => {
+				emit?.("inputValueChange", details);
+				emit?.("update:inputValue", details.inputValue);
+				localeProps.onInputValueChange?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localeProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localeProps.onPointerDownOutside?.(details);
+			},
+			onOpenChange: (details) => {
+				emit?.("openChange", details);
+				emit?.("update:open", details.open);
+				localeProps.onOpenChange?.(details);
+			},
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(combobox.machine, context);
+	return computed(() => combobox.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/combobox/combobox-root.vue?vue&type=script&setup=true&lang.ts
+var combobox_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		allowCustomValue: {
+			type: Boolean,
+			required: false
+		},
+		alwaysSubmitOnEnter: {
+			type: Boolean,
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false
+		},
+		closeOnSelect: {
+			type: Boolean,
+			required: false
+		},
+		collection: {
+			type: null,
+			required: false
+		},
+		composite: {
+			type: Boolean,
+			required: false
+		},
+		defaultHighlightedValue: {
+			type: String,
+			required: false
+		},
+		defaultInputValue: {
+			type: String,
+			required: false
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: Array,
+			required: false
+		},
+		disableLayer: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		highlightedValue: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		inputBehavior: {
+			type: String,
+			required: false
+		},
+		inputValue: {
+			type: String,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		loopFocus: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: Array,
+			required: false
+		},
+		multiple: {
+			type: Boolean,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		navigate: {
+			type: Function,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false
+		},
+		openOnChange: {
+			type: [Boolean, Function],
+			required: false
+		},
+		openOnClick: {
+			type: Boolean,
+			required: false
+		},
+		openOnKeyPress: {
+			type: Boolean,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		positioning: {
+			type: null,
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		scrollToIndexFn: {
+			type: Function,
+			required: false
+		},
+		selectionBehavior: {
+			type: String,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		allowCustomValue: void 0,
+		alwaysSubmitOnEnter: void 0,
+		autoFocus: void 0,
+		closeOnSelect: void 0,
+		composite: void 0,
+		defaultOpen: void 0,
+		disabled: void 0,
+		disableLayer: void 0,
+		invalid: void 0,
+		loopFocus: void 0,
+		multiple: void 0,
+		open: void 0,
+		openOnChange: void 0,
+		openOnClick: void 0,
+		openOnKeyPress: void 0,
+		readOnly: void 0,
+		required: void 0
+	}),
+	emits: [
+		"exitComplete",
+		"focusOutside",
+		"highlightChange",
+		"inputValueChange",
+		"interactOutside",
+		"openChange",
+		"pointerDownOutside",
+		"valueChange",
+		"select",
+		"update:modelValue",
+		"update:highlightedValue",
+		"update:inputValue",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const combobox = useCombobox(props, emits);
+		const presence = usePresence(computed(() => ({
+			present: combobox.value.open,
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})), emits);
+		ComboboxProvider(combobox);
+		PresenceProvider(presence);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(combobox).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-root.vue
+var combobox_root_default = combobox_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox-trigger.vue?vue&type=script&setup=true&lang.ts
+var combobox_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "combobox-trigger",
+	props: {
+		focusable: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const combobox = useComboboxContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(combobox).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/combobox/combobox-trigger.vue
+var combobox_trigger_default = combobox_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/combobox/combobox.ts
+var combobox_exports = /* @__PURE__ */ __exportAll({
+	ClearTrigger: () => combobox_clear_trigger_default,
+	Content: () => combobox_content_default,
+	Context: () => combobox_context_default,
+	Control: () => combobox_control_default,
+	Empty: () => combobox_empty_default,
+	Input: () => combobox_input_default,
+	Item: () => combobox_item_default,
+	ItemContext: () => combobox_item_context_default,
+	ItemGroup: () => combobox_item_group_default,
+	ItemGroupLabel: () => combobox_item_group_label_default,
+	ItemIndicator: () => combobox_item_indicator_default,
+	ItemText: () => combobox_item_text_default,
+	Label: () => combobox_label_default,
+	List: () => combobox_list_default,
+	Positioner: () => combobox_positioner_default,
+	Root: () => combobox_root_default,
+	RootProvider: () => combobox_root_provider_default,
+	Trigger: () => combobox_trigger_default
+});
+
+//#endregion
+export { combobox_exports as Combobox, combobox_clear_trigger_default as ComboboxClearTrigger, combobox_content_default as ComboboxContent, combobox_context_default as ComboboxContext, combobox_control_default as ComboboxControl, combobox_empty_default as ComboboxEmpty, combobox_input_default as ComboboxInput, combobox_item_default as ComboboxItem, combobox_item_context_default as ComboboxItemContext, combobox_item_group_default as ComboboxItemGroup, combobox_item_group_label_default as ComboboxItemGroupLabel, combobox_item_indicator_default as ComboboxItemIndicator, combobox_item_text_default as ComboboxItemText, combobox_label_default as ComboboxLabel, combobox_list_default as ComboboxList, combobox_positioner_default as ComboboxPositioner, combobox_root_default as ComboboxRoot, combobox_root_provider_default as ComboboxRootProvider, combobox_trigger_default as ComboboxTrigger, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };