@cube-dev/ui-kit 0.0.0-canary-8700a46 → 0.0.0-canary-3b2471f

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8700a46 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | 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";
@@ -69,6 +69,33 @@ function compareText(a, b) {
 	return textSorter.compare(a, b);
 }
 /**
+* The options typed text names. The label comes first, since it is what the
+* user sees, then the key. An exact match is looked for in the whole list
+* before a loose one counts, so `active` finds `active` even after `Active`.
+*/
+function matchOptionText(collection, text) {
+	let byKey = null;
+	let loose = null;
+	for (const node of collection) {
+		const nodes = node.type === "section" ? [...node.childNodes] : [node];
+		for (const child of nodes) {
+			if (child.type !== "item") continue;
+			const key = String(child.key);
+			const label = child.textValue || "";
+			if (label === text) return {
+				exact: key,
+				loose
+			};
+			if (byKey == null && key === text) byKey = key;
+			if (loose == null && isSameText(label, text)) loose = key;
+		}
+	}
+	return {
+		exact: byKey,
+		loose
+	};
+}
+/**
 * The popover's rows: the options, then the user's own values and the typed
 * text. Those go in a section of their own when there are options to set them
 * apart from.
@@ -98,7 +125,7 @@ function isComposingKey(e) {
 	return e.nativeEvent.isComposing || e.keyCode === 229;
 }
 function TagInput(props, ref) {
-	const $ = c(268);
+	const $ = c(276);
 	let t0;
 	if ($[0] !== props) {
 		t0 = castNullableArrayValue(props);
@@ -530,39 +557,54 @@ function TagInput(props, ref) {
 	} else t13 = $[94];
 	const rememberLabels = useEvent(t13);
 	let t14;
-	if ($[95] !== collection || $[96] !== hasOptions) {
+	if ($[95] !== allowsCustomValue || $[96] !== collection || $[97] !== hasOptions) {
 		t14 = (text_0) => {
 			if (!hasOptions) return null;
-			for (const node of collection) {
-				const nodes = node.type === "section" ? [...node.childNodes] : [node];
-				for (const child of nodes) {
-					if (child.type !== "item") continue;
-					if (String(child.key) === text_0 || isSameText(child.textValue || "", text_0)) return String(child.key);
-				}
-			}
-			return null;
+			const match = matchOptionText(collection, text_0);
+			return match.exact ?? (allowsCustomValue ? null : match.loose);
 		};
-		$[95] = collection;
-		$[96] = hasOptions;
-		$[97] = t14;
-	} else t14 = $[97];
+		$[95] = allowsCustomValue;
+		$[96] = collection;
+		$[97] = hasOptions;
+		$[98] = t14;
+	} else t14 = $[98];
 	const findOptionKey = t14;
-	const optionFilterFn = (nodes_0) => {
-		if (!isFilterActive || !term) return nodes_0;
-		return filterCollectionNodes(nodes_0, term, textFilterFn);
+	let t15;
+	if ($[99] !== findOptionKey || $[100] !== normalizeTag) {
+		t15 = (text_1) => {
+			const optionKey = findOptionKey(text_1);
+			if (optionKey != null || !normalizeTag) return {
+				optionKey,
+				typed: text_1
+			};
+			const typed = normalizeTag(text_1).trim();
+			return {
+				optionKey: typed ? findOptionKey(typed) : null,
+				typed
+			};
+		};
+		$[99] = findOptionKey;
+		$[100] = normalizeTag;
+		$[101] = t15;
+	} else t15 = $[101];
+	const resolveTypedText = t15;
+	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 });
 	};
 	const visibleOptionKeys = [];
 	if (hasOptions) collectVisibleKeys(optionFilterFn(collection), visibleOptionKeys, disabledKeys ? new Set(disabledKeys) : void 0);
-	let t15;
-	if ($[98] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = [];
-		$[98] = t15;
-	} else t15 = $[98];
-	const [unpickedCustomValues, setUnpickedCustomValues] = useState(t15);
+	let t16;
+	if ($[102] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = [];
+		$[102] = t16;
+	} else t16 = $[102];
+	const [unpickedCustomValues, setUnpickedCustomValues] = useState(t16);
 	const customValueKeys = hasOptions && allowsCustomValue ? [...new Set([...uniqueValues, ...unpickedCustomValues].filter((value_0) => collection.getItem(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 customTerm = hasOptions && allowsCustomValue && term && findOptionKey(term) == null && !uniqueValues.includes(term) && !customValueKeys.includes(term) ? term : null;
+	const customTerm = hasOptions && allowsCustomValue && term && termOptionKey == null && !uniqueValues.includes(term) && !customValueKeys.includes(term) ? term : null;
 	const popoverChildren = withCustomOptions(children, {
 		customKeys: visibleCustomKeys,
 		customTerm,
@@ -577,29 +619,29 @@ function TagInput(props, ref) {
 	const isInteractive = !isDisabled && !isReadOnly;
 	const shouldShowPopover = hasOptions && isInteractive && isPopoverOpen && hasResults;
 	const notifiedOpenRef = useRef(false);
-	let t16;
 	let t17;
-	if ($[99] !== onOpenChange || $[100] !== shouldShowPopover) {
-		t16 = () => {
+	let t18;
+	if ($[103] !== onOpenChange || $[104] !== shouldShowPopover) {
+		t17 = () => {
 			if (notifiedOpenRef.current === shouldShowPopover) return;
 			notifiedOpenRef.current = shouldShowPopover;
 			onOpenChange?.(shouldShowPopover);
 		};
-		t17 = [shouldShowPopover, onOpenChange];
-		$[99] = onOpenChange;
-		$[100] = shouldShowPopover;
-		$[101] = t16;
-		$[102] = t17;
+		t18 = [shouldShowPopover, onOpenChange];
+		$[103] = onOpenChange;
+		$[104] = shouldShowPopover;
+		$[105] = t17;
+		$[106] = t18;
 	} else {
-		t16 = $[101];
-		t17 = $[102];
+		t17 = $[105];
+		t18 = $[106];
 	}
-	useEffect(t16, t17);
+	useEffect(t17, t18);
 	const [activeOption, setActiveOption] = useState(null);
 	const activeOptionKey = activeOption?.key ?? null;
-	let t18;
-	if ($[103] !== setActiveOption) {
-		t18 = (key_4, source, forTerm) => {
+	let t19;
+	if ($[107] !== setActiveOption) {
+		t19 = (key_4, source, forTerm) => {
 			const listState = listStateRef.current;
 			if (!listState || key_4 == null) return;
 			markKeyboardFocus(listState);
@@ -610,23 +652,24 @@ function TagInput(props, ref) {
 				source
 			});
 		};
-		$[103] = setActiveOption;
-		$[104] = t18;
-	} else t18 = $[104];
-	const moveVirtualFocus = useEvent(t18);
+		$[107] = setActiveOption;
+		$[108] = t19;
+	} else t19 = $[108];
+	const moveVirtualFocus = useEvent(t19);
 	const [popoverMinWidth, setPopoverMinWidth] = useState();
-	let exactOptionKey = term ? findOptionKey(term) : null;
+	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;
 	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_5) => !uniqueValues.includes(String(key_5))) ?? null;
+	else if (term) preferredOptionKey = visibleTargetKeys.find((key_6) => !uniqueValues.includes(String(key_6))) ?? null;
 	if (preferredOptionKey == null) preferredOptionKey = visibleTargetKeys[0] ?? null;
 	const focusTermRef = useRef(null);
-	let t19;
-	if ($[105] !== customTerm || $[106] !== moveVirtualFocus || $[107] !== preferredOptionKey || $[108] !== setActiveOption || $[109] !== setPopoverMinWidth || $[110] !== shouldShowPopover || $[111] !== term || $[112] !== visibleOptionsSignature || $[113] !== wrapperRef) {
-		t19 = () => {
+	let t20;
+	if ($[109] !== customTerm || $[110] !== moveVirtualFocus || $[111] !== preferredOptionKey || $[112] !== setActiveOption || $[113] !== setPopoverMinWidth || $[114] !== shouldShowPopover || $[115] !== term || $[116] !== visibleOptionsSignature || $[117] !== wrapperRef) {
+		t20 = () => {
 			if (!shouldShowPopover) {
 				focusTermRef.current = null;
 				return;
@@ -662,20 +705,20 @@ function TagInput(props, ref) {
 				isCancelled = true;
 			};
 		};
-		$[105] = customTerm;
-		$[106] = moveVirtualFocus;
-		$[107] = preferredOptionKey;
-		$[108] = setActiveOption;
-		$[109] = setPopoverMinWidth;
-		$[110] = shouldShowPopover;
-		$[111] = term;
-		$[112] = visibleOptionsSignature;
-		$[113] = wrapperRef;
-		$[114] = t19;
-	} else t19 = $[114];
-	let t20;
-	if ($[115] !== customTerm || $[116] !== moveVirtualFocus || $[117] !== preferredOptionKey || $[118] !== shouldShowPopover || $[119] !== term || $[120] !== visibleOptionsSignature || $[121] !== wrapperRef) {
-		t20 = [
+		$[109] = customTerm;
+		$[110] = moveVirtualFocus;
+		$[111] = preferredOptionKey;
+		$[112] = setActiveOption;
+		$[113] = setPopoverMinWidth;
+		$[114] = shouldShowPopover;
+		$[115] = term;
+		$[116] = visibleOptionsSignature;
+		$[117] = wrapperRef;
+		$[118] = t20;
+	} else t20 = $[118];
+	let t21;
+	if ($[119] !== customTerm || $[120] !== moveVirtualFocus || $[121] !== preferredOptionKey || $[122] !== shouldShowPopover || $[123] !== term || $[124] !== visibleOptionsSignature || $[125] !== wrapperRef) {
+		t21 = [
 			shouldShowPopover,
 			visibleOptionsSignature,
 			customTerm,
@@ -684,42 +727,42 @@ function TagInput(props, ref) {
 			moveVirtualFocus,
 			wrapperRef
 		];
-		$[115] = customTerm;
-		$[116] = moveVirtualFocus;
-		$[117] = preferredOptionKey;
-		$[118] = shouldShowPopover;
-		$[119] = term;
-		$[120] = visibleOptionsSignature;
-		$[121] = wrapperRef;
-		$[122] = t20;
-	} else t20 = $[122];
-	useLayoutEffect(t19, t20);
-	let t21;
-	if ($[123] !== setDraftState || $[124] !== setIsFilterActive) {
-		t21 = (next_0) => {
+		$[119] = customTerm;
+		$[120] = moveVirtualFocus;
+		$[121] = preferredOptionKey;
+		$[122] = shouldShowPopover;
+		$[123] = term;
+		$[124] = visibleOptionsSignature;
+		$[125] = wrapperRef;
+		$[126] = t21;
+	} else t21 = $[126];
+	useLayoutEffect(t20, t21);
+	let t22;
+	if ($[127] !== setDraftState || $[128] !== setIsFilterActive) {
+		t22 = (next_0) => {
 			setDraftState(next_0);
 			setIsFilterActive(!!next_0.trim());
 		};
-		$[123] = setDraftState;
-		$[124] = setIsFilterActive;
-		$[125] = t21;
-	} else t21 = $[125];
-	const setDraft = useEvent(t21);
-	let t22;
-	if ($[126] !== setAnnouncement) {
-		t22 = (text_1) => {
+		$[127] = setDraftState;
+		$[128] = setIsFilterActive;
+		$[129] = t22;
+	} else t22 = $[129];
+	const setDraft = useEvent(t22);
+	let t23;
+	if ($[130] !== setAnnouncement) {
+		t23 = (text_2) => {
 			setAnnouncement((prev_0) => ({
 				id: prev_0.id + 1,
-				text: text_1
+				text: text_2
 			}));
 		};
-		$[126] = setAnnouncement;
-		$[127] = t22;
-	} else t22 = $[127];
-	const announce = useEvent(t22);
-	let t23;
-	if ($[128] !== maxTags || $[129] !== t) {
-		t23 = (rejection) => {
+		$[130] = setAnnouncement;
+		$[131] = t23;
+	} else t23 = $[131];
+	const announce = useEvent(t23);
+	let t24;
+	if ($[132] !== maxTags || $[133] !== t) {
+		t24 = (rejection) => {
 			if (rejection.message) return rejection.message;
 			switch (rejection.reason) {
 				case "duplicate": return t("tagInput.duplicateValue", "\"{{value}}\" is already added", { value: rejection.text });
@@ -729,35 +772,41 @@ function TagInput(props, ref) {
 				default: return t("tagInput.invalidValue", "\"{{value}}\" is not a valid value", { value: rejection.text });
 			}
 		};
-		$[128] = maxTags;
-		$[129] = t;
-		$[130] = t23;
-	} else t23 = $[130];
-	const rejectionMessage = useEvent(t23);
-	const joiner = delimiters[0] ? `${delimiters[0]} ` : " ";
+		$[132] = maxTags;
+		$[133] = t;
+		$[134] = t24;
+	} else t24 = $[134];
+	const rejectionMessage = useEvent(t24);
+	let t25;
+	if ($[135] !== delimiters) {
+		t25 = delimiters.find(_temp5);
+		$[135] = delimiters;
+		$[136] = t25;
+	} else t25 = $[136];
+	const joinDelimiter = t25;
+	const joiner = joinDelimiter ? `${joinDelimiter} ` : " ";
 	const hasFieldMessage = !!label || !!props.forceField;
-	const commitParts = useEvent((parts) => {
+	const commitParts = useEvent((parts, t26) => {
+		const isPick = t26 === void 0 ? false : t26;
 		if (!parts.length) return "";
 		const present = new Set(uniqueValues);
 		const accepted = [];
 		const rejected = [];
 		for (const part of parts) {
-			let optionKey = findOptionKey(part);
-			let typed = part;
-			if (optionKey == null && normalizeTag) {
-				typed = normalizeTag(part).trim();
-				if (!typed) continue;
-				optionKey = findOptionKey(typed);
-			}
-			const nextValue = optionKey ?? typed;
-			if (optionKey != null && disabledKeySet.has(optionKey)) {
+			const { optionKey: optionKey_0, typed: typed_0 } = isPick ? {
+				optionKey: part,
+				typed: part
+			} : resolveTypedText(part);
+			if (!typed_0) continue;
+			const nextValue = optionKey_0 ?? typed_0;
+			if (optionKey_0 != null && disabledKeySet.has(optionKey_0)) {
 				rejected.push({
 					text: part,
 					reason: "unavailable"
 				});
 				continue;
 			}
-			if (optionKey == null && hasOptions && !allowsCustomValue) {
+			if (optionKey_0 == null && hasOptions && !allowsCustomValue) {
 				rejected.push({
 					text: part,
 					reason: "unknown"
@@ -778,7 +827,7 @@ function TagInput(props, ref) {
 				});
 				continue;
 			}
-			if (optionKey == null && validateTag) {
+			if (optionKey_0 == null && validateTag) {
 				const result = validateTag(nextValue);
 				if (result === false || typeof result === "string") {
 					rejected.push({
@@ -792,7 +841,10 @@ function TagInput(props, ref) {
 			present.add(nextValue);
 			accepted.push(nextValue);
 		}
-		const error = rejected.length ? rejectionMessage(rejected[0]) : null;
+		const returned = rejected.filter(_temp6);
+		const kept = joinDelimiter ? returned : returned.slice(0, 1);
+		const shown = kept[0] ?? rejected[0];
+		const error = shown ? rejectionMessage(shown) : null;
 		const messages = [];
 		if (accepted.length) {
 			rememberLabels(accepted);
@@ -802,31 +854,33 @@ function TagInput(props, ref) {
 		if (error && !hasFieldMessage) messages.push(error);
 		if (messages.length) announce(messages.join(" "));
 		setTagError(error);
-		return rejected.map(_temp5).join(joiner);
+		return kept.map(_temp7).join(joiner);
 	});
-	let t24;
-	if ($[131] !== commitParts || $[132] !== delimiters || $[133] !== draft || $[134] !== setDraft) {
-		t24 = () => {
-			setDraft(commitParts(splitTagText(draft, delimiters)));
+	let t27;
+	if ($[137] !== commitParts || $[138] !== delimiters || $[139] !== draft || $[140] !== setDraft) {
+		t27 = () => {
+			const rest = commitParts(splitTagText(draft, delimiters));
+			setDraft(rest);
+			return rest;
 		};
-		$[131] = commitParts;
-		$[132] = delimiters;
-		$[133] = draft;
-		$[134] = setDraft;
-		$[135] = t24;
-	} else t24 = $[135];
-	const commitDraft = useEvent(t24);
-	let t25;
-	if ($[136] === Symbol.for("react.memo_cache_sentinel")) {
-		t25 = () => {
+		$[137] = commitParts;
+		$[138] = delimiters;
+		$[139] = draft;
+		$[140] = setDraft;
+		$[141] = t27;
+	} else t27 = $[141];
+	const commitDraft = useEvent(t27);
+	let t28;
+	if ($[142] === Symbol.for("react.memo_cache_sentinel")) {
+		t28 = () => {
 			const rows = tagListRef.current?.querySelectorAll("[role=\"row\"]:not([aria-disabled=\"true\"])");
 			rows?.[rows.length - 1]?.focus();
 		};
-		$[136] = t25;
-	} else t25 = $[136];
-	const focusLastTag = useEvent(t25);
+		$[142] = t28;
+	} else t28 = $[142];
+	const focusLastTag = useEvent(t28);
 	const removeValues = useEvent((requested) => {
-		const keys_0 = requested.filter((key_6) => !isTagLocked(key_6));
+		const keys_0 = requested.filter((key_7) => !isTagLocked(key_7));
 		if (!keys_0.length) return;
 		const removed = new Set(keys_0);
 		const next_1 = uniqueValues.filter((value_1) => !removed.has(value_1));
@@ -835,19 +889,19 @@ function TagInput(props, ref) {
 		setTagError(null);
 		announce(t("tagInput.removed", "Removed {{value}}", { value: formatList(keys_0.map(getTagLabel)) }));
 	});
-	const toggleOption = useEvent((key_7) => {
-		if (isTagLocked(key_7)) return;
+	const toggleOption = useEvent((key_8) => {
+		if (isTagLocked(key_8)) return;
 		setTagError(null);
-		if (uniqueValues.includes(key_7)) {
-			removeValues([key_7]);
+		if (uniqueValues.includes(key_8)) {
+			removeValues([key_8]);
 			setDraft("");
-			if (customValueKeys.includes(key_7)) setUnpickedCustomValues((prev_1) => prev_1.includes(key_7) ? prev_1 : [...prev_1, key_7]);
-		} else if (!commitParts([key_7])) 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], key_8 !== customTerm)) setDraft("");
 	});
 	const handlePopoverSelection = useEvent((selection) => {
 		if (!Array.isArray(selection)) return;
 		const next_2 = new Set(selection.map(String));
-		const changed = [...[...next_2].filter((key_8) => !uniqueValues.includes(key_8)), ...uniqueValues.filter((value_3) => !next_2.has(value_3) && (collection.getItem(value_3) != null || visibleCustomKeys.includes(value_3)))];
+		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)))];
 		changed.forEach(toggleOption);
 		const clicked = changed[changed.length - 1];
 		if (clicked != null) {
@@ -896,15 +950,16 @@ function TagInput(props, ref) {
 			const targetKey = shouldShowPopover ? isCurrent ? activeOption.key : preferredOptionKey : null;
 			if (targetKey != null) {
 				e.preventDefault();
-				const key_9 = String(targetKey);
-				if (term && uniqueValues.includes(key_9) && !(isCurrent && activeOption.source === "user")) {
+				const key_10 = String(targetKey);
+				if (term && uniqueValues.includes(key_10) && !(isCurrent && activeOption.source === "user")) {
+					setDraft("");
 					setTagError(rejectionMessage({
-						text: getTagLabel(key_9),
+						text: getTagLabel(key_10),
 						reason: "duplicate"
 					}));
 					return;
 				}
-				toggleOption(key_9);
+				toggleOption(key_10);
 				return;
 			}
 			e.preventDefault();
@@ -925,7 +980,8 @@ function TagInput(props, ref) {
 				e.preventDefault();
 				e.stopPropagation();
 				setIsPopoverOpen(false);
-			} else if (draft) {
+				setTagError(null);
+			} else if (draft || tagError) {
 				e.preventDefault();
 				e.stopPropagation();
 				setDraft("");
@@ -941,15 +997,15 @@ function TagInput(props, ref) {
 		const parts_0 = pattern ? next_3.split(pattern) : [next_3];
 		let nextDraft = next_3;
 		if (parts_0.length > 1) {
-			const rest = (parts_0.pop() ?? "").trimStart();
-			nextDraft = [commitParts(parts_0.map(_temp6).filter(Boolean)), rest].filter(Boolean).join(joiner);
+			const rest_0 = (parts_0.pop() ?? "").trimStart();
+			nextDraft = [commitParts(parts_0.map(_temp8).filter(Boolean)), rest_0].filter(Boolean).join(joiner);
 		}
 		setDraft(nextDraft);
 		if (hasOptions && popoverTrigger !== "manual" && nextDraft.trim()) setIsPopoverOpen(true);
 	});
-	let t26;
-	if ($[137] !== commitParts || $[138] !== delimiters || $[139] !== draft || $[140] !== isInteractive || $[141] !== setDraft || $[142] !== setTagError) {
-		t26 = (e_0) => {
+	let t29;
+	if ($[143] !== commitParts || $[144] !== delimiters || $[145] !== draft || $[146] !== isInteractive || $[147] !== setDraft || $[148] !== setTagError) {
+		t29 = (e_0) => {
 			if (!isInteractive) return;
 			const pasted = e_0.clipboardData.getData("text");
 			if (!pasted || splitTagText(pasted, delimiters).length < 2) return;
@@ -960,73 +1016,78 @@ function TagInput(props, ref) {
 			setTagError(null);
 			setDraft(commitParts(splitTagText(`${draft.slice(0, start_0)}\n${pasted}\n${draft.slice(end_0)}`, delimiters)));
 		};
-		$[137] = commitParts;
-		$[138] = delimiters;
-		$[139] = draft;
-		$[140] = isInteractive;
-		$[141] = setDraft;
-		$[142] = setTagError;
-		$[143] = t26;
-	} else t26 = $[143];
-	const handlePaste = useEvent(t26);
-	let t27;
-	if ($[144] !== allowsCustomValue || $[145] !== commitDraft || $[146] !== findOptionKey || $[147] !== hasOptions || $[148] !== isInteractive || $[149] !== setDraft || $[150] !== setTagError || $[151] !== shouldCommitOnBlur || $[152] !== term) {
-		t27 = () => {
-			if (!term || !shouldCommitOnBlur || !isInteractive) return;
-			if (hasOptions && !allowsCustomValue && findOptionKey(term) == null) {
+		$[143] = commitParts;
+		$[144] = delimiters;
+		$[145] = draft;
+		$[146] = isInteractive;
+		$[147] = setDraft;
+		$[148] = setTagError;
+		$[149] = t29;
+	} else t29 = $[149];
+	const handlePaste = useEvent(t29);
+	let t30;
+	if ($[150] !== allowsCustomValue || $[151] !== commitDraft || $[152] !== draft || $[153] !== hasOptions || $[154] !== isInteractive || $[155] !== setDraft || $[156] !== setTagError || $[157] !== shouldCommitOnBlur || $[158] !== term || $[159] !== termOptionKey) {
+		t30 = () => {
+			if (!term) return "";
+			if (!shouldCommitOnBlur || !isInteractive) return draft;
+			if (hasOptions && !allowsCustomValue && termOptionKey == null) {
 				setDraft("");
 				setTagError(null);
-			} else commitDraft();
+				return "";
+			}
+			return commitDraft();
 		};
-		$[144] = allowsCustomValue;
-		$[145] = commitDraft;
-		$[146] = findOptionKey;
-		$[147] = hasOptions;
-		$[148] = isInteractive;
-		$[149] = setDraft;
-		$[150] = setTagError;
-		$[151] = shouldCommitOnBlur;
-		$[152] = term;
-		$[153] = t27;
-	} else t27 = $[153];
-	const settleDraft = useEvent(t27);
-	let t28;
-	if ($[154] !== onBlur || $[155] !== setIsPopoverOpen || $[156] !== setUnpickedCustomValues || $[157] !== settleDraft) {
-		t28 = () => {
+		$[150] = allowsCustomValue;
+		$[151] = commitDraft;
+		$[152] = draft;
+		$[153] = hasOptions;
+		$[154] = isInteractive;
+		$[155] = setDraft;
+		$[156] = setTagError;
+		$[157] = shouldCommitOnBlur;
+		$[158] = term;
+		$[159] = termOptionKey;
+		$[160] = t30;
+	} else t30 = $[160];
+	const settleDraft = useEvent(t30);
+	let t31;
+	if ($[161] !== onBlur || $[162] !== setIsPopoverOpen || $[163] !== setTagError || $[164] !== setUnpickedCustomValues || $[165] !== settleDraft) {
+		t31 = () => {
 			setIsPopoverOpen(false);
 			setUnpickedCustomValues([]);
-			settleDraft();
+			if (!settleDraft()) setTagError(null);
 			onBlur?.();
 		};
-		$[154] = onBlur;
-		$[155] = setIsPopoverOpen;
-		$[156] = setUnpickedCustomValues;
-		$[157] = settleDraft;
-		$[158] = t28;
-	} else t28 = $[158];
-	const handleCompositeBlur = useEvent(t28);
-	const t29 = rootRef;
-	const t30 = popoverRef;
-	let t31;
-	if ($[159] !== handleCompositeBlur || $[160] !== isDisabled || $[161] !== onFocus || $[162] !== t29 || $[163] !== t30) {
-		t31 = {
-			wrapperRef: t29,
-			popoverRef: t30,
+		$[161] = onBlur;
+		$[162] = setIsPopoverOpen;
+		$[163] = setTagError;
+		$[164] = setUnpickedCustomValues;
+		$[165] = settleDraft;
+		$[166] = t31;
+	} else t31 = $[166];
+	const handleCompositeBlur = useEvent(t31);
+	const t32 = rootRef;
+	const t33 = popoverRef;
+	let t34;
+	if ($[167] !== handleCompositeBlur || $[168] !== isDisabled || $[169] !== onFocus || $[170] !== t32 || $[171] !== t33) {
+		t34 = {
+			wrapperRef: t32,
+			popoverRef: t33,
 			onFocus,
 			onBlur: handleCompositeBlur,
 			isDisabled
 		};
-		$[159] = handleCompositeBlur;
-		$[160] = isDisabled;
-		$[161] = onFocus;
-		$[162] = t29;
-		$[163] = t30;
-		$[164] = t31;
-	} else t31 = $[164];
-	const { compositeFocusProps } = useCompositeFocus(t31);
-	let t32;
-	if ($[165] !== rootRef || $[166] !== setIsPopoverOpen || $[167] !== settleDraft) {
-		t32 = (e_1) => {
+		$[167] = handleCompositeBlur;
+		$[168] = isDisabled;
+		$[169] = onFocus;
+		$[170] = t32;
+		$[171] = t33;
+		$[172] = t34;
+	} else t34 = $[172];
+	const { compositeFocusProps } = useCompositeFocus(t34);
+	let t35;
+	if ($[173] !== rootRef || $[174] !== setIsPopoverOpen || $[175] !== settleDraft) {
+		t35 = (e_1) => {
 			const isTabbing = isTabbingRef.current;
 			const next_4 = e_1.relatedTarget;
 			isTabbingRef.current = false;
@@ -1034,24 +1095,24 @@ function TagInput(props, ref) {
 			setIsPopoverOpen(false);
 			settleDraft();
 		};
-		$[165] = rootRef;
-		$[166] = setIsPopoverOpen;
-		$[167] = settleDraft;
-		$[168] = t32;
-	} else t32 = $[168];
-	const handleInputBlur = useEvent(t32);
-	let t33;
-	if ($[169] !== hasOptions || $[170] !== isInteractive || $[171] !== popoverTrigger || $[172] !== setIsPopoverOpen) {
-		t33 = () => {
+		$[173] = rootRef;
+		$[174] = setIsPopoverOpen;
+		$[175] = settleDraft;
+		$[176] = t35;
+	} else t35 = $[176];
+	const handleInputBlur = useEvent(t35);
+	let t36;
+	if ($[177] !== hasOptions || $[178] !== isInteractive || $[179] !== popoverTrigger || $[180] !== setIsPopoverOpen) {
+		t36 = () => {
 			if (hasOptions && popoverTrigger === "focus" && isInteractive) setIsPopoverOpen(true);
 		};
-		$[169] = hasOptions;
-		$[170] = isInteractive;
-		$[171] = popoverTrigger;
-		$[172] = setIsPopoverOpen;
-		$[173] = t33;
-	} else t33 = $[173];
-	const handleInputFocus = useEvent(t33);
+		$[177] = hasOptions;
+		$[178] = isInteractive;
+		$[179] = popoverTrigger;
+		$[180] = setIsPopoverOpen;
+		$[181] = t36;
+	} else t36 = $[181];
+	const handleInputFocus = useEvent(t36);
 	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;
@@ -1065,13 +1126,13 @@ function TagInput(props, ref) {
 		};
 	});
 	const effectiveIsInvalid = tagError ? true : isInvalid;
-	const hasRemovableTags = tags.some(_temp7);
+	const hasRemovableTags = tags.some(_temp9);
 	const hasBackspaceHint = isInteractive && hasRemovableTags;
-	const lockedKeys = tags.filter(_temp8).map(_temp9);
+	const lockedKeys = tags.filter(_temp0).map(_temp1);
 	const optionDisabledKeys = lockedKeys.length ? [...disabledKeySet, ...lockedKeys] : disabledKeys;
-	let t34;
-	if ($[174] !== autoFocus || $[175] !== draft || $[176] !== effectiveIsInvalid || $[177] !== handleInputChange || $[178] !== id || $[179] !== isDisabled || $[180] !== isReadOnly || $[181] !== isRequired || $[182] !== label || $[183] !== otherProps || $[184] !== placeholder) {
-		t34 = {
+	let t37;
+	if ($[182] !== autoFocus || $[183] !== draft || $[184] !== effectiveIsInvalid || $[185] !== handleInputChange || $[186] !== id || $[187] !== isDisabled || $[188] !== isReadOnly || $[189] !== isRequired || $[190] !== label || $[191] !== otherProps || $[192] !== placeholder) {
+		t37 = {
 			...otherProps,
 			id,
 			label,
@@ -1084,20 +1145,20 @@ function TagInput(props, ref) {
 			autoFocus,
 			onChange: handleInputChange
 		};
-		$[174] = autoFocus;
-		$[175] = draft;
-		$[176] = effectiveIsInvalid;
-		$[177] = handleInputChange;
-		$[178] = id;
-		$[179] = isDisabled;
-		$[180] = isReadOnly;
-		$[181] = isRequired;
-		$[182] = label;
-		$[183] = otherProps;
-		$[184] = placeholder;
-		$[185] = t34;
-	} else t34 = $[185];
-	const { labelProps, inputProps } = useTextField(t34, inputRef);
+		$[182] = autoFocus;
+		$[183] = draft;
+		$[184] = effectiveIsInvalid;
+		$[185] = handleInputChange;
+		$[186] = id;
+		$[187] = isDisabled;
+		$[188] = isReadOnly;
+		$[189] = isRequired;
+		$[190] = label;
+		$[191] = otherProps;
+		$[192] = placeholder;
+		$[193] = t37;
+	} else t37 = $[193];
+	const { labelProps, inputProps } = useTextField(t37, inputRef);
 	const labelId = label ? labelProps.id : void 0;
 	const describedBy = [];
 	if (inputProps["aria-describedby"]) describedBy.push(inputProps["aria-describedby"]);
@@ -1119,25 +1180,25 @@ function TagInput(props, ref) {
 		"aria-controls": shouldShowPopover ? listBoxId : void 0,
 		"aria-activedescendant": shouldShowPopover && activeOptionKey != null ? getListBoxOptionId(listBoxId, activeOptionKey) : void 0
 	} : null);
-	let t35;
-	if ($[186] !== hasResults || $[187] !== inputRef || $[188] !== setIsFilterActive || $[189] !== setIsPopoverOpen || $[190] !== shouldShowPopover) {
-		t35 = () => {
+	let t38;
+	if ($[194] !== hasResults || $[195] !== inputRef || $[196] !== setIsFilterActive || $[197] !== setIsPopoverOpen || $[198] !== shouldShowPopover) {
+		t38 = () => {
 			const willOpen = !shouldShowPopover;
 			if (willOpen && !hasResults) setIsFilterActive(false);
 			setIsPopoverOpen(willOpen);
 			inputRef.current?.focus();
 		};
-		$[186] = hasResults;
-		$[187] = inputRef;
-		$[188] = setIsFilterActive;
-		$[189] = setIsPopoverOpen;
-		$[190] = shouldShowPopover;
-		$[191] = t35;
-	} else t35 = $[191];
-	const handleTriggerPress = useEvent(t35);
-	let t36;
-	if ($[192] !== handleTriggerPress || $[193] !== hasOptions || $[194] !== hideTrigger || $[195] !== isInteractive || $[196] !== labelId || $[197] !== shouldShowPopover || $[198] !== size || $[199] !== t || $[200] !== triggerId || $[201] !== triggerStyles) {
-		t36 = hasOptions && !hideTrigger ? /* @__PURE__ */ jsx(ItemAction, {
+		$[194] = hasResults;
+		$[195] = inputRef;
+		$[196] = setIsFilterActive;
+		$[197] = setIsPopoverOpen;
+		$[198] = shouldShowPopover;
+		$[199] = t38;
+	} else t38 = $[199];
+	const handleTriggerPress = useEvent(t38);
+	let t39;
+	if ($[200] !== handleTriggerPress || $[201] !== hasOptions || $[202] !== hideTrigger || $[203] !== isInteractive || $[204] !== labelId || $[205] !== shouldShowPopover || $[206] !== size || $[207] !== t || $[208] !== triggerId || $[209] !== triggerStyles) {
+		t39 = hasOptions && !hideTrigger ? /* @__PURE__ */ jsx(ItemAction, {
 			"data-popover-trigger": true,
 			id: triggerId,
 			qa: "TagInputTrigger",
@@ -1153,40 +1214,40 @@ function TagInput(props, ref) {
 			"aria-labelledby": labelId ? `${triggerId} ${labelId}` : void 0,
 			onPress: handleTriggerPress
 		}) : null;
-		$[192] = handleTriggerPress;
-		$[193] = hasOptions;
-		$[194] = hideTrigger;
-		$[195] = isInteractive;
-		$[196] = labelId;
-		$[197] = shouldShowPopover;
-		$[198] = size;
-		$[199] = t;
-		$[200] = triggerId;
-		$[201] = triggerStyles;
-		$[202] = t36;
-	} else t36 = $[202];
-	const trigger = t36;
-	let t37;
-	if ($[203] !== inputRef || $[204] !== onClear || $[205] !== setDraft || $[206] !== setIsPopoverOpen || $[207] !== setTagError) {
-		t37 = () => {
+		$[200] = handleTriggerPress;
+		$[201] = hasOptions;
+		$[202] = hideTrigger;
+		$[203] = isInteractive;
+		$[204] = labelId;
+		$[205] = shouldShowPopover;
+		$[206] = size;
+		$[207] = t;
+		$[208] = triggerId;
+		$[209] = triggerStyles;
+		$[210] = t39;
+	} else t39 = $[210];
+	const trigger = t39;
+	let t40;
+	if ($[211] !== inputRef || $[212] !== onClear || $[213] !== setDraft || $[214] !== setIsPopoverOpen || $[215] !== setTagError) {
+		t40 = () => {
 			inputRef.current?.focus();
 			setDraft("");
 			setTagError(null);
 			setIsPopoverOpen(false);
 			onClear?.();
 		};
-		$[203] = inputRef;
-		$[204] = onClear;
-		$[205] = setDraft;
-		$[206] = setIsPopoverOpen;
-		$[207] = setTagError;
-		$[208] = t37;
-	} else t37 = $[208];
-	const clearText = useEvent(t37);
+		$[211] = inputRef;
+		$[212] = onClear;
+		$[213] = setDraft;
+		$[214] = setIsPopoverOpen;
+		$[215] = setTagError;
+		$[216] = t40;
+	} else t40 = $[216];
+	const clearText = useEvent(t40);
 	const canClear = !!isClearable && isInteractive && draft !== "";
-	let t38;
-	if ($[209] !== canClear || $[210] !== clearId || $[211] !== clearText || $[212] !== labelId || $[213] !== size || $[214] !== t) {
-		t38 = canClear ? /* @__PURE__ */ jsx(ItemAction, {
+	let t41;
+	if ($[217] !== canClear || $[218] !== clearId || $[219] !== clearText || $[220] !== labelId || $[221] !== size || $[222] !== t) {
+		t41 = canClear ? /* @__PURE__ */ jsx(ItemAction, {
 			id: clearId,
 			qa: "TagInputClearButton",
 			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
@@ -1196,30 +1257,30 @@ function TagInput(props, ref) {
 			"aria-labelledby": labelId ? `${clearId} ${labelId}` : void 0,
 			onPress: clearText
 		}) : null;
-		$[209] = canClear;
-		$[210] = clearId;
-		$[211] = clearText;
-		$[212] = labelId;
-		$[213] = size;
-		$[214] = t;
-		$[215] = t38;
-	} else t38 = $[215];
-	const clearButton = t38;
+		$[217] = canClear;
+		$[218] = clearId;
+		$[219] = clearText;
+		$[220] = labelId;
+		$[221] = size;
+		$[222] = t;
+		$[223] = t41;
+	} else t41 = $[223];
+	const clearButton = t41;
 	const hasActions = clearButton != null || trigger != null;
 	const T0 = TagInputElement;
-	const t39 = qa || "TagInput";
-	let t40;
-	if ($[216] !== clearButton || $[217] !== hasActions || $[218] !== trigger) {
-		t40 = hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [clearButton, trigger] }) : null;
-		$[216] = clearButton;
-		$[217] = hasActions;
-		$[218] = trigger;
-		$[219] = t40;
-	} else t40 = $[219];
-	let t41;
-	if ($[220] !== autoFocus || $[221] !== effectiveIsInvalid || $[222] !== icon || $[223] !== inputRef || $[224] !== inputStyles || $[225] !== isDisabled || $[226] !== isLoading || $[227] !== isValid || $[228] !== mods || $[229] !== prefix || $[230] !== size || $[231] !== suffix || $[232] !== suffixPosition || $[233] !== t39 || $[234] !== t40 || $[235] !== tagInputProps || $[236] !== wrapperRef || $[237] !== wrapperStyles) {
-		t41 = /* @__PURE__ */ jsx(TextInputBase, {
-			qa: t39,
+	const t42 = qa || "TagInput";
+	let t43;
+	if ($[224] !== clearButton || $[225] !== hasActions || $[226] !== trigger) {
+		t43 = hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [clearButton, trigger] }) : null;
+		$[224] = clearButton;
+		$[225] = hasActions;
+		$[226] = trigger;
+		$[227] = t43;
+	} else t43 = $[227];
+	let t44;
+	if ($[228] !== autoFocus || $[229] !== effectiveIsInvalid || $[230] !== icon || $[231] !== inputRef || $[232] !== inputStyles || $[233] !== isDisabled || $[234] !== isLoading || $[235] !== isValid || $[236] !== mods || $[237] !== prefix || $[238] !== size || $[239] !== suffix || $[240] !== suffixPosition || $[241] !== t42 || $[242] !== t43 || $[243] !== tagInputProps || $[244] !== wrapperRef || $[245] !== wrapperStyles) {
+		t44 = /* @__PURE__ */ jsx(TextInputBase, {
+			qa: t42,
 			inputRef,
 			wrapperRef,
 			inputProps: tagInputProps,
@@ -1228,7 +1289,7 @@ function TagInput(props, ref) {
 			prefix,
 			suffix,
 			suffixPosition,
-			actions: t40,
+			actions: t43,
 			size,
 			autoFocus,
 			isDisabled,
@@ -1238,27 +1299,27 @@ function TagInput(props, ref) {
 			styles: wrapperStyles,
 			inputStyles
 		});
-		$[220] = autoFocus;
-		$[221] = effectiveIsInvalid;
-		$[222] = icon;
-		$[223] = inputRef;
-		$[224] = inputStyles;
-		$[225] = isDisabled;
-		$[226] = isLoading;
-		$[227] = isValid;
-		$[228] = mods;
-		$[229] = prefix;
-		$[230] = size;
-		$[231] = suffix;
-		$[232] = suffixPosition;
-		$[233] = t39;
-		$[234] = t40;
-		$[235] = tagInputProps;
-		$[236] = wrapperRef;
-		$[237] = wrapperStyles;
-		$[238] = t41;
-	} else t41 = $[238];
-	const t42 = tags.length ? /* @__PURE__ */ jsx(TagList, {
+		$[228] = autoFocus;
+		$[229] = effectiveIsInvalid;
+		$[230] = icon;
+		$[231] = inputRef;
+		$[232] = inputStyles;
+		$[233] = isDisabled;
+		$[234] = isLoading;
+		$[235] = isValid;
+		$[236] = mods;
+		$[237] = prefix;
+		$[238] = size;
+		$[239] = suffix;
+		$[240] = suffixPosition;
+		$[241] = t42;
+		$[242] = t43;
+		$[243] = tagInputProps;
+		$[244] = wrapperRef;
+		$[245] = wrapperStyles;
+		$[246] = t44;
+	} else t44 = $[246];
+	const t45 = tags.length ? /* @__PURE__ */ jsx(TagList, {
 		id: tagListId,
 		listRef: tagListRef,
 		inputRef,
@@ -1272,50 +1333,50 @@ function TagInput(props, ref) {
 		tagStyles,
 		onRemove: removeValues
 	}) : null;
-	const t43 = true;
-	const t44 = tags.length ? t("tagInput.summary", "Selected: {{values}}.", { values: formatList(tags.map(_temp0)) }) : null;
-	let t45;
-	if ($[239] !== summaryId || $[240] !== t44) {
-		t45 = /* @__PURE__ */ jsx("span", {
-			hidden: t43,
+	const t46 = true;
+	const t47 = tags.length ? t("tagInput.summary", "Selected: {{values}}.", { values: formatList(tags.map(_temp10)) }) : null;
+	let t48;
+	if ($[247] !== summaryId || $[248] !== t47) {
+		t48 = /* @__PURE__ */ jsx("span", {
+			hidden: t46,
 			id: summaryId,
-			children: t44
+			children: t47
 		});
-		$[239] = summaryId;
-		$[240] = t44;
-		$[241] = t45;
-	} else t45 = $[241];
-	let t46;
-	if ($[242] !== hasBackspaceHint || $[243] !== t) {
-		t46 = hasBackspaceHint ? t("tagInput.backspaceHint", "Press Backspace to go to the selected values.") : null;
-		$[242] = hasBackspaceHint;
-		$[243] = t;
-		$[244] = t46;
-	} else t46 = $[244];
-	let t47;
-	if ($[245] !== hintId || $[246] !== t46) {
-		t47 = /* @__PURE__ */ jsx("span", {
+		$[247] = summaryId;
+		$[248] = t47;
+		$[249] = t48;
+	} else t48 = $[249];
+	let t49;
+	if ($[250] !== hasBackspaceHint || $[251] !== t) {
+		t49 = hasBackspaceHint ? t("tagInput.backspaceHint", "Press Backspace to go to the selected values.") : null;
+		$[250] = hasBackspaceHint;
+		$[251] = t;
+		$[252] = t49;
+	} else t49 = $[252];
+	let t50;
+	if ($[253] !== hintId || $[254] !== t49) {
+		t50 = /* @__PURE__ */ jsx("span", {
 			hidden: true,
 			id: hintId,
-			children: t46
+			children: t49
 		});
-		$[245] = hintId;
-		$[246] = t46;
-		$[247] = t47;
-	} else t47 = $[247];
-	let t48;
-	if ($[248] !== announcement.id || $[249] !== announcement.text) {
-		t48 = /* @__PURE__ */ jsx(VisuallyHidden, {
+		$[253] = hintId;
+		$[254] = t49;
+		$[255] = t50;
+	} else t50 = $[255];
+	let t51;
+	if ($[256] !== announcement.id || $[257] !== announcement.text) {
+		t51 = /* @__PURE__ */ jsx(VisuallyHidden, {
 			role: "status",
 			"aria-live": "polite",
 			"aria-atomic": "true",
 			children: /* @__PURE__ */ jsx("span", { children: announcement.text }, announcement.id)
 		});
-		$[248] = announcement.id;
-		$[249] = announcement.text;
-		$[250] = t48;
-	} else t48 = $[250];
-	const t49 = hasOptions ? /* @__PURE__ */ jsx(ListBoxPopover, {
+		$[256] = announcement.id;
+		$[257] = announcement.text;
+		$[258] = t51;
+	} else t51 = $[258];
+	const t52 = hasOptions ? /* @__PURE__ */ jsx(ListBoxPopover, {
 		isOpen: shouldShowPopover,
 		triggerRef: wrapperRef,
 		popoverRef,
@@ -1336,6 +1397,7 @@ function TagInput(props, ref) {
 		selectedKeys: uniqueValues,
 		isCheckable: true,
 		shouldCloseOnTriggerInteraction: false,
+		shouldPassControlPresses: true,
 		isDisabled,
 		disabledKeys: optionDisabledKeys,
 		listStateRef,
@@ -1348,9 +1410,9 @@ function TagInput(props, ref) {
 		onClose: () => setIsPopoverOpen(false),
 		children: popoverChildren
 	}) : null;
-	let t50;
-	if ($[251] !== T0 || $[252] !== className || $[253] !== compositeFocusProps || $[254] !== qaVal || $[255] !== rootRef || $[256] !== style || $[257] !== styles || $[258] !== t41 || $[259] !== t42 || $[260] !== t45 || $[261] !== t47 || $[262] !== t48 || $[263] !== t49) {
-		t50 = /* @__PURE__ */ jsxs(T0, {
+	let t53;
+	if ($[259] !== T0 || $[260] !== className || $[261] !== compositeFocusProps || $[262] !== qaVal || $[263] !== rootRef || $[264] !== style || $[265] !== styles || $[266] !== t44 || $[267] !== t45 || $[268] !== t48 || $[269] !== t50 || $[270] !== t51 || $[271] !== t52) {
+		t53 = /* @__PURE__ */ jsxs(T0, {
 			ref: rootRef,
 			className,
 			style,
@@ -1358,44 +1420,44 @@ function TagInput(props, ref) {
 			styles,
 			...compositeFocusProps,
 			children: [
-				t41,
-				t42,
+				t44,
 				t45,
-				t47,
 				t48,
-				t49
+				t50,
+				t51,
+				t52
 			]
 		});
-		$[251] = T0;
-		$[252] = className;
-		$[253] = compositeFocusProps;
-		$[254] = qaVal;
-		$[255] = rootRef;
-		$[256] = style;
-		$[257] = styles;
-		$[258] = t41;
-		$[259] = t42;
-		$[260] = t45;
-		$[261] = t47;
-		$[262] = t48;
-		$[263] = t49;
-		$[264] = t50;
-	} else t50 = $[264];
-	const tagInputField = t50;
+		$[259] = T0;
+		$[260] = className;
+		$[261] = compositeFocusProps;
+		$[262] = qaVal;
+		$[263] = rootRef;
+		$[264] = style;
+		$[265] = styles;
+		$[266] = t44;
+		$[267] = t45;
+		$[268] = t48;
+		$[269] = t50;
+		$[270] = t51;
+		$[271] = t52;
+		$[272] = t53;
+	} else t53 = $[272];
+	const tagInputField = t53;
 	const { children: _children, ...fieldProps } = props;
 	const fieldRef = useCombinedRefs();
-	let t51;
-	if ($[265] !== message || $[266] !== tagError) {
-		t51 = tagError ? /* @__PURE__ */ jsx("span", { children: tagError.text }, tagError.id) : message;
-		$[265] = message;
-		$[266] = tagError;
-		$[267] = t51;
-	} else t51 = $[267];
+	let t54;
+	if ($[273] !== message || $[274] !== tagError) {
+		t54 = tagError ? /* @__PURE__ */ jsx("span", { children: tagError.text }, tagError.id) : message;
+		$[273] = message;
+		$[274] = tagError;
+		$[275] = t54;
+	} else t54 = $[275];
 	return wrapWithField(tagInputField, fieldRef, {
 		...fieldProps,
 		labelProps: mergeProps$1(labelProps, userLabelProps),
 		isInvalid: effectiveIsInvalid,
-		message: t51,
+		message: t54,
 		errorMessage: tagError ? void 0 : errorMessage
 	});
 }
@@ -1404,23 +1466,29 @@ function TagInput(props, ref) {
 * input. Values are typed (Enter or a separator commits them) or picked from
 * suggested options.
 */
-function _temp0(tag_2) {
+function _temp10(tag_2) {
 	return tag_2.label;
 }
-function _temp9(tag_1) {
+function _temp1(tag_1) {
 	return tag_1.key;
 }
-function _temp8(tag_0) {
+function _temp0(tag_0) {
 	return tag_0.isDisabled;
 }
-function _temp7(tag) {
+function _temp9(tag) {
 	return !tag.isDisabled;
 }
-function _temp6(part_0) {
+function _temp8(part_0) {
 	return part_0.trim();
 }
-function _temp5(rejection_0) {
-	return rejection_0.text;
+function _temp7(rejection_1) {
+	return rejection_1.text;
+}
+function _temp6(rejection_0) {
+	return rejection_0.reason !== "duplicate";
+}
+function _temp5(delimiter) {
+	return delimiter && !LINE_BREAK.test(delimiter);
 }
 function _temp4(node_0) {
 	return node_0.type === "section";