@sanity/ui 4.1.1 → 4.2.1

package/dist/autocomplete.js

@@ -1,16 +1,16 @@
 "use client";
 import { n as _getArrayProp, o as EMPTY_ARRAY, s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
-import { f as focusFirstDescendant, h as _raf, t as TextInput, u as _hasFocus } from "./textInput-DAaORuky.js";
+import { f as focusFirstDescendant, h as _raf, t as TextInput, u as _hasFocus } from "./textInput-C83gG7N5.js";
 import { t as _isEnterToClickElement } from "./element-BYgCE_iK.js";
-import { s as Card, y as Box } from "./useLayer-D1usxIE0.js";
-import { n as Text, t as Stack } from "./stack-rsNFPq2-.js";
-import { t as Button } from "./button-Dh_M2fYx.js";
-import { t as Popover } from "./popover-myCXZV_F.js";
+import { s as Card, y as Box } from "./useLayer-ONr7wTUN.js";
+import { n as Text, t as Stack } from "./stack-Bue-701Y.js";
+import { t as Button } from "./button-D8Ge5vTw.js";
+import { t as Popover } from "./popover-BngOa-um.js";
 import { c } from "react/compiler-runtime";
 import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
 import { SpinnerIcon } from "@sanity/icons/Spinner";
 import { clsx } from "clsx/lite";
-import { cloneElement, startTransition, useEffect, useImperativeHandle, useReducer, useRef, useState } from "react";
+import { cloneElement, useEffect, useImperativeHandle, useReducer, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AutocompleteOption(props) {
 	let $ = c(11), { children, id, onSelect, selected, value } = props, t0;
@@ -101,7 +101,7 @@ const DEFAULT_RENDER_VALUE = (value, option) => option ? option.value : value, D
 * @public
 */
 function Autocomplete(props) {
-	let $ = c(187), customValidity, disabled, filterOptionProp, forwardedRef, icon, id, loading, onBlur, onChange, onFocus, onQueryChange, onSelect, openButton, openOnFocus, optionsProp, prefix, readOnly, relatedElements, renderOptionProp, renderPopover, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, valueProp;
+	let $ = c(186), customValidity, disabled, filterOptionProp, forwardedRef, icon, id, loading, onBlur, onChange, onFocus, onQueryChange, onSelect, openButton, openOnFocus, optionsProp, prefix, readOnly, relatedElements, renderOptionProp, renderPopover, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, valueProp;
 	$[0] === props ? (customValidity = $[1], disabled = $[2], filterOptionProp = $[3], forwardedRef = $[4], icon = $[5], id = $[6], loading = $[7], onBlur = $[8], onChange = $[9], onFocus = $[10], onQueryChange = $[11], onSelect = $[12], openButton = $[13], openOnFocus = $[14], optionsProp = $[15], prefix = $[16], readOnly = $[17], relatedElements = $[18], renderOptionProp = $[19], renderPopover = $[20], restProps = $[21], suffix = $[22], t0 = $[23], t1 = $[24], t2 = $[25], t3 = $[26], t4 = $[27], t5 = $[28], t6 = $[29], valueProp = $[30]) : ({border: t0, customValidity, disabled, filterOption: filterOptionProp, fontSize: t1, icon, id, listBox: t2, loading, onBlur, onChange, onFocus, onQueryChange, onSelect, openButton, openOnFocus, options: optionsProp, padding: t3, popover: t4, prefix, radius: t5, readOnly, ref: forwardedRef, relatedElements, renderOption: renderOptionProp, renderPopover, renderValue: t6, suffix, value: valueProp, ...restProps} = props, $[0] = props, $[1] = customValidity, $[2] = disabled, $[3] = filterOptionProp, $[4] = forwardedRef, $[5] = icon, $[6] = id, $[7] = loading, $[8] = onBlur, $[9] = onChange, $[10] = onFocus, $[11] = onQueryChange, $[12] = onSelect, $[13] = openButton, $[14] = openOnFocus, $[15] = optionsProp, $[16] = prefix, $[17] = readOnly, $[18] = relatedElements, $[19] = renderOptionProp, $[20] = renderPopover, $[21] = restProps, $[22] = suffix, $[23] = t0, $[24] = t1, $[25] = t2, $[26] = t3, $[27] = t4, $[28] = t5, $[29] = t6, $[30] = valueProp);
 	let border = t0 === void 0 || t0, fontSize = t1 === void 0 ? 2 : t1, listBox = t2 === void 0 ? EMPTY_RECORD : t2, paddingProp = t3 === void 0 ? 3 : t3, popover = t4 === void 0 ? EMPTY_RECORD : t4, radius = t5 === void 0 ? 2 : t5, renderValue = t6 === void 0 ? DEFAULT_RENDER_VALUE : t6, t7 = valueProp || null, t8 = valueProp || null, t9;
 	$[31] !== t7 || $[32] !== t8 ? (t9 = {
@@ -126,23 +126,19 @@ function Autocomplete(props) {
 			})
 		});
 	}, $[34] = fontSize, $[35] = paddingProp, $[36] = t10) : t10 = $[36];
-	let renderOption = typeof renderOptionProp == "function" ? renderOptionProp : t10, filterOption = typeof filterOptionProp == "function" ? filterOptionProp : DEFAULT_FILTER_OPTION, rootElementRef = useRef(null), resultsPopoverElementRef = useRef(null), inputElementRef = useRef(null), listBoxElementRef = useRef(null), [inputElement, _setInputElement] = useState(null), t11;
-	$[37] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (node) => {
-		startTransition(() => _setInputElement(node));
-	}, $[37] = t11) : t11 = $[37];
-	let setInputElement = t11, listFocusedRef = useRef(!1), valueRef = useRef(value), valuePropRef = useRef(valueProp), popoverMouseWithinRef = useRef(!1), t12, t13;
-	$[38] === inputElement ? (t12 = $[39], t13 = $[40]) : (t12 = () => inputElement, t13 = [inputElement], $[38] = inputElement, $[39] = t12, $[40] = t13), useImperativeHandle(inputElementRef, t12, t13);
-	let t14, t15;
-	$[41] === inputElement ? (t14 = $[42], t15 = $[43]) : (t14 = () => inputElement, t15 = [inputElement], $[41] = inputElement, $[42] = t14, $[43] = t15), useImperativeHandle(forwardedRef, t14, t15);
-	let listBoxId = `${id}-listbox`, options = Array.isArray(optionsProp) ? optionsProp : EMPTY_ARRAY, padding = _getArrayProp(paddingProp), t16;
-	$[44] !== options || $[45] !== value ? (t16 = value === null ? void 0 : options.find((o) => o.value === value), $[44] = options, $[45] = value, $[46] = t16) : t16 = $[46];
-	let currentOption = t16, t17;
-	if ($[47] !== filterOption || $[48] !== options || $[49] !== query) {
-		let t18;
-		$[51] !== filterOption || $[52] !== query ? (t18 = (option) => !query || filterOption(query, option), $[51] = filterOption, $[52] = query, $[53] = t18) : t18 = $[53], t17 = options.filter(t18), $[47] = filterOption, $[48] = options, $[49] = query, $[50] = t17;
-	} else t17 = $[50];
-	let filteredOptions = t17, filteredOptionsLen = filteredOptions.length, activeItemId = activeValue ? `${id}-option-${activeValue}` : void 0, expanded = query !== null && loading || focused && query !== null, t18;
-	$[54] !== onBlur || $[55] !== onQueryChange || $[56] !== relatedElements ? (t18 = (event) => {
+	let renderOption = typeof renderOptionProp == "function" ? renderOptionProp : t10, filterOption = typeof filterOptionProp == "function" ? filterOptionProp : DEFAULT_FILTER_OPTION, rootElementRef = useRef(null), resultsPopoverElementRef = useRef(null), inputElementRef = useRef(null), listBoxElementRef = useRef(null), [inputElement, setInputElement] = useState(null), listFocusedRef = useRef(!1), valueRef = useRef(value), valuePropRef = useRef(valueProp), popoverMouseWithinRef = useRef(!1), t11, t12;
+	$[37] === inputElement ? (t11 = $[38], t12 = $[39]) : (t11 = () => inputElement, t12 = [inputElement], $[37] = inputElement, $[38] = t11, $[39] = t12), useImperativeHandle(inputElementRef, t11, t12);
+	let t13, t14;
+	$[40] === inputElement ? (t13 = $[41], t14 = $[42]) : (t13 = () => inputElement, t14 = [inputElement], $[40] = inputElement, $[41] = t13, $[42] = t14), useImperativeHandle(forwardedRef, t13, t14);
+	let listBoxId = `${id}-listbox`, options = Array.isArray(optionsProp) ? optionsProp : EMPTY_ARRAY, padding = _getArrayProp(paddingProp), t15;
+	$[43] !== options || $[44] !== value ? (t15 = value === null ? void 0 : options.find((o) => o.value === value), $[43] = options, $[44] = value, $[45] = t15) : t15 = $[45];
+	let currentOption = t15, t16;
+	if ($[46] !== filterOption || $[47] !== options || $[48] !== query) {
+		let t17;
+		$[50] !== filterOption || $[51] !== query ? (t17 = (option) => !query || filterOption(query, option), $[50] = filterOption, $[51] = query, $[52] = t17) : t17 = $[52], t16 = options.filter(t17), $[46] = filterOption, $[47] = options, $[48] = query, $[49] = t16;
+	} else t16 = $[49];
+	let filteredOptions = t16, filteredOptionsLen = filteredOptions.length, activeItemId = activeValue ? `${id}-option-${activeValue}` : void 0, expanded = query !== null && loading || focused && query !== null, t17;
+	$[53] !== onBlur || $[54] !== onQueryChange || $[55] !== relatedElements ? (t17 = (event) => {
 		setTimeout(() => {
 			if (popoverMouseWithinRef.current) return;
 			let elements = (relatedElements || []).concat(rootElementRef.current ? [rootElementRef.current] : [], resultsPopoverElementRef.current ? [resultsPopoverElementRef.current] : []), focusInside = !1;
@@ -154,24 +150,24 @@ function Autocomplete(props) {
 			}
 			focusInside === !1 && (dispatch({ type: "root/blur" }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), onBlur && onBlur(event));
 		}, 0);
-	}, $[54] = onBlur, $[55] = onQueryChange, $[56] = relatedElements, $[57] = t18) : t18 = $[57];
-	let handleRootBlur = t18, t19;
-	$[58] === Symbol.for("react.memo_cache_sentinel") ? (t19 = (event_0) => {
+	}, $[53] = onBlur, $[54] = onQueryChange, $[55] = relatedElements, $[56] = t17) : t17 = $[56];
+	let handleRootBlur = t17, t18;
+	$[57] === Symbol.for("react.memo_cache_sentinel") ? (t18 = (event_0) => {
 		let listBoxElement = listBoxElementRef.current, focusedElement = event_0.target instanceof HTMLElement ? event_0.target : null, listFocused_0 = listBoxElement?.contains(focusedElement) || !1;
 		listFocused_0 !== listFocusedRef.current && (listFocusedRef.current = listFocused_0, dispatch({
 			type: "root/setListFocused",
 			listFocused: listFocused_0
 		}));
-	}, $[58] = t19) : t19 = $[58];
-	let handleRootFocus = t19, t20;
-	$[59] !== onChange || $[60] !== onQueryChange || $[61] !== onSelect ? (t20 = (v) => {
+	}, $[57] = t18) : t18 = $[57];
+	let handleRootFocus = t18, t19;
+	$[58] !== onChange || $[59] !== onQueryChange || $[60] !== onSelect ? (t19 = (v) => {
 		dispatch({
 			type: "value/change",
 			value: v
 		}), popoverMouseWithinRef.current = !1, onSelect && onSelect(v), valueRef.current = v, onChange && onChange(v), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
-	}, $[59] = onChange, $[60] = onQueryChange, $[61] = onSelect, $[62] = t20) : t20 = $[62];
-	let handleOptionSelect = t20, t21;
-	$[63] !== activeValue || $[64] !== filteredOptions || $[65] !== filteredOptionsLen || $[66] !== onQueryChange ? (t21 = (event_1) => {
+	}, $[58] = onChange, $[59] = onQueryChange, $[60] = onSelect, $[61] = t19) : t19 = $[61];
+	let handleOptionSelect = t19, t20;
+	$[62] !== activeValue || $[63] !== filteredOptions || $[64] !== filteredOptionsLen || $[65] !== onQueryChange ? (t20 = (event_1) => {
 		if (event_1.key === "ArrowDown") {
 			if (event_1.preventDefault(), !filteredOptionsLen) return;
 			let activeOption = filteredOptions.find((o_0) => o_0.value === activeValue), activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1, nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen];
@@ -201,44 +197,44 @@ function Autocomplete(props) {
 			inputElementRef.current?.focus();
 			return;
 		}
-	}, $[63] = activeValue, $[64] = filteredOptions, $[65] = filteredOptionsLen, $[66] = onQueryChange, $[67] = t21) : t21 = $[67];
-	let handleRootKeyDown = t21, t22;
-	$[68] === onQueryChange ? t22 = $[69] : (t22 = (event_2) => {
+	}, $[62] = activeValue, $[63] = filteredOptions, $[64] = filteredOptionsLen, $[65] = onQueryChange, $[66] = t20) : t20 = $[66];
+	let handleRootKeyDown = t20, t21;
+	$[67] === onQueryChange ? t21 = $[68] : (t21 = (event_2) => {
 		let nextQuery = event_2.currentTarget.value;
 		dispatch({
 			type: "input/change",
 			query: nextQuery
 		}), onQueryChange && onQueryChange(nextQuery);
-	}, $[68] = onQueryChange, $[69] = t22);
-	let handleInputChange = t22, t23;
-	$[70] !== currentOption || $[71] !== renderValue || $[72] !== value ? (t23 = () => {
+	}, $[67] = onQueryChange, $[68] = t21);
+	let handleInputChange = t21, t22;
+	$[69] !== currentOption || $[70] !== renderValue || $[71] !== value ? (t22 = () => {
 		dispatch({
 			type: "root/open",
 			query: value ? renderValue(value, currentOption) : ""
 		});
-	}, $[70] = currentOption, $[71] = renderValue, $[72] = value, $[73] = t23) : t23 = $[73];
-	let dispatchOpen = t23, t24;
-	$[74] !== dispatchOpen || $[75] !== focused || $[76] !== onFocus || $[77] !== openOnFocus ? (t24 = (event_3) => {
+	}, $[69] = currentOption, $[70] = renderValue, $[71] = value, $[72] = t22) : t22 = $[72];
+	let dispatchOpen = t22, t23;
+	$[73] !== dispatchOpen || $[74] !== focused || $[75] !== onFocus || $[76] !== openOnFocus ? (t23 = (event_3) => {
 		focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event_3), openOnFocus && dispatchOpen());
-	}, $[74] = dispatchOpen, $[75] = focused, $[76] = onFocus, $[77] = openOnFocus, $[78] = t24) : t24 = $[78];
-	let handleInputFocus = t24, t25;
-	$[79] === Symbol.for("react.memo_cache_sentinel") ? (t25 = () => {
+	}, $[73] = dispatchOpen, $[74] = focused, $[75] = onFocus, $[76] = openOnFocus, $[77] = t23) : t23 = $[77];
+	let handleInputFocus = t23, t24;
+	$[78] === Symbol.for("react.memo_cache_sentinel") ? (t24 = () => {
 		popoverMouseWithinRef.current = !0;
-	}, $[79] = t25) : t25 = $[79];
-	let handlePopoverMouseEnter = t25, t26;
-	$[80] === Symbol.for("react.memo_cache_sentinel") ? (t26 = () => {
+	}, $[78] = t24) : t24 = $[78];
+	let handlePopoverMouseEnter = t24, t25;
+	$[79] === Symbol.for("react.memo_cache_sentinel") ? (t25 = () => {
 		popoverMouseWithinRef.current = !1;
-	}, $[80] = t26) : t26 = $[80];
-	let handlePopoverMouseLeave = t26, t27;
-	$[81] !== onChange || $[82] !== onQueryChange ? (t27 = () => {
+	}, $[79] = t25) : t25 = $[79];
+	let handlePopoverMouseLeave = t25, t26;
+	$[80] !== onChange || $[81] !== onQueryChange ? (t26 = () => {
 		dispatch({ type: "root/clear" }), valueRef.current = "", onChange && onChange(""), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
-	}, $[81] = onChange, $[82] = onQueryChange, $[83] = t27) : t27 = $[83];
-	let handleClearButtonClick = t27, t28;
-	$[84] === Symbol.for("react.memo_cache_sentinel") ? (t28 = () => {
+	}, $[80] = onChange, $[81] = onQueryChange, $[82] = t26) : t26 = $[82];
+	let handleClearButtonClick = t26, t27;
+	$[83] === Symbol.for("react.memo_cache_sentinel") ? (t27 = () => {
 		dispatch({ type: "input/focus" });
-	}, $[84] = t28) : t28 = $[84];
-	let handleClearButtonFocus = t28, t29, t30;
-	$[85] === valueProp ? (t29 = $[86], t30 = $[87]) : (t29 = () => {
+	}, $[83] = t27) : t27 = $[83];
+	let handleClearButtonFocus = t27, t28, t29;
+	$[84] === valueProp ? (t28 = $[85], t29 = $[86]) : (t28 = () => {
 		if (valueProp !== valuePropRef.current) {
 			valuePropRef.current = valueProp, valueProp !== void 0 && (dispatch({
 				type: "value/change",
@@ -250,16 +246,16 @@ function Autocomplete(props) {
 			type: "value/change",
 			value: valueProp || null
 		}));
-	}, t30 = [valueProp], $[85] = valueProp, $[86] = t29, $[87] = t30), useEffect(t29, t30);
-	let t31, t32;
-	$[88] === focused ? (t31 = $[89], t32 = $[90]) : (t31 = () => {
+	}, t29 = [valueProp], $[84] = valueProp, $[85] = t28, $[86] = t29), useEffect(t28, t29);
+	let t30, t31;
+	$[87] === focused ? (t30 = $[88], t31 = $[89]) : (t30 = () => {
 		!focused && valueRef.current && dispatch({
 			type: "root/setActiveValue",
 			value: valueRef.current
 		});
-	}, t32 = [focused], $[88] = focused, $[89] = t31, $[90] = t32), useEffect(t31, t32);
-	let t33, t34;
-	$[91] !== activeValue || $[92] !== filteredOptions ? (t33 = () => {
+	}, t31 = [focused], $[87] = focused, $[88] = t30, $[89] = t31), useEffect(t30, t31);
+	let t32, t33;
+	$[90] !== activeValue || $[91] !== filteredOptions ? (t32 = () => {
 		let listElement = listBoxElementRef.current;
 		if (!listElement) return;
 		let activeOption_1 = filteredOptions.find((o_2) => o_2.value === activeValue);
@@ -270,25 +266,25 @@ function Autocomplete(props) {
 				focusFirstDescendant(activeItemElement);
 			}
 		}
-	}, t34 = [activeValue, filteredOptions], $[91] = activeValue, $[92] = filteredOptions, $[93] = t33, $[94] = t34) : (t33 = $[93], t34 = $[94]), useEffect(t33, t34);
-	let t35;
+	}, t33 = [activeValue, filteredOptions], $[90] = activeValue, $[91] = filteredOptions, $[92] = t32, $[93] = t33) : (t32 = $[92], t33 = $[93]), useEffect(t32, t33);
+	let t34;
 	bb0: {
 		if (!loading && !disabled && value) {
-			let t36;
-			$[95] === Symbol.for("react.memo_cache_sentinel") ? (t36 = {
+			let t35;
+			$[94] === Symbol.for("react.memo_cache_sentinel") ? (t35 = {
 				"aria-label": "Clear",
 				onFocus: handleClearButtonFocus
-			}, $[95] = t36) : t36 = $[95], t35 = t36;
+			}, $[94] = t35) : t35 = $[94], t34 = t35;
 			break bb0;
 		}
-		t35 = void 0;
+		t34 = void 0;
 	}
-	let clearButton = t35, openButtonBoxPadding = padding.map(_temp), openButtonPadding = padding.map(_temp2), openButtonProps = typeof openButton == "object" ? openButton : EMPTY_RECORD, t36;
-	$[96] !== dispatchOpen || $[97] !== openButtonProps ? (t36 = (event_4) => {
+	let clearButton = t34, openButtonBoxPadding = padding.map(_temp), openButtonPadding = padding.map(_temp2), openButtonProps = typeof openButton == "object" ? openButton : EMPTY_RECORD, t35;
+	$[95] !== dispatchOpen || $[96] !== openButtonProps ? (t35 = (event_4) => {
 		dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event_4), _raf(() => inputElementRef.current?.focus());
-	}, $[96] = dispatchOpen, $[97] = openButtonProps, $[98] = t36) : t36 = $[98];
-	let handleOpenClick = t36, t37;
-	$[99] !== disabled || $[100] !== expanded || $[101] !== fontSize || $[102] !== handleOpenClick || $[103] !== openButton || $[104] !== openButtonBoxPadding || $[105] !== openButtonPadding || $[106] !== openButtonProps || $[107] !== readOnly ? (t37 = !disabled && !readOnly && openButton ? /* @__PURE__ */ jsx(Box, {
+	}, $[95] = dispatchOpen, $[96] = openButtonProps, $[97] = t35) : t35 = $[97];
+	let handleOpenClick = t35, t36;
+	$[98] !== disabled || $[99] !== expanded || $[100] !== fontSize || $[101] !== handleOpenClick || $[102] !== openButton || $[103] !== openButtonBoxPadding || $[104] !== openButtonPadding || $[105] !== openButtonProps || $[106] !== readOnly ? (t36 = !disabled && !readOnly && openButton ? /* @__PURE__ */ jsx(Box, {
 		"aria-hidden": expanded,
 		padding: openButtonBoxPadding,
 		children: /* @__PURE__ */ jsx(Button, {
@@ -301,36 +297,36 @@ function Autocomplete(props) {
 			...openButtonProps,
 			onClick: handleOpenClick
 		})
-	}) : void 0, $[99] = disabled, $[100] = expanded, $[101] = fontSize, $[102] = handleOpenClick, $[103] = openButton, $[104] = openButtonBoxPadding, $[105] = openButtonPadding, $[106] = openButtonProps, $[107] = readOnly, $[108] = t37) : t37 = $[108];
-	let openButtonNode = t37, t38;
+	}) : void 0, $[98] = disabled, $[99] = expanded, $[100] = fontSize, $[101] = handleOpenClick, $[102] = openButton, $[103] = openButtonBoxPadding, $[104] = openButtonPadding, $[105] = openButtonProps, $[106] = readOnly, $[107] = t36) : t36 = $[107];
+	let openButtonNode = t36, t37;
 	bb1: {
 		if (query === null) {
 			if (value !== null) {
-				let t39;
-				$[109] !== currentOption || $[110] !== renderValue || $[111] !== value ? (t39 = renderValue(value, currentOption), $[109] = currentOption, $[110] = renderValue, $[111] = value, $[112] = t39) : t39 = $[112], t38 = t39;
+				let t38;
+				$[108] !== currentOption || $[109] !== renderValue || $[110] !== value ? (t38 = renderValue(value, currentOption), $[108] = currentOption, $[109] = renderValue, $[110] = value, $[111] = t38) : t38 = $[111], t37 = t38;
 				break bb1;
 			}
-			t38 = "";
+			t37 = "";
 			break bb1;
 		}
-		t38 = query;
+		t37 = query;
 	}
-	let inputValue = t38, t39;
-	$[113] === listFocused ? t39 = $[114] : (t39 = (event_5) => {
+	let inputValue = t37, t38;
+	$[112] === listFocused ? t38 = $[113] : (t38 = (event_5) => {
 		event_5.key === "Tab" && listFocused && inputElementRef.current?.focus();
-	}, $[113] = listFocused, $[114] = t39);
-	let handleListBoxKeyDown = t39, t40;
+	}, $[112] = listFocused, $[113] = t38);
+	let handleListBoxKeyDown = t38, t39;
 	bb2: {
 		if (filteredOptions.length === 0) {
-			t40 = null;
+			t39 = null;
 			break bb2;
 		}
-		let t41 = listBox?.className, t42;
-		$[115] === t41 ? t42 = $[116] : (t42 = clsx(autocompleteListBox, t41), $[115] = t41, $[116] = t42);
-		let t43;
-		if ($[117] !== activeValue || $[118] !== currentOption || $[119] !== filteredOptions || $[120] !== handleOptionSelect || $[121] !== id || $[122] !== listFocused || $[123] !== loading || $[124] !== renderOption) {
-			let t44;
-			$[126] !== activeValue || $[127] !== currentOption || $[128] !== handleOptionSelect || $[129] !== id || $[130] !== listFocused || $[131] !== loading || $[132] !== renderOption ? (t44 = (option_0) => {
+		let t40 = listBox?.className, t41;
+		$[114] === t40 ? t41 = $[115] : (t41 = clsx(autocompleteListBox, t40), $[114] = t40, $[115] = t41);
+		let t42;
+		if ($[116] !== activeValue || $[117] !== currentOption || $[118] !== filteredOptions || $[119] !== handleOptionSelect || $[120] !== id || $[121] !== listFocused || $[122] !== loading || $[123] !== renderOption) {
+			let t43;
+			$[125] !== activeValue || $[126] !== currentOption || $[127] !== handleOptionSelect || $[128] !== id || $[129] !== listFocused || $[130] !== loading || $[131] !== renderOption ? (t43 = (option_0) => {
 				let active = activeValue === null ? currentOption === option_0 : option_0.value === activeValue;
 				return /* @__PURE__ */ jsx(AutocompleteOption, {
 					id: `${id}-option-${option_0.value}`,
@@ -343,10 +339,10 @@ function Autocomplete(props) {
 						tabIndex: listFocused && active ? 0 : -1
 					})
 				}, option_0.value);
-			}, $[126] = activeValue, $[127] = currentOption, $[128] = handleOptionSelect, $[129] = id, $[130] = listFocused, $[131] = loading, $[132] = renderOption, $[133] = t44) : t44 = $[133], t43 = filteredOptions.map(t44), $[117] = activeValue, $[118] = currentOption, $[119] = filteredOptions, $[120] = handleOptionSelect, $[121] = id, $[122] = listFocused, $[123] = loading, $[124] = renderOption, $[125] = t43;
-		} else t43 = $[125];
-		let t44;
-		$[134] !== listBoxId || $[135] !== t43 ? (t44 = /* @__PURE__ */ jsx(Stack, {
+			}, $[125] = activeValue, $[126] = currentOption, $[127] = handleOptionSelect, $[128] = id, $[129] = listFocused, $[130] = loading, $[131] = renderOption, $[132] = t43) : t43 = $[132], t42 = filteredOptions.map(t43), $[116] = activeValue, $[117] = currentOption, $[118] = filteredOptions, $[119] = handleOptionSelect, $[120] = id, $[121] = listFocused, $[122] = loading, $[123] = renderOption, $[124] = t42;
+		} else t42 = $[124];
+		let t43;
+		$[133] !== listBoxId || $[134] !== t42 ? (t43 = /* @__PURE__ */ jsx(Stack, {
 			as: "ul",
 			"aria-multiselectable": !1,
 			"data-ui": "AutoComplete__resultsList",
@@ -354,40 +350,40 @@ function Autocomplete(props) {
 			ref: listBoxElementRef,
 			role: "listbox",
 			gap: 1,
-			children: t43
-		}), $[134] = listBoxId, $[135] = t43, $[136] = t44) : t44 = $[136];
-		let t45;
-		$[137] !== handleListBoxKeyDown || $[138] !== listBox || $[139] !== t42 || $[140] !== t44 ? (t45 = /* @__PURE__ */ jsx(Box, {
+			children: t42
+		}), $[133] = listBoxId, $[134] = t42, $[135] = t43) : t43 = $[135];
+		let t44;
+		$[136] !== handleListBoxKeyDown || $[137] !== listBox || $[138] !== t41 || $[139] !== t43 ? (t44 = /* @__PURE__ */ jsx(Box, {
 			"data-ui": "AutoComplete__results",
 			onKeyDown: handleListBoxKeyDown,
 			padding: 1,
 			...listBox,
-			className: t42,
+			className: t41,
 			tabIndex: -1,
-			children: t44
-		}), $[137] = handleListBoxKeyDown, $[138] = listBox, $[139] = t42, $[140] = t44, $[141] = t45) : t45 = $[141], t40 = t45;
+			children: t43
+		}), $[136] = handleListBoxKeyDown, $[137] = listBox, $[138] = t41, $[139] = t43, $[140] = t44) : t44 = $[140], t39 = t44;
 	}
-	let content = t40, t41;
+	let content = t39, t40;
 	bb3: {
 		if (renderPopover) {
-			let t42 = !expanded, t43;
-			$[142] !== content || $[143] !== handlePopoverMouseEnter || $[144] !== handlePopoverMouseLeave || $[145] !== inputElement || $[146] !== renderPopover || $[147] !== t42 ? (t43 = /* @__PURE__ */ jsx(RenderPopover, {
+			let t41 = !expanded, t42;
+			$[141] !== content || $[142] !== handlePopoverMouseEnter || $[143] !== handlePopoverMouseLeave || $[144] !== inputElement || $[145] !== renderPopover || $[146] !== t41 ? (t42 = /* @__PURE__ */ jsx(RenderPopover, {
 				content,
-				hidden: t42,
+				hidden: t41,
 				inputElement,
 				onMouseEnter: handlePopoverMouseEnter,
 				onMouseLeave: handlePopoverMouseLeave,
 				resultsPopoverElementRef,
 				renderPopover
-			}), $[142] = content, $[143] = handlePopoverMouseEnter, $[144] = handlePopoverMouseLeave, $[145] = inputElement, $[146] = renderPopover, $[147] = t42, $[148] = t43) : t43 = $[148], t41 = t43;
+			}), $[141] = content, $[142] = handlePopoverMouseEnter, $[143] = handlePopoverMouseLeave, $[144] = inputElement, $[145] = renderPopover, $[146] = t41, $[147] = t42) : t42 = $[147], t40 = t42;
 			break bb3;
 		}
 		if (filteredOptionsLen === 0) {
-			t41 = null;
+			t40 = null;
 			break bb3;
 		}
-		let t42;
-		$[149] !== content || $[150] !== expanded || $[151] !== handlePopoverMouseEnter || $[152] !== handlePopoverMouseLeave || $[153] !== inputElement || $[154] !== popover || $[155] !== radius ? (t42 = /* @__PURE__ */ jsx(Popover, {
+		let t41;
+		$[148] !== content || $[149] !== expanded || $[150] !== handlePopoverMouseEnter || $[151] !== handlePopoverMouseLeave || $[152] !== inputElement || $[153] !== popover || $[154] !== radius ? (t41 = /* @__PURE__ */ jsx(Popover, {
 			arrow: !1,
 			constrainSize: !0,
 			content,
@@ -403,12 +399,12 @@ function Autocomplete(props) {
 			ref: resultsPopoverElementRef,
 			referenceElement: inputElement,
 			...popover
-		}), $[149] = content, $[150] = expanded, $[151] = handlePopoverMouseEnter, $[152] = handlePopoverMouseLeave, $[153] = inputElement, $[154] = popover, $[155] = radius, $[156] = t42) : t42 = $[156], t41 = t42;
+		}), $[148] = content, $[149] = expanded, $[150] = handlePopoverMouseEnter, $[151] = handlePopoverMouseLeave, $[152] = inputElement, $[153] = popover, $[154] = radius, $[155] = t41) : t41 = $[155], t40 = t41;
 	}
-	let results = t41, t42;
-	$[157] === loading ? t42 = $[158] : (t42 = loading && /* @__PURE__ */ jsx(SpinnerIcon, { className: "_1b6o2se1" }), $[157] = loading, $[158] = t42);
-	let t43 = suffix || openButtonNode, t44;
-	$[159] !== activeItemId || $[160] !== border || $[161] !== clearButton || $[162] !== customValidity || $[163] !== disabled || $[164] !== expanded || $[165] !== fontSize || $[166] !== handleClearButtonClick || $[167] !== handleInputChange || $[168] !== handleInputFocus || $[169] !== icon || $[170] !== id || $[171] !== inputValue || $[172] !== listBoxId || $[173] !== padding || $[174] !== prefix || $[175] !== radius || $[176] !== readOnly || $[177] !== restProps || $[178] !== t42 || $[179] !== t43 ? (t44 = /* @__PURE__ */ jsx(TextInput, {
+	let results = t40, t41;
+	$[156] === loading ? t41 = $[157] : (t41 = loading && /* @__PURE__ */ jsx(SpinnerIcon, { className: "_1b6o2se1" }), $[156] = loading, $[157] = t41);
+	let t42 = suffix || openButtonNode, t43;
+	$[158] !== activeItemId || $[159] !== border || $[160] !== clearButton || $[161] !== customValidity || $[162] !== disabled || $[163] !== expanded || $[164] !== fontSize || $[165] !== handleClearButtonClick || $[166] !== handleInputChange || $[167] !== handleInputFocus || $[168] !== icon || $[169] !== id || $[170] !== inputValue || $[171] !== listBoxId || $[172] !== padding || $[173] !== prefix || $[174] !== radius || $[175] !== readOnly || $[176] !== restProps || $[177] !== t41 || $[178] !== t42 ? (t43 = /* @__PURE__ */ jsx(TextInput, {
 		...restProps,
 		"aria-activedescendant": activeItemId,
 		"aria-autocomplete": "list",
@@ -423,7 +419,7 @@ function Autocomplete(props) {
 		disabled,
 		fontSize,
 		icon,
-		iconRight: t42,
+		iconRight: t41,
 		id,
 		inputMode: "search",
 		onChange: handleInputChange,
@@ -436,19 +432,19 @@ function Autocomplete(props) {
 		ref: setInputElement,
 		role: "combobox",
 		spellCheck: !1,
-		suffix: t43,
+		suffix: t42,
 		value: inputValue
-	}), $[159] = activeItemId, $[160] = border, $[161] = clearButton, $[162] = customValidity, $[163] = disabled, $[164] = expanded, $[165] = fontSize, $[166] = handleClearButtonClick, $[167] = handleInputChange, $[168] = handleInputFocus, $[169] = icon, $[170] = id, $[171] = inputValue, $[172] = listBoxId, $[173] = padding, $[174] = prefix, $[175] = radius, $[176] = readOnly, $[177] = restProps, $[178] = t42, $[179] = t43, $[180] = t44) : t44 = $[180];
-	let t45;
-	return $[181] !== handleRootBlur || $[182] !== handleRootFocus || $[183] !== handleRootKeyDown || $[184] !== results || $[185] !== t44 ? (t45 = /* @__PURE__ */ jsxs("div", {
+	}), $[158] = activeItemId, $[159] = border, $[160] = clearButton, $[161] = customValidity, $[162] = disabled, $[163] = expanded, $[164] = fontSize, $[165] = handleClearButtonClick, $[166] = handleInputChange, $[167] = handleInputFocus, $[168] = icon, $[169] = id, $[170] = inputValue, $[171] = listBoxId, $[172] = padding, $[173] = prefix, $[174] = radius, $[175] = readOnly, $[176] = restProps, $[177] = t41, $[178] = t42, $[179] = t43) : t43 = $[179];
+	let t44;
+	return $[180] !== handleRootBlur || $[181] !== handleRootFocus || $[182] !== handleRootKeyDown || $[183] !== results || $[184] !== t43 ? (t44 = /* @__PURE__ */ jsxs("div", {
 		className: autocomplete,
 		"data-ui": "Autocomplete",
 		onBlur: handleRootBlur,
 		onFocus: handleRootFocus,
 		onKeyDown: handleRootKeyDown,
 		ref: rootElementRef,
-		children: [t44, results]
-	}), $[181] = handleRootBlur, $[182] = handleRootFocus, $[183] = handleRootKeyDown, $[184] = results, $[185] = t44, $[186] = t45) : t45 = $[186], t45;
+		children: [t43, results]
+	}), $[180] = handleRootBlur, $[181] = handleRootFocus, $[182] = handleRootKeyDown, $[183] = results, $[184] = t43, $[185] = t44) : t44 = $[185], t44;
 }
 function _temp2(v_1) {
 	return Math.max(v_1 - 1, 0);