solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.1

package/dist/lib/server/{useFilteredItems-DvuctLt3.js → useFilteredItems-DCxq20Is.js}

@@ -1,32 +1,33 @@
+import { t as useRender } from "./useRender-CryVdCjs.js";
 import { getStateAttributesProps } from "./internals/getStateAttributesProps.js";
 import { E as pointer, S as listNavigation, b as keyboard, g as inputClear, h as inputChange, l as escapeKey, r as clearPress, t as cancelOpen, v as inputPress, w as none, y as itemPress } from "./internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "./resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails, createGenericEventDetails } from "./internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping } from "./internals/stateAttributesMapping.js";
 import { composeEventHandlers } from "./internals/composeEventHandlers.js";
-import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-DCHzXWZU.js";
+import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
 import { a as isElement, c as isHTMLElement, l as isInteractiveElement, n as contains, o as isElementVisible, p as ownerDocument } from "./dom-Crg_2R-j.js";
 import { i as isListIndexDisabled, n as getMinListIndex, r as getNavigatedIndex, t as getMaxListIndex } from "./compositeNavigation-BRVT1C38.js";
-import { t as createAnchorPositioning } from "./createAnchorPositioning-C-cVOPwz.js";
+import { t as createAnchorPositioning } from "./createAnchorPositioning-B5Y0WEev.js";
 import { t as InternalBackdrop } from "./InternalBackdrop-C_iDPVR-.js";
 import { t as createAnchoredPopupScrollLock } from "./createAnchoredPopupScrollLock-DFuUrykR.js";
 import { t as createClickInteraction } from "./createClickInteraction-BYsMgvup.js";
 import { c as useFloatingTree, i as createFloatingNode, n as FloatingTreeContext, r as FloatingTreeStore, s as useFloatingParentNodeId, t as FloatingParentNodeContext } from "./FloatingTree-z1JPD1dR.js";
-import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-DEs3FAEe.js";
-import { t as createTransitionStatus } from "./createTransitionStatus-BTlrerSS.js";
-import { a as triggerOpenStateMapping, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "./popupStateMapping-nKoUwoke.js";
-import { t as FocusManager } from "./FocusManager-BrbZVWME.js";
-import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "./buttonSemantics-BSwDxJhh.js";
+import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-kHjFPiQ5.js";
+import { t as createTransitionStatus } from "./createTransitionStatus-184v7j3-.js";
+import { a as triggerOpenStateMapping, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "./popupStateMapping-B2KsiiLb.js";
+import { t as FocusManager } from "./FocusManager-1LfoCsya.js";
 import { t as setRef } from "./setRef-Bt70sW7c.js";
+import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "./buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "./DirectionContext-YORWLF08.js";
 import { DEFAULT_FIELD_STATE_ATTRIBUTES, fieldStateAttributesMapping } from "./internals/field-constants.js";
 import { n as useFieldRootContext } from "./FieldRootContext-IC-LWzVp.js";
-import { n as useFormContext } from "./FormContext-pvESt85v.js";
-import { a as defaultItemEquality, c as removeItem, i as compareItemEquality, l as selectedValueIncludes, n as isSolidAccessor, o as findItemIndex, r as areItemArraysEqual, s as findSelectionIndex, t as mergeStyleValue } from "./mergeStyleValue-Db8bRCM4.js";
-import { r as useLabelableContext } from "./LabelableContext-DZP3rgAY.js";
+import { n as useFormContext } from "./FormContext-CYwo_ZnB.js";
+import { a as defaultItemEquality, c as removeItem, i as compareItemEquality, l as selectedValueIncludes, n as isSolidAccessor, o as findItemIndex, r as areItemArraysEqual, s as findSelectionIndex, t as mergeStyleValue } from "./mergeStyleValue-BwJ10_X2.js";
+import { r as useLabelableContext } from "./LabelableContext-BTeF0IWb.js";
 import { i as isScrollableY } from "./scrollable-CjsSxbGr.js";
 import { t as isAndroid } from "./platform-DYukKUir.js";
-import { Dynamic, escape, memo, mergeProps, ssr, ssrAttribute, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle } from "@solidjs/web";
+import { escape, memo, mergeProps, ssr, ssrAttribute, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle } from "@solidjs/web";
 import { For, Show, createContext, createEffect, createMemo, createSignal, createUniqueId, flush, omit, onCleanup, untrack, useContext } from "solid-js";
 //#region src/internals/overlay/createListNavigation.ts
 function createListNavigation(options) {
@@ -195,7 +196,7 @@ function serializeValue(value) {
 	}
 }
 function isGroupedItems(items) {
-	return Array.isArray(items) && items.length > 0 && typeof items[0] === "object" && items[0] != null && "items" in items[0];
+	return Array.isArray(items) && items.length > 0 && typeof items[0] === "object" && items[0] != null && Array.isArray(items[0].items);
 }
 function flattenItems(items) {
 	if (!Array.isArray(items)) return [];
@@ -205,7 +206,7 @@ function flattenItems(items) {
 /** Whether an explicit `null` item carries a label that should win over a placeholder. */
 function hasNullItemLabel(items) {
 	if (items == null) return false;
-	if (!Array.isArray(items)) return "null" in items;
+	if (!Array.isArray(items)) return Object.hasOwn(items, "null");
 	for (const item of flattenItems(items)) {
 		const labeled = item;
 		if (labeled && typeof labeled === "object" && labeled.value == null && labeled.label != null) return true;
@@ -232,7 +233,7 @@ function resolveSelectedLabel(value, items, itemToStringLabel) {
 	const fallback = () => stringifyAsLabel(value, itemToStringLabel);
 	if (itemToStringLabel && value != null) return itemToStringLabel(value);
 	if (value && typeof value === "object" && "label" in value && value.label != null) return value.label;
-	if (items && !Array.isArray(items)) return items[String(value)] ?? fallback();
+	if (items && !Array.isArray(items)) return Object.hasOwn(items, String(value)) ? items[String(value)] ?? fallback() : fallback();
 	if (Array.isArray(items)) {
 		const flatItems = flattenItems(items);
 		if (value == null || typeof value !== "object") {
@@ -563,7 +564,18 @@ function AriaCombobox(props) {
 	const multiple = createMemo(() => props.selectionMode === "multiple");
 	const single = createMemo(() => props.selectionMode === "single");
 	const comparator = createMemo(() => props.isItemEqualToValue ?? defaultItemEquality);
-	const itemToStringLabel = () => props.itemToStringLabel;
+	const itemToStringLabel = () => props.itemCollection ? resolveLabel : props.itemToStringLabel;
+	function resolveLabel(value) {
+		const collection = props.itemCollection;
+		if (!collection) return stringifyAsLabel(value, props.itemToStringLabel);
+		if (!collection.hasValue(value, comparator())) {
+			const external = flattenItems(props.filteredItems).find((item) => compareItemEquality(collection.value(item), value, comparator()));
+			if (external !== void 0) return collection.itemLabel(external);
+		}
+		return collection.label(value, comparator(), props.itemToStringLabel);
+	}
+	const projectValue = (item) => props.itemCollection ? props.itemCollection.value(item) : item;
+	const sourceLabel = () => props.itemCollection?.itemLabel ?? props.itemToStringLabel;
 	const itemToStringValue = () => props.itemToStringValue;
 	const initialSelectedValue = untrack(() => {
 		const defaultValue = props.defaultSelectedValue;
@@ -574,7 +586,7 @@ function AriaCombobox(props) {
 	const selectedValue = createMemo(() => controlledSelected ? props.selectedValue ?? null : uncontrolledSelected());
 	const initialDefaultInputValue = untrack(() => {
 		if (hasInputValueProp) return props.defaultInputValue ?? props.inputValue ?? "";
-		if (props.selectionMode === "single") return stringifyAsLabel(selectedValue(), props.itemToStringLabel);
+		if (props.selectionMode === "single") return resolveLabel(selectedValue());
 		return "";
 	});
 	const [uncontrolledInput, setUncontrolledInput] = createSignal(initialDefaultInputValue);
@@ -614,18 +626,18 @@ function AriaCombobox(props) {
 		if (props.filter === null) return () => true;
 		if (props.filter !== void 0) return props.filter;
 		const collator = collatorFilter();
-		const toLabel = props.itemToStringLabel;
+		const toLabel = sourceLabel();
 		return (item, query) => item == null ? false : collator.contains(item, query, toLabel);
 	});
 	const query = createMemo(() => closeQuery() ?? String(inputValue()).trim());
-	const selectedLabelString = createMemo(() => single() ? stringifyAsLabel(selectedValue(), props.itemToStringLabel) : "");
+	const selectedLabelString = createMemo(() => single() ? resolveLabel(selectedValue()) : "");
 	const shouldBypassFiltering = createMemo(() => {
 		const label = selectedLabelString();
 		const currentQuery = query();
 		return single() && !queryChangedAfterOpen() && currentQuery !== "" && label.length === currentQuery.length && collatorFilter().contains(label, currentQuery);
 	});
-	const filterQuery = createMemo(() => shouldBypassFiltering() ? "" : query());
-	const shouldIgnoreExternalFiltering = createMemo(() => hasItems() && hasFilteredItemsProp() && shouldBypassFiltering());
+	const filterQuery = createMemo(() => props.filterQuery ?? (shouldBypassFiltering() ? "" : query()));
+	const shouldIgnoreExternalFiltering = createMemo(() => hasItems() && hasFilteredItemsProp() && shouldBypassFiltering() && (!props.itemCollection || props.itemCollection.hasValue(selectedValue(), comparator())));
 	const flatItems = createMemo(() => flattenItems(props.items));
 	const filteredItems = createMemo(() => {
 		if (props.filteredItems !== void 0 && !shouldIgnoreExternalFiltering()) return props.filteredItems;
@@ -634,7 +646,7 @@ function AriaCombobox(props) {
 		const currentQuery = filterQuery();
 		const currentLimit = limit();
 		const match = filter();
-		const toLabel = props.itemToStringLabel;
+		const toLabel = sourceLabel();
 		if (isGroupedItems(items)) {
 			const resultingGroups = [];
 			let currentCount = 0;
@@ -677,7 +689,6 @@ function AriaCombobox(props) {
 	let initializedOpen = false;
 	let previousSelectedValue = cloneValue(untrack(selectedValue));
 	let previousInputValue = untrack(inputValue);
-	let previousItems = untrack(() => props.items);
 	let previousQuery = untrack(query);
 	const store = new ComboboxStore({
 		controlledOpen: () => controlledOpen ? props.open : void 0,
@@ -713,14 +724,14 @@ function AriaCombobox(props) {
 		return store.track().popupElement;
 	}
 	/** Item values addressed by index, from `items` when provided and rendered items otherwise. */
-	const itemValues = createMemo(() => hasItems() || hasFilteredItemsProp() ? flatFilteredItems() : store.collection.values());
-	createMemo(() => {
+	const itemValues = createMemo(() => hasItems() || hasFilteredItemsProp() ? flatFilteredItems().map(projectValue) : store.collection.values());
+	function itemLabels() {
 		const rendered = store.collection.labels();
 		if (!hasItems()) return rendered;
-		const derived = flatFilteredItems().map((item) => stringifyAsLabel(item, props.itemToStringLabel));
+		const derived = flatFilteredItems().map((item) => stringifyAsLabel(item, sourceLabel()));
 		if (!store.forceMounted()) return derived;
 		return derived.map((label, index) => rendered[index] ?? label);
-	});
+	}
 	const listElements = createMemo(() => {
 		const elements = store.collection.elements();
 		const length = itemValues().length;
@@ -789,9 +800,9 @@ function AriaCombobox(props) {
 		}
 	}
 	function setInputValue(next, details) {
-		hadInputClear = details.reason === inputClear;
 		props.onInputValueChange?.(next, details);
 		if (details.isCanceled) return;
+		hadInputClear = details.reason === inputClear;
 		if (details.reason === "input-change") {
 			if (store.open() && closeQuery() !== null) setCloseQuery(null);
 			const event = details.event;
@@ -830,7 +841,7 @@ function AriaCombobox(props) {
 			} else if (multiple()) {
 				if (!inline()) setCloseQuery(currentQuery);
 				if (store.inputInsidePopup()) setIndices({ activeIndex: null });
-				if (!store.inputInsidePopup() || inline()) setInputValue("", createChangeEventDetails(inputClear, details.event));
+				if (!store.inputInsidePopup() || inline()) setInputValue("", createChangeEventDetails(inputClear, details.event, void 0, { isItemPress: details.reason === itemPress }));
 			}
 		}
 		if (!nextOpen && store.inputInsidePopup() && (details.reason === "focus-out" || details.reason === "outside-press")) {
@@ -843,7 +854,7 @@ function AriaCombobox(props) {
 		props.onSelectedValueChange?.(next, details);
 		if (details.isCanceled) return;
 		if (!controlledSelected) setUncontrolledSelected(() => next);
-		if (selectionMode() === "none" && store.track().popupElement != null && (props.fillInputOnItemPress ?? true) || single() && !store.inputInsidePopup()) setInputValue(stringifyAsLabel(next, props.itemToStringLabel), createChangeEventDetails(details.reason, details.event));
+		if (selectionMode() === "none" && store.track().popupElement != null && (props.fillInputOnItemPress ?? true) || single() && !store.inputInsidePopup()) setInputValue(resolveLabel(next), createChangeEventDetails(details.reason, details.event));
 	}
 	function handleSelection(event, itemValue) {
 		const target = event.target;
@@ -857,11 +868,14 @@ function AriaCombobox(props) {
 		}
 		if (multiple()) {
 			const current = Array.isArray(selectedValue()) ? selectedValue() : [];
-			setSelectedValue(selectedValueIncludes(current, itemValue, comparator()) ? removeItem(current, itemValue, comparator()) : [...current, itemValue], details);
+			const alreadySelected = selectedValueIncludes(current, itemValue, comparator());
+			setSelectedValue(alreadySelected ? removeItem(current, itemValue, comparator()) : [...current, itemValue], details);
 			if (details.isCanceled) return;
 			if (!((inputElement()?.value.trim() ?? "") !== "")) return;
-			if (store.inputInsidePopup()) setInputValue("", createChangeEventDetails(inputClear, details.event));
-			else setOpen(false, details);
+			if (store.inputInsidePopup()) {
+				setInputValue("", createChangeEventDetails(inputClear, details.event, void 0, { isItemPress: true }));
+				if (pendingQueryHighlight && !alreadySelected) pendingQueryHighlight.toggledValue = itemValue;
+			} else setOpen(false, details);
 			return;
 		}
 		setSelectedValue(itemValue, details);
@@ -901,7 +915,7 @@ function AriaCombobox(props) {
 			if (store.inputInsidePopup()) {
 				if (currentInput && currentInput.value !== "") setInputValue("", createChangeEventDetails(inputClear));
 			} else {
-				const label = stringifyAsLabel(selectedValue(), props.itemToStringLabel);
+				const label = resolveLabel(selectedValue());
 				if (currentInput && currentInput.value !== label) setInputValue(label, createChangeEventDetails(label === "" ? inputClear : none));
 			}
 		}
@@ -926,13 +940,13 @@ function AriaCombobox(props) {
 			reference["aria-expanded"] = expanded() ? "true" : "false";
 			reference["aria-haspopup"] = grid() ? "grid" : "listbox";
 			reference["aria-controls"] = expanded() ? store.listElement()?.id : void 0;
-			reference["aria-autocomplete"] = autoCompleteMode();
+			reference["aria-autocomplete"] = readOnly() ? "none" : autoCompleteMode();
 		}
 		return reference;
 	});
 	const click = createClickInteraction({
 		context: store.context.floatingRoot,
-		enabled: () => !readOnly() && !disabled() && openOnInputClick(),
+		enabled: () => !disabled() && openOnInputClick(),
 		event: () => "mousedown-only",
 		toggle: () => false,
 		reason: () => inputPress,
@@ -941,7 +955,7 @@ function AriaCombobox(props) {
 	const dismiss = createDismiss({
 		context: store.context.floatingRoot,
 		tree: () => tree,
-		enabled: () => !readOnly() && !disabled() && !inline(),
+		enabled: () => !disabled() && !inline(),
 		outsidePressEvent: () => ({
 			mouse: "sloppy",
 			touch: "intentional"
@@ -954,7 +968,7 @@ function AriaCombobox(props) {
 	});
 	const listNavigation$1 = createListNavigation({
 		context: store.context.floatingRoot,
-		enabled: () => !readOnly() && !disabled(),
+		enabled: () => !disabled(),
 		list: listElements,
 		activeIndex: store.activeIndex,
 		selectedIndex: store.selectedIndex,
@@ -992,6 +1006,8 @@ function AriaCombobox(props) {
 		flatFilteredItems,
 		listEmpty,
 		itemValues,
+		itemLabels,
+		hasItemCollection: () => props.itemCollection !== void 0,
 		selectedValue,
 		inputValue,
 		hasSelectedValue,
@@ -1083,7 +1099,7 @@ function AriaCombobox(props) {
 		if (state.open) return;
 		store.pointerDownItem = null;
 		if (state.mode === "none") return;
-		untrack(() => setIndices({ selectedIndex: findSelectionIndex(hasItems() ? flatItems() : state.values, state.selected, state.compare, state.isMultiple) }));
+		untrack(() => setIndices({ selectedIndex: findSelectionIndex(state.values, state.selected, state.compare, state.isMultiple) }));
 	});
 	createEffect(() => ({
 		activeIndex: store.activeIndex(),
@@ -1109,10 +1125,11 @@ function AriaCombobox(props) {
 						if (!store.open() && !inline() || (inputElement()?.value.trim() ?? "") !== "") return;
 						const current = selectedValue();
 						const isMultiple = multiple();
-						const lastSelected = isMultiple && Array.isArray(current) ? current[current.length - 1] : current;
-						const hasSelection = selectionMode() !== "none" && lastSelected != null;
-						if (hasSelection || clearedBySelection) store.setActiveIndex(hasSelection ? findSelectionIndex(itemValues(), current, comparator(), isMultiple) : null);
-						else if (autoHighlight() === "always") store.setActiveIndex(0);
+						const hasSelection = isMultiple && Array.isArray(current) ? current.length > 0 : selectionMode() !== "none" && current != null;
+						if (hasSelection || clearedBySelection) {
+							const toggledIndex = findItemIndex(itemValues(), pending.toggledValue, comparator());
+							store.setActiveIndex(hasSelection ? toggledIndex !== -1 ? toggledIndex : findSelectionIndex(itemValues(), current, comparator(), isMultiple) : null);
+						} else if (autoHighlight() === "always") store.setActiveIndex(0);
 					}));
 				}
 			}
@@ -1162,9 +1179,12 @@ function AriaCombobox(props) {
 			const pending = pendingInitialHighlight;
 			pendingInitialHighlight = null;
 			if (store.activeIndex() != null || queryChangedAfterOpen()) return;
-			const selected = selectionMode() === "none" ? null : store.selectedIndex();
+			const selected = selectionMode() === "none" ? null : findSelectionIndex(itemValues(), selectedValue(), comparator(), multiple());
 			if (selected != null) {
-				setIndices({ activeIndex: selected });
+				setIndices({
+					activeIndex: selected,
+					selectedIndex: selected
+				});
 				return;
 			}
 			if (pending && (selectionMode() !== "none" || autoHighlight() !== false)) {
@@ -1204,7 +1224,7 @@ function AriaCombobox(props) {
 		setQueryChangedAfterOpen(true);
 	});
 	function syncInputToSelectedLabel() {
-		const label = stringifyAsLabel(selectedValue(), props.itemToStringLabel);
+		const label = resolveLabel(selectedValue());
 		if (inputValue() !== label) setInputValue(label, createChangeEventDetails(none));
 	}
 	createEffect(() => ({
@@ -1236,10 +1256,11 @@ function AriaCombobox(props) {
 			field.validation.change(state.input);
 		});
 	});
-	createEffect(() => props.items, (items) => {
-		const previous = previousItems;
-		previousItems = items;
-		if (previous === items) return;
+	createEffect(() => ({
+		items: props.items,
+		label: selectedLabelString()
+	}), (current, previous) => {
+		if (!previous || current.items === previous.items && current.label === previous.label) return;
 		untrack(() => {
 			if (!single() || hasInputValueProp || store.inputInsidePopup() || queryChangedAfterOpen()) return;
 			syncInputToSelectedLabel();
@@ -1269,7 +1290,7 @@ function AriaCombobox(props) {
 		if (!setOpen(true, createChangeEventDetails("list-navigation", event, triggerElement() ?? void 0))) pendingInitialHighlight = null;
 	}
 	function handleNavigationKeyDown(event) {
-		if (readOnly() || disabled()) return;
+		if (disabled()) return;
 		if (!store.open() && !inline()) {
 			if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
 			event.preventDefault();
@@ -1413,6 +1434,7 @@ function ComboboxTrigger(props) {
 	const ariaLabelledBy = createMemo(() => internalProps["aria-labelledby"] ?? labelable.labelId() ?? context.store.labelId());
 	const state = createMemo(() => ({
 		...context.field.state(),
+		readOnly: context.readOnly(),
 		open: context.store.open(),
 		disabled: disabled(),
 		popupSide: context.store.resolvedPopupSide(),
@@ -1422,16 +1444,16 @@ function ComboboxTrigger(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxControlStateMapping));
-	const others = omit(allProps, "aria-labelledby", "as", "class", "disabled", "id", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "onPointerEnter", "ref", "style");
+	const others = omit(allProps, "aria-labelledby", "render", "class", "disabled", "id", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "onPointerEnter", "ref", "style");
 	const click = createClickInteraction({
 		context: context.store.context.floatingRoot,
-		enabled: () => !context.readOnly() && !context.disabled(),
+		enabled: () => !context.disabled(),
 		event: () => "mousedown"
 	});
 	const typeahead = createTypeahead({
 		context: context.store.context.floatingRoot,
 		enabled: () => !context.store.open() && !context.readOnly() && !context.disabled() && context.selectionMode() === "single",
-		list: () => context.store.collection.labels(),
+		list: context.itemLabels,
 		elements: () => context.store.collection.elements(),
 		activeIndex: context.store.activeIndex,
 		selectedIndex: context.store.selectedIndex,
@@ -1450,7 +1472,7 @@ function ComboboxTrigger(props) {
 	}
 	function handleFocus() {
 		context.field.setFocused(true);
-		if (disabled() || context.readOnly()) return;
+		if (disabled()) return;
 		clearTimeout(focusTimer);
 		focusTimer = setTimeout(() => context.forceMount(), 0);
 	}
@@ -1478,7 +1500,7 @@ function ComboboxTrigger(props) {
 		removeMouseUp = () => documentNode.removeEventListener("mouseup", onMouseUp);
 	}
 	function handleMouseDown(event) {
-		if (disabled() || context.readOnly()) return;
+		if (disabled()) return;
 		const trigger = event.currentTarget;
 		if (!insidePopup()) context.store.context.floatingRoot.update({ domReferenceElement: trigger });
 		context.forceMount();
@@ -1497,7 +1519,7 @@ function ComboboxTrigger(props) {
 		click.onClick(event);
 	}
 	function handleKeyDown(event) {
-		if (context.readOnly()) return;
+		if (disabled()) return;
 		typeahead.onKeyDown(event);
 		if (event.key === "ArrowDown" || event.key === "ArrowUp") {
 			event.preventDefault();
@@ -1533,10 +1555,7 @@ function ComboboxTrigger(props) {
 		removeMouseUp?.();
 		labelable.registerControlId(labelSource, void 0);
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "button";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true))(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		get id() {
 			return id();
@@ -1568,6 +1587,9 @@ function ComboboxTrigger(props) {
 		get ["aria-required"]() {
 			return insidePopup() && context.required() ? "true" : void 0;
 		},
+		get ["aria-readonly"]() {
+			return insidePopup() && context.readOnly() ? "true" : void 0;
+		},
 		get ["aria-labelledby"]() {
 			return ariaLabelledBy();
 		},
@@ -1748,7 +1770,7 @@ function ComboboxInput(props) {
 		const activeIndex = context.store.activeIndex();
 		return activeIndex == null ? void 0 : `${context.id()}-${activeIndex}`;
 	});
-	const others = omit(allProps, "as", "class", "disabled", "id", "onBlur", "onCompositionEnd", "onCompositionStart", "onFocus", "onInput", "onKeyDown", "onMouseDown", "onPointerDown", "onPointerMove", "ref", "style");
+	const others = omit(allProps, "render", "class", "disabled", "id", "onBlur", "onCompositionEnd", "onCompositionStart", "onFocus", "onInput", "onKeyDown", "onMouseDown", "onPointerDown", "onPointerMove", "ref", "style");
 	function clearHighlight() {
 		context.setIndices({
 			activeIndex: null,
@@ -1807,7 +1829,10 @@ function ComboboxInput(props) {
 		}
 		const changeDetails = createChangeEventDetails(inputChange, event);
 		context.setInputValue(input.value, changeDetails);
-		if (changeDetails.isCanceled) return;
+		if (changeDetails.isCanceled) {
+			input.value = context.inputValue();
+			return;
+		}
 		const empty = input.value === "";
 		const clearDetails = createChangeEventDetails(inputClear, event);
 		if (empty && !context.store.inputInsidePopup()) {
@@ -1859,10 +1884,16 @@ function ComboboxInput(props) {
 	function handleKeyDown(event) {
 		const editable = !disabled() && !context.readOnly();
 		const modified = event.ctrlKey || event.shiftKey || event.altKey || event.metaKey;
-		if (editable && !modified) context.store.keyboardActive = true;
+		if (!disabled() && !modified) context.store.keyboardActive = true;
 		if (!(context.grid() && context.store.activeIndex() == null && (event.key === "ArrowLeft" || event.key === "ArrowRight"))) context.listNavigation.onKeyDown(event);
 		context.dismiss.onKeyDown(event);
-		if (!editable || modified) return;
+		if (!editable || modified) {
+			if (context.readOnly() && event.key === "Enter" && context.store.open() && context.store.activeIndex() !== null) {
+				event.preventDefault();
+				event.stopPropagation();
+			}
+			return;
+		}
 		const input = event.currentTarget;
 		const isRTL = direction() === "rtl";
 		if (event.key === "Home" || event.key === "End") {
@@ -1934,6 +1965,7 @@ function ComboboxInput(props) {
 		if (untrack(context.inputElement) === element) context.setInputElement(null);
 	});
 	let element = null;
+	const Render = useRender(props, () => state(), (props) => ssrElement("input", props, void 0, true));
 	return [Show({
 		get when() {
 			return memo(() => {
@@ -1945,10 +1977,7 @@ function ComboboxInput(props) {
 				context.store.startDismissElement = node;
 			} });
 		}
-	}), Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "input";
-		},
+	}), Render(mergeProps({
 		ref: [((value) => {
 			element = value;
 			context.setInputElement(value);
@@ -2054,16 +2083,13 @@ function ComboboxInputGroup(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxControlStateMapping));
-	const others = omit(allProps, "as", "class", "onMouseDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "onMouseDown", "ref", "style");
 	const onMouseDown = composeEventHandlers(() => internalProps.onMouseDown, () => (event) => handleInputPress(event, context, context.disabled(), context.readOnly(), (target) => contains(context.store.chipsContainerElement, target)));
 	onCleanup(() => {
 		if (untrack(context.inputGroupElement) === element) context.setInputGroupElement(null);
 	});
 	let element = null;
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((value) => {
 			element = value;
 			context.setInputGroupElement(value);
@@ -2089,44 +2115,19 @@ function ComboboxIcon(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), triggerOpenStateMapping));
-	const others = omit(allProps, "as", "class", "ref", "style");
-	return Show({
-		get when() {
-			return props.as;
-		},
-		get fallback() {
-			return ssrElement("span", () => {
-				return mergeProps({
-					"aria-hidden": "true",
-					get ["class"]() {
-						return classValue();
-					},
-					get style() {
-						return styleValue();
-					}
-				}, stateAttributes, others);
-			}, () => {
-				return () => {
-					return escape(props.children ?? "▼");
-				};
-			}, true);
-		},
-		children: (component) => Dynamic(mergeProps({
-			get component() {
-				return component();
-			},
-			ref: [internalProps.ref],
-			"aria-hidden": "true",
-			get ["class"]() {
-				return classValue();
-			},
-			get style() {
-				return styleValue();
-			}
-		}, stateAttributes, others, { get children() {
-			return props.children ?? "▼";
-		} }))
-	});
+	const others = omit(allProps, "render", "class", "ref", "style");
+	return useRender(props, () => state(), (props) => ssrElement("span", props, void 0, true))(mergeProps({
+		ref: [internalProps.ref],
+		"aria-hidden": "true",
+		get ["class"]() {
+			return classValue();
+		},
+		get style() {
+			return styleValue();
+		}
+	}, stateAttributes, others, { get children() {
+		return props.children ?? "▼";
+	} }));
 }
 //#endregion
 //#region src/combobox/clear/ComboboxClear.tsx
@@ -2154,7 +2155,7 @@ function ComboboxClear(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxClearStateMapping));
-	const others = omit(allProps, "as", "class", "disabled", "keepMounted", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "disabled", "keepMounted", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
 	let element = null;
 	createEffect(() => ({
 		visible: visible(),
@@ -2189,15 +2190,13 @@ function ComboboxClear(props) {
 	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown));
 	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp));
 	const onMouseDown = composeEventHandlers(() => internalProps.onMouseDown, () => (event) => event.preventDefault());
+	const Render = useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true));
 	return Show({
 		get when() {
 			return shouldRender();
 		},
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "button";
-				},
+			return Render(mergeProps({
 				ref: [((value) => {
 					element = value;
 					context.store.clearElement = value;
@@ -2266,7 +2265,7 @@ function ComboboxList(props) {
 	const state = createMemo(() => ({ empty: context.listEmpty() }));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
-	const others = omit(allProps, "as", "children", "class", "id", "onKeyDown", "ref", "style");
+	const others = omit(allProps, "render", "children", "class", "id", "onKeyDown", "ref", "style");
 	function handleKeyDown(event) {
 		if (context.disabled() || context.readOnly()) return;
 		context.store.keyboardActive = true;
@@ -2304,10 +2303,7 @@ function ComboboxList(props) {
 		if (typeof child === "function" && !isSolidAccessor(child)) return ComboboxCollection({ children: child });
 		return child;
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((element) => {
 			setListElement(element);
 			context.store.setListElement(element);
@@ -2323,6 +2319,9 @@ function ComboboxList(props) {
 		get ["aria-multiselectable"]() {
 			return context.multiple() ? "true" : void 0;
 		},
+		get ["aria-readonly"]() {
+			return !context.grid() && context.readOnly() ? "true" : void 0;
+		},
 		get ["class"]() {
 			return classValue();
 		},
@@ -2388,13 +2387,10 @@ function ComboboxStatus(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "ref", "style");
+	const others = omit(allProps, "render", "class", "ref", "style");
 	const [element, setElement] = createSignal(null, { ownedWrite: true });
 	createInitialLiveRegionTextMutation(element);
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state, (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		role: "status",
 		"aria-live": "polite",
@@ -2432,7 +2428,7 @@ function ComboboxPortal(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "container", "keepMounted", "ref", "style");
+	const others = omit(allProps, "render", "class", "container", "keepMounted", "ref", "style");
 	return Show({
 		get when() {
 			return shouldRender();
@@ -2440,12 +2436,12 @@ function ComboboxPortal(props) {
 		get children() {
 			return ComboboxPortalContext({
 				get value() {
-					return keepMounted();
+					return untrack(keepMounted);
 				},
 				get children() {
 					return PopupPortal(mergeProps({
-						get as() {
-							return props.as;
+						get render() {
+							return props.render;
 						},
 						get container() {
 							return internalProps.container;
@@ -2482,11 +2478,8 @@ function ComboboxBackdrop(props) {
 		"-webkit-user-select": "none"
 	}, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxBackdropStateMapping));
-	const others = omit(allProps, "as", "class", "ref", "style");
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	const others = omit(allProps, "render", "class", "ref", "style");
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		role: "presentation",
 		get hidden() {
@@ -2551,7 +2544,7 @@ function ComboboxPositioner(props) {
 		transition: context.store.track().transitionStatus === "starting" ? "none" : void 0
 	}, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxPositionerStateMapping));
-	const others = omit(allProps, "align", "alignOffset", "anchor", "arrowPadding", "as", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style");
+	const others = omit(allProps, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style");
 	createAnchoredPopupScrollLock({
 		enabled: () => context.store.open() && context.modal(),
 		touchOpen: () => context.store.openMethod() === "touch",
@@ -2585,6 +2578,7 @@ function ComboboxPositioner(props) {
 			}
 		});
 	}
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return ComboboxPositionerContext({
 		value: positionerContext,
 		get children() {
@@ -2597,10 +2591,7 @@ function ComboboxPositioner(props) {
 				get children() {
 					return ModalBackdrop({});
 				}
-			}), Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			}), Render(mergeProps({
 				ref: [((value) => {
 					setElement(value);
 					context.store.setPositionerElement(value);
@@ -2648,7 +2639,7 @@ function ComboboxPopup(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => mergeStyleValue({ transition: state().transitionStatus === "starting" ? "none" : void 0 }, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), comboboxPopupStateMapping));
-	const others = omit(allProps, "as", "class", "finalFocus", "id", "initialFocus", "onFocus", "ref", "style");
+	const others = omit(allProps, "render", "class", "finalFocus", "id", "initialFocus", "onFocus", "ref", "style");
 	const focusManagerModal = createMemo(() => !context.store.inputInsidePopup() || context.modal());
 	const resolvedInitialFocus = createMemo(() => {
 		if (internalProps.initialFocus !== void 0) return internalProps.initialFocus;
@@ -2676,6 +2667,7 @@ function ComboboxPopup(props) {
 	onCleanup(() => {
 		if (context.store.state.popupElement === popupElement) context.store.setPopupElement(null);
 	});
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return FocusManager({
 		get context() {
 			return context.store.context.floatingRoot;
@@ -2704,10 +2696,7 @@ function ComboboxPopup(props) {
 		referenceElement: () => context.store.inputInsidePopup() ? context.triggerElement() : context.inputElement(),
 		getInsideElements: () => [context.store.startDismissElement, context.store.endDismissElement],
 		get children() {
-			return [Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return [Render(mergeProps({
 				ref: [((element) => {
 					popupElement = element;
 					context.store.setPopupElement(element);
@@ -2764,15 +2753,12 @@ function ComboboxArrow(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => mergeStyleValue(positioner.arrowStyles(), resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), popupStateMapping));
-	const others = omit(allProps, "as", "class", "ref", "style");
+	const others = omit(allProps, "render", "class", "ref", "style");
 	let arrow = null;
 	onCleanup(() => {
 		if (arrow) positioner.setArrowElement(null);
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((element) => {
 			arrow = element;
 			positioner.setArrowElement(element);
@@ -2799,13 +2785,15 @@ function useComboboxGroupContext() {
 //#region src/combobox/group/ComboboxGroup.tsx
 /** Groups related items with the corresponding label. */
 function ComboboxGroup(props) {
+	const context = useComboboxRootContext();
 	const internalProps = props;
 	const allProps = props;
 	const [labelId, setLabelId] = createSignal(void 0, { ownedWrite: true });
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "items", "ref", "style");
+	const others = omit(allProps, "render", "class", "items", "ref", "style");
+	const Render = useRender(props, () => state, (props) => ssrElement("div", props, void 0, true));
 	return ComboboxGroupCollectionContext({
 		value: { items: () => internalProps.items },
 		get children() {
@@ -2815,12 +2803,11 @@ function ComboboxGroup(props) {
 					setLabelId
 				},
 				get children() {
-					return Dynamic(mergeProps({
-						get component() {
-							return props.as ?? "div";
-						},
+					return Render(mergeProps({
 						ref: [internalProps.ref],
-						role: "group",
+						get role() {
+							return context.grid() ? "rowgroup" : "group";
+						},
 						get ["aria-labelledby"]() {
 							return labelId();
 						},
@@ -2848,21 +2835,19 @@ function ComboboxGroupLabel(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "id", "ref", "style");
+	const others = omit(allProps, "render", "class", "id", "ref", "style");
 	createEffect(id, (currentId) => {
 		context.setLabelId(currentId);
 		return () => {
 			if (context.labelId() === currentId) context.setLabelId(void 0);
 		};
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state, (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		get id() {
 			return id();
 		},
+		"aria-hidden": "true",
 		get ["class"]() {
 			return classValue();
 		},
@@ -2908,7 +2893,7 @@ function ComboboxItem(props) {
 	const declaredIndex = createMemo(() => {
 		if (internalProps.index != null) return internalProps.index;
 		if (!context.virtualized()) return;
-		const derived = findItemIndex(context.flatFilteredItems(), itemValue(), context.comparator());
+		const derived = findItemIndex(context.itemValues(), itemValue(), context.comparator());
 		return derived === -1 ? void 0 : derived;
 	});
 	const unregister = context.store.collection.register({
@@ -2936,7 +2921,7 @@ function ComboboxItem(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
-	const others = omit(allProps, "as", "class", "disabled", "id", "index", "nativeButton", "onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerLeave", "onPointerMove", "ref", "style", "value");
+	const others = omit(allProps, "render", "class", "disabled", "id", "index", "nativeButton", "onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerLeave", "onPointerMove", "ref", "style", "value");
 	function commitSelection(event) {
 		if (context.submitOnItemClick()) {
 			context.handleSelection(event, itemValue());
@@ -2988,21 +2973,19 @@ function ComboboxItem(props) {
 		compare: context.comparator()
 	}), (current) => {
 		if (!current.registered || current.hasItems) return;
-		const lastSelected = Array.isArray(current.selected) ? current.selected[current.selected.length - 1] : current.selected;
-		if (compareItemEquality(current.value, lastSelected, current.compare)) untrack(() => context.store.setSelectedIndex(current.index));
+		untrack(() => context.store.setSelectedIndex(findSelectionIndex(context.store.collection.values(), current.selected, current.compare, context.multiple())));
 	});
 	createEffect(element, () => context.store.collection.touch());
 	onCleanup(unregister);
+	const itemContext = {
+		selected,
+		index
+	};
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return ComboboxItemContext({
-		value: {
-			selected,
-			index
-		},
+		value: itemContext,
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				ref: [((value) => {
 					setElement(value);
 					context.store.collection.touch();
@@ -3050,14 +3033,12 @@ function ComboboxRow(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "ref", "style");
+	const others = omit(allProps, "render", "class", "ref", "style");
+	const Render = useRender(props, () => state, (props) => ssrElement("div", props, void 0, true));
 	return ComboboxRowContext({
 		value: true,
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				ref: [internalProps.ref],
 				role: "row",
 				get ["class"]() {
@@ -3085,16 +3066,13 @@ function ComboboxEmpty(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "children", "class", "ref", "style");
+	const others = omit(allProps, "render", "children", "class", "ref", "style");
 	const [element, setElement] = createSignal(null, { ownedWrite: true });
 	createInitialLiveRegionTextMutation(element);
 	onCleanup(() => {
 		if (context.store.emptyElement === element()) context.store.emptyElement = null;
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state, (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((value) => {
 			setElement(value);
 			context.store.emptyElement = value;
@@ -3130,11 +3108,8 @@ function ComboboxSeparator(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
-	const others = omit(allProps, "as", "class", "orientation", "ref", "style");
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	const others = omit(allProps, "render", "class", "orientation", "ref", "style");
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		role: "presentation",
 		get ["class"]() {
@@ -3154,4 +3129,4 @@ function useFilteredItems() {
 	return useComboboxRootContext().filteredItems;
 }
 //#endregion
-export { getFilter as A, getIndexAfterChipRemoval as C, ComboboxTrigger as D, useRequiredComboboxChipsContext as E, resolveMultipleLabels as M, resolveSelectedLabel as N, AriaCombobox as O, stringifyAsLabel as P, getChipNavigationKeys as S, ComboboxChipsContext as T, ComboboxClear as _, ComboboxItem as a, handleInputPress as b, ComboboxGroup as c, ComboboxPositioner as d, ComboboxBackdrop as f, ComboboxCollection as g, ComboboxList as h, ComboboxRow as i, hasNullItemLabel as j, useComboboxRootContext as k, ComboboxArrow as l, ComboboxStatus as m, ComboboxSeparator as n, useComboboxItemContext as o, ComboboxPortal as p, ComboboxEmpty as r, ComboboxGroupLabel as s, useFilteredItems as t, ComboboxPopup as u, ComboboxIcon as v, ComboboxChipRegistry as w, ComboboxInput as x, ComboboxInputGroup as y };
+export { getFilter as A, getIndexAfterChipRemoval as C, ComboboxTrigger as D, useRequiredComboboxChipsContext as E, stringifyAsLabel as F, hasNullItemLabel as M, resolveMultipleLabels as N, AriaCombobox as O, resolveSelectedLabel as P, getChipNavigationKeys as S, ComboboxChipsContext as T, ComboboxClear as _, ComboboxItem as a, handleInputPress as b, ComboboxGroup as c, ComboboxPositioner as d, ComboboxBackdrop as f, ComboboxCollection as g, ComboboxList as h, ComboboxRow as i, flattenItems as j, useComboboxRootContext as k, ComboboxArrow as l, ComboboxStatus as m, ComboboxSeparator as n, useComboboxItemContext as o, ComboboxPortal as p, ComboboxEmpty as r, ComboboxGroupLabel as s, useFilteredItems as t, ComboboxPopup as u, ComboboxIcon as v, ComboboxChipRegistry as w, ComboboxInput as x, ComboboxInputGroup as y };