@react-spectrum/autocomplete 3.0.0-alpha.11 → 3.0.0-alpha.13

package/dist/main.js

@@ -2,7 +2,6 @@ require("./main.css");
 var $aWXRc$reactstatelycollections = require("@react-stately/collections");
 var $aWXRc$reactspectrumutils = require("@react-spectrum/utils");
 var $aWXRc$reactspectrumbutton = require("@react-spectrum/button");
-var $aWXRc$reactariaoverlays = require("@react-aria/overlays");
 var $aWXRc$reactspectrumlabel = require("@react-spectrum/label");
 var $aWXRc$reactariafocus = require("@react-aria/focus");
 var $aWXRc$reactspectrumlistbox = require("@react-spectrum/listbox");
@@ -19,6 +18,7 @@ var $aWXRc$reactspectrumprovider = require("@react-spectrum/provider");
 var $aWXRc$reactariaautocomplete = require("@react-aria/autocomplete");
 var $aWXRc$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
 var $aWXRc$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
+var $aWXRc$reactariaoverlays = require("@react-aria/overlays");
 var $aWXRc$reactariabutton = require("@react-aria/button");
 var $aWXRc$reactariadialog = require("@react-aria/dialog");
 var $aWXRc$reactarialabel = require("@react-aria/label");
@@ -33,8 +33,28 @@ function $parcel$interopDefault(a) {
 $parcel$export(module.exports, "SearchAutocomplete", () => $dcf500d58a031ca6$export$dd65332a5b19fa63);
 $parcel$export(module.exports, "Item", () => $aWXRc$reactstatelycollections.Item);
 $parcel$export(module.exports, "Section", () => $aWXRc$reactstatelycollections.Section);
-
-
+/*
+ * 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.
+ */ 
 
 
 
@@ -385,7 +405,17 @@ $ccb60979256717ac$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.
+ */ 
 
 
 
@@ -403,6 +433,7 @@ $ccb60979256717ac$exports = {
 var $83da5c2df967875d$exports = {};
 
 $parcel$export($83da5c2df967875d$exports, "no-results", () => $83da5c2df967875d$export$5b1939da91820a47, (v) => $83da5c2df967875d$export$5b1939da91820a47 = v);
+$parcel$export($83da5c2df967875d$exports, "searchautocomplete", () => $83da5c2df967875d$export$5096a212edbce2e8, (v) => $83da5c2df967875d$export$5096a212edbce2e8 = v);
 $parcel$export($83da5c2df967875d$exports, "mobile-searchautocomplete", () => $83da5c2df967875d$export$3117ea626976198e, (v) => $83da5c2df967875d$export$3117ea626976198e = v);
 $parcel$export($83da5c2df967875d$exports, "mobile-input", () => $83da5c2df967875d$export$bededa1c0ac414c5, (v) => $83da5c2df967875d$export$bededa1c0ac414c5 = v);
 $parcel$export($83da5c2df967875d$exports, "mobile-value", () => $83da5c2df967875d$export$e32ca2bb9f795355, (v) => $83da5c2df967875d$export$e32ca2bb9f795355 = v);
@@ -412,6 +443,7 @@ $parcel$export($83da5c2df967875d$exports, "has-label", () => $83da5c2df967875d$e
 $parcel$export($83da5c2df967875d$exports, "tray-textfield-input", () => $83da5c2df967875d$export$feb70b7bc717e2b8, (v) => $83da5c2df967875d$export$feb70b7bc717e2b8 = v);
 $parcel$export($83da5c2df967875d$exports, "tray-listbox", () => $83da5c2df967875d$export$7281dc54d38d4bed, (v) => $83da5c2df967875d$export$7281dc54d38d4bed = v);
 var $83da5c2df967875d$export$5b1939da91820a47;
+var $83da5c2df967875d$export$5096a212edbce2e8;
 var $83da5c2df967875d$export$3117ea626976198e;
 var $83da5c2df967875d$export$bededa1c0ac414c5;
 var $83da5c2df967875d$export$e32ca2bb9f795355;
@@ -421,6 +453,7 @@ var $83da5c2df967875d$export$b8e014ff9ad5e5e2;
 var $83da5c2df967875d$export$feb70b7bc717e2b8;
 var $83da5c2df967875d$export$7281dc54d38d4bed;
 $83da5c2df967875d$export$5b1939da91820a47 = "no-results_83bf62";
+$83da5c2df967875d$export$5096a212edbce2e8 = "searchautocomplete_83bf62";
 $83da5c2df967875d$export$3117ea626976198e = "mobile-searchautocomplete_83bf62";
 $83da5c2df967875d$export$bededa1c0ac414c5 = "mobile-input_83bf62";
 $83da5c2df967875d$export$e32ca2bb9f795355 = "mobile-value_83bf62";
@@ -469,10 +502,11 @@ $1e139f06a0a4b696$export$2c8a10299d8b3418 = "spectrum-Textfield_d3c0f3";
 var $2f86633ce5b04f1e$exports = {};
 
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup", () => $2f86633ce5b04f1e$export$5be359c1227eedcb, (v) => $2f86633ce5b04f1e$export$5be359c1227eedcb = v);
+$parcel$export($2f86633ce5b04f1e$exports, "focus-ring", () => $2f86633ce5b04f1e$export$f39a09f249340e2a, (v) => $2f86633ce5b04f1e$export$f39a09f249340e2a = v);
+$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--quiet", () => $2f86633ce5b04f1e$export$ebf265ffc062029b, (v) => $2f86633ce5b04f1e$export$ebf265ffc062029b = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton", () => $2f86633ce5b04f1e$export$a024c99ecf6b5741, (v) => $2f86633ce5b04f1e$export$a024c99ecf6b5741 = v);
 $parcel$export($2f86633ce5b04f1e$exports, "is-disabled", () => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf, (v) => $2f86633ce5b04f1e$export$d35bc1e505d1ebbf = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--invalid", () => $2f86633ce5b04f1e$export$3b48509739a9cda0, (v) => $2f86633ce5b04f1e$export$3b48509739a9cda0 = v);
-$parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup--quiet", () => $2f86633ce5b04f1e$export$ebf265ffc062029b, (v) => $2f86633ce5b04f1e$export$ebf265ffc062029b = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-field", () => $2f86633ce5b04f1e$export$ea77459595e26bec, (v) => $2f86633ce5b04f1e$export$ea77459595e26bec = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-validationIcon", () => $2f86633ce5b04f1e$export$f7ab13ee113f4884, (v) => $2f86633ce5b04f1e$export$f7ab13ee113f4884 = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-InputGroup-input-circleLoader", () => $2f86633ce5b04f1e$export$dcc9e00cdad967fa, (v) => $2f86633ce5b04f1e$export$dcc9e00cdad967fa = v);
@@ -487,14 +521,14 @@ $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker--rangeDash", () =
 $parcel$export($2f86633ce5b04f1e$exports, "is-focused", () => $2f86633ce5b04f1e$export$e7dc768d35940237, (v) => $2f86633ce5b04f1e$export$e7dc768d35940237 = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-Datepicker-focusRing", () => $2f86633ce5b04f1e$export$eb262b15b9261fde, (v) => $2f86633ce5b04f1e$export$eb262b15b9261fde = v);
 $parcel$export($2f86633ce5b04f1e$exports, "is-hovered", () => $2f86633ce5b04f1e$export$b8813cd5d7824ce7, (v) => $2f86633ce5b04f1e$export$b8813cd5d7824ce7 = v);
-$parcel$export($2f86633ce5b04f1e$exports, "focus-ring", () => $2f86633ce5b04f1e$export$f39a09f249340e2a, (v) => $2f86633ce5b04f1e$export$f39a09f249340e2a = v);
 $parcel$export($2f86633ce5b04f1e$exports, "is-selected", () => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a, (v) => $2f86633ce5b04f1e$export$1e0fb04f31d3c22a = v);
 $parcel$export($2f86633ce5b04f1e$exports, "spectrum-FieldButton--invalid", () => $2f86633ce5b04f1e$export$c9f503f672e8a3c1, (v) => $2f86633ce5b04f1e$export$c9f503f672e8a3c1 = v);
 var $2f86633ce5b04f1e$export$5be359c1227eedcb;
+var $2f86633ce5b04f1e$export$f39a09f249340e2a;
+var $2f86633ce5b04f1e$export$ebf265ffc062029b;
 var $2f86633ce5b04f1e$export$a024c99ecf6b5741;
 var $2f86633ce5b04f1e$export$d35bc1e505d1ebbf;
 var $2f86633ce5b04f1e$export$3b48509739a9cda0;
-var $2f86633ce5b04f1e$export$ebf265ffc062029b;
 var $2f86633ce5b04f1e$export$ea77459595e26bec;
 var $2f86633ce5b04f1e$export$f7ab13ee113f4884;
 var $2f86633ce5b04f1e$export$dcc9e00cdad967fa;
@@ -509,14 +543,14 @@ var $2f86633ce5b04f1e$export$202113e883898dc;
 var $2f86633ce5b04f1e$export$e7dc768d35940237;
 var $2f86633ce5b04f1e$export$eb262b15b9261fde;
 var $2f86633ce5b04f1e$export$b8813cd5d7824ce7;
-var $2f86633ce5b04f1e$export$f39a09f249340e2a;
 var $2f86633ce5b04f1e$export$1e0fb04f31d3c22a;
 var $2f86633ce5b04f1e$export$c9f503f672e8a3c1;
 $2f86633ce5b04f1e$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
+$2f86633ce5b04f1e$export$f39a09f249340e2a = "focus-ring_a0942f";
+$2f86633ce5b04f1e$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
 $2f86633ce5b04f1e$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
 $2f86633ce5b04f1e$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
 $2f86633ce5b04f1e$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
-$2f86633ce5b04f1e$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
 $2f86633ce5b04f1e$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
 $2f86633ce5b04f1e$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
 $2f86633ce5b04f1e$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
@@ -531,7 +565,6 @@ $2f86633ce5b04f1e$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942
 $2f86633ce5b04f1e$export$e7dc768d35940237 = "is-focused_a0942f";
 $2f86633ce5b04f1e$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
 $2f86633ce5b04f1e$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
-$2f86633ce5b04f1e$export$f39a09f249340e2a = "focus-ring_a0942f";
 $2f86633ce5b04f1e$export$1e0fb04f31d3c22a = "is-selected_a0942f";
 $2f86633ce5b04f1e$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
 
@@ -541,6 +574,7 @@ var $40cb3a00c193680f$exports = {};
 
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
+$parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
 $parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
@@ -549,15 +583,16 @@ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-wrapper", () => $40cb3a00c193680f$export$dd1165e0e6012973, (v) => $40cb3a00c193680f$export$dd1165e0e6012973 = v);
+$parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-wrapper--quiet", () => $40cb3a00c193680f$export$9fcb3d6af94a9d12, (v) => $40cb3a00c193680f$export$9fcb3d6af94a9d12 = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
 $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
 $parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
-$parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
 $parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
 var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
 var $40cb3a00c193680f$export$2c8a10299d8b3418;
+var $40cb3a00c193680f$export$f39a09f249340e2a;
 var $40cb3a00c193680f$export$bffd5e3d61a81737;
 var $40cb3a00c193680f$export$9699f1c538a448a0;
 var $40cb3a00c193680f$export$e5b2f5233e4e5194;
@@ -566,15 +601,16 @@ var $40cb3a00c193680f$export$c2abbc3f970170b7;
 var $40cb3a00c193680f$export$58e50b10d30123df;
 var $40cb3a00c193680f$export$14fd30fea6f1348c;
 var $40cb3a00c193680f$export$dd1165e0e6012973;
+var $40cb3a00c193680f$export$9fcb3d6af94a9d12;
 var $40cb3a00c193680f$export$cf0ead5b44db0da3;
 var $40cb3a00c193680f$export$222d1ccd1870be1d;
 var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
 var $40cb3a00c193680f$export$82a249fb4d6127;
 var $40cb3a00c193680f$export$e7dc768d35940237;
-var $40cb3a00c193680f$export$f39a09f249340e2a;
 var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
 $40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
 $40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
 $40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
 $40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
 $40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
@@ -583,12 +619,12 @@ $40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
 $40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
 $40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
 $40cb3a00c193680f$export$dd1165e0e6012973 = "spectrum-Textfield-wrapper_73bc77";
+$40cb3a00c193680f$export$9fcb3d6af94a9d12 = "spectrum-Textfield-wrapper--quiet_73bc77";
 $40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
 $40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
 $40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
 $40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
 $40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
-$40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
 $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
 
 
@@ -601,14 +637,13 @@ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
 
 
 
-const $a9f98e219df0b64d$export$e7a90f7d6b078162 = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function $a9f98e219df0b64d$export$e7a90f7d6b078162(props, ref) {
-    props = $aWXRc$reactspectrumprovider.useProviderProps(props);
-    let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , isReadOnly: isReadOnly , onSubmit: onSubmit = ()=>{
-    }  } = props;
-    let { contains: contains  } = $aWXRc$reactariai18n.useFilter({
-        sensitivity: 'base'
+function $a9f98e219df0b64d$var$_MobileSearchAutocomplete(props, ref) {
+    props = (0, $aWXRc$reactspectrumprovider.useProviderProps)(props);
+    let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , isReadOnly: isReadOnly , onSubmit: onSubmit = ()=>{}  } = props;
+    let { contains: contains  } = (0, $aWXRc$reactariai18n.useFilter)({
+        sensitivity: "base"
     });
-    let state = $aWXRc$reactstatelycombobox.useComboBoxState({
+    let state = (0, $aWXRc$reactstatelycombobox.useComboBoxState)({
         ...props,
         defaultFilter: contains,
         allowsEmptyCollection: true,
@@ -617,37 +652,34 @@ const $a9f98e219df0b64d$export$e7a90f7d6b078162 = /*#__PURE__*/ ($parcel$interop
         // 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)
-        ,
+        onSelectionChange: (key)=>key !== null && onSubmit(null, key),
         selectedKey: undefined,
         defaultSelectedKey: undefined
     });
-    let buttonRef = $aWXRc$react.useRef();
-    let domRef = $aWXRc$reactspectrumutils.useFocusableRef(ref, buttonRef);
-    let { triggerProps: triggerProps , overlayProps: overlayProps  } = $aWXRc$reactariaoverlays.useOverlayTrigger({
-        type: 'listbox'
+    let buttonRef = (0, $aWXRc$react.useRef)(null);
+    let domRef = (0, $aWXRc$reactspectrumutils.useFocusableRef)(ref, buttonRef);
+    let { triggerProps: triggerProps , overlayProps: overlayProps  } = (0, $aWXRc$reactariaoverlays.useOverlayTrigger)({
+        type: "listbox"
     }, state, buttonRef);
-    let { labelProps: labelProps , fieldProps: fieldProps  } = $aWXRc$reactarialabel.useLabel({
+    let { labelProps: labelProps , fieldProps: fieldProps  } = (0, $aWXRc$reactarialabel.useLabel)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
     // Focus the button and show focus ring when clicking on the label
     labelProps.onClick = ()=>{
-        if (!props.isDisabled) {
+        if (!props.isDisabled && buttonRef.current) {
             buttonRef.current.focus();
-            $aWXRc$reactariainteractions.setInteractionModality('keyboard');
+            (0, $aWXRc$reactariainteractions.setInteractionModality)("keyboard");
         }
     };
-    let onClose = ()=>state.commit()
-    ;
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlabel.Field, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumlabel.Field), {
         ...props,
         labelProps: labelProps,
         elementType: "span",
         ref: domRef,
         includeNecessityIndicatorInAccessibilityName: true
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$var$SearchAutocompleteButton, {
-        ...$aWXRc$reactariautils.mergeProps(triggerProps, fieldProps, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement($a9f98e219df0b64d$var$SearchAutocompleteButton, {
+        ...(0, $aWXRc$reactariautils.mergeProps)(triggerProps, fieldProps, {
             autoFocus: props.autoFocus,
             icon: props.icon
         }),
@@ -658,129 +690,128 @@ const $a9f98e219df0b64d$export$e7a90f7d6b078162 = /*#__PURE__*/ ($parcel$interop
         isPlaceholder: !state.inputValue,
         validationState: validationState,
         inputValue: state.inputValue,
-        clearInput: ()=>state.setInputValue('')
-        ,
-        onPress: ()=>!isReadOnly && state.open(null, 'manual')
-    }, state.inputValue || props.placeholder || '')), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumoverlays.Tray, {
-        isOpen: state.isOpen,
-        onClose: onClose,
+        clearInput: ()=>state.setInputValue(""),
+        onPress: ()=>!isReadOnly && state.open(null, "manual")
+    }, state.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumoverlays.Tray), {
+        state: state,
         isFixedHeight: true,
-        isNonModal: true,
         ...overlayProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$var$SearchAutocompleteTray, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement($a9f98e219df0b64d$var$SearchAutocompleteTray, {
         ...props,
-        onClose: onClose,
+        onClose: state.close,
         overlayProps: overlayProps,
         state: state
-    }))));
-});
-const $a9f98e219df0b64d$var$SearchAutocompleteButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteButton(props, ref) {
-    let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
+    })));
+}
+let $a9f98e219df0b64d$export$e7a90f7d6b078162 = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).forwardRef($a9f98e219df0b64d$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 $a9f98e219df0b64d$var$SearchAutocompleteButton = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).forwardRef(function SearchAutocompleteButton(props, ref) {
+    let searchIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$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 = $aWXRc$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
-    let valueId = $aWXRc$reactariautils.useId();
-    let invalidId = $aWXRc$reactariautils.useId();
-    let validationIcon = validationState === 'invalid' ? /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiAlertMedium)), {
+    let stringFormatter = (0, $aWXRc$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports))));
+    let valueId = (0, $aWXRc$reactariautils.useId)();
+    let invalidId = (0, $aWXRc$reactariautils.useId)();
+    let validationIcon = validationState === "invalid" ? /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$spectrumiconsuiAlertMedium))), {
         id: invalidId,
-        "aria-label": stringFormatter.format('invalid')
-    }) : /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiCheckmarkMedium)), null);
-    if (icon) icon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(icon, {
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-icon'),
-        size: 'S'
+        "aria-label": stringFormatter.format("invalid")
+    }) : /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$spectrumiconsuiCheckmarkMedium))), null);
+    if (icon) icon = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).cloneElement(icon, {
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-icon"),
+        size: "S"
     });
-    let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
+    let clearButton = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumbutton.ClearButton), {
         onPress: (e)=>{
-            clearInput();
-            props.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'),
+        "aria-label": stringFormatter.format("clear"),
         excludeFromTabOrder: true,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-ClearButton"),
         isDisabled: isDisabled
     });
-    let validation = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(validationIcon, {
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-validationIcon', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-input-validationIcon'))
-    });
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $aWXRc$reactariainteractions.useHover({
+    let validation = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).cloneElement(validationIcon, {
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-validationIcon", (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-input-validationIcon"))
     });
-    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $aWXRc$reactariafocus.useFocusRing();
-    let { buttonProps: buttonProps  } = $aWXRc$reactariabutton.useButton({
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $aWXRc$reactariainteractions.useHover)({});
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $aWXRc$reactariafocus.useFocusRing)();
+    let { buttonProps: buttonProps  } = (0, $aWXRc$reactariabutton.useButton)({
         ...props,
-        'aria-labelledby': [
-            props['aria-labelledby'],
-            props['aria-label'] && !props['aria-labelledby'] ? props.id : null,
+        "aria-labelledby": [
+            props["aria-labelledby"],
+            props["aria-label"] && !props["aria-labelledby"] ? props.id : null,
             valueId,
-            validationState === 'invalid' ? invalidId : null
-        ].filter(Boolean).join(' '),
-        elementType: 'div'
+            validationState === "invalid" ? invalidId : null
+        ].filter(Boolean).join(" "),
+        elementType: "div"
     }, ref);
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
-        ...$aWXRc$reactariautils.mergeProps(hoverProps, focusProps, buttonProps),
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("div", {
+        ...(0, $aWXRc$reactariautils.mergeProps)(hoverProps, focusProps, buttonProps),
         "aria-haspopup": "dialog",
         ref: ref,
         style: {
             ...style,
-            outline: 'none'
+            outline: "none"
         },
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
-            'spectrum-InputGroup--quiet': isQuiet,
-            'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
-            'is-hovered': isHovered,
-            'is-focused': isFocused,
-            'focus-ring': isFocusVisible
-        }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'mobile-searchautocomplete'), className)
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
-            'spectrum-Textfield--invalid': validationState === 'invalid',
-            'spectrum-Textfield--valid': validationState === 'valid',
-            'spectrum-Textfield--quiet': isQuiet
-        }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', {
-            'is-disabled': isDisabled,
-            'is-quiet': isQuiet,
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$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, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "searchautocomplete", "mobile-searchautocomplete"), className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("div", {
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield", {
+            "spectrum-Textfield--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Textfield--valid": validationState === "valid" && !isDisabled,
+            "spectrum-Textfield--quiet": isQuiet
+        }, (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search", {
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
         }))
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', {
-            'spectrum-Textfield-inputIcon': !!icon,
-            'is-hovered': isHovered,
-            'is-placeholder': isPlaceholder,
-            'is-disabled': isDisabled,
-            'is-quiet': isQuiet,
-            'is-focused': isFocused,
-            'focus-ring': isFocusVisible
-        }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'), $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'mobile-input'))
-    }, icon, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("div", {
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-input", {
+            "spectrum-Textfield-inputIcon": !!icon,
+            "is-hovered": isHovered,
+            "is-placeholder": isPlaceholder,
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "is-focused": isFocused
+        }, (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search-input"), (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "mobile-input"))
+    }, icon, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("span", {
         id: valueId,
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'mobile-value')
-    }, children)), validationState ? validation : null, (inputValue !== '' || validationState != null) && !isReadOnly && clearButton)));
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "mobile-value")
+    }, children)), validationState && !isDisabled ? validation : null, (inputValue !== "" || validationState != null) && !isReadOnly && clearButton));
 });
 function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
-    let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
+    let searchIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$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 = $aWXRc$react.useRef(null);
-    let [showLoading, setShowLoading] = $aWXRc$react.useState(false);
-    let inputRef = $aWXRc$react.useRef();
-    let popoverRef = $aWXRc$react.useRef();
-    let listBoxRef = $aWXRc$react.useRef();
-    let layout = $aWXRc$reactspectrumlistbox.useListBoxLayout(state);
-    let stringFormatter = $aWXRc$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
-    let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps  } = $aWXRc$reactariaautocomplete.useSearchAutocomplete({
+    let timeout = (0, $aWXRc$react.useRef)(null);
+    let [showLoading, setShowLoading] = (0, $aWXRc$react.useState)(false);
+    let inputRef = (0, $aWXRc$react.useRef)(null);
+    let popoverRef = (0, $aWXRc$react.useRef)(null);
+    let listBoxRef = (0, $aWXRc$react.useRef)(null);
+    let layout = (0, $aWXRc$reactspectrumlistbox.useListBoxLayout)(state);
+    let stringFormatter = (0, $aWXRc$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports))));
+    let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps  } = (0, $aWXRc$reactariaautocomplete.useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
         popoverRef: popoverRef,
         listBoxRef: listBoxRef,
         inputRef: inputRef
     }, state);
-    ($parcel$interopDefault($aWXRc$react)).useEffect(()=>{
-        $aWXRc$reactariafocus.focusSafely(inputRef.current);
+    (0, ($parcel$interopDefault($aWXRc$react))).useEffect(()=>{
+        if (inputRef.current) (0, $aWXRc$reactariafocus.focusSafely)(inputRef.current);
         // When the tray unmounts, 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")
@@ -790,53 +821,53 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    let { dialogProps: dialogProps  } = $aWXRc$reactariadialog.useDialog({
-        'aria-labelledby': $aWXRc$reactariautils.useId(labelProps.id)
+    let { dialogProps: dialogProps  } = (0, $aWXRc$reactariadialog.useDialog)({
+        "aria-labelledby": (0, $aWXRc$reactariautils.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';
+    inputProps.role = "searchbox";
+    inputProps["aria-haspopup"] = "listbox";
     delete inputProps.onTouchEnd;
-    let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
+    let clearButton = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumbutton.ClearButton), {
         ...clearButtonProps,
         preventFocus: true,
-        "aria-label": stringFormatter.format('clear'),
+        "aria-label": stringFormatter.format("clear"),
         excludeFromTabOrder: true,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-ClearButton"),
         isDisabled: isDisabled
     });
-    let loadingCircle = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumprogress.ProgressCircle, {
-        "aria-label": stringFormatter.format('loading'),
+    let loadingCircle = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumprogress.ProgressCircle), {
+        "aria-label": stringFormatter.format("loading"),
         size: "S",
         isIndeterminate: true,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-circleLoader', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-circleLoader'))
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search-circleLoader", (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$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 = $aWXRc$react.useRef(false);
+    let isTouchDown = (0, $aWXRc$react.useRef)(false);
     let onTouchStart = ()=>{
         isTouchDown.current = true;
     };
     let onTouchEnd = ()=>{
         isTouchDown.current = false;
     };
-    let onScroll = $aWXRc$react.useCallback(()=>{
+    let onScroll = (0, $aWXRc$react.useCallback)(()=>{
         if (!inputRef.current || document.activeElement !== inputRef.current || !isTouchDown.current) return;
-        popoverRef.current.focus();
+        if (popoverRef.current) popoverRef.current.focus();
     }, [
         inputRef,
         popoverRef,
         isTouchDown
     ]);
     let inputValue = inputProps.value;
-    let lastInputValue = $aWXRc$react.useRef(inputValue);
-    $aWXRc$react.useEffect(()=>{
-        if (loadingState === 'filtering' && !showLoading) {
+    let lastInputValue = (0, $aWXRc$react.useRef)(inputValue);
+    (0, $aWXRc$react.useEffect)(()=>{
+        if (loadingState === "filtering" && !showLoading) {
             if (timeout.current === null) timeout.current = setTimeout(()=>{
                 setShowLoading(true);
             }, 500);
@@ -847,11 +878,13 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
                     setShowLoading(true);
                 }, 500);
             }
-        } else if (loadingState !== 'filtering') {
+        } else if (loadingState !== "filtering") {
             // If loading is no longer happening, clear any timers and hide the loading circle
             setShowLoading(false);
-            clearTimeout(timeout.current);
-            timeout.current = null;
+            if (timeout.current !== null) {
+                clearTimeout(timeout.current);
+                timeout.current = null;
+            }
         }
         lastInputValue.current = inputValue;
     }, [
@@ -861,26 +894,27 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
     ]);
     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) {
-            popoverRef.current.focus();
-            onClose();
-            onSubmit(inputValue.toString(), null);
-        } else inputProps.onKeyDown(e);
+        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__*/ ($parcel$interopDefault($aWXRc$react)).cloneElement(icon, {
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-icon'),
-        size: 'S'
+    if (icon) icon = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).cloneElement(icon, {
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-icon"),
+        size: "S"
     });
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariafocus.FocusScope, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactariafocus.FocusScope), {
         restoreFocus: true,
         contain: true
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
-        ...$aWXRc$reactariautils.mergeProps(overlayProps, dialogProps),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("div", {
+        ...(0, $aWXRc$reactariautils.mergeProps)(overlayProps, dialogProps),
         ref: popoverRef,
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-dialog')
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "tray-dialog")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactariaoverlays.DismissButton), {
         onDismiss: onClose
-    }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumtextfield.TextFieldBase, {
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumtextfield.TextFieldBase), {
         label: label,
         labelProps: labelProps,
         inputProps: {
@@ -889,20 +923,20 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
         },
         inputRef: inputRef,
         isDisabled: isDisabled,
-        isLoading: showLoading && loadingState === 'filtering',
-        loadingIndicator: loadingState != null && loadingCircle,
+        isLoading: showLoading && loadingState === "filtering",
+        loadingIndicator: loadingState != null ? loadingCircle : undefined,
         validationState: validationState,
-        wrapperChildren: (state.inputValue !== '' || loadingState === 'filtering' || validationState != null) && !props.isReadOnly && clearButton,
+        wrapperChildren: (state.inputValue !== "" || loadingState === "filtering" || validationState != null) && !props.isReadOnly ? clearButton : undefined,
         icon: icon,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', 'spectrum-Textfield', 'spectrum-Search--loadable', {
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
-        }, $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-textfield', {
-            'has-label': !!props.label
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search", "spectrum-Textfield", "spectrum-Search--loadable", {
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
+        }, (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "tray-textfield", {
+            "has-label": !!props.label
         })),
-        inputClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'),
-        validationIconClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-validationIcon')
-    }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlistbox.ListBoxBase, {
+        inputClassName: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search-input"),
+        validationIconClassName: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search-validationIcon")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumlistbox.ListBoxBase), {
         ...listBoxProps,
         domProps: {
             onTouchStart: onTouchStart,
@@ -914,18 +948,17 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
         layout: layout,
         state: state,
         shouldUseVirtualFocus: true,
-        renderEmptyState: ()=>loadingState !== 'loading' && /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", {
-                className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'no-results')
-            }, stringFormatter.format('noResults'))
-        ,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports)), 'tray-listbox'),
+        renderEmptyState: ()=>loadingState !== "loading" && /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("span", {
+                className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "no-results")
+            }, stringFormatter.format("noResults")),
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "tray-listbox"),
         ref: listBoxRef,
         onScroll: onScroll,
         onLoadMore: onLoadMore,
-        isLoading: loadingState === 'loading' || loadingState === 'loadingMore'
-    }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
+        isLoading: loadingState === "loading" || loadingState === "loadingMore"
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactariaoverlays.DismissButton), {
         onDismiss: onClose
-    }))));
+    })));
 }
 
 
@@ -942,47 +975,46 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
 
 
 
+
 function $dcf500d58a031ca6$var$SearchAutocomplete(props, ref) {
-    props = $aWXRc$reactspectrumprovider.useProviderProps(props);
-    if (props.placeholder) console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead.');
-    let isMobile = $aWXRc$reactspectrumutils.useIsMobileDevice();
+    props = (0, $aWXRc$reactspectrumprovider.useProviderProps)(props);
+    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
+    let isMobile = (0, $aWXRc$reactspectrumutils.useIsMobileDevice)();
     if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($a9f98e219df0b64d$export$e7a90f7d6b078162, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $a9f98e219df0b64d$export$e7a90f7d6b078162), {
         ...props,
         menuTrigger: "input",
         ref: ref
-    }));
-    else return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($dcf500d58a031ca6$var$SearchAutocompleteBase, {
+    });
+    else return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement($dcf500d58a031ca6$var$SearchAutocompleteBase, {
         ...props,
         ref: ref
-    }));
+    });
 }
-const $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteBase(props, ref) {
-    props = $aWXRc$reactspectrumprovider.useProviderProps(props);
-    let { menuTrigger: menuTrigger = 'input' , shouldFlip: shouldFlip = true , direction: direction = 'bottom' , isQuiet: isQuiet , loadingState: loadingState , onLoadMore: onLoadMore , onSubmit: onSubmit = ()=>{
-    }  } = props;
-    let stringFormatter = $aWXRc$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
+function $dcf500d58a031ca6$var$_SearchAutocompleteBase(props, ref) {
+    props = (0, $aWXRc$reactspectrumprovider.useProviderProps)(props);
+    let { menuTrigger: menuTrigger = "input" , shouldFlip: shouldFlip = true , direction: direction = "bottom" , isQuiet: isQuiet , loadingState: loadingState , onLoadMore: onLoadMore , onSubmit: onSubmit = ()=>{}  } = props;
+    let stringFormatter = (0, $aWXRc$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports))));
     let isAsync = loadingState != null;
-    let popoverRef = $aWXRc$react.useRef();
-    let unwrappedPopoverRef = $aWXRc$reactspectrumutils.useUnwrapDOMRef(popoverRef);
-    let listBoxRef = $aWXRc$react.useRef();
-    let inputRef = $aWXRc$react.useRef();
-    let domRef = $aWXRc$reactspectrumutils.useFocusableRef(ref, inputRef);
-    let { contains: contains  } = $aWXRc$reactariai18n.useFilter({
-        sensitivity: 'base'
+    let popoverRef = (0, $aWXRc$react.useRef)(null);
+    let unwrappedPopoverRef = (0, $aWXRc$reactspectrumutils.useUnwrapDOMRef)(popoverRef);
+    let listBoxRef = (0, $aWXRc$react.useRef)(null);
+    let inputRef = (0, $aWXRc$react.useRef)(null);
+    let domRef = (0, $aWXRc$reactspectrumutils.useFocusableRef)(ref, inputRef);
+    let { contains: contains  } = (0, $aWXRc$reactariai18n.useFilter)({
+        sensitivity: "base"
     });
-    let state = $aWXRc$reactstatelycombobox.useComboBoxState({
+    let state = (0, $aWXRc$reactstatelycombobox.useComboBoxState)({
         ...props,
         defaultFilter: contains,
         allowsEmptyCollection: isAsync,
         allowsCustomValue: true,
-        onSelectionChange: (key)=>key !== null && onSubmit(null, key)
-        ,
+        onSelectionChange: (key)=>key !== null && onSubmit(null, key),
         selectedKey: undefined,
         defaultSelectedKey: undefined
     });
-    let layout = $aWXRc$reactspectrumlistbox.useListBoxLayout(state);
-    let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps  } = $aWXRc$reactariaautocomplete.useSearchAutocomplete({
+    let layout = (0, $aWXRc$reactspectrumlistbox.useListBoxLayout)(state);
+    let { inputProps: inputProps , listBoxProps: listBoxProps , labelProps: labelProps , clearButtonProps: clearButtonProps  } = (0, $aWXRc$reactariaautocomplete.useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
         popoverRef: unwrappedPopoverRef,
@@ -990,19 +1022,10 @@ const $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ ($parcel$inte
         inputRef: inputRef,
         menuTrigger: menuTrigger
     }, state);
-    let { overlayProps: overlayProps , placement: placement , updatePosition: updatePosition  } = $aWXRc$reactariaoverlays.useOverlayPosition({
-        targetRef: inputRef,
-        overlayRef: unwrappedPopoverRef,
-        scrollRef: listBoxRef,
-        placement: `${direction} end`,
-        shouldFlip: shouldFlip,
-        isOpen: state.isOpen,
-        onClose: state.close
-    });
     // Measure the width of the inputfield to inform the width of the menu (below).
-    let [menuWidth, setMenuWidth] = $aWXRc$react.useState(null);
-    let { scale: scale  } = $aWXRc$reactspectrumprovider.useProvider();
-    let onResize = $aWXRc$react.useCallback(()=>{
+    let [menuWidth, setMenuWidth] = (0, $aWXRc$react.useState)(0);
+    let { scale: scale  } = (0, $aWXRc$reactspectrumprovider.useProvider)();
+    let onResize = (0, $aWXRc$react.useCallback)(()=>{
         if (inputRef.current) {
             let inputWidth = inputRef.current.offsetWidth;
             setMenuWidth(inputWidth);
@@ -1011,53 +1034,42 @@ const $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ ($parcel$inte
         inputRef,
         setMenuWidth
     ]);
-    $aWXRc$reactspectrumutils.useResizeObserver({
+    (0, $aWXRc$reactspectrumutils.useResizeObserver)({
         ref: domRef,
         onResize: onResize
     });
-    $aWXRc$reactariautils.useLayoutEffect(onResize, [
+    (0, $aWXRc$reactariautils.useLayoutEffect)(onResize, [
         scale,
         onResize
     ]);
-    // Update position once the ListBox has rendered. This ensures that
-    // it flips properly when it doesn't fit in the available space.
-    // TODO: add ResizeObserver to useOverlayPosition so we don't need this.
-    $aWXRc$reactariautils.useLayoutEffect(()=>{
-        if (state.isOpen) requestAnimationFrame(()=>{
-            updatePosition();
-        });
-    }, [
-        state.isOpen,
-        updatePosition
-    ]);
     let style = {
-        ...overlayProps.style,
-        width: isQuiet ? null : menuWidth,
+        width: isQuiet ? undefined : menuWidth,
         minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
     };
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlabel.Field, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumlabel.Field), {
         ...props,
         labelProps: labelProps,
         ref: domRef
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($dcf500d58a031ca6$var$SearchAutocompleteInput, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement($dcf500d58a031ca6$var$SearchAutocompleteInput, {
         ...props,
         isOpen: state.isOpen,
         loadingState: loadingState,
         inputProps: inputProps,
         inputRef: inputRef,
         clearButtonProps: clearButtonProps
-    })), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumoverlays.Popover, {
-        isOpen: state.isOpen,
+    })), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumoverlays.Popover), {
+        state: state,
         UNSAFE_style: style,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-popover', {
-            'spectrum-InputGroup-popover--quiet': isQuiet
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-popover", {
+            "spectrum-InputGroup-popover--quiet": isQuiet
         }),
         ref: popoverRef,
-        placement: placement,
+        triggerRef: inputRef,
+        placement: `${direction} end`,
         hideArrow: true,
         isNonModal: true,
-        isDismissable: false
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumlistbox.ListBoxBase, {
+        shouldFlip: shouldFlip
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumlistbox.ListBoxBase), {
         ...listBoxProps,
         ref: listBoxRef,
         disallowEmptySelection: true,
@@ -1067,39 +1079,39 @@ const $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ ($parcel$inte
         layout: layout,
         state: state,
         shouldUseVirtualFocus: true,
-        isLoading: loadingState === 'loadingMore',
+        isLoading: loadingState === "loadingMore",
         onLoadMore: onLoadMore,
-        renderEmptyState: ()=>isAsync && /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("span", null, stringFormatter.format('noResults'))
-    }), /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariaoverlays.DismissButton, {
-        onDismiss: ()=>state.close()
-    }))));
-});
-const $dcf500d58a031ca6$var$SearchAutocompleteInput = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).forwardRef(function SearchAutocompleteInput(props, ref) {
-    let searchIcon = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement(($parcel$interopDefault($aWXRc$spectrumiconsuiMagnifier)), {
+        renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("span", null, stringFormatter.format("noResults"))
+    })));
+}
+let $dcf500d58a031ca6$var$SearchAutocompleteBase = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).forwardRef($dcf500d58a031ca6$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 $dcf500d58a031ca6$var$_SearchAutocompleteInput(props, ref) {
+    let searchIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, ($parcel$interopDefault($aWXRc$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  } = $aWXRc$reactariainteractions.useHover({
-    });
-    let stringFormatter = $aWXRc$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports)));
-    let timeout = $aWXRc$react.useRef(null);
-    let [showLoading, setShowLoading] = $aWXRc$react.useState(false);
-    let loadingCircle = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumprogress.ProgressCircle, {
-        "aria-label": stringFormatter.format('loading'),
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $aWXRc$reactariainteractions.useHover)({});
+    let stringFormatter = (0, $aWXRc$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($ccb60979256717ac$exports))));
+    let timeout = (0, $aWXRc$react.useRef)(null);
+    let [showLoading, setShowLoading] = (0, $aWXRc$react.useState)(false);
+    let loadingCircle = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumprogress.ProgressCircle), {
+        "aria-label": stringFormatter.format("loading"),
         size: "S",
         isIndeterminate: true,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-circleLoader', $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-input-circleLoader'))
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports))), "spectrum-Textfield-circleLoader", (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-input-circleLoader"))
     });
-    let clearButton = /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumbutton.ClearButton, {
+    let clearButton = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumbutton.ClearButton), {
         ...clearButtonProps,
         preventFocus: true,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-ClearButton'),
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-ClearButton"),
         isDisabled: isDisabled
     });
-    let isLoading = loadingState === 'loading' || loadingState === 'filtering';
+    let isLoading = loadingState === "loading" || loadingState === "filtering";
     let inputValue = inputProps.value;
-    let lastInputValue = $aWXRc$react.useRef(inputValue);
-    $aWXRc$react.useEffect(()=>{
+    let lastInputValue = (0, $aWXRc$react.useRef)(inputValue);
+    (0, $aWXRc$react.useEffect)(()=>{
         if (isLoading && !showLoading) {
             if (timeout.current === null) timeout.current = setTimeout(()=>{
                 setShowLoading(true);
@@ -1114,8 +1126,10 @@ const $dcf500d58a031ca6$var$SearchAutocompleteInput = /*#__PURE__*/ ($parcel$int
         } else if (!isLoading) {
             // If loading is no longer happening, clear any timers and hide the loading circle
             setShowLoading(false);
-            clearTimeout(timeout.current);
-            timeout.current = null;
+            if (timeout.current != null) {
+                clearTimeout(timeout.current);
+                timeout.current = null;
+            }
         }
         lastInputValue.current = inputValue;
     }, [
@@ -1123,44 +1137,46 @@ const $dcf500d58a031ca6$var$SearchAutocompleteInput = /*#__PURE__*/ ($parcel$int
         showLoading,
         inputValue
     ]);
-    return(/*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactariafocus.FocusRing, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactariafocus.FocusRing), {
         within: true,
         isTextInput: true,
-        focusClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'is-focused'),
-        focusRingClass: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'focus-ring'),
+        focusClass: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "is-focused"),
+        focusRingClass: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "focus-ring"),
         autoFocus: autoFocus
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement("div", {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("div", {
         ...hoverProps,
         ref: ref,
         style: style,
-        className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
-            'spectrum-InputGroup--quiet': isQuiet,
-            'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
-            'is-hovered': isHovered
-        }, className)
-    }, /*#__PURE__*/ ($parcel$interopDefault($aWXRc$react)).createElement($aWXRc$reactspectrumtextfield.TextFieldBase, {
+        className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup", {
+            "spectrum-InputGroup--quiet": isQuiet,
+            "is-disabled": isDisabled,
+            "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
+            "is-hovered": isHovered
+        }, (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($83da5c2df967875d$exports))), "searchautocomplete"), className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumtextfield.TextFieldBase), {
         inputProps: inputProps,
         inputRef: inputRef,
-        UNSAFE_className: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', 'spectrum-Textfield', {
-            'is-disabled': isDisabled,
-            'is-quiet': isQuiet,
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
-        }),
-        inputClassName: $aWXRc$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search-input'),
+        UNSAFE_className: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search", "spectrum-Textfield", {
+            "is-disabled": isDisabled,
+            "is-quiet": isQuiet,
+            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
+            "spectrum-Search--valid": validationState === "valid" && !isDisabled
+        }, (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports))), "spectrum-InputGroup-field")),
+        inputClassName: (0, $aWXRc$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports))), "spectrum-Search-input"),
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
-        loadingIndicator: loadingState != null && loadingCircle,
+        isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
+        loadingIndicator: loadingState != null ? loadingCircle : undefined,
         icon: icon,
-        wrapperChildren: inputValue !== '' && !isReadOnly && clearButton
-    }))));
-});
+        wrapperChildren: inputValue !== "" && !isReadOnly ? clearButton : undefined,
+        disableFocusRing: true
+    })));
+}
+let $dcf500d58a031ca6$var$SearchAutocompleteInput = /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).forwardRef($dcf500d58a031ca6$var$_SearchAutocompleteInput);
 /**
  * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
- */ let $dcf500d58a031ca6$export$dd65332a5b19fa63 = /*#__PURE__*/ $aWXRc$react.forwardRef($dcf500d58a031ca6$var$SearchAutocomplete);
+ */ let $dcf500d58a031ca6$export$dd65332a5b19fa63 = /*#__PURE__*/ (0, $aWXRc$react.forwardRef)($dcf500d58a031ca6$var$SearchAutocomplete);