@react-spectrum/autocomplete 3.0.0-alpha.25 → 3.0.0-alpha.27

package/dist/import.mjs

@@ -0,0 +1,1046 @@
+"use client";
+
+import $024cf3aa492e9082$exports from "./ar-AE.mjs";
+import $b1478ef78bbb453c$exports from "./bg-BG.mjs";
+import $a460b76408fa2c12$exports from "./cs-CZ.mjs";
+import $e9e48f3945b54c4e$exports from "./da-DK.mjs";
+import $51a37bbbb04b8d4b$exports from "./de-DE.mjs";
+import $a9652db54e8c657c$exports from "./el-GR.mjs";
+import $9d3fddee794c9b57$exports from "./en-US.mjs";
+import $d19a882e0e4cfd8a$exports from "./es-ES.mjs";
+import $f163759b67478eb6$exports from "./et-EE.mjs";
+import $b156937eefa4b1b2$exports from "./fi-FI.mjs";
+import $21aacec2a5f4c61f$exports from "./fr-FR.mjs";
+import $a0cc323ab22de2bd$exports from "./he-IL.mjs";
+import $4b1559eab8beeaf7$exports from "./hr-HR.mjs";
+import $4dab4b9205a1a185$exports from "./hu-HU.mjs";
+import $e68bbe47073afa8a$exports from "./it-IT.mjs";
+import $88667c729de33c42$exports from "./ja-JP.mjs";
+import $4c3197bb97515799$exports from "./ko-KR.mjs";
+import $cd50f414bffb1f7a$exports from "./lt-LT.mjs";
+import $0d7f84ef3916515f$exports from "./lv-LV.mjs";
+import $f1a58baeabc47396$exports from "./nb-NO.mjs";
+import $a3dd9e27853292c1$exports from "./nl-NL.mjs";
+import $6e8413d536bb66ca$exports from "./pl-PL.mjs";
+import $bdf278414a496664$exports from "./pt-BR.mjs";
+import $53a7cad14ed21164$exports from "./pt-PT.mjs";
+import $f503546cf2f6f1ae$exports from "./ro-RO.mjs";
+import $9c0df9313a851b51$exports from "./ru-RU.mjs";
+import $ff7d7295476e23aa$exports from "./sk-SK.mjs";
+import $9a2e91f09cf7ad62$exports from "./sl-SI.mjs";
+import $15b314371291c45e$exports from "./sr-SP.mjs";
+import $1582d77a65bc529b$exports from "./sv-SE.mjs";
+import $c43996bbf6a84066$exports from "./tr-TR.mjs";
+import $f0ebecaa2c26d7b6$exports from "./uk-UA.mjs";
+import $0d8545e67578a6e4$exports from "./zh-CN.mjs";
+import $5a75571ed7cb75fa$exports from "./zh-TW.mjs";
+import "./main.css";
+import {Item as $dc667e3abdbeb6b2$re_export$Item, Section as $dc667e3abdbeb6b2$re_export$Section} from "@react-stately/collections";
+import {useIsMobileDevice as $aQREU$useIsMobileDevice, useUnwrapDOMRef as $aQREU$useUnwrapDOMRef, useFocusableRef as $aQREU$useFocusableRef, useResizeObserver as $aQREU$useResizeObserver, dimensionValue as $aQREU$dimensionValue, classNames as $aQREU$classNames} from "@react-spectrum/utils";
+import {ClearButton as $aQREU$ClearButton} from "@react-spectrum/button";
+import {Field as $aQREU$Field} from "@react-spectrum/label";
+import {useLayoutEffect as $aQREU$useLayoutEffect, filterDOMProps as $aQREU$filterDOMProps, useFormReset as $aQREU$useFormReset, mergeProps as $aQREU$mergeProps, useId as $aQREU$useId} from "@react-aria/utils";
+import {FocusRing as $aQREU$FocusRing, useFocusRing as $aQREU$useFocusRing, focusSafely as $aQREU$focusSafely, FocusScope as $aQREU$FocusScope} from "@react-aria/focus";
+import {useListBoxLayout as $aQREU$useListBoxLayout, ListBoxBase as $aQREU$ListBoxBase} from "@react-spectrum/listbox";
+import $aQREU$spectrumiconsuiMagnifier from "@spectrum-icons/ui/Magnifier";
+import {Popover as $aQREU$Popover, Tray as $aQREU$Tray} from "@react-spectrum/overlays";
+import {ProgressCircle as $aQREU$ProgressCircle} from "@react-spectrum/progress";
+import $aQREU$react, {useRef as $aQREU$useRef, useCallback as $aQREU$useCallback, useState as $aQREU$useState, useEffect as $aQREU$useEffect, forwardRef as $aQREU$forwardRef} from "react";
+import {TextFieldBase as $aQREU$TextFieldBase} from "@react-spectrum/textfield";
+import {useComboBoxState as $aQREU$useComboBoxState} from "@react-stately/combobox";
+import {useLocalizedStringFormatter as $aQREU$useLocalizedStringFormatter, useFilter as $aQREU$useFilter} from "@react-aria/i18n";
+import {useFormProps as $aQREU$useFormProps} from "@react-spectrum/form";
+import {useHover as $aQREU$useHover, setInteractionModality as $aQREU$setInteractionModality} from "@react-aria/interactions";
+import {useProviderProps as $aQREU$useProviderProps, useProvider as $aQREU$useProvider} from "@react-spectrum/provider";
+import {useSearchAutocomplete as $aQREU$useSearchAutocomplete} from "@react-aria/autocomplete";
+import $aQREU$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import $aQREU$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
+import {useOverlayTrigger as $aQREU$useOverlayTrigger, DismissButton as $aQREU$DismissButton} from "@react-aria/overlays";
+import {useButton as $aQREU$useButton} from "@react-aria/button";
+import {useDialog as $aQREU$useDialog} from "@react-aria/dialog";
+import {useField as $aQREU$useField} from "@react-aria/label";
+import {useFormValidation as $aQREU$useFormValidation} from "@react-aria/form";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+var $67773d1975e0a845$exports = {};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+$67773d1975e0a845$exports = {
+    "ar-AE": $024cf3aa492e9082$exports,
+    "bg-BG": $b1478ef78bbb453c$exports,
+    "cs-CZ": $a460b76408fa2c12$exports,
+    "da-DK": $e9e48f3945b54c4e$exports,
+    "de-DE": $51a37bbbb04b8d4b$exports,
+    "el-GR": $a9652db54e8c657c$exports,
+    "en-US": $9d3fddee794c9b57$exports,
+    "es-ES": $d19a882e0e4cfd8a$exports,
+    "et-EE": $f163759b67478eb6$exports,
+    "fi-FI": $b156937eefa4b1b2$exports,
+    "fr-FR": $21aacec2a5f4c61f$exports,
+    "he-IL": $a0cc323ab22de2bd$exports,
+    "hr-HR": $4b1559eab8beeaf7$exports,
+    "hu-HU": $4dab4b9205a1a185$exports,
+    "it-IT": $e68bbe47073afa8a$exports,
+    "ja-JP": $88667c729de33c42$exports,
+    "ko-KR": $4c3197bb97515799$exports,
+    "lt-LT": $cd50f414bffb1f7a$exports,
+    "lv-LV": $0d7f84ef3916515f$exports,
+    "nb-NO": $f1a58baeabc47396$exports,
+    "nl-NL": $a3dd9e27853292c1$exports,
+    "pl-PL": $6e8413d536bb66ca$exports,
+    "pt-BR": $bdf278414a496664$exports,
+    "pt-PT": $53a7cad14ed21164$exports,
+    "ro-RO": $f503546cf2f6f1ae$exports,
+    "ru-RU": $9c0df9313a851b51$exports,
+    "sk-SK": $ff7d7295476e23aa$exports,
+    "sl-SI": $9a2e91f09cf7ad62$exports,
+    "sr-SP": $15b314371291c45e$exports,
+    "sv-SE": $1582d77a65bc529b$exports,
+    "tr-TR": $c43996bbf6a84066$exports,
+    "uk-UA": $f0ebecaa2c26d7b6$exports,
+    "zh-CN": $0d8545e67578a6e4$exports,
+    "zh-TW": $5a75571ed7cb75fa$exports
+};
+
+
+
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+var $f6bdc9f20ce7ef93$exports = {};
+
+$parcel$export($f6bdc9f20ce7ef93$exports, "has-label", () => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2, (v) => $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "mobile-input", () => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5, (v) => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "mobile-searchautocomplete", () => $f6bdc9f20ce7ef93$export$3117ea626976198e, (v) => $f6bdc9f20ce7ef93$export$3117ea626976198e = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "mobile-value", () => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355, (v) => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "no-results", () => $f6bdc9f20ce7ef93$export$5b1939da91820a47, (v) => $f6bdc9f20ce7ef93$export$5b1939da91820a47 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "searchautocomplete", () => $f6bdc9f20ce7ef93$export$5096a212edbce2e8, (v) => $f6bdc9f20ce7ef93$export$5096a212edbce2e8 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "tray-dialog", () => $f6bdc9f20ce7ef93$export$3d4198eea215577a, (v) => $f6bdc9f20ce7ef93$export$3d4198eea215577a = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "tray-listbox", () => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed, (v) => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield", () => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0, (v) => $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = v);
+$parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield-input", () => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8, (v) => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = v);
+var $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2;
+var $f6bdc9f20ce7ef93$export$bededa1c0ac414c5;
+var $f6bdc9f20ce7ef93$export$3117ea626976198e;
+var $f6bdc9f20ce7ef93$export$e32ca2bb9f795355;
+var $f6bdc9f20ce7ef93$export$5b1939da91820a47;
+var $f6bdc9f20ce7ef93$export$5096a212edbce2e8;
+var $f6bdc9f20ce7ef93$export$3d4198eea215577a;
+var $f6bdc9f20ce7ef93$export$7281dc54d38d4bed;
+var $f6bdc9f20ce7ef93$export$73cc97e04e76a6d0;
+var $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8;
+$f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2 = `JdB_7q_has-label`;
+$f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = `JdB_7q_mobile-input`;
+$f6bdc9f20ce7ef93$export$3117ea626976198e = `JdB_7q_mobile-searchautocomplete`;
+$f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = `JdB_7q_mobile-value`;
+$f6bdc9f20ce7ef93$export$5b1939da91820a47 = `JdB_7q_no-results`;
+$f6bdc9f20ce7ef93$export$5096a212edbce2e8 = `JdB_7q_searchautocomplete`;
+$f6bdc9f20ce7ef93$export$3d4198eea215577a = `JdB_7q_tray-dialog`;
+$f6bdc9f20ce7ef93$export$7281dc54d38d4bed = `JdB_7q_tray-listbox`;
+$f6bdc9f20ce7ef93$export$73cc97e04e76a6d0 = `JdB_7q_tray-textfield`;
+$f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = `JdB_7q_tray-textfield-input`;
+
+
+var $5589e2270a5c2f51$exports = {};
+
+$parcel$export($5589e2270a5c2f51$exports, "focus-ring", () => $5589e2270a5c2f51$export$f39a09f249340e2a, (v) => $5589e2270a5c2f51$export$f39a09f249340e2a = v);
+$parcel$export($5589e2270a5c2f51$exports, "i18nFontFamily", () => $5589e2270a5c2f51$export$8c4ee2c50c22c514, (v) => $5589e2270a5c2f51$export$8c4ee2c50c22c514 = v);
+$parcel$export($5589e2270a5c2f51$exports, "is-quiet", () => $5589e2270a5c2f51$export$6d5c5433f0da4241, (v) => $5589e2270a5c2f51$export$6d5c5433f0da4241 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-ClearButton", () => $5589e2270a5c2f51$export$b752ce409e5660c, (v) => $5589e2270a5c2f51$export$b752ce409e5660c = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing-ring", () => $5589e2270a5c2f51$export$4109102f950813a6, (v) => $5589e2270a5c2f51$export$4109102f950813a6 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing", () => $5589e2270a5c2f51$export$24c7f46a6e3605dd, (v) => $5589e2270a5c2f51$export$24c7f46a6e3605dd = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing--quiet", () => $5589e2270a5c2f51$export$2927016961429360, (v) => $5589e2270a5c2f51$export$2927016961429360 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search", () => $5589e2270a5c2f51$export$713911d754e1e4ae, (v) => $5589e2270a5c2f51$export$713911d754e1e4ae = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--invalid", () => $5589e2270a5c2f51$export$77a6151a0b46a6a3, (v) => $5589e2270a5c2f51$export$77a6151a0b46a6a3 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--loadable", () => $5589e2270a5c2f51$export$9c74d64afae3b2d4, (v) => $5589e2270a5c2f51$export$9c74d64afae3b2d4 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-circleLoader", () => $5589e2270a5c2f51$export$70ae4353602451dc, (v) => $5589e2270a5c2f51$export$70ae4353602451dc = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-input", () => $5589e2270a5c2f51$export$50e02603f2d97ae1, (v) => $5589e2270a5c2f51$export$50e02603f2d97ae1 = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-validationIcon", () => $5589e2270a5c2f51$export$938f0981825eae6e, (v) => $5589e2270a5c2f51$export$938f0981825eae6e = v);
+$parcel$export($5589e2270a5c2f51$exports, "spectrum-Textfield", () => $5589e2270a5c2f51$export$2c8a10299d8b3418, (v) => $5589e2270a5c2f51$export$2c8a10299d8b3418 = v);
+var $5589e2270a5c2f51$export$f39a09f249340e2a;
+var $5589e2270a5c2f51$export$8c4ee2c50c22c514;
+var $5589e2270a5c2f51$export$6d5c5433f0da4241;
+var $5589e2270a5c2f51$export$b752ce409e5660c;
+var $5589e2270a5c2f51$export$4109102f950813a6;
+var $5589e2270a5c2f51$export$24c7f46a6e3605dd;
+var $5589e2270a5c2f51$export$2927016961429360;
+var $5589e2270a5c2f51$export$713911d754e1e4ae;
+var $5589e2270a5c2f51$export$77a6151a0b46a6a3;
+var $5589e2270a5c2f51$export$9c74d64afae3b2d4;
+var $5589e2270a5c2f51$export$aa81e3ab40f37567;
+var $5589e2270a5c2f51$export$70ae4353602451dc;
+var $5589e2270a5c2f51$export$50e02603f2d97ae1;
+var $5589e2270a5c2f51$export$938f0981825eae6e;
+var $5589e2270a5c2f51$export$2c8a10299d8b3418;
+$5589e2270a5c2f51$export$f39a09f249340e2a = `SOkmSG_focus-ring`;
+$5589e2270a5c2f51$export$8c4ee2c50c22c514 = `SOkmSG_i18nFontFamily`;
+$5589e2270a5c2f51$export$6d5c5433f0da4241 = `SOkmSG_is-quiet`;
+$5589e2270a5c2f51$export$b752ce409e5660c = `SOkmSG_spectrum-ClearButton`;
+$5589e2270a5c2f51$export$4109102f950813a6 = `SOkmSG_spectrum-FocusRing-ring`;
+$5589e2270a5c2f51$export$24c7f46a6e3605dd = `SOkmSG_spectrum-FocusRing ${$5589e2270a5c2f51$export$4109102f950813a6}`;
+$5589e2270a5c2f51$export$2927016961429360 = `SOkmSG_spectrum-FocusRing--quiet`;
+$5589e2270a5c2f51$export$713911d754e1e4ae = `SOkmSG_spectrum-Search`;
+$5589e2270a5c2f51$export$77a6151a0b46a6a3 = `SOkmSG_spectrum-Search--invalid`;
+$5589e2270a5c2f51$export$9c74d64afae3b2d4 = `SOkmSG_spectrum-Search--loadable`;
+$5589e2270a5c2f51$export$aa81e3ab40f37567 = `SOkmSG_spectrum-Search--valid`;
+$5589e2270a5c2f51$export$70ae4353602451dc = `SOkmSG_spectrum-Search-circleLoader`;
+$5589e2270a5c2f51$export$50e02603f2d97ae1 = `SOkmSG_spectrum-Search-input`;
+$5589e2270a5c2f51$export$938f0981825eae6e = `SOkmSG_spectrum-Search-validationIcon`;
+$5589e2270a5c2f51$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
+
+
+
+var $8fb52a80fe52b1c7$exports = {};
+
+$parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "i18nFontFamily", () => $8fb52a80fe52b1c7$export$8c4ee2c50c22c514, (v) => $8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--datetimeRange", () => $8fb52a80fe52b1c7$export$58dd7cd23c92699f, (v) => $8fb52a80fe52b1c7$export$58dd7cd23c92699f = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--range", () => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd, (v) => $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () => $8fb52a80fe52b1c7$export$202113e883898dc, (v) => $8fb52a80fe52b1c7$export$202113e883898dc = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-endField", () => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee, (v) => $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-startField", () => $8fb52a80fe52b1c7$export$80f9c838a8406469, (v) => $8fb52a80fe52b1c7$export$80f9c838a8406469 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing-ring", () => $8fb52a80fe52b1c7$export$4109102f950813a6, (v) => $8fb52a80fe52b1c7$export$4109102f950813a6 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing", () => $8fb52a80fe52b1c7$export$24c7f46a6e3605dd, (v) => $8fb52a80fe52b1c7$export$24c7f46a6e3605dd = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FocusRing--quiet", () => $8fb52a80fe52b1c7$export$2927016961429360, (v) => $8fb52a80fe52b1c7$export$2927016961429360 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--invalid", () => $8fb52a80fe52b1c7$export$3b48509739a9cda0, (v) => $8fb52a80fe52b1c7$export$3b48509739a9cda0 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-field", () => $8fb52a80fe52b1c7$export$ea77459595e26bec, (v) => $8fb52a80fe52b1c7$export$ea77459595e26bec = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-icon", () => $8fb52a80fe52b1c7$export$b91b6af799fd93a8, (v) => $8fb52a80fe52b1c7$export$b91b6af799fd93a8 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input", () => $8fb52a80fe52b1c7$export$92706f5c6fe4074, (v) => $8fb52a80fe52b1c7$export$92706f5c6fe4074 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-popover--quiet", () => $8fb52a80fe52b1c7$export$5e116178f9b1556a, (v) => $8fb52a80fe52b1c7$export$5e116178f9b1556a = v);
+var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
+var $8fb52a80fe52b1c7$export$8c4ee2c50c22c514;
+var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
+var $8fb52a80fe52b1c7$export$e7dc768d35940237;
+var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
+var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
+var $8fb52a80fe52b1c7$export$58dd7cd23c92699f;
+var $8fb52a80fe52b1c7$export$1d8b0b29e11d7cd;
+var $8fb52a80fe52b1c7$export$202113e883898dc;
+var $8fb52a80fe52b1c7$export$1c72fb41fa4f21ee;
+var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
+var $8fb52a80fe52b1c7$export$80f9c838a8406469;
+var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
+var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
+var $8fb52a80fe52b1c7$export$4109102f950813a6;
+var $8fb52a80fe52b1c7$export$24c7f46a6e3605dd;
+var $8fb52a80fe52b1c7$export$2927016961429360;
+var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
+var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
+var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
+var $8fb52a80fe52b1c7$export$ea77459595e26bec;
+var $8fb52a80fe52b1c7$export$b91b6af799fd93a8;
+var $8fb52a80fe52b1c7$export$92706f5c6fe4074;
+var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
+var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
+var $8fb52a80fe52b1c7$export$5e116178f9b1556a;
+$8fb52a80fe52b1c7$export$f39a09f249340e2a = `ZTA2ya_focus-ring`;
+$8fb52a80fe52b1c7$export$8c4ee2c50c22c514 = `ZTA2ya_i18nFontFamily`;
+$8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = `ZTA2ya_is-disabled`;
+$8fb52a80fe52b1c7$export$e7dc768d35940237 = `ZTA2ya_is-focused`;
+$8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = `ZTA2ya_is-hovered`;
+$8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = `ZTA2ya_is-selected`;
+$8fb52a80fe52b1c7$export$58dd7cd23c92699f = `ZTA2ya_spectrum-Datepicker--datetimeRange`;
+$8fb52a80fe52b1c7$export$1d8b0b29e11d7cd = `ZTA2ya_spectrum-Datepicker--range`;
+$8fb52a80fe52b1c7$export$202113e883898dc = `ZTA2ya_spectrum-Datepicker--rangeDash`;
+$8fb52a80fe52b1c7$export$1c72fb41fa4f21ee = `ZTA2ya_spectrum-Datepicker-endField`;
+$8fb52a80fe52b1c7$export$eb262b15b9261fde = `ZTA2ya_spectrum-Datepicker-focusRing`;
+$8fb52a80fe52b1c7$export$80f9c838a8406469 = `ZTA2ya_spectrum-Datepicker-startField`;
+$8fb52a80fe52b1c7$export$a024c99ecf6b5741 = `ZTA2ya_spectrum-FieldButton`;
+$8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = `ZTA2ya_spectrum-FieldButton--invalid`;
+$8fb52a80fe52b1c7$export$4109102f950813a6 = `ZTA2ya_spectrum-FocusRing-ring`;
+$8fb52a80fe52b1c7$export$24c7f46a6e3605dd = `ZTA2ya_spectrum-FocusRing ${$8fb52a80fe52b1c7$export$4109102f950813a6}`;
+$8fb52a80fe52b1c7$export$2927016961429360 = `ZTA2ya_spectrum-FocusRing--quiet`;
+$8fb52a80fe52b1c7$export$5be359c1227eedcb = `ZTA2ya_spectrum-InputGroup ${$8fb52a80fe52b1c7$export$24c7f46a6e3605dd}`;
+$8fb52a80fe52b1c7$export$3b48509739a9cda0 = `ZTA2ya_spectrum-InputGroup--invalid`;
+$8fb52a80fe52b1c7$export$ebf265ffc062029b = `ZTA2ya_spectrum-InputGroup--quiet ${$8fb52a80fe52b1c7$export$2927016961429360}`;
+$8fb52a80fe52b1c7$export$ea77459595e26bec = `ZTA2ya_spectrum-InputGroup-field`;
+$8fb52a80fe52b1c7$export$b91b6af799fd93a8 = `ZTA2ya_spectrum-InputGroup-icon`;
+$8fb52a80fe52b1c7$export$92706f5c6fe4074 = `ZTA2ya_spectrum-InputGroup-input`;
+$8fb52a80fe52b1c7$export$dcc9e00cdad967fa = `ZTA2ya_spectrum-InputGroup-input-circleLoader`;
+$8fb52a80fe52b1c7$export$f7ab13ee113f4884 = `ZTA2ya_spectrum-InputGroup-input-validationIcon`;
+$8fb52a80fe52b1c7$export$5e116178f9b1556a = `ZTA2ya_spectrum-InputGroup-popover--quiet`;
+
+
+
+var $c14528ddc146317f$exports = {};
+
+$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
+$parcel$export($c14528ddc146317f$exports, "i18nFontFamily", () => $c14528ddc146317f$export$8c4ee2c50c22c514, (v) => $c14528ddc146317f$export$8c4ee2c50c22c514 = v);
+$parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
+$parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
+$parcel$export($c14528ddc146317f$exports, "is-hovered", () => $c14528ddc146317f$export$b8813cd5d7824ce7, (v) => $c14528ddc146317f$export$b8813cd5d7824ce7 = v);
+$parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing-ring", () => $c14528ddc146317f$export$4109102f950813a6, (v) => $c14528ddc146317f$export$4109102f950813a6 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing", () => $c14528ddc146317f$export$24c7f46a6e3605dd, (v) => $c14528ddc146317f$export$24c7f46a6e3605dd = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-FocusRing--quiet", () => $c14528ddc146317f$export$2927016961429360, (v) => $c14528ddc146317f$export$2927016961429360 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--invalid", () => $c14528ddc146317f$export$58e50b10d30123df, (v) => $c14528ddc146317f$export$58e50b10d30123df = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--loadable", () => $c14528ddc146317f$export$14fd30fea6f1348c, (v) => $c14528ddc146317f$export$14fd30fea6f1348c = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c14528ddc146317f$export$c2abbc3f970170b7, (v) => $c14528ddc146317f$export$c2abbc3f970170b7 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper", () => $c14528ddc146317f$export$dd1165e0e6012973, (v) => $c14528ddc146317f$export$dd1165e0e6012973 = v);
+$parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-wrapper--quiet", () => $c14528ddc146317f$export$9fcb3d6af94a9d12, (v) => $c14528ddc146317f$export$9fcb3d6af94a9d12 = v);
+var $c14528ddc146317f$export$f39a09f249340e2a;
+var $c14528ddc146317f$export$8c4ee2c50c22c514;
+var $c14528ddc146317f$export$d35bc1e505d1ebbf;
+var $c14528ddc146317f$export$e7dc768d35940237;
+var $c14528ddc146317f$export$b8813cd5d7824ce7;
+var $c14528ddc146317f$export$e5b2f5233e4e5194;
+var $c14528ddc146317f$export$4109102f950813a6;
+var $c14528ddc146317f$export$24c7f46a6e3605dd;
+var $c14528ddc146317f$export$2927016961429360;
+var $c14528ddc146317f$export$2c8a10299d8b3418;
+var $c14528ddc146317f$export$58e50b10d30123df;
+var $c14528ddc146317f$export$14fd30fea6f1348c;
+var $c14528ddc146317f$export$9699f1c538a448a0;
+var $c14528ddc146317f$export$bffd5e3d61a81737;
+var $c14528ddc146317f$export$c2abbc3f970170b7;
+var $c14528ddc146317f$export$82a249fb4d6127;
+var $c14528ddc146317f$export$222d1ccd1870be1d;
+var $c14528ddc146317f$export$1ac009feb2b0bd0c;
+var $c14528ddc146317f$export$c1cdcaa5fe76a871;
+var $c14528ddc146317f$export$cf0ead5b44db0da3;
+var $c14528ddc146317f$export$dd1165e0e6012973;
+var $c14528ddc146317f$export$9fcb3d6af94a9d12;
+$c14528ddc146317f$export$f39a09f249340e2a = `YO3Nla_focus-ring`;
+$c14528ddc146317f$export$8c4ee2c50c22c514 = `YO3Nla_i18nFontFamily`;
+$c14528ddc146317f$export$d35bc1e505d1ebbf = `YO3Nla_is-disabled`;
+$c14528ddc146317f$export$e7dc768d35940237 = `YO3Nla_is-focused`;
+$c14528ddc146317f$export$b8813cd5d7824ce7 = `YO3Nla_is-hovered`;
+$c14528ddc146317f$export$e5b2f5233e4e5194 = `YO3Nla_is-placeholder`;
+$c14528ddc146317f$export$4109102f950813a6 = `YO3Nla_spectrum-FocusRing-ring`;
+$c14528ddc146317f$export$24c7f46a6e3605dd = `YO3Nla_spectrum-FocusRing ${$c14528ddc146317f$export$4109102f950813a6}`;
+$c14528ddc146317f$export$2927016961429360 = `YO3Nla_spectrum-FocusRing--quiet`;
+$c14528ddc146317f$export$2c8a10299d8b3418 = `YO3Nla_spectrum-Textfield ${$c14528ddc146317f$export$24c7f46a6e3605dd}`;
+$c14528ddc146317f$export$58e50b10d30123df = `YO3Nla_spectrum-Textfield--invalid`;
+$c14528ddc146317f$export$14fd30fea6f1348c = `YO3Nla_spectrum-Textfield--loadable`;
+$c14528ddc146317f$export$9699f1c538a448a0 = `YO3Nla_spectrum-Textfield--multiline`;
+$c14528ddc146317f$export$bffd5e3d61a81737 = `YO3Nla_spectrum-Textfield--quiet ${$c14528ddc146317f$export$2927016961429360}`;
+$c14528ddc146317f$export$c2abbc3f970170b7 = `YO3Nla_spectrum-Textfield--valid`;
+$c14528ddc146317f$export$82a249fb4d6127 = `YO3Nla_spectrum-Textfield-circleLoader`;
+$c14528ddc146317f$export$222d1ccd1870be1d = `YO3Nla_spectrum-Textfield-icon`;
+$c14528ddc146317f$export$1ac009feb2b0bd0c = `YO3Nla_spectrum-Textfield-input ${$c14528ddc146317f$export$8c4ee2c50c22c514}`;
+$c14528ddc146317f$export$c1cdcaa5fe76a871 = `YO3Nla_spectrum-Textfield-inputIcon`;
+$c14528ddc146317f$export$cf0ead5b44db0da3 = `YO3Nla_spectrum-Textfield-validationIcon`;
+$c14528ddc146317f$export$dd1165e0e6012973 = `YO3Nla_spectrum-Textfield-wrapper`;
+$c14528ddc146317f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--quiet`;
+
+
+
+
+
+
+
+
+
+
+function $c940f54e16bafef5$var$_MobileSearchAutocomplete(props, ref) {
+    props = (0, $aQREU$useProviderProps)(props);
+    let { isQuiet: isQuiet, isDisabled: isDisabled, isRequired: isRequired, validationBehavior: validationBehavior, validate: validate, name: name, isReadOnly: isReadOnly, onSubmit: onSubmit = ()=>{} } = props;
+    let { contains: contains } = (0, $aQREU$useFilter)({
+        sensitivity: "base"
+    });
+    let state = (0, $aQREU$useComboBoxState)({
+        ...props,
+        defaultFilter: contains,
+        allowsEmptyCollection: true,
+        // Needs to be false here otherwise we double up on commitSelection/commitCustomValue calls when
+        // user taps on underlay (i.e. initial tap will call setFocused(false) -> commitSelection/commitCustomValue via onBlur,
+        // then the closing of the tray will call setFocused(false) again due to cleanup effect)
+        shouldCloseOnBlur: false,
+        allowsCustomValue: true,
+        onSelectionChange: (key)=>key !== null && onSubmit(null, key),
+        selectedKey: undefined,
+        defaultSelectedKey: undefined,
+        validate: (0, $aQREU$useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
+            validate
+        ])
+    });
+    let buttonRef = (0, $aQREU$useRef)(null);
+    let domRef = (0, $aQREU$useFocusableRef)(ref, buttonRef);
+    let { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $aQREU$useOverlayTrigger)({
+        type: "listbox"
+    }, state, buttonRef);
+    let inputRef = (0, $aQREU$useRef)(null);
+    (0, $aQREU$useFormValidation)({
+        ...props,
+        focus: ()=>{
+            var _buttonRef_current;
+            return (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+        }
+    }, state, inputRef);
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let validationState = props.validationState || (isInvalid ? "invalid" : undefined);
+    var _props_errorMessage;
+    let errorMessage = (_props_errorMessage = props.errorMessage) !== null && _props_errorMessage !== void 0 ? _props_errorMessage : validationErrors.join(" ");
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $aQREU$useField)({
+        ...props,
+        labelElementType: "span",
+        isInvalid: isInvalid,
+        errorMessage: errorMessage
+    });
+    // Focus the button and show focus ring when clicking on the label
+    labelProps.onClick = ()=>{
+        if (!props.isDisabled && buttonRef.current) {
+            buttonRef.current.focus();
+            (0, $aQREU$setInteractionModality)("keyboard");
+        }
+    };
+    let inputProps = {
+        type: "hidden",
+        name: name,
+        value: state.inputValue
+    };
+    if (validationBehavior === "native") {
+        // Use a hidden <input type="text"> rather than <input type="hidden">
+        // so that an empty value blocks HTML form submission when the field is required.
+        inputProps.type = "text";
+        inputProps.hidden = true;
+        inputProps.required = isRequired;
+        // Ignore react warning.
+        inputProps.onChange = ()=>{};
+    }
+    (0, $aQREU$useFormReset)(inputRef, state.inputValue, state.setInputValue);
+    return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
+        ...props,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
+        elementType: "span",
+        ref: domRef,
+        includeNecessityIndicatorInAccessibilityName: true
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteButton, {
+        ...(0, $aQREU$mergeProps)(triggerProps, fieldProps, {
+            autoFocus: props.autoFocus,
+            icon: props.icon
+        }),
+        ref: buttonRef,
+        isQuiet: isQuiet,
+        isDisabled: isDisabled,
+        isReadOnly: isReadOnly,
+        isPlaceholder: !state.inputValue,
+        validationState: validationState,
+        inputValue: state.inputValue,
+        clearInput: ()=>state.setInputValue(""),
+        onPress: ()=>!isReadOnly && state.open(null, "manual")
+    }, state.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, $aQREU$react).createElement("input", {
+        ...inputProps,
+        ref: inputRef
+    }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Tray), {
+        state: state,
+        isFixedHeight: true,
+        ...overlayProps
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement($c940f54e16bafef5$var$SearchAutocompleteTray, {
+        ...props,
+        onClose: state.close,
+        overlayProps: overlayProps,
+        state: state
+    })));
+}
+let $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ (0, $aQREU$react).forwardRef($c940f54e16bafef5$var$_MobileSearchAutocomplete);
+// any type is because we don't want to call useObjectRef because this is an internal component and we know
+// we are always passing an object ref
+const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ (0, $aQREU$react).forwardRef(function SearchAutocompleteButton(props, ref) {
+    let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
+        "data-testid": "searchicon"
+    });
+    let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, isPlaceholder: isPlaceholder, validationState: validationState, inputValue: inputValue, clearInput: clearInput, children: children, style: style, className: className } = props;
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
+    let valueId = (0, $aQREU$useId)();
+    let invalidId = (0, $aQREU$useId)();
+    let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiAlertMedium), {
+        id: invalidId,
+        "aria-label": stringFormatter.format("invalid")
+    }) : /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiCheckmarkMedium), null);
+    if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
+        size: "S"
+    });
+    let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
+        onPress: (e)=>{
+            var _props_onPress;
+            clearInput === null || clearInput === void 0 ? void 0 : clearInput();
+            props === null || props === void 0 ? void 0 : (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, e);
+        },
+        preventFocus: true,
+        "aria-label": stringFormatter.format("clear"),
+        excludeFromTabOrder: true,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
+        isDisabled: isDisabled
+    });
+    let validation = /*#__PURE__*/ (0, $aQREU$react).cloneElement(validationIcon, {
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-validationIcon", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-validationIcon"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"))
+    });
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $aQREU$useHover)({});
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $aQREU$useFocusRing)();
+    let { buttonProps: buttonProps } = (0, $aQREU$useButton)({
+        ...props,
+        "aria-labelledby": [
+            props["aria-labelledby"],
+            props["aria-label"] && !props["aria-labelledby"] ? props.id : null,
+            valueId,
+            validationState === "invalid" ? invalidId : null
+        ].filter(Boolean).join(" "),
+        elementType: "div"
+    }, ref);
+    return /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
+        ...(0, $aQREU$mergeProps)(hoverProps, focusProps, buttonProps),
+        "aria-haspopup": "dialog",
+        ref: ref,
+        style: {
+            ...style,
+            outline: "none"
+        },
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
+            "spectrum-InputGroup--quiet": isQuiet,
+            "is-disabled": isDisabled,
+            "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
+            "is-hovered": isHovered,
+            "is-focused": isFocused,
+            "focus-ring": isFocusVisible
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete", "mobile-searchautocomplete"), className)
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield", {
+            "spectrum-Textfield--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
+            "spectrum-Textfield--quiet": isQuiet
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", {
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
+        }), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field"))
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-input", {
+            "spectrum-Textfield-inputIcon": !!icon,
+            "is-hovered": isHovered,
+            "is-placeholder": isPlaceholder,
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "is-focused": isFocused
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-input"))
+    }, icon, /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
+        id: valueId,
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "mobile-value")
+    }, children)), validationState && !isDisabled ? validation : null, (inputValue !== "" || validationState != null) && !isReadOnly && clearButton));
+});
+function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
+    let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
+        "data-testid": "searchicon"
+    });
+    let { state: // completionMode = 'suggest',
+    state, icon: icon = searchIcon, isDisabled: isDisabled, validationState: validationState, label: label, overlayProps: overlayProps, loadingState: loadingState, onLoadMore: onLoadMore, onClose: onClose, onSubmit: onSubmit } = props;
+    let timeout = (0, $aQREU$useRef)(null);
+    let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
+    let inputRef = (0, $aQREU$useRef)(null);
+    let popoverRef = (0, $aQREU$useRef)(null);
+    let listBoxRef = (0, $aQREU$useRef)(null);
+    let isLoading = loadingState === "loading" || loadingState === "loadingMore";
+    let layout = (0, $aQREU$useListBoxLayout)(state, isLoading);
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
+    let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps } = (0, $aQREU$useSearchAutocomplete)({
+        ...props,
+        keyboardDelegate: layout,
+        popoverRef: popoverRef,
+        listBoxRef: listBoxRef,
+        inputRef: inputRef,
+        // Handled outside the tray.
+        name: undefined
+    }, state);
+    (0, $aQREU$react).useEffect(()=>{
+        if (inputRef.current) (0, $aQREU$focusSafely)(inputRef.current);
+    }, []);
+    (0, $aQREU$react).useEffect(()=>{
+        // When the tray closes, set state.isFocused (i.e. the tray input's focus tracker) to false.
+        // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
+        // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
+        // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
+        if (!state.isOpen && state.isFocused) state.setFocused(false);
+    });
+    let { dialogProps: dialogProps } = (0, $aQREU$useDialog)({
+        "aria-labelledby": (0, $aQREU$useId)(labelProps.id)
+    }, popoverRef);
+    // Override the role of the input to "searchbox" instead of "combobox".
+    // Since the listbox is always visible, the combobox role doesn't really give us anything.
+    // VoiceOver on iOS reads "double tap to collapse" when focused on the input rather than
+    // "double tap to edit text", as with a textbox or searchbox. We'd like double tapping to
+    // open the virtual keyboard rather than closing the tray.
+    inputProps.role = "searchbox";
+    inputProps["aria-haspopup"] = "listbox";
+    delete inputProps.onTouchEnd;
+    let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
+        ...clearButtonProps,
+        preventFocus: true,
+        "aria-label": stringFormatter.format("clear"),
+        excludeFromTabOrder: true,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
+        isDisabled: isDisabled
+    });
+    let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
+        "aria-label": stringFormatter.format("loading"),
+        size: "S",
+        isIndeterminate: true,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader"))
+    });
+    // Close the software keyboard on scroll to give the user a bigger area to scroll.
+    // But only do this if scrolling with touch, otherwise it can cause issues with touch
+    // screen readers.
+    let isTouchDown = (0, $aQREU$useRef)(false);
+    let onTouchStart = ()=>{
+        isTouchDown.current = true;
+    };
+    let onTouchEnd = ()=>{
+        isTouchDown.current = false;
+    };
+    let onScroll = (0, $aQREU$useCallback)(()=>{
+        if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
+        if (popoverRef.current) popoverRef.current.focus();
+    }, [
+        inputRef,
+        popoverRef,
+        isTouchDown
+    ]);
+    let inputValue = inputProps.value;
+    let lastInputValue = (0, $aQREU$useRef)(inputValue);
+    (0, $aQREU$useEffect)(()=>{
+        if (loadingState === "filtering" && !showLoading) {
+            if (timeout.current === null) timeout.current = setTimeout(()=>{
+                setShowLoading(true);
+            }, 500);
+            // If user is typing, clear the timer and restart since it is a new request
+            if (inputValue !== lastInputValue.current) {
+                clearTimeout(timeout.current);
+                timeout.current = setTimeout(()=>{
+                    setShowLoading(true);
+                }, 500);
+            }
+        } else if (loadingState !== "filtering") {
+            // If loading is no longer happening, clear any timers and hide the loading circle
+            setShowLoading(false);
+            if (timeout.current !== null) {
+                clearTimeout(timeout.current);
+                timeout.current = null;
+            }
+        }
+        lastInputValue.current = inputValue;
+    }, [
+        loadingState,
+        inputValue,
+        showLoading
+    ]);
+    let onKeyDown = (e)=>{
+        // Close virtual keyboard, close tray, and fire onSubmit if user hits Enter w/o any focused options
+        if (e.key === "Enter" && state.selectionManager.focusedKey == null) {
+            var _popoverRef_current;
+            (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.focus();
+            if (onClose) onClose();
+            if (onSubmit) onSubmit(inputValue == null ? null : inputValue.toString(), null);
+        } else if (inputProps.onKeyDown) inputProps.onKeyDown(e);
+    };
+    if (icon) icon = /*#__PURE__*/ (0, $aQREU$react).cloneElement(icon, {
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-icon"),
+        size: "S"
+    });
+    return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusScope), {
+        restoreFocus: true,
+        contain: true
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
+        ...(0, $aQREU$mergeProps)(overlayProps, dialogProps),
+        ref: popoverRef,
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-dialog")
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
+        onDismiss: onClose
+    }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
+        label: label,
+        labelProps: labelProps,
+        inputProps: {
+            ...inputProps,
+            onKeyDown: onKeyDown
+        },
+        inputRef: inputRef,
+        isDisabled: isDisabled,
+        isLoading: showLoading && loadingState === "filtering",
+        loadingIndicator: loadingState != null ? loadingCircle : undefined,
+        validationState: validationState,
+        wrapperChildren: (state.inputValue !== "" || loadingState === "filtering" || validationState != null) && !props.isReadOnly ? clearButton : undefined,
+        icon: icon,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Textfield", "spectrum-Search--loadable", {
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-textfield", {
+            "has-label": !!props.label
+        })),
+        inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
+        validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon")
+    }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
+        ...listBoxProps,
+        domProps: {
+            onTouchStart: onTouchStart,
+            onTouchEnd: onTouchEnd
+        },
+        disallowEmptySelection: true,
+        shouldSelectOnPressUp: true,
+        focusOnPointerEnter: true,
+        layout: layout,
+        state: state,
+        shouldUseVirtualFocus: true,
+        renderEmptyState: ()=>loadingState !== "loading" && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
+                className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
+            }, stringFormatter.format("noResults")),
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "tray-listbox"),
+        ref: listBoxRef,
+        onScroll: onScroll,
+        onLoadMore: onLoadMore,
+        isLoading: isLoading
+    }), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$DismissButton), {
+        onDismiss: onClose
+    })));
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
+    props = (0, $aQREU$useProviderProps)(props);
+    props = (0, $aQREU$useFormProps)(props);
+    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
+    let isMobile = (0, $aQREU$useIsMobileDevice)();
+    if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
+    return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
+        ...props,
+        menuTrigger: "input",
+        ref: ref
+    });
+    else return /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteBase, {
+        ...props,
+        ref: ref
+    });
+}
+function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
+    props = (0, $aQREU$useProviderProps)(props);
+    let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", align: align = "start", isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
+    let isAsync = loadingState != null;
+    let popoverRef = (0, $aQREU$useRef)(null);
+    let unwrappedPopoverRef = (0, $aQREU$useUnwrapDOMRef)(popoverRef);
+    let listBoxRef = (0, $aQREU$useRef)(null);
+    let inputRef = (0, $aQREU$useRef)(null);
+    let domRef = (0, $aQREU$useFocusableRef)(ref, inputRef);
+    let { contains: contains } = (0, $aQREU$useFilter)({
+        sensitivity: "base"
+    });
+    let state = (0, $aQREU$useComboBoxState)({
+        ...props,
+        defaultFilter: contains,
+        allowsEmptyCollection: isAsync,
+        allowsCustomValue: true,
+        onSelectionChange: (key)=>key !== null && onSubmit(null, key),
+        selectedKey: undefined,
+        defaultSelectedKey: undefined,
+        validate: (0, $aQREU$useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
+            validate
+        ])
+    });
+    let layout = (0, $aQREU$useListBoxLayout)(state, loadingState === "loadingMore");
+    let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $aQREU$useSearchAutocomplete)({
+        ...props,
+        keyboardDelegate: layout,
+        popoverRef: unwrappedPopoverRef,
+        listBoxRef: listBoxRef,
+        inputRef: inputRef,
+        menuTrigger: menuTrigger
+    }, state);
+    // Measure the width of the inputfield to inform the width of the menu (below).
+    let [menuWidth, setMenuWidth] = (0, $aQREU$useState)(0);
+    let { scale: scale } = (0, $aQREU$useProvider)();
+    let onResize = (0, $aQREU$useCallback)(()=>{
+        if (inputRef.current) {
+            let inputWidth = inputRef.current.offsetWidth;
+            setMenuWidth(inputWidth);
+        }
+    }, [
+        inputRef,
+        setMenuWidth
+    ]);
+    (0, $aQREU$useResizeObserver)({
+        ref: domRef,
+        onResize: onResize
+    });
+    (0, $aQREU$useLayoutEffect)(onResize, [
+        scale,
+        onResize
+    ]);
+    let width = isQuiet ? undefined : menuWidth;
+    let style = {
+        width: customMenuWidth ? (0, $aQREU$dimensionValue)(customMenuWidth) : width,
+        minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
+    };
+    return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$react).Fragment, null, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Field), {
+        ...props,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        labelProps: labelProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
+        ref: domRef
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement($f3f3b62273a2d260$var$SearchAutocompleteInput, {
+        ...props,
+        isOpen: state.isOpen,
+        loadingState: loadingState,
+        inputProps: inputProps,
+        inputRef: inputRef,
+        clearButtonProps: clearButtonProps,
+        validationState: props.validationState || (isInvalid ? "invalid" : undefined)
+    })), /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$Popover), {
+        state: state,
+        UNSAFE_style: style,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-popover", {
+            "spectrum-InputGroup-popover--quiet": isQuiet
+        }),
+        ref: popoverRef,
+        triggerRef: inputRef,
+        placement: `${direction} ${align}`,
+        hideArrow: true,
+        isNonModal: true,
+        shouldFlip: shouldFlip
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ListBoxBase), {
+        ...listBoxProps,
+        ref: listBoxRef,
+        disallowEmptySelection: true,
+        autoFocus: state.focusStrategy,
+        shouldSelectOnPressUp: true,
+        focusOnPointerEnter: true,
+        layout: layout,
+        state: state,
+        shouldUseVirtualFocus: true,
+        isLoading: loadingState === "loading" || loadingState === "loadingMore",
+        onLoadMore: onLoadMore,
+        renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $aQREU$react).createElement("span", {
+                className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "no-results")
+            }, stringFormatter.format("noResults"))
+    })));
+}
+let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
+// any type is because we don't want to call useObjectRef because this is an internal component and we know
+// we are always passing an object ref
+function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
+    let searchIcon = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$spectrumiconsuiMagnifier), {
+        "data-testid": "searchicon"
+    });
+    let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, inputProps: inputProps, inputRef: inputRef, autoFocus: autoFocus, style: style, className: className, loadingState: loadingState, isOpen: isOpen, menuTrigger: menuTrigger, clearButtonProps: clearButtonProps } = props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $aQREU$useHover)({});
+    let stringFormatter = (0, $aQREU$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($67773d1975e0a845$exports))), "@react-spectrum/autocomplete");
+    let domProps = (0, $aQREU$filterDOMProps)(props);
+    let timeout = (0, $aQREU$useRef)(null);
+    let [showLoading, setShowLoading] = (0, $aQREU$useState)(false);
+    let loadingCircle = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ProgressCircle), {
+        "aria-label": stringFormatter.format("loading"),
+        size: "S",
+        isIndeterminate: true,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports))), "spectrum-Textfield-circleLoader", (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-input-circleLoader"), (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-circleLoader"))
+    });
+    let clearButton = /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$ClearButton), {
+        ...clearButtonProps,
+        preventFocus: true,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-ClearButton"),
+        isDisabled: isDisabled
+    });
+    let isLoading = loadingState === "loading" || loadingState === "filtering";
+    let inputValue = inputProps.value;
+    let lastInputValue = (0, $aQREU$useRef)(inputValue);
+    (0, $aQREU$useEffect)(()=>{
+        if (isLoading && !showLoading) {
+            if (timeout.current === null) timeout.current = setTimeout(()=>{
+                setShowLoading(true);
+            }, 500);
+            // If user is typing, clear the timer and restart since it is a new request
+            if (inputValue !== lastInputValue.current) {
+                clearTimeout(timeout.current);
+                timeout.current = setTimeout(()=>{
+                    setShowLoading(true);
+                }, 500);
+            }
+        } else if (!isLoading) {
+            // If loading is no longer happening, clear any timers and hide the loading circle
+            setShowLoading(false);
+            if (timeout.current != null) {
+                clearTimeout(timeout.current);
+                timeout.current = null;
+            }
+        }
+        lastInputValue.current = inputValue;
+    }, [
+        isLoading,
+        showLoading,
+        inputValue
+    ]);
+    return /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$FocusRing), {
+        within: true,
+        isTextInput: true,
+        focusClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "is-focused"),
+        focusRingClass: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "focus-ring"),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement("div", {
+        ...hoverProps,
+        ref: ref,
+        style: style,
+        className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup", {
+            "spectrum-InputGroup--quiet": isQuiet,
+            "is-disabled": isDisabled,
+            "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
+            "is-hovered": isHovered
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports))), "searchautocomplete"), className)
+    }, /*#__PURE__*/ (0, $aQREU$react).createElement((0, $aQREU$TextFieldBase), {
+        ...domProps,
+        inputProps: inputProps,
+        inputRef: inputRef,
+        UNSAFE_className: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search", "spectrum-Search--loadable", "spectrum-Textfield", {
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
+        }, (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports))), "spectrum-InputGroup-field")),
+        inputClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-input"),
+        validationIconClassName: (0, $aQREU$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports))), "spectrum-Search-validationIcon"),
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        validationState: validationState,
+        isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
+        loadingIndicator: loadingState != null ? loadingCircle : undefined,
+        icon: icon,
+        wrapperChildren: (inputValue !== "" || loadingState === "filtering" || validationState != null) && !isReadOnly ? clearButton : undefined,
+        disableFocusRing: true
+    })));
+}
+let $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ (0, $aQREU$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteInput);
+/**
+ * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
+ */ let $f3f3b62273a2d260$export$dd65332a5b19fa63 = /*#__PURE__*/ (0, $aQREU$forwardRef)($f3f3b62273a2d260$var$SearchAutocomplete);
+
+
+
+
+
+export {$f3f3b62273a2d260$export$dd65332a5b19fa63 as SearchAutocomplete, $dc667e3abdbeb6b2$re_export$Item as Item, $dc667e3abdbeb6b2$re_export$Section as Section};
+//# sourceMappingURL=module.js.map