@povio/ui 3.2.2-rc.6 → 3.2.2

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" | "onBlur">;
-    export const Provider: ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, fireBlurOnChange, 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, 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;
@@ -23,7 +23,7 @@ var SelectContext;
 			inputValue: "",
 			searchValue: ""
 		});
-		const { callback: onSearchChangeDebounced, isDebouncing } = useDebounceCallback(onSearchChange);
+		const { callback: onSearchChangeDebounced, isDebouncing } = useDebounceCallback(onSearchChange, { delay: searchDebounceDelay });
 		const [showAll, setShowAll] = useState(false);
 		const [cachedItems, setCachedItems] = useState(items);
 		const valueRef = useRef(initialSelectedItems);
@@ -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/components/overlays/ResponsivePopover/ResponsivePopover.d.ts

@@ -1,6 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
+import { PopoverProps } from 'react-aria-components';
 import { BottomSheetProps } from '../BottomSheet/BottomSheet';
 type ResponsivePopoverBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
+type ResponsivePopoverPopoverProps = Partial<Omit<PopoverProps, "children" | "className">>;
 export interface ResponsivePopoverProps {
     trigger: ReactElement;
     children: ReactNode;
@@ -9,6 +11,7 @@ export interface ResponsivePopoverProps {
     popoverClassName?: string;
     sheetLabel: string;
     bottomSheetProps?: ResponsivePopoverBottomSheetProps;
+    popoverProps?: ResponsivePopoverPopoverProps;
 }
-export declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResponsivePopover: ({ trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps, }: ResponsivePopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};