reka-ui 2.8.2 → 2.9.0

package/dist/Autocomplete/AutocompleteInput.cjs

@@ -0,0 +1,128 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
+const require_Listbox_ListboxRoot = require('../Listbox/ListboxRoot.cjs');
+const require_Listbox_ListboxFilter = require('../Listbox/ListboxFilter.cjs');
+const require_Combobox_ComboboxRoot = require('../Combobox/ComboboxRoot.cjs');
+const require_Autocomplete_AutocompleteRoot = require('./AutocompleteRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
+
+//#region src/Autocomplete/AutocompleteInput.vue?vue&type=script&setup=true&lang.ts
+var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "AutocompleteInput",
+	props: {
+		modelValue: {
+			type: String,
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "input"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = require_Combobox_ComboboxRoot.injectComboboxRootContext();
+		const autocompleteContext = require_Autocomplete_AutocompleteRoot.injectAutocompleteRootContext();
+		const listboxContext = require_Listbox_ListboxRoot.injectListboxRootContext();
+		const { primitiveElement, currentElement } = require_Primitive_usePrimitiveElement.usePrimitiveElement();
+		const modelValue = (0, __vueuse_core.useVModel)(props, "modelValue", emits, { passive: props.modelValue === void 0 });
+		if (autocompleteContext.modelValue.value) modelValue.value = autocompleteContext.modelValue.value;
+		(0, vue.onMounted)(() => {
+			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
+		});
+		function handleKeyDown(ev) {
+			if (!rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		function handleInput(event) {
+			const target = event.target;
+			if (!rootContext.open.value) {
+				rootContext.onOpenChange(true);
+				(0, vue.nextTick)(() => {
+					if (target.value) {
+						rootContext.filterSearch.value = target.value;
+						listboxContext.highlightFirstItem();
+					}
+				});
+			} else rootContext.filterSearch.value = target.value;
+			autocompleteContext.modelValue.value = target.value;
+		}
+		function handleFocus() {
+			if (rootContext.openOnFocus.value && !rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		function handleClick() {
+			if (rootContext.openOnClick.value && !rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		(0, vue.watch)(autocompleteContext.modelValue, (newVal) => {
+			const text = newVal ?? "";
+			if (modelValue.value !== text) modelValue.value = text;
+		});
+		rootContext.onResetSearchTerm(() => {
+			modelValue.value = autocompleteContext.modelValue.value ?? "";
+		});
+		(0, vue.watch)(rootContext.filterState, (_newValue, oldValue) => {
+			if (!rootContext.isVirtual.value && oldValue.count === 0) listboxContext.highlightFirstItem();
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Listbox_ListboxFilter.ListboxFilter_default), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				modelValue: (0, vue.unref)(modelValue),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(modelValue) ? modelValue.value = $event : null),
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"auto-focus": _ctx.autoFocus,
+				disabled: _ctx.disabled,
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"aria-controls": (0, vue.unref)(rootContext).contentId,
+				"aria-autocomplete": "list",
+				role: "combobox",
+				autocomplete: "off",
+				onClick: handleClick,
+				onInput: handleInput,
+				onKeydown: (0, vue.withKeys)((0, vue.withModifiers)(handleKeyDown, ["prevent"]), ["down", "up"]),
+				onFocus: handleFocus
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"as",
+				"as-child",
+				"auto-focus",
+				"disabled",
+				"aria-expanded",
+				"aria-controls",
+				"onKeydown"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Autocomplete/AutocompleteInput.vue
+var AutocompleteInput_default = AutocompleteInput_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'AutocompleteInput_default', {
+  enumerable: true,
+  get: function () {
+    return AutocompleteInput_default;
+  }
+});
+//# sourceMappingURL=AutocompleteInput.cjs.map

package/dist/Autocomplete/AutocompleteInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.cjs","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,cAAc,yDAA0B;EAC9C,MAAM,sBAAsB,qEAA8B;EAC1D,MAAM,iBAAiB,sDAAyB;EAChD,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,2DAAoB;EAEjE,MAAM,aAAa,6BAAU,OAAO,cAAc,OAAO,EACvD,SAAU,MAAM,sBACjB,EAAA;AAED,MAAI,oBAAoB,WAAW,MACjC,YAAW,QAAQ,oBAAoB,WAAW;AAGpD,qBAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,qBAAqB,eAAe,MAAyB;EAC5E,EAAA;EAED,SAAS,cAAc,IAAmB;AACxC,QAAK,YAAY,KAAK,MACpB,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,YAAY,OAAmB;GACtC,MAAM,SAAS,MAAM;AACrB,QAAK,YAAY,KAAK,OAAO;AAC3B,gBAAY,aAAa,KAAI;AAC7B,sBAAS,MAAM;AACb,SAAI,OAAO,OAAO;AAChB,kBAAY,aAAa,QAAQ,OAAO;AACxC,qBAAe,oBAAmB;KACpC;IACD,EAAA;GACH,MAEE,aAAY,aAAa,QAAQ,OAAO;AAG1C,uBAAoB,WAAW,QAAQ,OAAO;EAChD;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;AAGA,iBAAM,oBAAoB,YAAY,CAAC,WAAW;GAChD,MAAM,OAAO,UAAU;AACvB,OAAI,WAAW,UAAU,KACvB,YAAW,QAAQ;EACtB,EAAA;AAGD,cAAY,kBAAkB,MAAM;AAClC,cAAW,QAAQ,oBAAoB,WAAW,SAAS;EAC5D,EAAA;AAED,iBAAM,YAAY,aAAa,CAAC,WAAW,aAAa;AACtD,QAAK,YAAY,UAAU,SAAU,SAAS,UAAU,EACtD,gBAAe,oBAAmB;EAErC,EAAA;;gCAIC,qBAkBgB,eAAA,oDAAA,EAAA;aAjBV;IAAJ,KAAI;gBACK,eAAA,WAAU;8FAAV,WAAU,QAAA,SAAA;IAClB,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,cAAYC,KAAAA;IACZ,UAAUC,KAAAA;IACV,iBAAe,eAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,eAAA,YAAW,CAAC;IAC5B,qBAAkB;IAClB,MAAK;IACL,cAAa;IACZ,SAAO;IACP,SAAO;IACP,WAAO,kBAAA,uBAAkB,eAAa,CAAA,SAAA,EAAA,EAAA,CAAA,QAAA,IAAA,EAAA;IACtC,SAAO;;8BAER,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Autocomplete/AutocompleteInput.js

@@ -0,0 +1,122 @@
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { injectListboxRootContext } from "../Listbox/ListboxRoot.js";
+import { ListboxFilter_default } from "../Listbox/ListboxFilter.js";
+import { injectComboboxRootContext } from "../Combobox/ComboboxRoot.js";
+import { injectAutocompleteRootContext } from "./AutocompleteRoot.js";
+import { createBlock, defineComponent, isRef, nextTick, onMounted, openBlock, renderSlot, unref, watch, withCtx, withKeys, withModifiers } from "vue";
+import { useVModel } from "@vueuse/core";
+
+//#region src/Autocomplete/AutocompleteInput.vue?vue&type=script&setup=true&lang.ts
+var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteInput",
+	props: {
+		modelValue: {
+			type: String,
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "input"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = injectComboboxRootContext();
+		const autocompleteContext = injectAutocompleteRootContext();
+		const listboxContext = injectListboxRootContext();
+		const { primitiveElement, currentElement } = usePrimitiveElement();
+		const modelValue = useVModel(props, "modelValue", emits, { passive: props.modelValue === void 0 });
+		if (autocompleteContext.modelValue.value) modelValue.value = autocompleteContext.modelValue.value;
+		onMounted(() => {
+			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
+		});
+		function handleKeyDown(ev) {
+			if (!rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		function handleInput(event) {
+			const target = event.target;
+			if (!rootContext.open.value) {
+				rootContext.onOpenChange(true);
+				nextTick(() => {
+					if (target.value) {
+						rootContext.filterSearch.value = target.value;
+						listboxContext.highlightFirstItem();
+					}
+				});
+			} else rootContext.filterSearch.value = target.value;
+			autocompleteContext.modelValue.value = target.value;
+		}
+		function handleFocus() {
+			if (rootContext.openOnFocus.value && !rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		function handleClick() {
+			if (rootContext.openOnClick.value && !rootContext.open.value) rootContext.onOpenChange(true);
+		}
+		watch(autocompleteContext.modelValue, (newVal) => {
+			const text = newVal ?? "";
+			if (modelValue.value !== text) modelValue.value = text;
+		});
+		rootContext.onResetSearchTerm(() => {
+			modelValue.value = autocompleteContext.modelValue.value ?? "";
+		});
+		watch(rootContext.filterState, (_newValue, oldValue) => {
+			if (!rootContext.isVirtual.value && oldValue.count === 0) listboxContext.highlightFirstItem();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxFilter_default), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				modelValue: unref(modelValue),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"auto-focus": _ctx.autoFocus,
+				disabled: _ctx.disabled,
+				"aria-expanded": unref(rootContext).open.value,
+				"aria-controls": unref(rootContext).contentId,
+				"aria-autocomplete": "list",
+				role: "combobox",
+				autocomplete: "off",
+				onClick: handleClick,
+				onInput: handleInput,
+				onKeydown: withKeys(withModifiers(handleKeyDown, ["prevent"]), ["down", "up"]),
+				onFocus: handleFocus
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"as",
+				"as-child",
+				"auto-focus",
+				"disabled",
+				"aria-expanded",
+				"aria-controls",
+				"onKeydown"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Autocomplete/AutocompleteInput.vue
+var AutocompleteInput_default = AutocompleteInput_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { AutocompleteInput_default };
+//# sourceMappingURL=AutocompleteInput.js.map

package/dist/Autocomplete/AutocompleteInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.js","names":["as","asChild","autoFocus","disabled"],"sources":["../../src/Autocomplete/AutocompleteInput.vue","../../src/Autocomplete/AutocompleteInput.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAGd,MAAM,QAAQ;EAEd,MAAM,cAAc,2BAA0B;EAC9C,MAAM,sBAAsB,+BAA8B;EAC1D,MAAM,iBAAiB,0BAAyB;EAChD,MAAM,EAAE,kBAAkB,gBAAgB,GAAG,qBAAoB;EAEjE,MAAM,aAAa,UAAU,OAAO,cAAc,OAAO,EACvD,SAAU,MAAM,sBACjB,EAAA;AAED,MAAI,oBAAoB,WAAW,MACjC,YAAW,QAAQ,oBAAoB,WAAW;AAGpD,YAAU,MAAM;AACd,OAAI,eAAe,MACjB,aAAY,qBAAqB,eAAe,MAAyB;EAC5E,EAAA;EAED,SAAS,cAAc,IAAmB;AACxC,QAAK,YAAY,KAAK,MACpB,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,YAAY,OAAmB;GACtC,MAAM,SAAS,MAAM;AACrB,QAAK,YAAY,KAAK,OAAO;AAC3B,gBAAY,aAAa,KAAI;AAC7B,aAAS,MAAM;AACb,SAAI,OAAO,OAAO;AAChB,kBAAY,aAAa,QAAQ,OAAO;AACxC,qBAAe,oBAAmB;KACpC;IACD,EAAA;GACH,MAEE,aAAY,aAAa,QAAQ,OAAO;AAG1C,uBAAoB,WAAW,QAAQ,OAAO;EAChD;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;EAEA,SAAS,cAAc;AACrB,OAAI,YAAY,YAAY,UAAU,YAAY,KAAK,MACrD,aAAY,aAAa,KAAI;EACjC;AAGA,QAAM,oBAAoB,YAAY,CAAC,WAAW;GAChD,MAAM,OAAO,UAAU;AACvB,OAAI,WAAW,UAAU,KACvB,YAAW,QAAQ;EACtB,EAAA;AAGD,cAAY,kBAAkB,MAAM;AAClC,cAAW,QAAQ,oBAAoB,WAAW,SAAS;EAC5D,EAAA;AAED,QAAM,YAAY,aAAa,CAAC,WAAW,aAAa;AACtD,QAAK,YAAY,UAAU,SAAU,SAAS,UAAU,EACtD,gBAAe,oBAAmB;EAErC,EAAA;;uBAIC,YAkBgB,MAAA,sBAAA,EAAA;aAjBV;IAAJ,KAAI;gBACK,MAAA,WAAU;qFAAV,WAAU,QAAA,SAAA;IAClB,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;IACV,cAAYC,KAAAA;IACZ,UAAUC,KAAAA;IACV,iBAAe,MAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,MAAA,YAAW,CAAC;IAC5B,qBAAkB;IAClB,MAAK;IACL,cAAa;IACZ,SAAO;IACP,SAAO;IACP,WAAO,SAAA,cAAkB,eAAa,CAAA,SAAA,EAAA,EAAA,CAAA,QAAA,IAAA,EAAA;IACtC,SAAO;;qBAER,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Autocomplete/AutocompleteRoot.cjs

@@ -0,0 +1,258 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const require_shared_useDirection = require('../shared/useDirection.cjs');
+const require_shared_useFilter = require('../shared/useFilter.cjs');
+const require_Primitive_usePrimitiveElement = require('../Primitive/usePrimitiveElement.cjs');
+const require_Listbox_ListboxRoot = require('../Listbox/ListboxRoot.cjs');
+const require_Popper_PopperRoot = require('../Popper/PopperRoot.cjs');
+const require_Combobox_ComboboxRoot = require('../Combobox/ComboboxRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
+
+//#region src/Autocomplete/AutocompleteRoot.vue?vue&type=script&setup=true&lang.ts
+const [injectAutocompleteRootContext, provideAutocompleteRootContext] = require_shared_createContext.createContext("AutocompleteRoot");
+var AutocompleteRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "AutocompleteRoot",
+	props: {
+		modelValue: {
+			type: String,
+			required: false
+		},
+		defaultValue: {
+			type: String,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		resetSearchTermOnBlur: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		openOnFocus: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		openOnClick: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		ignoreFilter: {
+			type: Boolean,
+			required: false
+		},
+		highlightOnHover: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { primitiveElement, currentElement: parentElement } = require_Primitive_usePrimitiveElement.usePrimitiveElement();
+		const { disabled, ignoreFilter, openOnFocus, openOnClick, dir: propDir, highlightOnHover } = (0, vue.toRefs)(props);
+		const dir = require_shared_useDirection.useDirection(propDir);
+		const modelValue = (0, __vueuse_core.useVModel)(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? "",
+			passive: props.modelValue === void 0
+		});
+		const open = (0, __vueuse_core.useVModel)(props, "open", emits, {
+			defaultValue: props.defaultOpen,
+			passive: props.open === void 0
+		});
+		const contextModelValue = (0, vue.computed)({
+			get: () => modelValue.value,
+			set: (val) => {
+				if (val === null || val === void 0) modelValue.value = "";
+				else modelValue.value = String(val);
+			}
+		});
+		async function onOpenChange(val) {
+			open.value = val;
+			if (val) {
+				filterSearch.value = modelValue.value || "";
+				await (0, vue.nextTick)();
+				primitiveElement.value?.highlightSelected();
+				isUserInputted.value = true;
+				inputElement.value?.focus();
+			} else {
+				isUserInputted.value = false;
+				filterSearch.value = "";
+				setTimeout(() => {
+					if (!val && props.resetSearchTermOnBlur) resetSearchTerm.trigger();
+				}, 1);
+			}
+		}
+		const resetSearchTerm = (0, __vueuse_core.createEventHook)();
+		const isUserInputted = (0, vue.ref)(false);
+		const isVirtual = (0, vue.ref)(false);
+		const inputElement = (0, vue.ref)();
+		const triggerElement = (0, vue.ref)();
+		const highlightedElement = (0, vue.computed)(() => primitiveElement.value?.highlightedElement ?? void 0);
+		const allItems = (0, vue.ref)(/* @__PURE__ */ new Map());
+		const allGroups = (0, vue.ref)(/* @__PURE__ */ new Map());
+		const { contains } = require_shared_useFilter.useFilter({ sensitivity: "base" });
+		const filterSearch = (0, vue.ref)("");
+		const filterState = (0, vue.computed)((oldValue) => {
+			if (!filterSearch.value || props.ignoreFilter || isVirtual.value) return {
+				count: allItems.value.size,
+				items: oldValue?.items ?? /* @__PURE__ */ new Map(),
+				groups: oldValue?.groups ?? new Set(allGroups.value.keys())
+			};
+			let itemCount = 0;
+			const filteredItems = /* @__PURE__ */ new Map();
+			const filteredGroups = /* @__PURE__ */ new Set();
+			for (const [id, value] of allItems.value) {
+				const score = contains(value, filterSearch.value);
+				filteredItems.set(id, score ? 1 : 0);
+				if (score) itemCount++;
+			}
+			for (const [groupId, group] of allGroups.value) for (const itemId of group) if (filteredItems.get(itemId) > 0) {
+				filteredGroups.add(groupId);
+				break;
+			}
+			return {
+				count: itemCount,
+				items: filteredItems,
+				groups: filteredGroups
+			};
+		});
+		const inst = (0, vue.getCurrentInstance)();
+		(0, vue.onMounted)(() => {
+			if (inst?.exposed) {
+				inst.exposed.highlightItem = primitiveElement.value?.highlightItem;
+				inst.exposed.highlightFirstItem = primitiveElement.value?.highlightFirstItem;
+				inst.exposed.highlightSelected = primitiveElement.value?.highlightSelected;
+			}
+		});
+		__expose({
+			filtered: filterState,
+			highlightedElement,
+			highlightItem: primitiveElement.value?.highlightItem,
+			highlightFirstItem: primitiveElement.value?.highlightFirstItem,
+			highlightSelected: primitiveElement.value?.highlightSelected
+		});
+		require_Combobox_ComboboxRoot.provideComboboxRootContext({
+			modelValue: contextModelValue,
+			multiple: (0, vue.ref)(false),
+			disabled,
+			open,
+			onOpenChange,
+			contentId: "",
+			isUserInputted,
+			isVirtual,
+			inputElement,
+			highlightedElement,
+			onInputElementChange: (val) => inputElement.value = val,
+			triggerElement,
+			onTriggerElementChange: (val) => triggerElement.value = val,
+			parentElement,
+			resetSearchTermOnSelect: (0, vue.ref)(false),
+			onResetSearchTerm: resetSearchTerm.on,
+			allItems,
+			allGroups,
+			filterSearch,
+			filterState,
+			ignoreFilter,
+			openOnFocus,
+			openOnClick,
+			resetModelValueOnClear: (0, vue.ref)(true)
+		});
+		provideAutocompleteRootContext({ modelValue });
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Popper_PopperRoot.PopperRoot_default), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Listbox_ListboxRoot.ListboxRoot_default), (0, vue.mergeProps)({
+					ref_key: "primitiveElement",
+					ref: primitiveElement
+				}, _ctx.$attrs, {
+					modelValue: contextModelValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => contextModelValue.value = $event),
+					style: { pointerEvents: (0, vue.unref)(open) ? "auto" : void 0 },
+					as: _ctx.as,
+					"as-child": _ctx.asChild,
+					dir: (0, vue.unref)(dir),
+					name: _ctx.name,
+					required: _ctx.required,
+					disabled: (0, vue.unref)(disabled),
+					"highlight-on-hover": (0, vue.unref)(highlightOnHover),
+					onHighlight: _cache[1] || (_cache[1] = ($event) => emits("highlight", $event))
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+						open: (0, vue.unref)(open),
+						modelValue: (0, vue.unref)(modelValue)
+					})]),
+					_: 3
+				}, 16, [
+					"modelValue",
+					"style",
+					"as",
+					"as-child",
+					"dir",
+					"name",
+					"required",
+					"disabled",
+					"highlight-on-hover"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+
+//#endregion
+//#region src/Autocomplete/AutocompleteRoot.vue
+var AutocompleteRoot_default = AutocompleteRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'AutocompleteRoot_default', {
+  enumerable: true,
+  get: function () {
+    return AutocompleteRoot_default;
+  }
+});
+Object.defineProperty(exports, 'injectAutocompleteRootContext', {
+  enumerable: true,
+  get: function () {
+    return injectAutocompleteRootContext;
+  }
+});
+//# sourceMappingURL=AutocompleteRoot.cjs.map

package/dist/Autocomplete/AutocompleteRoot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteRoot.cjs","names":["$attrs","as","asChild","name","required"],"sources":["../../src/Autocomplete/AutocompleteRoot.vue","../../src/Autocomplete/AutocompleteRoot.vue"],"sourcesContent":[],"mappings":"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"}