@povio/ui 3.2.2-rc.7 → 3.2.2

package/dist/components/inputs/Selection/shared/SelectBase.d.ts

@@ -27,6 +27,7 @@ export type SelectBaseProps<TKey extends Key = Key, TInitialSelectItem = Default
     collapseAfter?: number;
     fireBlurOnChange?: boolean;
     searchDebounceDelay?: number;
+    multiSelectAutoConfirm?: boolean;
     onInputChange?: (value: string) => void;
     onSearchChange?: (value: string) => void;
     mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;

package/dist/components/inputs/Selection/shared/SelectBase.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectBase.tsx
 var SelectBase = (dProps) => {
-	const $ = c(21);
+	const $ = c(22);
 	const ui = UIConfig.useConfig();
 	const t0 = dProps.selectionMode ?? ui.select.selectionMode;
 	const t1 = dProps.variant ?? ui.input.variant;
@@ -21,10 +21,11 @@ var SelectBase = (dProps) => {
 	const t9 = dProps.collapseAfter ?? ui.select.collapseAfter;
 	const t10 = dProps.hideSearchIcon ?? ui.select.hideSearchIcon;
 	const t11 = dProps.fireBlurOnChange ?? ui.select.fireBlurOnChange;
-	const t12 = dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled;
-	let t13;
-	if ($[0] !== dProps || $[1] !== t0 || $[2] !== t1 || $[3] !== t10 || $[4] !== t11 || $[5] !== t12 || $[6] !== t2 || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6 || $[11] !== t7 || $[12] !== t8 || $[13] !== t9) {
-		t13 = {
+	const t12 = dProps.multiSelectAutoConfirm ?? ui.select.multiSelectAutoConfirm;
+	const t13 = dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled;
+	let t14;
+	if ($[0] !== dProps || $[1] !== t0 || $[2] !== t1 || $[3] !== t10 || $[4] !== t11 || $[5] !== t12 || $[6] !== t13 || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+		t14 = {
 			...dProps,
 			selectionMode: t0,
 			variant: t1,
@@ -38,7 +39,8 @@ var SelectBase = (dProps) => {
 			collapseAfter: t9,
 			hideSearchIcon: t10,
 			fireBlurOnChange: t11,
-			isClientSearchDisabled: t12
+			multiSelectAutoConfirm: t12,
+			isClientSearchDisabled: t13
 		};
 		$[0] = dProps;
 		$[1] = t0;
@@ -46,37 +48,38 @@ var SelectBase = (dProps) => {
 		$[3] = t10;
 		$[4] = t11;
 		$[5] = t12;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-		$[12] = t8;
-		$[13] = t9;
-		$[14] = t13;
-	} else t13 = $[14];
-	const props = t13;
+		$[6] = t13;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t14;
+	} else t14 = $[15];
+	const props = t14;
 	const isDesktop = useBreakpoint("md");
-	const t14 = props;
-	let t15;
-	if ($[15] !== isDesktop || $[16] !== props) {
-		t15 = isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props });
-		$[15] = isDesktop;
-		$[16] = props;
-		$[17] = t15;
-	} else t15 = $[17];
+	const t15 = props;
 	let t16;
-	if ($[18] !== t14 || $[19] !== t15) {
-		t16 = /* @__PURE__ */ jsx(SelectContext.Provider, {
-			...t14,
-			children: t15
+	if ($[16] !== isDesktop || $[17] !== props) {
+		t16 = isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props });
+		$[16] = isDesktop;
+		$[17] = props;
+		$[18] = t16;
+	} else t16 = $[18];
+	let t17;
+	if ($[19] !== t15 || $[20] !== t16) {
+		t17 = /* @__PURE__ */ jsx(SelectContext.Provider, {
+			...t15,
+			children: t16
 		});
-		$[18] = t14;
 		$[19] = t15;
 		$[20] = t16;
-	} else t16 = $[20];
-	return t16;
+		$[21] = t17;
+	} else t17 = $[21];
+	return t17;
 };
 //#endregion
 export { SelectBase };

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -16,7 +16,7 @@ import { useLabel, usePreventScroll } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/shared/SelectDesktop.tsx
 var SelectDesktop = (t0) => {
-	const $ = c(129);
+	const $ = c(142);
 	let containerClassName;
 	let customTrigger;
 	let error;
@@ -137,9 +137,13 @@ var SelectDesktop = (t0) => {
 		t7 = $[32];
 	}
 	useLayoutEffect(t6, t7);
-	let t8;
-	if ($[33] !== fieldState.value || $[34] !== isMultiple || $[35] !== onChange || $[36] !== onClear || $[37] !== onSelectAll || $[38] !== selectableListItems || $[39] !== selectedIds) {
-		t8 = (value) => {
+	let WrapperComponent;
+	let comboBoxProps;
+	let dialogTriggerProps;
+	let headerProps;
+	let showPopover;
+	if ($[33] !== containerClassName || $[34] !== error || $[35] !== fieldState.inputValue || $[36] !== fieldState.value || $[37] !== headerClassName || $[38] !== helperText || $[39] !== hideLabel || $[40] !== isDisabled || $[41] !== isHeaderHidden || $[42] !== isLoading || $[43] !== isMultiple || $[44] !== isOpen || $[45] !== isRequired || $[46] !== isSearchable || $[47] !== label || $[48] !== labelProps || $[49] !== listItems || $[50] !== onChange || $[51] !== onClear || $[52] !== onInputChange || $[53] !== onSelectAll || $[54] !== rightContent || $[55] !== selectableListItems || $[56] !== selectedIds || $[57] !== setIsOpen || $[58] !== tooltipText) {
+		const onSelectionChange = (value) => {
 			if (!value) return;
 			if (value === "all-item-id") {
 				if (selectedIds.length === selectableListItems.length) onClear();
@@ -148,6 +152,7 @@ var SelectDesktop = (t0) => {
 			}
 			if (!isMultiple) {
 				onChange(value);
+				if (isSearchable) blurSearchInput();
 				return;
 			}
 			if (!Array.isArray(fieldState.value)) {
@@ -157,131 +162,147 @@ var SelectDesktop = (t0) => {
 			if (fieldState.value.includes(value)) onChange(fieldState.value.filter((id) => id !== value));
 			else onChange(fieldState.value.concat(value));
 		};
-		$[33] = fieldState.value;
-		$[34] = isMultiple;
-		$[35] = onChange;
-		$[36] = onClear;
-		$[37] = onSelectAll;
-		$[38] = selectableListItems;
-		$[39] = selectedIds;
-		$[40] = t8;
-	} else t8 = $[40];
-	const onSelectionChange = t8;
-	let t9;
-	if ($[41] !== setIsOpen) {
-		t9 = (value_0) => {
-			if (closeComboBoxRef.current && value_0) {
-				closeComboBoxRef.current.setOpen(false);
-				closeComboBoxRef.current = null;
-			} else setIsOpen(value_0);
-		};
-		$[41] = setIsOpen;
-		$[42] = t9;
-	} else t9 = $[42];
-	const openChangeHandler = t9;
-	const WrapperComponent = isSearchable ? ComboBox : Fragment$1;
-	const t10 = isMultiple ? null : fieldState.value;
-	const t11 = fieldState.inputValue;
-	const t12 = !!error;
-	let t13;
-	if ($[43] !== containerClassName) {
-		t13 = clsx("group w-full", containerClassName);
-		$[43] = containerClassName;
-		$[44] = t13;
-	} else t13 = $[44];
-	let t14;
-	if ($[45] !== fieldState.inputValue || $[46] !== isDisabled || $[47] !== listItems || $[48] !== onInputChange || $[49] !== onSelectionChange || $[50] !== openChangeHandler || $[51] !== t10 || $[52] !== t12 || $[53] !== t13) {
-		t14 = {
+		let t8;
+		if ($[64] !== setIsOpen) {
+			t8 = (value_0) => {
+				if (closeComboBoxRef.current && value_0) {
+					closeComboBoxRef.current.setOpen(false);
+					closeComboBoxRef.current = null;
+				} else setIsOpen(value_0);
+			};
+			$[64] = setIsOpen;
+			$[65] = t8;
+		} else t8 = $[65];
+		const openChangeHandler = t8;
+		WrapperComponent = isSearchable ? ComboBox : Fragment$1;
+		const t9 = fieldState.inputValue;
+		let t10;
+		if ($[66] !== containerClassName) {
+			t10 = clsx("group w-full", containerClassName);
+			$[66] = containerClassName;
+			$[67] = t10;
+		} else t10 = $[67];
+		comboBoxProps = {
 			items: listItems,
-			selectedKey: t10,
+			selectedKey: isMultiple ? null : fieldState.value,
 			onSelectionChange,
-			inputValue: t11,
+			inputValue: t9,
 			onInputChange,
 			onOpenChange: openChangeHandler,
 			allowsEmptyCollection: true,
 			isDisabled,
-			isInvalid: t12,
+			isInvalid: !!error,
 			menuTrigger: "focus",
-			className: t13
+			className: t10
 		};
-		$[45] = fieldState.inputValue;
-		$[46] = isDisabled;
-		$[47] = listItems;
-		$[48] = onInputChange;
-		$[49] = onSelectionChange;
-		$[50] = openChangeHandler;
-		$[51] = t10;
-		$[52] = t12;
-		$[53] = t13;
-		$[54] = t14;
-	} else t14 = $[54];
-	const comboBoxProps = t14;
-	const t15 = hideLabel || isHeaderHidden;
-	let t16;
-	if ($[55] !== headerClassName || $[56] !== helperText || $[57] !== isDisabled || $[58] !== isRequired || $[59] !== label || $[60] !== labelProps || $[61] !== rightContent || $[62] !== t15 || $[63] !== tooltipText) {
-		t16 = {
-			label,
-			tooltipText,
-			helperText,
-			isRequired,
-			rightContent,
-			isHeaderHidden: t15,
-			isDisabled,
-			className: headerClassName,
-			labelProps
-		};
-		$[55] = headerClassName;
-		$[56] = helperText;
-		$[57] = isDisabled;
-		$[58] = isRequired;
-		$[59] = label;
-		$[60] = labelProps;
-		$[61] = rightContent;
-		$[62] = t15;
-		$[63] = tooltipText;
-		$[64] = t16;
-	} else t16 = $[64];
-	const headerProps = t16;
-	let t17;
-	if ($[65] !== isOpen || $[66] !== setIsOpen) {
-		t17 = {
-			isOpen,
-			onOpenChange: setIsOpen
+		const t11 = hideLabel || isHeaderHidden;
+		let t12;
+		if ($[68] !== headerClassName || $[69] !== helperText || $[70] !== isDisabled || $[71] !== isRequired || $[72] !== label || $[73] !== labelProps || $[74] !== rightContent || $[75] !== t11 || $[76] !== tooltipText) {
+			t12 = {
+				label,
+				tooltipText,
+				helperText,
+				isRequired,
+				rightContent,
+				isHeaderHidden: t11,
+				isDisabled,
+				className: headerClassName,
+				labelProps
+			};
+			$[68] = headerClassName;
+			$[69] = helperText;
+			$[70] = isDisabled;
+			$[71] = isRequired;
+			$[72] = label;
+			$[73] = labelProps;
+			$[74] = rightContent;
+			$[75] = t11;
+			$[76] = tooltipText;
+			$[77] = t12;
+		} else t12 = $[77];
+		headerProps = t12;
+		let t13;
+		if ($[78] !== isOpen || $[79] !== setIsOpen) {
+			t13 = {
+				isOpen,
+				onOpenChange: setIsOpen
+			};
+			$[78] = isOpen;
+			$[79] = setIsOpen;
+			$[80] = t13;
+		} else t13 = $[80];
+		dialogTriggerProps = t13;
+		let t14;
+		if ($[81] !== isLoading || $[82] !== listItems) {
+			t14 = listItems.filter(_temp).length > 0 || isLoading;
+			$[81] = isLoading;
+			$[82] = listItems;
+			$[83] = t14;
+		} else t14 = $[83];
+		showPopover = t14;
+		const blurSearchInput = () => {
+			const activeElement = document.activeElement;
+			if (activeElement instanceof HTMLElement && wrapperRef.current?.contains(activeElement)) activeElement.blur();
 		};
-		$[65] = isOpen;
-		$[66] = setIsOpen;
-		$[67] = t17;
-	} else t17 = $[67];
-	const dialogTriggerProps = t17;
-	let t18;
-	if ($[68] !== isLoading || $[69] !== listItems) {
-		t18 = listItems.filter(_temp).length > 0 || isLoading;
-		$[68] = isLoading;
-		$[69] = listItems;
-		$[70] = t18;
-	} else t18 = $[70];
-	const showPopover = t18;
-	let t19;
-	if ($[71] !== comboBoxProps || $[72] !== isSearchable) {
-		t19 = isSearchable ? comboBoxProps : {};
-		$[71] = comboBoxProps;
-		$[72] = isSearchable;
-		$[73] = t19;
-	} else t19 = $[73];
-	let t20;
-	if ($[74] !== containerClassName || $[75] !== isSearchable || $[76] !== labelProps) {
-		t20 = !isSearchable && {
+		$[33] = containerClassName;
+		$[34] = error;
+		$[35] = fieldState.inputValue;
+		$[36] = fieldState.value;
+		$[37] = headerClassName;
+		$[38] = helperText;
+		$[39] = hideLabel;
+		$[40] = isDisabled;
+		$[41] = isHeaderHidden;
+		$[42] = isLoading;
+		$[43] = isMultiple;
+		$[44] = isOpen;
+		$[45] = isRequired;
+		$[46] = isSearchable;
+		$[47] = label;
+		$[48] = labelProps;
+		$[49] = listItems;
+		$[50] = onChange;
+		$[51] = onClear;
+		$[52] = onInputChange;
+		$[53] = onSelectAll;
+		$[54] = rightContent;
+		$[55] = selectableListItems;
+		$[56] = selectedIds;
+		$[57] = setIsOpen;
+		$[58] = tooltipText;
+		$[59] = WrapperComponent;
+		$[60] = comboBoxProps;
+		$[61] = dialogTriggerProps;
+		$[62] = headerProps;
+		$[63] = showPopover;
+	} else {
+		WrapperComponent = $[59];
+		comboBoxProps = $[60];
+		dialogTriggerProps = $[61];
+		headerProps = $[62];
+		showPopover = $[63];
+	}
+	let t8;
+	if ($[84] !== comboBoxProps || $[85] !== isSearchable) {
+		t8 = isSearchable ? comboBoxProps : {};
+		$[84] = comboBoxProps;
+		$[85] = isSearchable;
+		$[86] = t8;
+	} else t8 = $[86];
+	let t9;
+	if ($[87] !== containerClassName || $[88] !== isSearchable || $[89] !== labelProps) {
+		t9 = !isSearchable && {
 			labelProps,
 			className: clsx("group w-full", containerClassName)
 		};
-		$[74] = containerClassName;
-		$[75] = isSearchable;
-		$[76] = labelProps;
-		$[77] = t20;
-	} else t20 = $[77];
-	let t21;
-	if ($[78] !== as || $[79] !== className || $[80] !== collapseAfter || $[81] !== customTrigger || $[82] !== dialogTriggerProps || $[83] !== error || $[84] !== fieldProps || $[85] !== headerProps || $[86] !== hideDropdownIcon || $[87] !== inputClassName || $[88] !== isClearable || $[89] !== isDirty || $[90] !== isDisabled || $[91] !== isRequired || $[92] !== isSearchable || $[93] !== leadingContent || $[94] !== onBlur || $[95] !== placeholder || $[96] !== ref || $[97] !== selectedTagsType || $[98] !== showSelectionContent || $[99] !== size || $[100] !== trailingContent || $[101] !== variant) {
-		t21 = customTrigger ? /* @__PURE__ */ jsx(DialogTrigger, {
+		$[87] = containerClassName;
+		$[88] = isSearchable;
+		$[89] = labelProps;
+		$[90] = t9;
+	} else t9 = $[90];
+	let t10;
+	if ($[91] !== as || $[92] !== className || $[93] !== collapseAfter || $[94] !== customTrigger || $[95] !== dialogTriggerProps || $[96] !== error || $[97] !== fieldProps || $[98] !== headerProps || $[99] !== hideDropdownIcon || $[100] !== inputClassName || $[101] !== isClearable || $[102] !== isDirty || $[103] !== isDisabled || $[104] !== isRequired || $[105] !== isSearchable || $[106] !== leadingContent || $[107] !== onBlur || $[108] !== placeholder || $[109] !== ref || $[110] !== selectedTagsType || $[111] !== showSelectionContent || $[112] !== size || $[113] !== trailingContent || $[114] !== variant) {
+		t10 = customTrigger ? /* @__PURE__ */ jsx(DialogTrigger, {
 			...dialogTriggerProps,
 			children: /* @__PURE__ */ jsx("div", {
 				...fieldProps,
@@ -315,35 +336,35 @@ var SelectDesktop = (t0) => {
 			fieldProps,
 			headerProps
 		});
-		$[78] = as;
-		$[79] = className;
-		$[80] = collapseAfter;
-		$[81] = customTrigger;
-		$[82] = dialogTriggerProps;
-		$[83] = error;
-		$[84] = fieldProps;
-		$[85] = headerProps;
-		$[86] = hideDropdownIcon;
-		$[87] = inputClassName;
-		$[88] = isClearable;
-		$[89] = isDirty;
-		$[90] = isDisabled;
-		$[91] = isRequired;
-		$[92] = isSearchable;
-		$[93] = leadingContent;
-		$[94] = onBlur;
-		$[95] = placeholder;
-		$[96] = ref;
-		$[97] = selectedTagsType;
-		$[98] = showSelectionContent;
-		$[99] = size;
-		$[100] = trailingContent;
-		$[101] = variant;
-		$[102] = t21;
-	} else t21 = $[102];
-	let t22;
-	if ($[103] !== ignoreTriggerWidth || $[104] !== isOpen || $[105] !== isSearchable || $[106] !== popoverCva || $[107] !== popoverWidth || $[108] !== props || $[109] !== selectPopoverCva || $[110] !== setIsOpen || $[111] !== showPopover) {
-		t22 = (!isSearchable || showPopover) && /* @__PURE__ */ jsx(Popover, {
+		$[91] = as;
+		$[92] = className;
+		$[93] = collapseAfter;
+		$[94] = customTrigger;
+		$[95] = dialogTriggerProps;
+		$[96] = error;
+		$[97] = fieldProps;
+		$[98] = headerProps;
+		$[99] = hideDropdownIcon;
+		$[100] = inputClassName;
+		$[101] = isClearable;
+		$[102] = isDirty;
+		$[103] = isDisabled;
+		$[104] = isRequired;
+		$[105] = isSearchable;
+		$[106] = leadingContent;
+		$[107] = onBlur;
+		$[108] = placeholder;
+		$[109] = ref;
+		$[110] = selectedTagsType;
+		$[111] = showSelectionContent;
+		$[112] = size;
+		$[113] = trailingContent;
+		$[114] = variant;
+		$[115] = t10;
+	} else t10 = $[115];
+	let t11;
+	if ($[116] !== ignoreTriggerWidth || $[117] !== isOpen || $[118] !== isSearchable || $[119] !== popoverCva || $[120] !== popoverWidth || $[121] !== props || $[122] !== selectPopoverCva || $[123] !== setIsOpen || $[124] !== showPopover) {
+		t11 = (!isSearchable || showPopover) && /* @__PURE__ */ jsx(Popover, {
 			triggerRef,
 			isOpen,
 			onOpenChange: setIsOpen,
@@ -356,61 +377,61 @@ var SelectDesktop = (t0) => {
 				autoFocus: !isSearchable
 			})
 		});
-		$[103] = ignoreTriggerWidth;
-		$[104] = isOpen;
-		$[105] = isSearchable;
-		$[106] = popoverCva;
-		$[107] = popoverWidth;
-		$[108] = props;
-		$[109] = selectPopoverCva;
-		$[110] = setIsOpen;
-		$[111] = showPopover;
-		$[112] = t22;
-	} else t22 = $[112];
-	let t23;
-	if ($[113] !== as || $[114] !== formFieldProps || $[115] !== onFocusCapture || $[116] !== onMouseEnter || $[117] !== t20 || $[118] !== t21 || $[119] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(FormField, {
+		$[116] = ignoreTriggerWidth;
+		$[117] = isOpen;
+		$[118] = isSearchable;
+		$[119] = popoverCva;
+		$[120] = popoverWidth;
+		$[121] = props;
+		$[122] = selectPopoverCva;
+		$[123] = setIsOpen;
+		$[124] = showPopover;
+		$[125] = t11;
+	} else t11 = $[125];
+	let t12;
+	if ($[126] !== as || $[127] !== formFieldProps || $[128] !== onFocusCapture || $[129] !== onMouseEnter || $[130] !== t10 || $[131] !== t11 || $[132] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(FormField, {
 			...formFieldProps,
-			...t20,
+			...t9,
 			as,
 			onMouseEnter,
 			onFocusCapture,
 			ref: wrapperRef,
-			children: [t21, t22]
+			children: [t10, t11]
 		});
-		$[113] = as;
-		$[114] = formFieldProps;
-		$[115] = onFocusCapture;
-		$[116] = onMouseEnter;
-		$[117] = t20;
-		$[118] = t21;
-		$[119] = t22;
-		$[120] = t23;
-	} else t23 = $[120];
-	let t24;
-	if ($[121] !== WrapperComponent || $[122] !== t19 || $[123] !== t23) {
-		t24 = /* @__PURE__ */ jsx(WrapperComponent, {
-			...t19,
-			children: t23
+		$[126] = as;
+		$[127] = formFieldProps;
+		$[128] = onFocusCapture;
+		$[129] = onMouseEnter;
+		$[130] = t10;
+		$[131] = t11;
+		$[132] = t9;
+		$[133] = t12;
+	} else t12 = $[133];
+	let t13;
+	if ($[134] !== WrapperComponent || $[135] !== t12 || $[136] !== t8) {
+		t13 = /* @__PURE__ */ jsx(WrapperComponent, {
+			...t8,
+			children: t12
 		});
-		$[121] = WrapperComponent;
-		$[122] = t19;
-		$[123] = t23;
-		$[124] = t24;
-	} else t24 = $[124];
-	let t25;
-	if ($[125] !== as || $[126] !== error || $[127] !== t24) {
-		t25 = /* @__PURE__ */ jsx(TooltipWrapper, {
+		$[134] = WrapperComponent;
+		$[135] = t12;
+		$[136] = t8;
+		$[137] = t13;
+	} else t13 = $[137];
+	let t14;
+	if ($[138] !== as || $[139] !== error || $[140] !== t13) {
+		t14 = /* @__PURE__ */ jsx(TooltipWrapper, {
 			as,
 			error,
-			children: t24
+			children: t13
 		});
-		$[125] = as;
-		$[126] = error;
-		$[127] = t24;
-		$[128] = t25;
-	} else t25 = $[128];
-	return t25;
+		$[138] = as;
+		$[139] = error;
+		$[140] = t13;
+		$[141] = t14;
+	} else t14 = $[141];
+	return t14;
 };
 function _temp(item) {
 	return !item.isSelectAllItem;

package/dist/components/inputs/Selection/shared/SelectInput.js

@@ -18,7 +18,7 @@ import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectInput.tsx
 var SelectInput = (t0) => {
-	const $0 = c(124);
+	const $0 = c(136);
 	const { ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, isRequired, isDirty, onCloseComboBox, onBlur, leadingContent, trailingContent, onMouseEnter, onFocusCapture, ...props } = t0;
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
@@ -42,7 +42,7 @@ var SelectInput = (t0) => {
 	const { focusWithinProps } = useFocusWithin(t2);
 	const { isFocusVisible } = useFocusVisible();
 	const inputRef = useRef(null);
-	const { fieldState, isOpen, setIsOpen, listItems, selectedItems, onChange, onClear, onRemove, isMultiple, isLoading } = SelectContext.useSelect();
+	const { fieldState, isOpen, setIsOpen, selectableListItems, selectedItems, onChange, onClear, onRemove, isMultiple, multiSelectAutoConfirm, isLoading } = SelectContext.useSelect();
 	const isEmpty = selectedItems.length === 0;
 	const showTags = isMultiple && !isEmpty;
 	const showClearButton = !isDisabled && isClearable && (selectedItems.length > 0 || isSearchable && fieldState.inputValue !== "");
@@ -79,91 +79,130 @@ var SelectInput = (t0) => {
 		t3 = t7;
 	}
 	const labelProps = t3;
-	const t4 = !isMultiple && !isLoading && listItems.length === 1 && !listItems[0].isDisabled;
+	let exactMatchItem;
+	if (isMultiple && multiSelectAutoConfirm && fieldState.inputValue !== "") {
+		let t4;
+		if ($0[10] !== fieldState.inputValue || $0[11] !== selectableListItems) {
+			let t5;
+			if ($0[13] !== fieldState.inputValue) {
+				t5 = (item) => item.label.toLowerCase() === fieldState.inputValue.toLowerCase();
+				$0[13] = fieldState.inputValue;
+				$0[14] = t5;
+			} else t5 = $0[14];
+			t4 = selectableListItems.find(t5);
+			$0[10] = fieldState.inputValue;
+			$0[11] = selectableListItems;
+			$0[12] = t4;
+		} else t4 = $0[12];
+		exactMatchItem = t4;
+	}
+	let singleRemainingItem;
+	if (!isLoading && selectableListItems.length === 1 && !selectableListItems[0].isDisabled) singleRemainingItem = selectableListItems[0];
+	let autoConfirmItem;
+	if ($0[15] !== exactMatchItem || $0[16] !== isMultiple || $0[17] !== multiSelectAutoConfirm || $0[18] !== singleRemainingItem) {
+		if (isMultiple) {
+			if (multiSelectAutoConfirm) autoConfirmItem = exactMatchItem ?? singleRemainingItem;
+		} else autoConfirmItem = singleRemainingItem;
+		$0[15] = exactMatchItem;
+		$0[16] = isMultiple;
+		$0[17] = multiSelectAutoConfirm;
+		$0[18] = singleRemainingItem;
+		$0[19] = autoConfirmItem;
+	} else autoConfirmItem = $0[19];
+	const t4 = !isLoading && !!autoConfirmItem;
 	let t5;
-	if ($0[10] !== listItems || $0[11] !== onChange || $0[12] !== onCloseComboBox || $0[13] !== state) {
+	if ($0[20] !== autoConfirmItem || $0[21] !== fieldState.value || $0[22] !== isMultiple || $0[23] !== onChange || $0[24] !== onCloseComboBox || $0[25] !== state) {
 		t5 = () => {
-			onChange(listItems[0].id);
+			if (!autoConfirmItem) return;
+			if (isMultiple) {
+				if (Array.isArray(fieldState.value)) if (fieldState.value.includes(autoConfirmItem.id)) onChange(fieldState.value.filter((id) => id !== autoConfirmItem.id));
+				else onChange(fieldState.value.concat(autoConfirmItem.id));
+				else onChange([autoConfirmItem.id]);
+				return;
+			}
+			onChange(autoConfirmItem.id);
 			onCloseComboBox?.(state);
 		};
-		$0[10] = listItems;
-		$0[11] = onChange;
-		$0[12] = onCloseComboBox;
-		$0[13] = state;
-		$0[14] = t5;
-	} else t5 = $0[14];
+		$0[20] = autoConfirmItem;
+		$0[21] = fieldState.value;
+		$0[22] = isMultiple;
+		$0[23] = onChange;
+		$0[24] = onCloseComboBox;
+		$0[25] = state;
+		$0[26] = t5;
+	} else t5 = $0[26];
 	let t6;
-	if ($0[15] !== t4 || $0[16] !== t5) {
+	if ($0[27] !== t4 || $0[28] !== t5) {
 		t6 = {
 			enabled: t4,
 			preventDefault: true,
 			callback: t5
 		};
-		$0[15] = t4;
-		$0[16] = t5;
-		$0[17] = t6;
-	} else t6 = $0[17];
+		$0[27] = t4;
+		$0[28] = t5;
+		$0[29] = t6;
+	} else t6 = $0[29];
 	const t7 = isMultiple && fieldState.inputValue === "" && Array.isArray(fieldState.value) && fieldState.value.length > 0;
 	let t8;
-	if ($0[18] !== fieldState.value || $0[19] !== onChange) {
+	if ($0[30] !== fieldState.value || $0[31] !== onChange) {
 		t8 = () => {
 			if (!Array.isArray(fieldState.value)) return;
 			onChange(fieldState.value.slice(0, -1));
 		};
-		$0[18] = fieldState.value;
-		$0[19] = onChange;
-		$0[20] = t8;
-	} else t8 = $0[20];
+		$0[30] = fieldState.value;
+		$0[31] = onChange;
+		$0[32] = t8;
+	} else t8 = $0[32];
 	let t9;
-	if ($0[21] !== t7 || $0[22] !== t8) {
+	if ($0[33] !== t7 || $0[34] !== t8) {
 		t9 = {
 			enabled: t7,
 			callback: t8
 		};
-		$0[21] = t7;
-		$0[22] = t8;
-		$0[23] = t9;
-	} else t9 = $0[23];
+		$0[33] = t7;
+		$0[34] = t8;
+		$0[35] = t9;
+	} else t9 = $0[35];
 	let t10;
-	if ($0[24] !== t6 || $0[25] !== t9) {
+	if ($0[36] !== t6 || $0[37] !== t9) {
 		t10 = {
 			enter: t6,
 			backspace: t9
 		};
-		$0[24] = t6;
-		$0[25] = t9;
-		$0[26] = t10;
-	} else t10 = $0[26];
+		$0[36] = t6;
+		$0[37] = t9;
+		$0[38] = t10;
+	} else t10 = $0[38];
 	const { onKeyDown } = useKeyInteractions(t10);
 	let t11;
-	if ($0[27] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($0[39] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = ["up", "down"];
-		$0[27] = t11;
-	} else t11 = $0[27];
+		$0[39] = t11;
+	} else t11 = $0[39];
 	const t12 = !isSearchable && !isDisabled && !isOpen;
 	let t13;
-	if ($0[28] !== setIsOpen) {
+	if ($0[40] !== setIsOpen) {
 		t13 = () => {
 			setIsOpen(true);
 		};
-		$0[28] = setIsOpen;
-		$0[29] = t13;
-	} else t13 = $0[29];
+		$0[40] = setIsOpen;
+		$0[41] = t13;
+	} else t13 = $0[41];
 	let t14;
-	if ($0[30] !== t12 || $0[31] !== t13) {
+	if ($0[42] !== t12 || $0[43] !== t13) {
 		t14 = { interactions: [{
 			actions: t11,
 			enabled: t12,
 			preventDefault: true,
 			callback: t13
 		}] };
-		$0[30] = t12;
-		$0[31] = t13;
-		$0[32] = t14;
-	} else t14 = $0[32];
+		$0[42] = t12;
+		$0[43] = t13;
+		$0[44] = t14;
+	} else t14 = $0[44];
 	const { onKeyDown: onTriggerKeyDown } = useKeyInteractions(t14);
 	let t15;
-	if ($0[33] !== isDisabled || $0[34] !== isOpen || $0[35] !== isSearchable || $0[36] !== setIsOpen) {
+	if ($0[45] !== isDisabled || $0[46] !== isOpen || $0[47] !== isSearchable || $0[48] !== setIsOpen) {
 		t15 = () => {
 			if (isDisabled) return;
 			if (!isSearchable) {
@@ -172,12 +211,12 @@ var SelectInput = (t0) => {
 			}
 			inputRef.current?.focus();
 		};
-		$0[33] = isDisabled;
-		$0[34] = isOpen;
-		$0[35] = isSearchable;
-		$0[36] = setIsOpen;
-		$0[37] = t15;
-	} else t15 = $0[37];
+		$0[45] = isDisabled;
+		$0[46] = isOpen;
+		$0[47] = isSearchable;
+		$0[48] = setIsOpen;
+		$0[49] = t15;
+	} else t15 = $0[49];
 	const onClick = t15;
 	const t16 = inputBaseCva({
 		variant,
@@ -207,28 +246,28 @@ var SelectInput = (t0) => {
 		...props
 	}));
 	let t34;
-	if ($0[38] !== as || $0[39] !== headerProps || $0[40] !== labelProps) {
+	if ($0[50] !== as || $0[51] !== headerProps || $0[52] !== labelProps) {
 		t34 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
 			as,
 			...headerProps,
 			labelProps
 		});
-		$0[38] = as;
-		$0[39] = headerProps;
-		$0[40] = labelProps;
-		$0[41] = t34;
-	} else t34 = $0[41];
+		$0[50] = as;
+		$0[51] = headerProps;
+		$0[52] = labelProps;
+		$0[53] = t34;
+	} else t34 = $0[53];
 	let t35;
-	if ($0[42] !== leadingContent) {
+	if ($0[54] !== leadingContent) {
 		t35 = leadingContent && /* @__PURE__ */ jsx("div", {
 			className: "ml-input-side-default flex shrink-0 items-center",
 			children: leadingContent
 		});
-		$0[42] = leadingContent;
-		$0[43] = t35;
-	} else t35 = $0[43];
+		$0[54] = leadingContent;
+		$0[55] = t35;
+	} else t35 = $0[55];
 	let t36;
-	if ($0[44] !== as || $0[45] !== collapseAfter || $0[46] !== fieldProps || $0[47] !== inputClassName || $0[48] !== isDisabled || $0[49] !== isSearchable || $0[50] !== onBlur || $0[51] !== onKeyDown || $0[52] !== onRemove || $0[53] !== placeholder || $0[54] !== selectInputTagsContentWrapperCva || $0[55] !== selectedItems || $0[56] !== selectedTagsType || $0[57] !== showTags) {
+	if ($0[56] !== as || $0[57] !== collapseAfter || $0[58] !== fieldProps || $0[59] !== inputClassName || $0[60] !== isDisabled || $0[61] !== isSearchable || $0[62] !== onBlur || $0[63] !== onKeyDown || $0[64] !== onRemove || $0[65] !== placeholder || $0[66] !== selectInputTagsContentWrapperCva || $0[67] !== selectedItems || $0[68] !== selectedTagsType || $0[69] !== showTags) {
 		t36 = (showTags || isSearchable) && /* @__PURE__ */ jsxs("div", {
 			className: selectInputTagsContentWrapperCva({ isSearchable }),
 			children: [showTags && /* @__PURE__ */ jsx(SelectInputTags, {
@@ -246,24 +285,24 @@ var SelectInput = (t0) => {
 				...fieldProps
 			})]
 		});
-		$0[44] = as;
-		$0[45] = collapseAfter;
-		$0[46] = fieldProps;
-		$0[47] = inputClassName;
-		$0[48] = isDisabled;
-		$0[49] = isSearchable;
-		$0[50] = onBlur;
-		$0[51] = onKeyDown;
-		$0[52] = onRemove;
-		$0[53] = placeholder;
-		$0[54] = selectInputTagsContentWrapperCva;
-		$0[55] = selectedItems;
-		$0[56] = selectedTagsType;
-		$0[57] = showTags;
-		$0[58] = t36;
-	} else t36 = $0[58];
+		$0[56] = as;
+		$0[57] = collapseAfter;
+		$0[58] = fieldProps;
+		$0[59] = inputClassName;
+		$0[60] = isDisabled;
+		$0[61] = isSearchable;
+		$0[62] = onBlur;
+		$0[63] = onKeyDown;
+		$0[64] = onRemove;
+		$0[65] = placeholder;
+		$0[66] = selectInputTagsContentWrapperCva;
+		$0[67] = selectedItems;
+		$0[68] = selectedTagsType;
+		$0[69] = showTags;
+		$0[70] = t36;
+	} else t36 = $0[70];
 	let t37;
-	if ($0[59] !== as || $0[60] !== fieldProps || $0[61] !== isDisabled || $0[62] !== isEmpty || $0[63] !== isMultiple || $0[64] !== isOpen || $0[65] !== isSearchable || $0[66] !== onBlur || $0[67] !== onTriggerKeyDown || $0[68] !== placeholder || $0[69] !== selectedItems[0] || $0[70] !== setIsOpen || $0[71] !== showSelectionContent || $0[72] !== showTags) {
+	if ($0[71] !== as || $0[72] !== fieldProps || $0[73] !== isDisabled || $0[74] !== isEmpty || $0[75] !== isMultiple || $0[76] !== isOpen || $0[77] !== isSearchable || $0[78] !== onBlur || $0[79] !== onTriggerKeyDown || $0[80] !== placeholder || $0[81] !== selectedItems[0] || $0[82] !== setIsOpen || $0[83] !== showSelectionContent || $0[84] !== showTags) {
 		t37 = !isSearchable && /* @__PURE__ */ jsxs(Button, {
 			isDisabled,
 			onPress: () => setIsOpen(!isOpen),
@@ -278,24 +317,24 @@ var SelectInput = (t0) => {
 				children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
 			})]
 		});
-		$0[59] = as;
-		$0[60] = fieldProps;
-		$0[61] = isDisabled;
-		$0[62] = isEmpty;
-		$0[63] = isMultiple;
-		$0[64] = isOpen;
-		$0[65] = isSearchable;
-		$0[66] = onBlur;
-		$0[67] = onTriggerKeyDown;
-		$0[68] = placeholder;
-		$0[69] = selectedItems[0];
-		$0[70] = setIsOpen;
-		$0[71] = showSelectionContent;
-		$0[72] = showTags;
-		$0[73] = t37;
-	} else t37 = $0[73];
+		$0[71] = as;
+		$0[72] = fieldProps;
+		$0[73] = isDisabled;
+		$0[74] = isEmpty;
+		$0[75] = isMultiple;
+		$0[76] = isOpen;
+		$0[77] = isSearchable;
+		$0[78] = onBlur;
+		$0[79] = onTriggerKeyDown;
+		$0[80] = placeholder;
+		$0[81] = selectedItems[0];
+		$0[82] = setIsOpen;
+		$0[83] = showSelectionContent;
+		$0[84] = showTags;
+		$0[85] = t37;
+	} else t37 = $0[85];
 	let t38;
-	if ($0[74] !== onClick || $0[75] !== t33 || $0[76] !== t34 || $0[77] !== t35 || $0[78] !== t36 || $0[79] !== t37) {
+	if ($0[86] !== onClick || $0[87] !== t33 || $0[88] !== t34 || $0[89] !== t35 || $0[90] !== t36 || $0[91] !== t37) {
 		t38 = /* @__PURE__ */ jsxs("div", {
 			className: t33,
 			onClick,
@@ -306,16 +345,16 @@ var SelectInput = (t0) => {
 				t37
 			]
 		});
-		$0[74] = onClick;
-		$0[75] = t33;
-		$0[76] = t34;
-		$0[77] = t35;
-		$0[78] = t36;
-		$0[79] = t37;
-		$0[80] = t38;
-	} else t38 = $0[80];
+		$0[86] = onClick;
+		$0[87] = t33;
+		$0[88] = t34;
+		$0[89] = t35;
+		$0[90] = t36;
+		$0[91] = t37;
+		$0[92] = t38;
+	} else t38 = $0[92];
 	let t39;
-	if ($0[81] !== as || $0[82] !== inputClearClassCva || $0[83] !== isClearable || $0[84] !== isDisabled || $0[85] !== onClear || $0[86] !== showClearButton) {
+	if ($0[93] !== as || $0[94] !== inputClearClassCva || $0[95] !== isClearable || $0[96] !== isDisabled || $0[97] !== onClear || $0[98] !== showClearButton) {
 		t39 = isClearable && !isDisabled && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => {
 				onClear();
@@ -323,25 +362,25 @@ var SelectInput = (t0) => {
 			className: inputClearClassCva({ as }),
 			show: showClearButton
 		});
-		$0[81] = as;
-		$0[82] = inputClearClassCva;
-		$0[83] = isClearable;
-		$0[84] = isDisabled;
-		$0[85] = onClear;
-		$0[86] = showClearButton;
-		$0[87] = t39;
-	} else t39 = $0[87];
+		$0[93] = as;
+		$0[94] = inputClearClassCva;
+		$0[95] = isClearable;
+		$0[96] = isDisabled;
+		$0[97] = onClear;
+		$0[98] = showClearButton;
+		$0[99] = t39;
+	} else t39 = $0[99];
 	let t40;
-	if ($0[88] !== trailingContent) {
+	if ($0[100] !== trailingContent) {
 		t40 = trailingContent && /* @__PURE__ */ jsx("div", {
 			className: "flex shrink-0 items-center",
 			children: trailingContent
 		});
-		$0[88] = trailingContent;
-		$0[89] = t40;
-	} else t40 = $0[89];
+		$0[100] = trailingContent;
+		$0[101] = t40;
+	} else t40 = $0[101];
 	let t41;
-	if ($0[90] !== hideDropdownIcon || $0[91] !== inputSizeCva || $0[92] !== isDisabled || $0[93] !== isOpen || $0[94] !== isSearchable || $0[95] !== setIsOpen || $0[96] !== size || $0[97] !== t) {
+	if ($0[102] !== hideDropdownIcon || $0[103] !== inputSizeCva || $0[104] !== isDisabled || $0[105] !== isOpen || $0[106] !== isSearchable || $0[107] !== setIsOpen || $0[108] !== size || $0[109] !== t) {
 		t41 = !hideDropdownIcon && /* @__PURE__ */ jsx(Button, {
 			excludeFromTabOrder: true,
 			"aria-label": t(($) => isOpen ? $.ui.closeAlt : $.ui.openAlt),
@@ -355,18 +394,18 @@ var SelectInput = (t0) => {
 				"aria-hidden": "true"
 			})
 		});
-		$0[90] = hideDropdownIcon;
-		$0[91] = inputSizeCva;
-		$0[92] = isDisabled;
-		$0[93] = isOpen;
-		$0[94] = isSearchable;
-		$0[95] = setIsOpen;
-		$0[96] = size;
-		$0[97] = t;
-		$0[98] = t41;
-	} else t41 = $0[98];
+		$0[102] = hideDropdownIcon;
+		$0[103] = inputSizeCva;
+		$0[104] = isDisabled;
+		$0[105] = isOpen;
+		$0[106] = isSearchable;
+		$0[107] = setIsOpen;
+		$0[108] = size;
+		$0[109] = t;
+		$0[110] = t41;
+	} else t41 = $0[110];
 	let t42;
-	if ($0[99] !== focusWithinProps || $0[100] !== hoverProps || $0[101] !== onFocusCapture || $0[102] !== onMouseEnter || $0[103] !== ref || $0[104] !== t16 || $0[105] !== t18 || $0[106] !== t19 || $0[107] !== t20 || $0[108] !== t21 || $0[109] !== t22 || $0[110] !== t23 || $0[111] !== t24 || $0[112] !== t25 || $0[113] !== t26 || $0[114] !== t27 || $0[115] !== t28 || $0[116] !== t29 || $0[117] !== t30 || $0[118] !== t31 || $0[119] !== t38 || $0[120] !== t39 || $0[121] !== t40 || $0[122] !== t41) {
+	if ($0[111] !== focusWithinProps || $0[112] !== hoverProps || $0[113] !== onFocusCapture || $0[114] !== onMouseEnter || $0[115] !== ref || $0[116] !== t16 || $0[117] !== t18 || $0[118] !== t19 || $0[119] !== t20 || $0[120] !== t21 || $0[121] !== t22 || $0[122] !== t23 || $0[123] !== t24 || $0[124] !== t25 || $0[125] !== t26 || $0[126] !== t27 || $0[127] !== t28 || $0[128] !== t29 || $0[129] !== t30 || $0[130] !== t31 || $0[131] !== t38 || $0[132] !== t39 || $0[133] !== t40 || $0[134] !== t41) {
 		t42 = /* @__PURE__ */ jsxs("div", {
 			ref,
 			className: t16,
@@ -397,32 +436,32 @@ var SelectInput = (t0) => {
 				t41
 			]
 		});
-		$0[99] = focusWithinProps;
-		$0[100] = hoverProps;
-		$0[101] = onFocusCapture;
-		$0[102] = onMouseEnter;
-		$0[103] = ref;
-		$0[104] = t16;
-		$0[105] = t18;
-		$0[106] = t19;
-		$0[107] = t20;
-		$0[108] = t21;
-		$0[109] = t22;
-		$0[110] = t23;
-		$0[111] = t24;
-		$0[112] = t25;
-		$0[113] = t26;
-		$0[114] = t27;
-		$0[115] = t28;
-		$0[116] = t29;
-		$0[117] = t30;
-		$0[118] = t31;
-		$0[119] = t38;
-		$0[120] = t39;
-		$0[121] = t40;
-		$0[122] = t41;
-		$0[123] = t42;
-	} else t42 = $0[123];
+		$0[111] = focusWithinProps;
+		$0[112] = hoverProps;
+		$0[113] = onFocusCapture;
+		$0[114] = onMouseEnter;
+		$0[115] = ref;
+		$0[116] = t16;
+		$0[117] = t18;
+		$0[118] = t19;
+		$0[119] = t20;
+		$0[120] = t21;
+		$0[121] = t22;
+		$0[122] = t23;
+		$0[123] = t24;
+		$0[124] = t25;
+		$0[125] = t26;
+		$0[126] = t27;
+		$0[127] = t28;
+		$0[128] = t29;
+		$0[129] = t30;
+		$0[130] = t31;
+		$0[131] = t38;
+		$0[132] = t39;
+		$0[133] = t40;
+		$0[134] = t41;
+		$0[135] = t42;
+	} else t42 = $0[135];
 	return t42;
 };
 //#endregion

package/dist/components/inputs/Selection/shared/select.context.d.ts

@@ -23,9 +23,10 @@ export declare namespace SelectContext {
         selectedItems: SelectItem[];
         selectedIds: Key[];
         isMultiple: boolean;
+        multiSelectAutoConfirm: boolean;
     } & Pick<SelectBaseProps, "onInputChange" | "isLoading" | "hasLoadMore">;
-    export type ProviderProps = GroupedSelectProps & Pick<SelectBaseProps, "items" | "onInputChange" | "onSearchChange" | "showSelectAllOption" | "showNewItemOption" | "newItemMinLength" | "onNewItemOption" | "isLoading" | "hasLoadMore" | "mapInitialToSelectItem" | "isSearchable" | "isClientSearchDisabled" | "ignoreInputValueFiltering" | "fireBlurOnChange" | "searchDebounceDelay" | "onBlur">;
-    export const Provider: ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, fireBlurOnChange, searchDebounceDelay, onBlur: fieldOnBlur, children, mapInitialToSelectItem, ...props }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    export type ProviderProps = GroupedSelectProps & Pick<SelectBaseProps, "items" | "onInputChange" | "onSearchChange" | "showSelectAllOption" | "showNewItemOption" | "newItemMinLength" | "onNewItemOption" | "isLoading" | "hasLoadMore" | "mapInitialToSelectItem" | "isSearchable" | "isClientSearchDisabled" | "ignoreInputValueFiltering" | "fireBlurOnChange" | "searchDebounceDelay" | "multiSelectAutoConfirm" | "onBlur">;
+    export const Provider: ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, fireBlurOnChange, searchDebounceDelay, multiSelectAutoConfirm, onBlur: fieldOnBlur, children, mapInitialToSelectItem, ...props }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
     export const useSelect: () => Type;
     export {};
 }

package/dist/components/inputs/Selection/shared/select.context.js

@@ -10,7 +10,7 @@ var SelectContext;
 		id: item.id,
 		label: item.label ?? item.name ?? ""
 	});
-	_SelectContext.Provider = ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, fireBlurOnChange, searchDebounceDelay, onBlur: fieldOnBlur, children, mapInitialToSelectItem = defaultMapInitialToSelectItem, ...props }) => {
+	_SelectContext.Provider = ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, fireBlurOnChange, searchDebounceDelay, multiSelectAutoConfirm = false, onBlur: fieldOnBlur, children, mapInitialToSelectItem = defaultMapInitialToSelectItem, ...props }) => {
 		const isMultiple = props.selectionMode === "multiple";
 		const initialSelectedItems = useMemo(() => {
 			if (!props.initialSelection) return null;
@@ -189,6 +189,7 @@ var SelectContext;
 			selectedItems,
 			selectedIds,
 			isMultiple,
+			multiSelectAutoConfirm,
 			isLoading,
 			hasLoadMore
 		}), [
@@ -207,6 +208,7 @@ var SelectContext;
 			selectedIds,
 			selectedItems,
 			isMultiple,
+			multiSelectAutoConfirm,
 			isLoading,
 			hasLoadMore
 		]);

package/dist/config/uiConfig.context.d.ts

@@ -28,7 +28,7 @@ export declare namespace UIConfig {
         numberInput: Pick<NumberInputProps, "formatOptions">;
         radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel" | "fireBlurOnChange">;
         checkbox: Pick<CheckboxProps, "variant" | "fireBlurOnChange">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "fireBlurOnChange">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "fireBlurOnChange" | "multiSelectAutoConfirm">;
         queryAutocomplete: {
             isInitialQueryDisabled?: boolean;
             resolveSelectedItemsWithIds?: boolean;

package/dist/config/uiConfig.context.js

@@ -42,7 +42,8 @@ var UIConfig;
 			selectedTagsType: "list",
 			collapseAfter: 3,
 			hideSearchIcon: false,
-			fireBlurOnChange: false
+			fireBlurOnChange: false,
+			multiSelectAutoConfirm: false
 		},
 		queryAutocomplete: {
 			isInitialQueryDisabled: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.2.2-rc.7",
+  "version": "3.2.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",