@cube-dev/ui-kit 0.0.0-canary-3915bfe → 0.0.0-canary-3cd61ca

package/dist/components/fields/TagInput/TagInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3915bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3cd61ca | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -125,7 +125,7 @@ function isComposingKey(e) {
 	return e.nativeEvent.isComposing || e.keyCode === 229;
 }
 function TagInput(props, ref) {
-	const $ = c(279);
+	const $ = c(281);
 	let t0;
 	if ($[0] !== props) {
 		t0 = castNullableArrayValue(props);
@@ -492,86 +492,96 @@ function TagInput(props, ref) {
 		selectionMode: "none"
 	}).collection;
 	let t7;
-	if ($[78] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = { sensitivity: "base" };
-		$[78] = t7;
-	} else t7 = $[78];
-	const { contains } = useFilter(t7);
+	if ($[78] !== collection) {
+		t7 = (key) => {
+			const node = collection.getItem(key);
+			return node?.type === "item" ? node : null;
+		};
+		$[78] = collection;
+		$[79] = t7;
+	} else t7 = $[79];
+	const getOption = t7;
 	let t8;
-	if ($[79] !== contains || $[80] !== filter) {
-		t8 = filter === false ? _temp2 : filter || contains;
-		$[79] = contains;
-		$[80] = filter;
-		$[81] = t8;
-	} else t8 = $[81];
-	const textFilterFn = t8;
+	if ($[80] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { sensitivity: "base" };
+		$[80] = t8;
+	} else t8 = $[80];
+	const { contains } = useFilter(t8);
+	let t9;
+	if ($[81] !== contains || $[82] !== filter) {
+		t9 = filter === false ? _temp2 : filter || contains;
+		$[81] = contains;
+		$[82] = filter;
+		$[83] = t9;
+	} else t9 = $[83];
+	const textFilterFn = t9;
 	const [isFilterActive, setIsFilterActive] = useState(false);
 	const term = draft.trim();
 	const [knownLabels, setKnownLabels] = useState(_temp3);
-	let t9;
-	if ($[82] !== collection || $[83] !== knownLabels) {
-		t9 = (key) => collection.getItem(key)?.textValue || knownLabels.get(key) || key;
-		$[82] = collection;
-		$[83] = knownLabels;
-		$[84] = t9;
-	} else t9 = $[84];
-	const getOptionLabel = t9;
 	let t10;
-	if ($[85] !== getOptionLabel || $[86] !== tagProps) {
-		t10 = (key_0) => textLabel(tagProps?.(key_0)?.children) ?? getOptionLabel(key_0);
-		$[85] = getOptionLabel;
-		$[86] = tagProps;
-		$[87] = t10;
-	} else t10 = $[87];
-	const getTagLabel = t10;
+	if ($[84] !== getOption || $[85] !== knownLabels) {
+		t10 = (key_0) => getOption(key_0)?.textValue || knownLabels.get(key_0) || key_0;
+		$[84] = getOption;
+		$[85] = knownLabels;
+		$[86] = t10;
+	} else t10 = $[86];
+	const getOptionLabel = t10;
 	let t11;
-	if ($[88] !== tagProps) {
-		t11 = (key_1) => !!tagProps?.(key_1)?.isDisabled;
+	if ($[87] !== getOptionLabel || $[88] !== tagProps) {
+		t11 = (key_1) => textLabel(tagProps?.(key_1)?.children) ?? getOptionLabel(key_1);
+		$[87] = getOptionLabel;
 		$[88] = tagProps;
 		$[89] = t11;
 	} else t11 = $[89];
-	const isTagLocked = t11;
+	const getTagLabel = t11;
 	let t12;
-	if ($[90] !== disabledKeys) {
-		t12 = new Set([...disabledKeys ?? []].map(String));
-		$[90] = disabledKeys;
+	if ($[90] !== tagProps) {
+		t12 = (key_2) => !!tagProps?.(key_2)?.isDisabled;
+		$[90] = tagProps;
 		$[91] = t12;
 	} else t12 = $[91];
-	const disabledKeySet = t12;
+	const isTagLocked = t12;
 	let t13;
-	if ($[92] !== collection || $[93] !== knownLabels) {
-		t13 = (keys) => {
+	if ($[92] !== disabledKeys) {
+		t13 = new Set([...disabledKeys ?? []].map(String));
+		$[92] = disabledKeys;
+		$[93] = t13;
+	} else t13 = $[93];
+	const disabledKeySet = t13;
+	let t14;
+	if ($[94] !== getOption || $[95] !== knownLabels) {
+		t14 = (keys) => {
 			let next = null;
-			for (const key_2 of keys) {
-				const label_0 = collection.getItem(key_2)?.textValue;
-				if (label_0 && knownLabels.get(key_2) !== label_0) {
+			for (const key_3 of keys) {
+				const label_0 = getOption(key_3)?.textValue;
+				if (label_0 && knownLabels.get(key_3) !== label_0) {
 					if (!next) next = new Map(knownLabels);
-					next.set(key_2, label_0);
+					next.set(key_3, label_0);
 				}
 			}
 			if (next) setKnownLabels(next);
 		};
-		$[92] = collection;
-		$[93] = knownLabels;
-		$[94] = t13;
-	} else t13 = $[94];
-	const rememberLabels = useEvent(t13);
-	let t14;
-	if ($[95] !== allowsCustomValue || $[96] !== collection || $[97] !== hasOptions) {
-		t14 = (text_0) => {
+		$[94] = getOption;
+		$[95] = knownLabels;
+		$[96] = t14;
+	} else t14 = $[96];
+	const rememberLabels = useEvent(t14);
+	let t15;
+	if ($[97] !== allowsCustomValue || $[98] !== collection || $[99] !== hasOptions) {
+		t15 = (text_0) => {
 			if (!hasOptions) return null;
 			const match = matchOptionText(collection, text_0);
 			return match.exact ?? (allowsCustomValue ? null : match.loose);
 		};
-		$[95] = allowsCustomValue;
-		$[96] = collection;
-		$[97] = hasOptions;
-		$[98] = t14;
-	} else t14 = $[98];
-	const findOptionKey = t14;
-	let t15;
-	if ($[99] !== findOptionKey || $[100] !== normalizeTag) {
-		t15 = (text_1) => {
+		$[97] = allowsCustomValue;
+		$[98] = collection;
+		$[99] = hasOptions;
+		$[100] = t15;
+	} else t15 = $[100];
+	const findOptionKey = t15;
+	let t16;
+	if ($[101] !== findOptionKey || $[102] !== normalizeTag) {
+		t16 = (text_1) => {
 			const optionKey = findOptionKey(text_1);
 			if (optionKey != null || !normalizeTag) return {
 				optionKey,
@@ -583,15 +593,15 @@ function TagInput(props, ref) {
 				typed
 			};
 		};
-		$[99] = findOptionKey;
-		$[100] = normalizeTag;
-		$[101] = t15;
-	} else t15 = $[101];
-	const resolveTypedText = t15;
-	let t16;
-	if ($[102] !== normalizeTag || $[103] !== resolveTypedText) {
-		t16 = (part, t17) => {
-			const source = t17 === void 0 ? "text" : t17;
+		$[101] = findOptionKey;
+		$[102] = normalizeTag;
+		$[103] = t16;
+	} else t16 = $[103];
+	const resolveTypedText = t16;
+	let t17;
+	if ($[104] !== normalizeTag || $[105] !== resolveTypedText) {
+		t17 = (part, t18) => {
+			const source = t18 === void 0 ? "text" : t18;
 			if (source === "text") return resolveTypedText(part);
 			if (source === "option") return {
 				optionKey: part,
@@ -602,27 +612,27 @@ function TagInput(props, ref) {
 				typed: normalizeTag ? normalizeTag(part).trim() : part
 			};
 		};
-		$[102] = normalizeTag;
-		$[103] = resolveTypedText;
-		$[104] = t16;
-	} else t16 = $[104];
-	const resolvePart = t16;
+		$[104] = normalizeTag;
+		$[105] = resolveTypedText;
+		$[106] = t17;
+	} else t17 = $[106];
+	const resolvePart = t17;
 	const termOptionKey = term ? resolveTypedText(term).optionKey : null;
 	const optionFilterFn = (nodes) => {
 		if (!isFilterActive || !term) return nodes;
-		return filterCollectionNodes(nodes, term, textFilterFn, { keep: termOptionKey == null ? void 0 : (node) => String(node.key) === termOptionKey });
+		return filterCollectionNodes(nodes, term, textFilterFn, { keep: termOptionKey == null ? void 0 : (node_0) => String(node_0.key) === termOptionKey });
 	};
 	const visibleOptionKeys = [];
 	if (hasOptions) collectVisibleKeys(optionFilterFn(collection), visibleOptionKeys, disabledKeys ? new Set(disabledKeys) : void 0);
-	let t17;
-	if ($[105] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = [];
-		$[105] = t17;
-	} else t17 = $[105];
-	const [unpickedCustomValues, setUnpickedCustomValues] = useState(t17);
-	const customValueKeys = hasOptions && allowsCustomValue ? [...new Set([...uniqueValues, ...unpickedCustomValues].filter((value_0) => collection.getItem(value_0) == null && !knownLabels.has(value_0)))].sort(compareText) : [];
+	let t18;
+	if ($[107] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = [];
+		$[107] = t18;
+	} else t18 = $[107];
+	const [unpickedCustomValues, setUnpickedCustomValues] = useState(t18);
+	const customValueKeys = hasOptions && allowsCustomValue ? [...new Set([...uniqueValues, ...unpickedCustomValues].filter((value_0) => getOption(value_0) == null && !knownLabels.has(value_0)))].sort(compareText) : [];
 	const matchesTerm = typeof filter === "function" ? filter : contains;
-	const visibleCustomKeys = isFilterActive && term ? customValueKeys.filter((key_3) => matchesTerm(key_3, term)) : customValueKeys;
+	const visibleCustomKeys = isFilterActive && term ? customValueKeys.filter((key_4) => matchesTerm(key_4, term)) : customValueKeys;
 	const customTerm = hasOptions && allowsCustomValue && term && termOptionKey == null && !uniqueValues.includes(term) && !customValueKeys.includes(term) ? term : null;
 	const popoverChildren = withCustomOptions(children, {
 		customKeys: visibleCustomKeys,
@@ -638,57 +648,57 @@ function TagInput(props, ref) {
 	const isInteractive = !isDisabled && !isReadOnly;
 	const shouldShowPopover = hasOptions && isInteractive && isPopoverOpen && hasResults;
 	const notifiedOpenRef = useRef(false);
-	let t18;
 	let t19;
-	if ($[106] !== onOpenChange || $[107] !== shouldShowPopover) {
-		t18 = () => {
+	let t20;
+	if ($[108] !== onOpenChange || $[109] !== shouldShowPopover) {
+		t19 = () => {
 			if (notifiedOpenRef.current === shouldShowPopover) return;
 			notifiedOpenRef.current = shouldShowPopover;
 			onOpenChange?.(shouldShowPopover);
 		};
-		t19 = [shouldShowPopover, onOpenChange];
-		$[106] = onOpenChange;
-		$[107] = shouldShowPopover;
-		$[108] = t18;
-		$[109] = t19;
+		t20 = [shouldShowPopover, onOpenChange];
+		$[108] = onOpenChange;
+		$[109] = shouldShowPopover;
+		$[110] = t19;
+		$[111] = t20;
 	} else {
-		t18 = $[108];
-		t19 = $[109];
+		t19 = $[110];
+		t20 = $[111];
 	}
-	useEffect(t18, t19);
+	useEffect(t19, t20);
 	const [activeOption, setActiveOption] = useState(null);
 	const activeOptionKey = activeOption?.key ?? null;
-	let t20;
-	if ($[110] !== setActiveOption) {
-		t20 = (key_4, source_0, forTerm) => {
+	let t21;
+	if ($[112] !== setActiveOption) {
+		t21 = (key_5, source_0, forTerm) => {
 			const listState = listStateRef.current;
-			if (!listState || key_4 == null) return;
+			if (!listState || key_5 == null) return;
 			markKeyboardFocus(listState);
-			listState.selectionManager.setFocusedKey(key_4);
+			listState.selectionManager.setFocusedKey(key_5);
 			setActiveOption({
-				key: key_4,
+				key: key_5,
 				term: forTerm,
 				source: source_0
 			});
 		};
-		$[110] = setActiveOption;
-		$[111] = t20;
-	} else t20 = $[111];
-	const moveVirtualFocus = useEvent(t20);
+		$[112] = setActiveOption;
+		$[113] = t21;
+	} else t21 = $[113];
+	const moveVirtualFocus = useEvent(t21);
 	const [popoverMinWidth, setPopoverMinWidth] = useState();
 	let exactOptionKey = termOptionKey;
 	if (exactOptionKey == null && term && customValueKeys.includes(term)) exactOptionKey = term;
-	if (exactOptionKey == null && customTerm && (matchOptionText(collection, customTerm).loose != null || customValueKeys.some((key_5) => isSameText(key_5, customTerm)))) exactOptionKey = customTerm;
+	if (exactOptionKey == null && customTerm && (matchOptionText(collection, customTerm).loose != null || customValueKeys.some((key_6) => isSameText(key_6, customTerm)))) exactOptionKey = customTerm;
 	const visibleTargetKeys = [...visibleOptionKeys, ...visibleCustomKeys];
 	if (customTerm) visibleTargetKeys.push(customTerm);
 	let preferredOptionKey = null;
 	if (exactOptionKey != null && visibleTargetKeys.includes(exactOptionKey)) preferredOptionKey = exactOptionKey;
-	else if (term) preferredOptionKey = visibleTargetKeys.find((key_6) => !uniqueValues.includes(String(key_6))) ?? null;
+	else if (term) preferredOptionKey = visibleTargetKeys.find((key_7) => !uniqueValues.includes(String(key_7))) ?? null;
 	if (preferredOptionKey == null) preferredOptionKey = visibleTargetKeys[0] ?? null;
 	const focusTermRef = useRef(null);
-	let t21;
-	if ($[112] !== customTerm || $[113] !== moveVirtualFocus || $[114] !== preferredOptionKey || $[115] !== setActiveOption || $[116] !== setPopoverMinWidth || $[117] !== shouldShowPopover || $[118] !== term || $[119] !== visibleOptionsSignature || $[120] !== wrapperRef) {
-		t21 = () => {
+	let t22;
+	if ($[114] !== customTerm || $[115] !== moveVirtualFocus || $[116] !== preferredOptionKey || $[117] !== setActiveOption || $[118] !== setPopoverMinWidth || $[119] !== shouldShowPopover || $[120] !== term || $[121] !== visibleOptionsSignature || $[122] !== wrapperRef) {
+		t22 = () => {
 			if (!shouldShowPopover) {
 				focusTermRef.current = null;
 				return;
@@ -724,20 +734,20 @@ function TagInput(props, ref) {
 				isCancelled = true;
 			};
 		};
-		$[112] = customTerm;
-		$[113] = moveVirtualFocus;
-		$[114] = preferredOptionKey;
-		$[115] = setActiveOption;
-		$[116] = setPopoverMinWidth;
-		$[117] = shouldShowPopover;
-		$[118] = term;
-		$[119] = visibleOptionsSignature;
-		$[120] = wrapperRef;
-		$[121] = t21;
-	} else t21 = $[121];
-	let t22;
-	if ($[122] !== customTerm || $[123] !== moveVirtualFocus || $[124] !== preferredOptionKey || $[125] !== shouldShowPopover || $[126] !== term || $[127] !== visibleOptionsSignature || $[128] !== wrapperRef) {
-		t22 = [
+		$[114] = customTerm;
+		$[115] = moveVirtualFocus;
+		$[116] = preferredOptionKey;
+		$[117] = setActiveOption;
+		$[118] = setPopoverMinWidth;
+		$[119] = shouldShowPopover;
+		$[120] = term;
+		$[121] = visibleOptionsSignature;
+		$[122] = wrapperRef;
+		$[123] = t22;
+	} else t22 = $[123];
+	let t23;
+	if ($[124] !== customTerm || $[125] !== moveVirtualFocus || $[126] !== preferredOptionKey || $[127] !== shouldShowPopover || $[128] !== term || $[129] !== visibleOptionsSignature || $[130] !== wrapperRef) {
+		t23 = [
 			shouldShowPopover,
 			visibleOptionsSignature,
 			customTerm,
@@ -746,42 +756,42 @@ function TagInput(props, ref) {
 			moveVirtualFocus,
 			wrapperRef
 		];
-		$[122] = customTerm;
-		$[123] = moveVirtualFocus;
-		$[124] = preferredOptionKey;
-		$[125] = shouldShowPopover;
-		$[126] = term;
-		$[127] = visibleOptionsSignature;
-		$[128] = wrapperRef;
-		$[129] = t22;
-	} else t22 = $[129];
-	useLayoutEffect(t21, t22);
-	let t23;
-	if ($[130] !== setDraftState || $[131] !== setIsFilterActive) {
-		t23 = (next_0) => {
+		$[124] = customTerm;
+		$[125] = moveVirtualFocus;
+		$[126] = preferredOptionKey;
+		$[127] = shouldShowPopover;
+		$[128] = term;
+		$[129] = visibleOptionsSignature;
+		$[130] = wrapperRef;
+		$[131] = t23;
+	} else t23 = $[131];
+	useLayoutEffect(t22, t23);
+	let t24;
+	if ($[132] !== setDraftState || $[133] !== setIsFilterActive) {
+		t24 = (next_0) => {
 			setDraftState(next_0);
 			setIsFilterActive(!!next_0.trim());
 		};
-		$[130] = setDraftState;
-		$[131] = setIsFilterActive;
-		$[132] = t23;
-	} else t23 = $[132];
-	const setDraft = useEvent(t23);
-	let t24;
-	if ($[133] !== setAnnouncement) {
-		t24 = (text_2) => {
+		$[132] = setDraftState;
+		$[133] = setIsFilterActive;
+		$[134] = t24;
+	} else t24 = $[134];
+	const setDraft = useEvent(t24);
+	let t25;
+	if ($[135] !== setAnnouncement) {
+		t25 = (text_2) => {
 			setAnnouncement((prev_0) => ({
 				id: prev_0.id + 1,
 				text: text_2
 			}));
 		};
-		$[133] = setAnnouncement;
-		$[134] = t24;
-	} else t24 = $[134];
-	const announce = useEvent(t24);
-	let t25;
-	if ($[135] !== maxTags || $[136] !== t) {
-		t25 = (rejection) => {
+		$[135] = setAnnouncement;
+		$[136] = t25;
+	} else t25 = $[136];
+	const announce = useEvent(t25);
+	let t26;
+	if ($[137] !== maxTags || $[138] !== t) {
+		t26 = (rejection) => {
 			if (rejection.message) return rejection.message;
 			switch (rejection.reason) {
 				case "duplicate": return t("tagInput.duplicateValue", "\"{{value}}\" is already added", { value: rejection.text });
@@ -791,18 +801,18 @@ function TagInput(props, ref) {
 				default: return t("tagInput.invalidValue", "\"{{value}}\" is not a valid value", { value: rejection.text });
 			}
 		};
-		$[135] = maxTags;
-		$[136] = t;
-		$[137] = t25;
-	} else t25 = $[137];
-	const rejectionMessage = useEvent(t25);
-	let t26;
-	if ($[138] !== delimiters) {
-		t26 = delimiters.find(_temp5);
-		$[138] = delimiters;
+		$[137] = maxTags;
+		$[138] = t;
 		$[139] = t26;
 	} else t26 = $[139];
-	const joinDelimiter = t26;
+	const rejectionMessage = useEvent(t26);
+	let t27;
+	if ($[140] !== delimiters) {
+		t27 = delimiters.find(_temp5);
+		$[140] = delimiters;
+		$[141] = t27;
+	} else t27 = $[141];
+	const joinDelimiter = t27;
 	const joiner = joinDelimiter ? `${joinDelimiter} ` : " ";
 	const hasFieldMessage = !!label || !!props.forceField;
 	const commitParts = useEvent((parts, source_1) => {
@@ -871,31 +881,31 @@ function TagInput(props, ref) {
 		setTagError(error);
 		return kept.map(_temp7).join(joiner);
 	});
-	let t27;
-	if ($[140] !== commitParts || $[141] !== delimiters || $[142] !== draft || $[143] !== setDraft) {
-		t27 = () => {
+	let t28;
+	if ($[142] !== commitParts || $[143] !== delimiters || $[144] !== draft || $[145] !== setDraft) {
+		t28 = () => {
 			const rest = commitParts(splitTagText(draft, delimiters));
 			setDraft(rest);
 			return rest;
 		};
-		$[140] = commitParts;
-		$[141] = delimiters;
-		$[142] = draft;
-		$[143] = setDraft;
-		$[144] = t27;
-	} else t27 = $[144];
-	const commitDraft = useEvent(t27);
-	let t28;
-	if ($[145] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = () => {
+		$[142] = commitParts;
+		$[143] = delimiters;
+		$[144] = draft;
+		$[145] = setDraft;
+		$[146] = t28;
+	} else t28 = $[146];
+	const commitDraft = useEvent(t28);
+	let t29;
+	if ($[147] === Symbol.for("react.memo_cache_sentinel")) {
+		t29 = () => {
 			const rows = tagListRef.current?.querySelectorAll("[role=\"row\"]:not([aria-disabled=\"true\"])");
 			rows?.[rows.length - 1]?.focus();
 		};
-		$[145] = t28;
-	} else t28 = $[145];
-	const focusLastTag = useEvent(t28);
+		$[147] = t29;
+	} else t29 = $[147];
+	const focusLastTag = useEvent(t29);
 	const removeValues = useEvent((requested) => {
-		const keys_0 = requested.filter((key_7) => !isTagLocked(key_7));
+		const keys_0 = requested.filter((key_8) => !isTagLocked(key_8));
 		if (!keys_0.length) return;
 		const removed = new Set(keys_0);
 		const next_1 = uniqueValues.filter((value_1) => !removed.has(value_1));
@@ -904,20 +914,20 @@ function TagInput(props, ref) {
 		setTagError(null);
 		announce(t("tagInput.removed", "Removed {{value}}", { value: formatList(keys_0.map(getTagLabel)) }));
 	});
-	const toggleOption = useEvent((key_8) => {
-		if (isTagLocked(key_8)) return;
-		const source_2 = collection.getItem(key_8) != null ? "option" : customValueKeys.includes(key_8) ? "custom" : "text";
+	const toggleOption = useEvent((key_9) => {
+		if (isTagLocked(key_9)) return;
+		const source_2 = getOption(key_9) != null ? "option" : customValueKeys.includes(key_9) ? "custom" : "text";
 		setTagError(null);
-		if (uniqueValues.includes(key_8)) {
-			removeValues([key_8]);
+		if (uniqueValues.includes(key_9)) {
+			removeValues([key_9]);
 			setDraft("");
-			if (customValueKeys.includes(key_8)) setUnpickedCustomValues((prev_1) => prev_1.includes(key_8) ? prev_1 : [...prev_1, key_8]);
-		} else if (!commitParts([key_8], source_2)) setDraft("");
+			if (customValueKeys.includes(key_9)) setUnpickedCustomValues((prev_1) => prev_1.includes(key_9) ? prev_1 : [...prev_1, key_9]);
+		} else if (!commitParts([key_9], source_2)) setDraft("");
 	});
 	const handlePopoverSelection = useEvent((selection) => {
 		if (!Array.isArray(selection)) return;
 		const next_2 = new Set(selection.map(String));
-		const changed = [...[...next_2].filter((key_9) => !uniqueValues.includes(key_9)), ...uniqueValues.filter((value_3) => !next_2.has(value_3) && (collection.getItem(value_3) != null || visibleCustomKeys.includes(value_3)))];
+		const changed = [...[...next_2].filter((key_10) => !uniqueValues.includes(key_10)), ...uniqueValues.filter((value_3) => !next_2.has(value_3) && (getOption(value_3) != null || visibleCustomKeys.includes(value_3)))];
 		changed.forEach(toggleOption);
 		const clicked = changed[changed.length - 1];
 		if (clicked != null) {
@@ -966,16 +976,16 @@ function TagInput(props, ref) {
 			const targetKey = shouldShowPopover ? isCurrent ? activeOption.key : preferredOptionKey : null;
 			if (targetKey != null) {
 				e.preventDefault();
-				const key_10 = String(targetKey);
-				if (term && uniqueValues.includes(key_10) && !(isCurrent && activeOption.source === "user")) {
+				const key_11 = String(targetKey);
+				if (term && uniqueValues.includes(key_11) && !(isCurrent && activeOption.source === "user")) {
 					setDraft("");
 					setTagError(rejectionMessage({
-						text: getTagLabel(key_10),
+						text: getTagLabel(key_11),
 						reason: "duplicate"
 					}));
 					return;
 				}
-				toggleOption(key_10);
+				toggleOption(key_11);
 				return;
 			}
 			e.preventDefault();
@@ -1019,9 +1029,9 @@ function TagInput(props, ref) {
 		setDraft(nextDraft);
 		if (hasOptions && popoverTrigger !== "manual" && nextDraft.trim()) setIsPopoverOpen(true);
 	});
-	let t29;
-	if ($[146] !== commitParts || $[147] !== delimiters || $[148] !== draft || $[149] !== isInteractive || $[150] !== setDraft || $[151] !== setTagError) {
-		t29 = (e_0) => {
+	let t30;
+	if ($[148] !== commitParts || $[149] !== delimiters || $[150] !== draft || $[151] !== isInteractive || $[152] !== setDraft || $[153] !== setTagError) {
+		t30 = (e_0) => {
 			if (!isInteractive) return;
 			const pasted = e_0.clipboardData.getData("text");
 			if (!pasted || splitTagText(pasted, delimiters).length < 2) return;
@@ -1032,18 +1042,18 @@ function TagInput(props, ref) {
 			setTagError(null);
 			setDraft(commitParts(splitTagText(`${draft.slice(0, start_0)}\n${pasted}\n${draft.slice(end_0)}`, delimiters)));
 		};
-		$[146] = commitParts;
-		$[147] = delimiters;
-		$[148] = draft;
-		$[149] = isInteractive;
-		$[150] = setDraft;
-		$[151] = setTagError;
-		$[152] = t29;
-	} else t29 = $[152];
-	const handlePaste = useEvent(t29);
-	let t30;
-	if ($[153] !== allowsCustomValue || $[154] !== commitDraft || $[155] !== draft || $[156] !== hasOptions || $[157] !== isInteractive || $[158] !== setDraft || $[159] !== setTagError || $[160] !== shouldCommitOnBlur || $[161] !== term || $[162] !== termOptionKey) {
-		t30 = () => {
+		$[148] = commitParts;
+		$[149] = delimiters;
+		$[150] = draft;
+		$[151] = isInteractive;
+		$[152] = setDraft;
+		$[153] = setTagError;
+		$[154] = t30;
+	} else t30 = $[154];
+	const handlePaste = useEvent(t30);
+	let t31;
+	if ($[155] !== allowsCustomValue || $[156] !== commitDraft || $[157] !== draft || $[158] !== hasOptions || $[159] !== isInteractive || $[160] !== setDraft || $[161] !== setTagError || $[162] !== shouldCommitOnBlur || $[163] !== term || $[164] !== termOptionKey) {
+		t31 = () => {
 			if (!term) return "";
 			if (!shouldCommitOnBlur || !isInteractive) return draft;
 			if (hasOptions && !allowsCustomValue && termOptionKey == null) {
@@ -1053,57 +1063,57 @@ function TagInput(props, ref) {
 			}
 			return commitDraft();
 		};
-		$[153] = allowsCustomValue;
-		$[154] = commitDraft;
-		$[155] = draft;
-		$[156] = hasOptions;
-		$[157] = isInteractive;
-		$[158] = setDraft;
-		$[159] = setTagError;
-		$[160] = shouldCommitOnBlur;
-		$[161] = term;
-		$[162] = termOptionKey;
-		$[163] = t30;
-	} else t30 = $[163];
-	const settleDraft = useEvent(t30);
-	let t31;
-	if ($[164] !== onBlur || $[165] !== setIsPopoverOpen || $[166] !== setTagError || $[167] !== setUnpickedCustomValues || $[168] !== settleDraft) {
-		t31 = () => {
+		$[155] = allowsCustomValue;
+		$[156] = commitDraft;
+		$[157] = draft;
+		$[158] = hasOptions;
+		$[159] = isInteractive;
+		$[160] = setDraft;
+		$[161] = setTagError;
+		$[162] = shouldCommitOnBlur;
+		$[163] = term;
+		$[164] = termOptionKey;
+		$[165] = t31;
+	} else t31 = $[165];
+	const settleDraft = useEvent(t31);
+	let t32;
+	if ($[166] !== onBlur || $[167] !== setIsPopoverOpen || $[168] !== setTagError || $[169] !== setUnpickedCustomValues || $[170] !== settleDraft) {
+		t32 = () => {
 			setIsPopoverOpen(false);
 			setUnpickedCustomValues([]);
 			if (!settleDraft()) setTagError(null);
 			onBlur?.();
 		};
-		$[164] = onBlur;
-		$[165] = setIsPopoverOpen;
-		$[166] = setTagError;
-		$[167] = setUnpickedCustomValues;
-		$[168] = settleDraft;
-		$[169] = t31;
-	} else t31 = $[169];
-	const handleCompositeBlur = useEvent(t31);
-	const t32 = rootRef;
-	const t33 = popoverRef;
-	let t34;
-	if ($[170] !== handleCompositeBlur || $[171] !== isDisabled || $[172] !== onFocus || $[173] !== t32 || $[174] !== t33) {
-		t34 = {
-			wrapperRef: t32,
-			popoverRef: t33,
+		$[166] = onBlur;
+		$[167] = setIsPopoverOpen;
+		$[168] = setTagError;
+		$[169] = setUnpickedCustomValues;
+		$[170] = settleDraft;
+		$[171] = t32;
+	} else t32 = $[171];
+	const handleCompositeBlur = useEvent(t32);
+	const t33 = rootRef;
+	const t34 = popoverRef;
+	let t35;
+	if ($[172] !== handleCompositeBlur || $[173] !== isDisabled || $[174] !== onFocus || $[175] !== t33 || $[176] !== t34) {
+		t35 = {
+			wrapperRef: t33,
+			popoverRef: t34,
 			onFocus,
 			onBlur: handleCompositeBlur,
 			isDisabled
 		};
-		$[170] = handleCompositeBlur;
-		$[171] = isDisabled;
-		$[172] = onFocus;
-		$[173] = t32;
-		$[174] = t33;
-		$[175] = t34;
-	} else t34 = $[175];
-	const { compositeFocusProps } = useCompositeFocus(t34);
-	let t35;
-	if ($[176] !== rootRef || $[177] !== setIsPopoverOpen || $[178] !== settleDraft) {
-		t35 = (e_1) => {
+		$[172] = handleCompositeBlur;
+		$[173] = isDisabled;
+		$[174] = onFocus;
+		$[175] = t33;
+		$[176] = t34;
+		$[177] = t35;
+	} else t35 = $[177];
+	const { compositeFocusProps } = useCompositeFocus(t35);
+	let t36;
+	if ($[178] !== rootRef || $[179] !== setIsPopoverOpen || $[180] !== settleDraft) {
+		t36 = (e_1) => {
 			const isTabbing = isTabbingRef.current;
 			const next_4 = e_1.relatedTarget;
 			isTabbingRef.current = false;
@@ -1111,27 +1121,27 @@ function TagInput(props, ref) {
 			setIsPopoverOpen(false);
 			settleDraft();
 		};
-		$[176] = rootRef;
-		$[177] = setIsPopoverOpen;
-		$[178] = settleDraft;
-		$[179] = t35;
-	} else t35 = $[179];
-	const handleInputBlur = useEvent(t35);
-	let t36;
-	if ($[180] !== hasOptions || $[181] !== isInteractive || $[182] !== popoverTrigger || $[183] !== setIsPopoverOpen) {
-		t36 = () => {
+		$[178] = rootRef;
+		$[179] = setIsPopoverOpen;
+		$[180] = settleDraft;
+		$[181] = t36;
+	} else t36 = $[181];
+	const handleInputBlur = useEvent(t36);
+	let t37;
+	if ($[182] !== hasOptions || $[183] !== isInteractive || $[184] !== popoverTrigger || $[185] !== setIsPopoverOpen) {
+		t37 = () => {
 			if (hasOptions && popoverTrigger === "focus" && isInteractive) setIsPopoverOpen(true);
 		};
-		$[180] = hasOptions;
-		$[181] = isInteractive;
-		$[182] = popoverTrigger;
-		$[183] = setIsPopoverOpen;
-		$[184] = t36;
-	} else t36 = $[184];
-	const handleInputFocus = useEvent(t36);
+		$[182] = hasOptions;
+		$[183] = isInteractive;
+		$[184] = popoverTrigger;
+		$[185] = setIsPopoverOpen;
+		$[186] = t37;
+	} else t37 = $[186];
+	const handleInputFocus = useEvent(t37);
 	const tags = uniqueValues.map((value_5) => {
 		const ownProps = tagProps?.(value_5);
-		const result_0 = !(collection.getItem(value_5) != null || knownLabels.has(value_5)) && validateTag ? validateTag(value_5) : true;
+		const result_0 = !(getOption(value_5) != null || knownLabels.has(value_5)) && validateTag ? validateTag(value_5) : true;
 		const label_1 = textLabel(ownProps?.children) ?? getOptionLabel(value_5);
 		return {
 			key: value_5,
@@ -1146,9 +1156,9 @@ function TagInput(props, ref) {
 	const hasBackspaceHint = isInteractive && hasRemovableTags;
 	const lockedKeys = tags.filter(_temp0).map(_temp1);
 	const optionDisabledKeys = lockedKeys.length ? [...disabledKeySet, ...lockedKeys] : disabledKeys;
-	let t37;
-	if ($[185] !== autoFocus || $[186] !== draft || $[187] !== effectiveIsInvalid || $[188] !== handleInputChange || $[189] !== id || $[190] !== isDisabled || $[191] !== isReadOnly || $[192] !== isRequired || $[193] !== label || $[194] !== otherProps || $[195] !== placeholder) {
-		t37 = {
+	let t38;
+	if ($[187] !== autoFocus || $[188] !== draft || $[189] !== effectiveIsInvalid || $[190] !== handleInputChange || $[191] !== id || $[192] !== isDisabled || $[193] !== isReadOnly || $[194] !== isRequired || $[195] !== label || $[196] !== otherProps || $[197] !== placeholder) {
+		t38 = {
 			...otherProps,
 			id,
 			label,
@@ -1161,20 +1171,20 @@ function TagInput(props, ref) {
 			autoFocus,
 			onChange: handleInputChange
 		};
-		$[185] = autoFocus;
-		$[186] = draft;
-		$[187] = effectiveIsInvalid;
-		$[188] = handleInputChange;
-		$[189] = id;
-		$[190] = isDisabled;
-		$[191] = isReadOnly;
-		$[192] = isRequired;
-		$[193] = label;
-		$[194] = otherProps;
-		$[195] = placeholder;
-		$[196] = t37;
-	} else t37 = $[196];
-	const { labelProps, inputProps } = useTextField(t37, inputRef);
+		$[187] = autoFocus;
+		$[188] = draft;
+		$[189] = effectiveIsInvalid;
+		$[190] = handleInputChange;
+		$[191] = id;
+		$[192] = isDisabled;
+		$[193] = isReadOnly;
+		$[194] = isRequired;
+		$[195] = label;
+		$[196] = otherProps;
+		$[197] = placeholder;
+		$[198] = t38;
+	} else t38 = $[198];
+	const { labelProps, inputProps } = useTextField(t38, inputRef);
 	const labelId = label ? labelProps.id : void 0;
 	const describedBy = [];
 	if (inputProps["aria-describedby"]) describedBy.push(inputProps["aria-describedby"]);
@@ -1196,25 +1206,25 @@ function TagInput(props, ref) {
 		"aria-controls": shouldShowPopover ? listBoxId : void 0,
 		"aria-activedescendant": shouldShowPopover && activeOptionKey != null ? getListBoxOptionId(listBoxId, activeOptionKey) : void 0
 	} : null);
-	let t38;
-	if ($[197] !== hasResults || $[198] !== inputRef || $[199] !== setIsFilterActive || $[200] !== setIsPopoverOpen || $[201] !== shouldShowPopover) {
-		t38 = () => {
+	let t39;
+	if ($[199] !== hasResults || $[200] !== inputRef || $[201] !== setIsFilterActive || $[202] !== setIsPopoverOpen || $[203] !== shouldShowPopover) {
+		t39 = () => {
 			const willOpen = !shouldShowPopover;
 			if (willOpen && !hasResults) setIsFilterActive(false);
 			setIsPopoverOpen(willOpen);
 			inputRef.current?.focus();
 		};
-		$[197] = hasResults;
-		$[198] = inputRef;
-		$[199] = setIsFilterActive;
-		$[200] = setIsPopoverOpen;
-		$[201] = shouldShowPopover;
-		$[202] = t38;
-	} else t38 = $[202];
-	const handleTriggerPress = useEvent(t38);
-	let t39;
-	if ($[203] !== handleTriggerPress || $[204] !== hasOptions || $[205] !== hideTrigger || $[206] !== isInteractive || $[207] !== labelId || $[208] !== shouldShowPopover || $[209] !== size || $[210] !== t || $[211] !== triggerId || $[212] !== triggerStyles) {
-		t39 = hasOptions && !hideTrigger ? /* @__PURE__ */ jsx(ItemAction, {
+		$[199] = hasResults;
+		$[200] = inputRef;
+		$[201] = setIsFilterActive;
+		$[202] = setIsPopoverOpen;
+		$[203] = shouldShowPopover;
+		$[204] = t39;
+	} else t39 = $[204];
+	const handleTriggerPress = useEvent(t39);
+	let t40;
+	if ($[205] !== handleTriggerPress || $[206] !== hasOptions || $[207] !== hideTrigger || $[208] !== isInteractive || $[209] !== labelId || $[210] !== shouldShowPopover || $[211] !== size || $[212] !== t || $[213] !== triggerId || $[214] !== triggerStyles) {
+		t40 = hasOptions && !hideTrigger ? /* @__PURE__ */ jsx(ItemAction, {
 			"data-popover-trigger": true,
 			id: triggerId,
 			qa: "TagInputTrigger",
@@ -1230,40 +1240,40 @@ function TagInput(props, ref) {
 			"aria-labelledby": labelId ? `${triggerId} ${labelId}` : void 0,
 			onPress: handleTriggerPress
 		}) : null;
-		$[203] = handleTriggerPress;
-		$[204] = hasOptions;
-		$[205] = hideTrigger;
-		$[206] = isInteractive;
-		$[207] = labelId;
-		$[208] = shouldShowPopover;
-		$[209] = size;
-		$[210] = t;
-		$[211] = triggerId;
-		$[212] = triggerStyles;
-		$[213] = t39;
-	} else t39 = $[213];
-	const trigger = t39;
-	let t40;
-	if ($[214] !== inputRef || $[215] !== onClear || $[216] !== setDraft || $[217] !== setIsPopoverOpen || $[218] !== setTagError) {
-		t40 = () => {
+		$[205] = handleTriggerPress;
+		$[206] = hasOptions;
+		$[207] = hideTrigger;
+		$[208] = isInteractive;
+		$[209] = labelId;
+		$[210] = shouldShowPopover;
+		$[211] = size;
+		$[212] = t;
+		$[213] = triggerId;
+		$[214] = triggerStyles;
+		$[215] = t40;
+	} else t40 = $[215];
+	const trigger = t40;
+	let t41;
+	if ($[216] !== inputRef || $[217] !== onClear || $[218] !== setDraft || $[219] !== setIsPopoverOpen || $[220] !== setTagError) {
+		t41 = () => {
 			inputRef.current?.focus();
 			setDraft("");
 			setTagError(null);
 			setIsPopoverOpen(false);
 			onClear?.();
 		};
-		$[214] = inputRef;
-		$[215] = onClear;
-		$[216] = setDraft;
-		$[217] = setIsPopoverOpen;
-		$[218] = setTagError;
-		$[219] = t40;
-	} else t40 = $[219];
-	const clearText = useEvent(t40);
+		$[216] = inputRef;
+		$[217] = onClear;
+		$[218] = setDraft;
+		$[219] = setIsPopoverOpen;
+		$[220] = setTagError;
+		$[221] = t41;
+	} else t41 = $[221];
+	const clearText = useEvent(t41);
 	const canClear = !!isClearable && isInteractive && draft !== "";
-	let t41;
-	if ($[220] !== canClear || $[221] !== clearId || $[222] !== clearText || $[223] !== labelId || $[224] !== size || $[225] !== t) {
-		t41 = canClear ? /* @__PURE__ */ jsx(ItemAction, {
+	let t42;
+	if ($[222] !== canClear || $[223] !== clearId || $[224] !== clearText || $[225] !== labelId || $[226] !== size || $[227] !== t) {
+		t42 = canClear ? /* @__PURE__ */ jsx(ItemAction, {
 			id: clearId,
 			qa: "TagInputClearButton",
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
@@ -1273,30 +1283,30 @@ function TagInput(props, ref) {
 			"aria-labelledby": labelId ? `${clearId} ${labelId}` : void 0,
 			onPress: clearText
 		}) : null;
-		$[220] = canClear;
-		$[221] = clearId;
-		$[222] = clearText;
-		$[223] = labelId;
-		$[224] = size;
-		$[225] = t;
-		$[226] = t41;
-	} else t41 = $[226];
-	const clearButton = t41;
+		$[222] = canClear;
+		$[223] = clearId;
+		$[224] = clearText;
+		$[225] = labelId;
+		$[226] = size;
+		$[227] = t;
+		$[228] = t42;
+	} else t42 = $[228];
+	const clearButton = t42;
 	const hasActions = clearButton != null || trigger != null;
 	const T0 = TagInputElement;
-	const t42 = qa || "TagInput";
-	let t43;
-	if ($[227] !== clearButton || $[228] !== hasActions || $[229] !== trigger) {
-		t43 = hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [clearButton, trigger] }) : null;
-		$[227] = clearButton;
-		$[228] = hasActions;
-		$[229] = trigger;
-		$[230] = t43;
-	} else t43 = $[230];
+	const t43 = qa || "TagInput";
 	let t44;
-	if ($[231] !== autoFocus || $[232] !== effectiveIsInvalid || $[233] !== icon || $[234] !== inputRef || $[235] !== inputStyles || $[236] !== isDisabled || $[237] !== isLoading || $[238] !== isValid || $[239] !== mods || $[240] !== prefix || $[241] !== size || $[242] !== suffix || $[243] !== suffixPosition || $[244] !== t42 || $[245] !== t43 || $[246] !== tagInputProps || $[247] !== wrapperRef || $[248] !== wrapperStyles) {
-		t44 = /* @__PURE__ */ jsx(TextInputBase, {
-			qa: t42,
+	if ($[229] !== clearButton || $[230] !== hasActions || $[231] !== trigger) {
+		t44 = hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [clearButton, trigger] }) : null;
+		$[229] = clearButton;
+		$[230] = hasActions;
+		$[231] = trigger;
+		$[232] = t44;
+	} else t44 = $[232];
+	let t45;
+	if ($[233] !== autoFocus || $[234] !== effectiveIsInvalid || $[235] !== icon || $[236] !== inputRef || $[237] !== inputStyles || $[238] !== isDisabled || $[239] !== isLoading || $[240] !== isValid || $[241] !== mods || $[242] !== prefix || $[243] !== size || $[244] !== suffix || $[245] !== suffixPosition || $[246] !== t43 || $[247] !== t44 || $[248] !== tagInputProps || $[249] !== wrapperRef || $[250] !== wrapperStyles) {
+		t45 = /* @__PURE__ */ jsx(TextInputBase, {
+			qa: t43,
 			inputRef,
 			wrapperRef,
 			inputProps: tagInputProps,
@@ -1305,7 +1315,7 @@ function TagInput(props, ref) {
 			prefix,
 			suffix,
 			suffixPosition,
-			actions: t43,
+			actions: t44,
 			size,
 			autoFocus,
 			isDisabled,
@@ -1315,27 +1325,27 @@ function TagInput(props, ref) {
 			styles: wrapperStyles,
 			inputStyles
 		});
-		$[231] = autoFocus;
-		$[232] = effectiveIsInvalid;
-		$[233] = icon;
-		$[234] = inputRef;
-		$[235] = inputStyles;
-		$[236] = isDisabled;
-		$[237] = isLoading;
-		$[238] = isValid;
-		$[239] = mods;
-		$[240] = prefix;
-		$[241] = size;
-		$[242] = suffix;
-		$[243] = suffixPosition;
-		$[244] = t42;
-		$[245] = t43;
-		$[246] = tagInputProps;
-		$[247] = wrapperRef;
-		$[248] = wrapperStyles;
-		$[249] = t44;
-	} else t44 = $[249];
-	const t45 = tags.length ? /* @__PURE__ */ jsx(TagList, {
+		$[233] = autoFocus;
+		$[234] = effectiveIsInvalid;
+		$[235] = icon;
+		$[236] = inputRef;
+		$[237] = inputStyles;
+		$[238] = isDisabled;
+		$[239] = isLoading;
+		$[240] = isValid;
+		$[241] = mods;
+		$[242] = prefix;
+		$[243] = size;
+		$[244] = suffix;
+		$[245] = suffixPosition;
+		$[246] = t43;
+		$[247] = t44;
+		$[248] = tagInputProps;
+		$[249] = wrapperRef;
+		$[250] = wrapperStyles;
+		$[251] = t45;
+	} else t45 = $[251];
+	const t46 = tags.length ? /* @__PURE__ */ jsx(TagList, {
 		id: tagListId,
 		listRef: tagListRef,
 		inputRef,
@@ -1349,50 +1359,50 @@ function TagInput(props, ref) {
 		tagStyles,
 		onRemove: removeValues
 	}) : null;
-	const t46 = true;
-	const t47 = tags.length ? t("tagInput.summary", "Selected: {{values}}.", { values: formatList(tags.map(_temp10)) }) : null;
-	let t48;
-	if ($[250] !== summaryId || $[251] !== t47) {
-		t48 = /* @__PURE__ */ jsx("span", {
-			hidden: t46,
+	const t47 = true;
+	const t48 = tags.length ? t("tagInput.summary", "Selected: {{values}}.", { values: formatList(tags.map(_temp10)) }) : null;
+	let t49;
+	if ($[252] !== summaryId || $[253] !== t48) {
+		t49 = /* @__PURE__ */ jsx("span", {
+			hidden: t47,
 			id: summaryId,
-			children: t47
+			children: t48
 		});
-		$[250] = summaryId;
-		$[251] = t47;
-		$[252] = t48;
-	} else t48 = $[252];
-	let t49;
-	if ($[253] !== hasBackspaceHint || $[254] !== t) {
-		t49 = hasBackspaceHint ? t("tagInput.backspaceHint", "Press Backspace to go to the selected values.") : null;
-		$[253] = hasBackspaceHint;
-		$[254] = t;
-		$[255] = t49;
-	} else t49 = $[255];
+		$[252] = summaryId;
+		$[253] = t48;
+		$[254] = t49;
+	} else t49 = $[254];
 	let t50;
-	if ($[256] !== hintId || $[257] !== t49) {
-		t50 = /* @__PURE__ */ jsx("span", {
+	if ($[255] !== hasBackspaceHint || $[256] !== t) {
+		t50 = hasBackspaceHint ? t("tagInput.backspaceHint", "Press Backspace to go to the selected values.") : null;
+		$[255] = hasBackspaceHint;
+		$[256] = t;
+		$[257] = t50;
+	} else t50 = $[257];
+	let t51;
+	if ($[258] !== hintId || $[259] !== t50) {
+		t51 = /* @__PURE__ */ jsx("span", {
 			hidden: true,
 			id: hintId,
-			children: t49
+			children: t50
 		});
-		$[256] = hintId;
-		$[257] = t49;
-		$[258] = t50;
-	} else t50 = $[258];
-	let t51;
-	if ($[259] !== announcement.id || $[260] !== announcement.text) {
-		t51 = /* @__PURE__ */ jsx(VisuallyHidden, {
+		$[258] = hintId;
+		$[259] = t50;
+		$[260] = t51;
+	} else t51 = $[260];
+	let t52;
+	if ($[261] !== announcement.id || $[262] !== announcement.text) {
+		t52 = /* @__PURE__ */ jsx(VisuallyHidden, {
 			role: "status",
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			children: /* @__PURE__ */ jsx("span", { children: announcement.text }, announcement.id)
 		});
-		$[259] = announcement.id;
-		$[260] = announcement.text;
-		$[261] = t51;
-	} else t51 = $[261];
-	const t52 = hasOptions ? /* @__PURE__ */ jsx(ListBoxPopover, {
+		$[261] = announcement.id;
+		$[262] = announcement.text;
+		$[263] = t52;
+	} else t52 = $[263];
+	const t53 = hasOptions ? /* @__PURE__ */ jsx(ListBoxPopover, {
 		isOpen: shouldShowPopover,
 		triggerRef: wrapperRef,
 		popoverRef,
@@ -1426,9 +1436,9 @@ function TagInput(props, ref) {
 		onClose: () => setIsPopoverOpen(false),
 		children: popoverChildren
 	}) : null;
-	let t53;
-	if ($[262] !== T0 || $[263] !== className || $[264] !== compositeFocusProps || $[265] !== qaVal || $[266] !== rootRef || $[267] !== style || $[268] !== styles || $[269] !== t44 || $[270] !== t45 || $[271] !== t48 || $[272] !== t50 || $[273] !== t51 || $[274] !== t52) {
-		t53 = /* @__PURE__ */ jsxs(T0, {
+	let t54;
+	if ($[264] !== T0 || $[265] !== className || $[266] !== compositeFocusProps || $[267] !== qaVal || $[268] !== rootRef || $[269] !== style || $[270] !== styles || $[271] !== t45 || $[272] !== t46 || $[273] !== t49 || $[274] !== t51 || $[275] !== t52 || $[276] !== t53) {
+		t54 = /* @__PURE__ */ jsxs(T0, {
 			ref: rootRef,
 			className,
 			style,
@@ -1436,44 +1446,44 @@ function TagInput(props, ref) {
 			styles,
 			...compositeFocusProps,
 			children: [
-				t44,
 				t45,
-				t48,
-				t50,
+				t46,
+				t49,
 				t51,
-				t52
+				t52,
+				t53
 			]
 		});
-		$[262] = T0;
-		$[263] = className;
-		$[264] = compositeFocusProps;
-		$[265] = qaVal;
-		$[266] = rootRef;
-		$[267] = style;
-		$[268] = styles;
-		$[269] = t44;
-		$[270] = t45;
-		$[271] = t48;
-		$[272] = t50;
-		$[273] = t51;
-		$[274] = t52;
-		$[275] = t53;
-	} else t53 = $[275];
-	const tagInputField = t53;
+		$[264] = T0;
+		$[265] = className;
+		$[266] = compositeFocusProps;
+		$[267] = qaVal;
+		$[268] = rootRef;
+		$[269] = style;
+		$[270] = styles;
+		$[271] = t45;
+		$[272] = t46;
+		$[273] = t49;
+		$[274] = t51;
+		$[275] = t52;
+		$[276] = t53;
+		$[277] = t54;
+	} else t54 = $[277];
+	const tagInputField = t54;
 	const { children: _children, ...fieldProps } = props;
 	const fieldRef = useCombinedRefs();
-	let t54;
-	if ($[276] !== message || $[277] !== tagError) {
-		t54 = tagError ? /* @__PURE__ */ jsx("span", { children: tagError.text }, tagError.id) : message;
-		$[276] = message;
-		$[277] = tagError;
-		$[278] = t54;
-	} else t54 = $[278];
+	let t55;
+	if ($[278] !== message || $[279] !== tagError) {
+		t55 = tagError ? /* @__PURE__ */ jsx("span", { children: tagError.text }, tagError.id) : message;
+		$[278] = message;
+		$[279] = tagError;
+		$[280] = t55;
+	} else t55 = $[280];
 	return wrapWithField(tagInputField, fieldRef, {
 		...fieldProps,
 		labelProps: mergeProps$1(labelProps, userLabelProps),
 		isInvalid: effectiveIsInvalid,
-		message: t54,
+		message: t55,
 		errorMessage: tagError ? void 0 : errorMessage
 	});
 }
@@ -1506,8 +1516,8 @@ function _temp6(rejection_0) {
 function _temp5(delimiter) {
 	return delimiter && !LINE_BREAK.test(delimiter);
 }
-function _temp4(node_0) {
-	return node_0.type === "section";
+function _temp4(node_1) {
+	return node_1.type === "section";
 }
 function _temp3() {
 	return /* @__PURE__ */ new Map();