@youcan/celeste 0.21.2 → 0.22.1

package/dist/es/chunks/ComboboxRoot.js

@@ -1,730 +0,0 @@
-import { t as isEqual } from "./ohash.D__AXeF1.js";
-import { t as createContext } from "./createContext.js";
-import { a as isClient, t as createEventHook } from "./dist.js";
-import { p as useVModel } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useDirection } from "./useDirection.js";
-import { t as useFormControl } from "./useFormControl.js";
-import { t as useKbd } from "./useKbd.js";
-import { t as useTypeahead } from "./useTypeahead.js";
-import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
-import { t as useCollection } from "./Collection.js";
-import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
-import { i as getFocusIntent } from "./utils2.js";
-import { t as PopperRoot_default } from "./PopperRoot.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, getCurrentInstance, isRef, mergeProps, nextTick, onMounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/arrays.js
-/**
-* The function `findValuesBetween` takes an array and two values, then returns a subarray containing
-* elements between the first occurrence of the start value and the first occurrence of the end value
-* in the array.
-* @param {T[]} array - The `array` parameter is an array of values of type `T`.
-* @param {T} start - The `start` parameter is the value that marks the beginning of the range you want
-* to find in the array.
-* @param {T} end - The `end` parameter in the `findValuesBetween` function represents the end value
-* that you want to find in the array. This function will return a subarray of values that are between
-* the `start` and `end` values in the original array.
-* @returns The `findValuesBetween` function returns an array of values from the input array that are
-* between the `start` and `end` values (inclusive). If either the `start` or `end` values are not
-* found in the input array, an empty array is returned.
-*/
-function findValuesBetween(array, start, end) {
-	const startIndex = array.findIndex((i) => isEqual(i, start));
-	const endIndex = array.findIndex((i) => isEqual(i, end));
-	if (startIndex === -1 || endIndex === -1) return [];
-	const [minIndex, maxIndex] = [startIndex, endIndex].sort((a, b) => a - b);
-	return array.slice(minIndex, maxIndex + 1);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFilter.js
-/**
-* Provides locale-aware string filtering functions.
-* Uses `Intl.Collator` for comparison to ensure proper Unicode handling.
-*
-* @param options - Optional collator options to customize comparison behavior.
-*   See [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options) for details.
-* @returns An object with methods to check if a string starts with, ends with, or contains a substring.
-*
-* @example
-* const { startsWith, endsWith, contains } = useFilter();
-*
-* startsWith('hello', 'he'); // true
-* endsWith('hello', 'lo'); // true
-* contains('hello', 'ell'); // true
-*/
-function useFilter(options) {
-	const computedOptions = computed(() => unref(options));
-	const collator = computed(() => new Intl.Collator("en", {
-		usage: "search",
-		...computedOptions.value
-	}));
-	const startsWith = (string, substring) => {
-		if (substring.length === 0) return true;
-		string = string.normalize("NFC");
-		substring = substring.normalize("NFC");
-		return collator.value.compare(string.slice(0, substring.length), substring) === 0;
-	};
-	const endsWith = (string, substring) => {
-		if (substring.length === 0) return true;
-		string = string.normalize("NFC");
-		substring = substring.normalize("NFC");
-		return collator.value.compare(string.slice(-substring.length), substring) === 0;
-	};
-	const contains = (string, substring) => {
-		if (substring.length === 0) return true;
-		string = string.normalize("NFC");
-		substring = substring.normalize("NFC");
-		if (substring.length > string.length) return false;
-		const compare = collator.value.compare;
-		if (string.includes(substring)) return true;
-		const sliceLen = substring.length;
-		for (let scan = 0; scan + sliceLen <= string.length; scan++) if (compare(substring, string.slice(scan, scan + sliceLen)) === 0) return true;
-		return false;
-	};
-	return {
-		startsWith,
-		endsWith,
-		contains
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/utils.js
-function valueComparator(value, currentValue, comparator) {
-	if (value === void 0) return false;
-	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
-	else return compare(value, currentValue, comparator);
-}
-function compare(value, currentValue, comparator) {
-	if (value === void 0 || currentValue === void 0) return false;
-	if (typeof value === "string") return value === currentValue;
-	if (typeof comparator === "function") return comparator(value, currentValue);
-	if (typeof comparator === "string") return value?.[comparator] === currentValue?.[comparator];
-	return isEqual(value, currentValue);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
-var [injectListboxRootContext, provideListboxRootContext] = /*#__PURE__*/ createContext("ListboxRoot");
-var [injectListboxHighlightScrollContext, provideListboxHighlightScrollContext] = /*#__PURE__*/ createContext("ListboxHighlightScroll");
-var ListboxRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "ListboxRoot",
-	props: {
-		modelValue: {
-			type: null,
-			required: false
-		},
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		multiple: {
-			type: Boolean,
-			required: false
-		},
-		orientation: {
-			type: String,
-			required: false,
-			default: "vertical"
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		selectionBehavior: {
-			type: String,
-			required: false,
-			default: "toggle"
-		},
-		highlightOnHover: {
-			type: Boolean,
-			required: false
-		},
-		by: {
-			type: [String, Function],
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"highlight",
-		"entryFocus",
-		"leave"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { multiple, highlightOnHover, orientation, disabled, selectionBehavior, dir: propDir } = toRefs(props);
-		const { getItems, getItem } = useCollection({ isProvider: true });
-		const { handleTypeaheadSearch } = useTypeahead();
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const kbd = useKbd();
-		const dir = useDirection(propDir);
-		const highlightScrollContext = injectListboxHighlightScrollContext(null);
-		provideListboxHighlightScrollContext({
-			suppressHighlightScroll: ref(false),
-			onHighlightScrollRequest: () => {}
-		});
-		const isFormControl = useFormControl(currentElement);
-		const firstValue = ref();
-		const isUserAction = ref(false);
-		const focusable = ref(true);
-		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue ?? (multiple.value ? [] : void 0),
-			passive: props.modelValue === void 0,
-			deep: true
-		});
-		function onValueChange(val) {
-			isUserAction.value = true;
-			if (props.multiple) {
-				const modelArray = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
-				const index = modelArray.findIndex((i) => compare(i, val, props.by));
-				if (props.selectionBehavior === "toggle") {
-					index === -1 ? modelArray.push(val) : modelArray.splice(index, 1);
-					modelValue.value = modelArray;
-				} else {
-					modelValue.value = [val];
-					firstValue.value = val;
-				}
-			} else if (props.selectionBehavior === "toggle") if (compare(modelValue.value, val, props.by)) modelValue.value = void 0;
-			else modelValue.value = val;
-			else modelValue.value = val;
-			setTimeout(() => {
-				isUserAction.value = false;
-			}, 1);
-		}
-		const highlightedElement = ref(null);
-		const previousElement = ref(null);
-		const isVirtual = ref(false);
-		const isComposing = ref(false);
-		const virtualFocusHook = createEventHook();
-		const virtualKeydownHook = createEventHook();
-		const virtualHighlightHook = createEventHook();
-		function getCollectionItem() {
-			return getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "");
-		}
-		function changeHighlight(el, scrollIntoView = true, focus) {
-			if (!el) return;
-			highlightedElement.value = el;
-			const suppressHighlightScroll = highlightScrollContext?.suppressHighlightScroll.value ?? false;
-			if (focus ?? focusable.value) if (suppressHighlightScroll) highlightedElement.value.focus({ preventScroll: true });
-			else highlightedElement.value.focus();
-			if (suppressHighlightScroll) highlightScrollContext?.onHighlightScrollRequest(scrollIntoView ? () => {
-				const element = highlightedElement.value;
-				if (element?.isConnected) element.scrollIntoView({ block: "nearest" });
-			} : void 0);
-			else if (scrollIntoView) highlightedElement.value.scrollIntoView({ block: "nearest" });
-			const highlightedItem = getItem(el);
-			emits("highlight", highlightedItem);
-		}
-		function highlightItem(value) {
-			if (isVirtual.value) virtualHighlightHook.trigger(value);
-			else {
-				const item = getItems().find((i) => compare(i.value, value, props.by));
-				if (item) {
-					highlightedElement.value = item.ref;
-					changeHighlight(item.ref);
-				}
-			}
-		}
-		function onKeydownEnter(event) {
-			if (highlightedElement.value && highlightedElement.value.isConnected) {
-				if (event.ctrlKey || event.metaKey || event.altKey) return;
-				event.preventDefault();
-				event.stopPropagation();
-				if (!isComposing.value) highlightedElement.value.click();
-			}
-		}
-		function onKeydownTypeAhead(event) {
-			if (!focusable.value) return;
-			isUserAction.value = true;
-			if (isVirtual.value) virtualKeydownHook.trigger(event);
-			else {
-				const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
-				if (isMetaKey && event.key === "a" && multiple.value) {
-					const collection = getItems();
-					const values = collection.map((i) => i.value);
-					modelValue.value = [...values];
-					event.preventDefault();
-					const lastItem = collection.at(-1);
-					if (lastItem) changeHighlight(lastItem.ref);
-				} else if (!isMetaKey) {
-					const el = handleTypeaheadSearch(event.key, getItems());
-					if (el) changeHighlight(el);
-				}
-			}
-			setTimeout(() => {
-				isUserAction.value = false;
-			}, 1);
-		}
-		function onCompositionStart() {
-			isComposing.value = true;
-		}
-		function onCompositionEnd() {
-			nextTick(() => {
-				isComposing.value = false;
-			});
-		}
-		function highlightFirstItem() {
-			nextTick(() => {
-				onKeydownNavigation(new KeyboardEvent("keydown", { key: "PageUp" }));
-			});
-		}
-		function onLeave(event) {
-			const el = highlightedElement.value;
-			if (el?.isConnected) previousElement.value = el;
-			highlightedElement.value = null;
-			emits("leave", event);
-		}
-		function onEnter(event) {
-			const entryFocusEvent = new CustomEvent("listbox.entryFocus", {
-				bubbles: false,
-				cancelable: true
-			});
-			event.currentTarget?.dispatchEvent(entryFocusEvent);
-			emits("entryFocus", entryFocusEvent);
-			if (entryFocusEvent.defaultPrevented) return;
-			if (previousElement.value) changeHighlight(previousElement.value);
-			else {
-				const el = getCollectionItem()?.[0];
-				changeHighlight(el);
-			}
-		}
-		function onKeydownNavigation(event) {
-			const intent = getFocusIntent(event, orientation.value, dir.value);
-			if (!intent) return;
-			let collection = getCollectionItem();
-			if (highlightedElement.value) {
-				if (intent === "last") collection.reverse();
-				else if (intent === "prev" || intent === "next") {
-					if (intent === "prev") collection.reverse();
-					const currentIndex = collection.indexOf(highlightedElement.value);
-					collection = collection.slice(currentIndex + 1);
-				}
-				handleMultipleReplace(event, collection[0]);
-			}
-			if (collection.length) {
-				const index = !highlightedElement.value && intent === "prev" ? collection.length - 1 : 0;
-				changeHighlight(collection[index]);
-			}
-			if (isVirtual.value) return virtualKeydownHook.trigger(event);
-		}
-		function handleMultipleReplace(event, targetEl) {
-			if (isVirtual.value || props.selectionBehavior !== "replace" || !multiple.value || !Array.isArray(modelValue.value)) return;
-			if ((event.altKey || event.ctrlKey || event.metaKey) && !event.shiftKey) return;
-			if (event.shiftKey) {
-				const collection = getItems().filter((i) => i.ref.dataset.disabled !== "");
-				let lastValue = collection.find((i) => i.ref === targetEl)?.value;
-				if (event.key === kbd.END) lastValue = collection.at(-1)?.value;
-				else if (event.key === kbd.HOME) lastValue = collection[0]?.value;
-				if (!lastValue || !firstValue.value) return;
-				const values = findValuesBetween(collection.map((i) => i.value), firstValue.value, lastValue);
-				modelValue.value = values;
-			}
-		}
-		async function highlightSelected(event, scroll = true) {
-			if (!isClient) return;
-			await nextTick();
-			if (isVirtual.value) virtualFocusHook.trigger({
-				event,
-				scroll
-			});
-			else {
-				const collection = getCollectionItem();
-				const item = collection.find((i) => i.dataset.state === "checked");
-				const focus = scroll ? void 0 : false;
-				if (item) changeHighlight(item, scroll, focus);
-				else if (collection.length) changeHighlight(collection[0], scroll, focus);
-			}
-		}
-		let hasHighlightedOnMount = false;
-		watch(modelValue, () => {
-			if (!isUserAction.value) {
-				const scroll = hasHighlightedOnMount;
-				hasHighlightedOnMount = true;
-				nextTick(() => {
-					highlightSelected(void 0, scroll);
-				});
-			}
-		}, {
-			immediate: true,
-			deep: true
-		});
-		__expose({
-			highlightedElement,
-			highlightItem,
-			highlightFirstItem,
-			highlightSelected,
-			getItems
-		});
-		provideListboxRootContext({
-			modelValue,
-			onValueChange,
-			multiple,
-			orientation,
-			dir,
-			disabled,
-			highlightOnHover,
-			highlightedElement,
-			isVirtual,
-			virtualFocusHook,
-			virtualKeydownHook,
-			virtualHighlightHook,
-			by: props.by,
-			firstValue,
-			selectionBehavior,
-			focusable,
-			onLeave,
-			onEnter,
-			changeHighlight,
-			onKeydownEnter,
-			onKeydownNavigation,
-			onKeydownTypeAhead,
-			onCompositionStart,
-			onCompositionEnd,
-			highlightFirstItem
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				dir: unref(dir),
-				"data-disabled": unref(disabled) ? "" : void 0,
-				onPointerleave: onLeave,
-				onFocusout: _cache[0] || (_cache[0] = async (event) => {
-					const target = event.relatedTarget || event.target;
-					await nextTick();
-					if (highlightedElement.value && unref(currentElement) && !unref(currentElement).contains(target)) onLeave(event);
-				})
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) }), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), {
-					key: 0,
-					name: _ctx.name,
-					value: unref(modelValue),
-					disabled: unref(disabled),
-					required: _ctx.required
-				}, null, 8, [
-					"name",
-					"value",
-					"disabled",
-					"required"
-				])) : createCommentVNode("v-if", true)]),
-				_: 3
-			}, 8, [
-				"as",
-				"as-child",
-				"dir",
-				"data-disabled"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/useComboboxContentPositioning.js
-function useComboboxContentPositioning(open) {
-	const contentPosition = ref("inline");
-	const contentPlaced = ref(false);
-	const currentContent = ref();
-	const suppressHighlightScroll = computed(() => contentPosition.value === "popper" && !contentPlaced.value);
-	let pendingHighlightScroll;
-	provideListboxHighlightScrollContext({
-		suppressHighlightScroll,
-		onHighlightScrollRequest(scroll) {
-			pendingHighlightScroll = scroll;
-		}
-	});
-	function onContentPositionChange(content, position) {
-		if (currentContent.value !== content || contentPosition.value !== position) {
-			contentPlaced.value = false;
-			pendingHighlightScroll = void 0;
-		}
-		currentContent.value = content;
-		contentPosition.value = position;
-	}
-	function onContentPlaced(content) {
-		if (currentContent.value !== content || contentPosition.value !== "popper" || contentPlaced.value) return;
-		contentPlaced.value = true;
-		const scroll = pendingHighlightScroll;
-		pendingHighlightScroll = void 0;
-		if (open.value) scroll?.();
-	}
-	function onContentUnmount(content) {
-		if (currentContent.value !== content) return;
-		currentContent.value = void 0;
-		contentPosition.value = "inline";
-		contentPlaced.value = false;
-		pendingHighlightScroll = void 0;
-	}
-	return {
-		onContentPositionChange,
-		onContentPlaced,
-		onContentUnmount
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
-var [injectComboboxRootContext, provideComboboxRootContext] = /*#__PURE__*/ createContext("ComboboxRoot");
-var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "ComboboxRoot",
-	props: {
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		resetSearchTermOnBlur: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		resetSearchTermOnSelect: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		openOnFocus: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		openOnClick: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		ignoreFilter: {
-			type: Boolean,
-			required: false
-		},
-		resetModelValueOnClear: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		modelValue: {
-			type: null,
-			required: false
-		},
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		multiple: {
-			type: Boolean,
-			required: false
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		highlightOnHover: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		by: {
-			type: [String, Function],
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"highlight",
-		"update:open"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
-		const { multiple, disabled, ignoreFilter, resetSearchTermOnSelect, openOnFocus, openOnClick, dir: propDir, resetModelValueOnClear, highlightOnHover } = toRefs(props);
-		const dir = useDirection(propDir);
-		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue ?? (multiple.value ? [] : void 0),
-			passive: props.modelValue === void 0,
-			deep: true
-		});
-		const open = useVModel(props, "open", emits, {
-			defaultValue: props.defaultOpen,
-			passive: props.open === void 0
-		});
-		async function onOpenChange(val) {
-			open.value = val;
-			filterSearch.value = "";
-			if (val) {
-				await nextTick();
-				primitiveElement.value?.highlightSelected();
-				isUserInputted.value = true;
-				inputElement.value?.focus();
-			} else {
-				isUserInputted.value = false;
-				setTimeout(() => {
-					if (!val && props.resetSearchTermOnBlur) resetSearchTerm.trigger();
-				}, 1);
-			}
-		}
-		const resetSearchTerm = createEventHook();
-		const isUserInputted = ref(false);
-		const isVirtual = ref(false);
-		const inputElement = ref();
-		const triggerElement = ref();
-		const highlightedElement = computed(() => primitiveElement.value?.highlightedElement ?? void 0);
-		const contentPositioning = useComboboxContentPositioning(open);
-		const allItems = ref(/* @__PURE__ */ new Map());
-		const allGroups = ref(/* @__PURE__ */ new Map());
-		const { contains } = useFilter({ sensitivity: "base" });
-		const filterSearch = ref("");
-		const filterState = 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 = getCurrentInstance();
-		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
-		});
-		provideComboboxRootContext({
-			modelValue,
-			multiple,
-			disabled,
-			open,
-			onOpenChange,
-			...contentPositioning,
-			contentId: "",
-			isUserInputted,
-			isVirtual,
-			inputElement,
-			highlightedElement,
-			onInputElementChange: (val) => inputElement.value = val,
-			triggerElement,
-			onTriggerElementChange: (val) => triggerElement.value = val,
-			parentElement,
-			resetSearchTermOnSelect,
-			onResetSearchTerm: resetSearchTerm.on,
-			allItems,
-			allGroups,
-			filterSearch,
-			filterState,
-			ignoreFilter,
-			openOnFocus,
-			openOnClick,
-			resetModelValueOnClear
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(PopperRoot_default), null, {
-				default: withCtx(() => [createVNode(unref(ListboxRoot_default), mergeProps({
-					ref_key: "primitiveElement",
-					ref: primitiveElement
-				}, _ctx.$attrs, {
-					modelValue: unref(modelValue),
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-					style: { pointerEvents: unref(open) ? "auto" : void 0 },
-					as: _ctx.as,
-					"as-child": _ctx.asChild,
-					dir: unref(dir),
-					multiple: unref(multiple),
-					name: _ctx.name,
-					required: _ctx.required,
-					disabled: unref(disabled),
-					"highlight-on-hover": unref(highlightOnHover),
-					by: props.by,
-					onHighlight: _cache[1] || (_cache[1] = ($event) => emits("highlight", $event))
-				}), {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-						open: unref(open),
-						modelValue: unref(modelValue)
-					})]),
-					_: 3
-				}, 16, [
-					"modelValue",
-					"style",
-					"as",
-					"as-child",
-					"dir",
-					"multiple",
-					"name",
-					"required",
-					"disabled",
-					"highlight-on-hover",
-					"by"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-export { valueComparator as i, injectComboboxRootContext as n, injectListboxRootContext as r, ComboboxRoot_default as t };