@react-spectrum/autocomplete 3.0.0-alpha.10 → 3.0.0-alpha.12

package/dist/module.js

@@ -2,7 +2,6 @@ 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, classNames as $aQREU$classNames} from "@react-spectrum/utils";
 import {ClearButton as $aQREU$ClearButton} from "@react-spectrum/button";
-import {useOverlayPosition as $aQREU$useOverlayPosition, DismissButton as $aQREU$DismissButton, useOverlayTrigger as $aQREU$useOverlayTrigger} from "@react-aria/overlays";
 import {Field as $aQREU$Field} from "@react-spectrum/label";
 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";
@@ -19,6 +18,7 @@ import {useProviderProps as $aQREU$useProviderProps, useProvider as $aQREU$usePr
 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 {useLabel as $aQREU$useLabel} from "@react-aria/label";
@@ -33,7 +33,6 @@ function $parcel$export(e, n, v, s) {
 
 
 
-
 var $06f6e8ce74a28744$exports = {};
 var $024cf3aa492e9082$exports = {};
 $024cf3aa492e9082$exports = {
@@ -399,6 +398,7 @@ $06f6e8ce74a28744$exports = {
 var $f6bdc9f20ce7ef93$exports = {};
 
 $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, "mobile-searchautocomplete", () => $f6bdc9f20ce7ef93$export$3117ea626976198e, (v) => $f6bdc9f20ce7ef93$export$3117ea626976198e = v);
 $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-input", () => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5, (v) => $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = v);
 $parcel$export($f6bdc9f20ce7ef93$exports, "mobile-value", () => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355, (v) => $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = v);
@@ -408,6 +408,7 @@ $parcel$export($f6bdc9f20ce7ef93$exports, "has-label", () => $f6bdc9f20ce7ef93$e
 $parcel$export($f6bdc9f20ce7ef93$exports, "tray-textfield-input", () => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8, (v) => $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = v);
 $parcel$export($f6bdc9f20ce7ef93$exports, "tray-listbox", () => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed, (v) => $f6bdc9f20ce7ef93$export$7281dc54d38d4bed = v);
 var $f6bdc9f20ce7ef93$export$5b1939da91820a47;
+var $f6bdc9f20ce7ef93$export$5096a212edbce2e8;
 var $f6bdc9f20ce7ef93$export$3117ea626976198e;
 var $f6bdc9f20ce7ef93$export$bededa1c0ac414c5;
 var $f6bdc9f20ce7ef93$export$e32ca2bb9f795355;
@@ -417,6 +418,7 @@ var $f6bdc9f20ce7ef93$export$b8e014ff9ad5e5e2;
 var $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8;
 var $f6bdc9f20ce7ef93$export$7281dc54d38d4bed;
 $f6bdc9f20ce7ef93$export$5b1939da91820a47 = "no-results_83bf62";
+$f6bdc9f20ce7ef93$export$5096a212edbce2e8 = "searchautocomplete_83bf62";
 $f6bdc9f20ce7ef93$export$3117ea626976198e = "mobile-searchautocomplete_83bf62";
 $f6bdc9f20ce7ef93$export$bededa1c0ac414c5 = "mobile-input_83bf62";
 $f6bdc9f20ce7ef93$export$e32ca2bb9f795355 = "mobile-value_83bf62";
@@ -465,10 +467,11 @@ $5589e2270a5c2f51$export$2c8a10299d8b3418 = "spectrum-Textfield_d3c0f3";
 var $8fb52a80fe52b1c7$exports = {};
 
 $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup", () => $8fb52a80fe52b1c7$export$5be359c1227eedcb, (v) => $8fb52a80fe52b1c7$export$5be359c1227eedcb = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
+$parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup--quiet", () => $8fb52a80fe52b1c7$export$ebf265ffc062029b, (v) => $8fb52a80fe52b1c7$export$ebf265ffc062029b = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton", () => $8fb52a80fe52b1c7$export$a024c99ecf6b5741, (v) => $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "is-disabled", () => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf, (v) => $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = 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-input-validationIcon", () => $8fb52a80fe52b1c7$export$f7ab13ee113f4884, (v) => $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-InputGroup-input-circleLoader", () => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa, (v) => $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = v);
@@ -483,14 +486,14 @@ $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker--rangeDash", () =
 $parcel$export($8fb52a80fe52b1c7$exports, "is-focused", () => $8fb52a80fe52b1c7$export$e7dc768d35940237, (v) => $8fb52a80fe52b1c7$export$e7dc768d35940237 = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-Datepicker-focusRing", () => $8fb52a80fe52b1c7$export$eb262b15b9261fde, (v) => $8fb52a80fe52b1c7$export$eb262b15b9261fde = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "is-hovered", () => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7, (v) => $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = v);
-$parcel$export($8fb52a80fe52b1c7$exports, "focus-ring", () => $8fb52a80fe52b1c7$export$f39a09f249340e2a, (v) => $8fb52a80fe52b1c7$export$f39a09f249340e2a = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "is-selected", () => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a, (v) => $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = v);
 $parcel$export($8fb52a80fe52b1c7$exports, "spectrum-FieldButton--invalid", () => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1, (v) => $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = v);
 var $8fb52a80fe52b1c7$export$5be359c1227eedcb;
+var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
+var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
 var $8fb52a80fe52b1c7$export$a024c99ecf6b5741;
 var $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf;
 var $8fb52a80fe52b1c7$export$3b48509739a9cda0;
-var $8fb52a80fe52b1c7$export$ebf265ffc062029b;
 var $8fb52a80fe52b1c7$export$ea77459595e26bec;
 var $8fb52a80fe52b1c7$export$f7ab13ee113f4884;
 var $8fb52a80fe52b1c7$export$dcc9e00cdad967fa;
@@ -505,14 +508,14 @@ var $8fb52a80fe52b1c7$export$202113e883898dc;
 var $8fb52a80fe52b1c7$export$e7dc768d35940237;
 var $8fb52a80fe52b1c7$export$eb262b15b9261fde;
 var $8fb52a80fe52b1c7$export$b8813cd5d7824ce7;
-var $8fb52a80fe52b1c7$export$f39a09f249340e2a;
 var $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a;
 var $8fb52a80fe52b1c7$export$c9f503f672e8a3c1;
 $8fb52a80fe52b1c7$export$5be359c1227eedcb = "spectrum-InputGroup_a0942f";
+$8fb52a80fe52b1c7$export$f39a09f249340e2a = "focus-ring_a0942f";
+$8fb52a80fe52b1c7$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
 $8fb52a80fe52b1c7$export$a024c99ecf6b5741 = "spectrum-FieldButton_a0942f";
 $8fb52a80fe52b1c7$export$d35bc1e505d1ebbf = "is-disabled_a0942f";
 $8fb52a80fe52b1c7$export$3b48509739a9cda0 = "spectrum-InputGroup--invalid_a0942f";
-$8fb52a80fe52b1c7$export$ebf265ffc062029b = "spectrum-InputGroup--quiet_a0942f";
 $8fb52a80fe52b1c7$export$ea77459595e26bec = "spectrum-InputGroup-field_a0942f";
 $8fb52a80fe52b1c7$export$f7ab13ee113f4884 = "spectrum-InputGroup-input-validationIcon_a0942f";
 $8fb52a80fe52b1c7$export$dcc9e00cdad967fa = "spectrum-InputGroup-input-circleLoader_a0942f";
@@ -527,7 +530,6 @@ $8fb52a80fe52b1c7$export$202113e883898dc = "spectrum-Datepicker--rangeDash_a0942
 $8fb52a80fe52b1c7$export$e7dc768d35940237 = "is-focused_a0942f";
 $8fb52a80fe52b1c7$export$eb262b15b9261fde = "spectrum-Datepicker-focusRing_a0942f";
 $8fb52a80fe52b1c7$export$b8813cd5d7824ce7 = "is-hovered_a0942f";
-$8fb52a80fe52b1c7$export$f39a09f249340e2a = "focus-ring_a0942f";
 $8fb52a80fe52b1c7$export$1e0fb04f31d3c22a = "is-selected_a0942f";
 $8fb52a80fe52b1c7$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_a0942f";
 
@@ -537,6 +539,7 @@ var $c14528ddc146317f$exports = {};
 
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-input", () => $c14528ddc146317f$export$1ac009feb2b0bd0c, (v) => $c14528ddc146317f$export$1ac009feb2b0bd0c = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield", () => $c14528ddc146317f$export$2c8a10299d8b3418, (v) => $c14528ddc146317f$export$2c8a10299d8b3418 = v);
+$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--quiet", () => $c14528ddc146317f$export$bffd5e3d61a81737, (v) => $c14528ddc146317f$export$bffd5e3d61a81737 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--multiline", () => $c14528ddc146317f$export$9699f1c538a448a0, (v) => $c14528ddc146317f$export$9699f1c538a448a0 = v);
 $parcel$export($c14528ddc146317f$exports, "is-placeholder", () => $c14528ddc146317f$export$e5b2f5233e4e5194, (v) => $c14528ddc146317f$export$e5b2f5233e4e5194 = v);
@@ -545,15 +548,16 @@ $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield--valid", () => $c1
 $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-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);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-validationIcon", () => $c14528ddc146317f$export$cf0ead5b44db0da3, (v) => $c14528ddc146317f$export$cf0ead5b44db0da3 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-icon", () => $c14528ddc146317f$export$222d1ccd1870be1d, (v) => $c14528ddc146317f$export$222d1ccd1870be1d = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-inputIcon", () => $c14528ddc146317f$export$c1cdcaa5fe76a871, (v) => $c14528ddc146317f$export$c1cdcaa5fe76a871 = v);
 $parcel$export($c14528ddc146317f$exports, "spectrum-Textfield-circleLoader", () => $c14528ddc146317f$export$82a249fb4d6127, (v) => $c14528ddc146317f$export$82a249fb4d6127 = v);
 $parcel$export($c14528ddc146317f$exports, "is-focused", () => $c14528ddc146317f$export$e7dc768d35940237, (v) => $c14528ddc146317f$export$e7dc768d35940237 = v);
-$parcel$export($c14528ddc146317f$exports, "focus-ring", () => $c14528ddc146317f$export$f39a09f249340e2a, (v) => $c14528ddc146317f$export$f39a09f249340e2a = v);
 $parcel$export($c14528ddc146317f$exports, "is-disabled", () => $c14528ddc146317f$export$d35bc1e505d1ebbf, (v) => $c14528ddc146317f$export$d35bc1e505d1ebbf = v);
 var $c14528ddc146317f$export$1ac009feb2b0bd0c;
 var $c14528ddc146317f$export$2c8a10299d8b3418;
+var $c14528ddc146317f$export$f39a09f249340e2a;
 var $c14528ddc146317f$export$bffd5e3d61a81737;
 var $c14528ddc146317f$export$9699f1c538a448a0;
 var $c14528ddc146317f$export$e5b2f5233e4e5194;
@@ -562,15 +566,16 @@ var $c14528ddc146317f$export$c2abbc3f970170b7;
 var $c14528ddc146317f$export$58e50b10d30123df;
 var $c14528ddc146317f$export$14fd30fea6f1348c;
 var $c14528ddc146317f$export$dd1165e0e6012973;
+var $c14528ddc146317f$export$9fcb3d6af94a9d12;
 var $c14528ddc146317f$export$cf0ead5b44db0da3;
 var $c14528ddc146317f$export$222d1ccd1870be1d;
 var $c14528ddc146317f$export$c1cdcaa5fe76a871;
 var $c14528ddc146317f$export$82a249fb4d6127;
 var $c14528ddc146317f$export$e7dc768d35940237;
-var $c14528ddc146317f$export$f39a09f249340e2a;
 var $c14528ddc146317f$export$d35bc1e505d1ebbf;
 $c14528ddc146317f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
 $c14528ddc146317f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
 $c14528ddc146317f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
 $c14528ddc146317f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
 $c14528ddc146317f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
@@ -579,12 +584,12 @@ $c14528ddc146317f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
 $c14528ddc146317f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
 $c14528ddc146317f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
 $c14528ddc146317f$export$dd1165e0e6012973 = "spectrum-Textfield-wrapper_73bc77";
+$c14528ddc146317f$export$9fcb3d6af94a9d12 = "spectrum-Textfield-wrapper--quiet_73bc77";
 $c14528ddc146317f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
 $c14528ddc146317f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
 $c14528ddc146317f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
 $c14528ddc146317f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
 $c14528ddc146317f$export$e7dc768d35940237 = "is-focused_73bc77";
-$c14528ddc146317f$export$f39a09f249340e2a = "focus-ring_73bc77";
 $c14528ddc146317f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
 
 
@@ -634,8 +639,6 @@ const $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ $aQREU$react.for
             $aQREU$setInteractionModality('keyboard');
         }
     };
-    let onClose = ()=>state.commit()
-    ;
     return(/*#__PURE__*/ $aQREU$react.createElement($aQREU$react.Fragment, null, /*#__PURE__*/ $aQREU$react.createElement($aQREU$Field, {
         ...props,
         labelProps: labelProps,
@@ -658,14 +661,12 @@ const $c940f54e16bafef5$export$e7a90f7d6b078162 = /*#__PURE__*/ $aQREU$react.for
         ,
         onPress: ()=>!isReadOnly && state.open(null, 'manual')
     }, state.inputValue || props.placeholder || '')), /*#__PURE__*/ $aQREU$react.createElement($aQREU$Tray, {
-        isOpen: state.isOpen,
-        onClose: onClose,
+        state: state,
         isFixedHeight: true,
-        isNonModal: true,
         ...overlayProps
     }, /*#__PURE__*/ $aQREU$react.createElement($c940f54e16bafef5$var$SearchAutocompleteTray, {
         ...props,
-        onClose: onClose,
+        onClose: state.close,
         overlayProps: overlayProps,
         state: state
     }))));
@@ -724,21 +725,21 @@ const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ $aQREU$reac
         className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
             'spectrum-InputGroup--quiet': isQuiet,
             'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
             'is-hovered': isHovered,
             'is-focused': isFocused,
             'focus-ring': isFocusVisible
-        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'mobile-searchautocomplete'), className)
+        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'searchautocomplete', 'mobile-searchautocomplete'), className)
     }, /*#__PURE__*/ $aQREU$react.createElement("div", {
         className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield', {
-            'spectrum-Textfield--invalid': validationState === 'invalid',
-            'spectrum-Textfield--valid': validationState === 'valid',
+            'spectrum-Textfield--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,
             'spectrum-Textfield--quiet': isQuiet
         }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search', {
             'is-disabled': isDisabled,
             'is-quiet': isQuiet,
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
         }))
     }, /*#__PURE__*/ $aQREU$react.createElement("div", {
         className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($c14528ddc146317f$exports)), 'spectrum-Textfield-input', {
@@ -747,13 +748,12 @@ const $c940f54e16bafef5$var$SearchAutocompleteButton = /*#__PURE__*/ $aQREU$reac
             'is-placeholder': isPlaceholder,
             'is-disabled': isDisabled,
             'is-quiet': isQuiet,
-            'is-focused': isFocused,
-            'focus-ring': isFocusVisible
-        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search-input'))
+            'is-focused': isFocused
+        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search-input'), $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'mobile-input'))
     }, icon, /*#__PURE__*/ $aQREU$react.createElement("span", {
         id: valueId,
         className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'mobile-value')
-    }, children)), validationState ? validation : null, (inputValue !== '' || validationState != null) && !isReadOnly && clearButton)));
+    }, children)), validationState && !isDisabled ? validation : null, (inputValue !== '' || validationState != null) && !isReadOnly && clearButton)));
 });
 function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
     let searchIcon = /*#__PURE__*/ $aQREU$react.createElement($aQREU$spectrumiconsuiMagnifier, {
@@ -891,8 +891,8 @@ function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
         wrapperChildren: (state.inputValue !== '' || loadingState === 'filtering' || validationState != null) && !props.isReadOnly && clearButton,
         icon: icon,
         UNSAFE_className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search', 'spectrum-Textfield', 'spectrum-Search--loadable', {
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
         }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'tray-textfield', {
             'has-label': !!props.label
         })),
@@ -938,6 +938,7 @@ function $c940f54e16bafef5$var$SearchAutocompleteTray(props) {
 
 
 
+
 function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
     props = $aQREU$useProviderProps(props);
     if (props.placeholder) console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead.');
@@ -986,15 +987,6 @@ const $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ $aQREU$react.
         inputRef: inputRef,
         menuTrigger: menuTrigger
     }, state);
-    let { overlayProps: overlayProps , placement: placement , updatePosition: updatePosition  } = $aQREU$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] = $aQREU$useState(null);
     let { scale: scale  } = $aQREU$useProvider();
@@ -1015,19 +1007,7 @@ const $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ $aQREU$react.
         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.
-    $aQREU$useLayoutEffect(()=>{
-        if (state.isOpen) requestAnimationFrame(()=>{
-            updatePosition();
-        });
-    }, [
-        state.isOpen,
-        updatePosition
-    ]);
     let style = {
-        ...overlayProps.style,
         width: isQuiet ? null : menuWidth,
         minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
     };
@@ -1043,16 +1023,17 @@ const $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ $aQREU$react.
         inputRef: inputRef,
         clearButtonProps: clearButtonProps
     })), /*#__PURE__*/ $aQREU$react.createElement($aQREU$Popover, {
-        isOpen: state.isOpen,
+        state: state,
         UNSAFE_style: style,
         UNSAFE_className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-popover', {
             'spectrum-InputGroup-popover--quiet': isQuiet
         }),
         ref: popoverRef,
-        placement: placement,
+        triggerRef: inputRef,
+        placement: `${direction} end`,
         hideArrow: true,
         isNonModal: true,
-        isDismissable: false
+        shouldFlip: shouldFlip
     }, /*#__PURE__*/ $aQREU$react.createElement($aQREU$ListBoxBase, {
         ...listBoxProps,
         ref: listBoxRef,
@@ -1066,8 +1047,6 @@ const $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ $aQREU$react.
         isLoading: loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
         renderEmptyState: ()=>isAsync && /*#__PURE__*/ $aQREU$react.createElement("span", null, stringFormatter.format('noResults'))
-    }), /*#__PURE__*/ $aQREU$react.createElement($aQREU$DismissButton, {
-        onDismiss: ()=>state.close()
     }))));
 });
 const $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ $aQREU$react.forwardRef(function SearchAutocompleteInput(props, ref) {
@@ -1132,18 +1111,18 @@ const $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ $aQREU$react
         className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup', {
             'spectrum-InputGroup--quiet': isQuiet,
             'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
             'is-hovered': isHovered
-        }, className)
+        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($f6bdc9f20ce7ef93$exports)), 'searchautocomplete'), className)
     }, /*#__PURE__*/ $aQREU$react.createElement($aQREU$TextFieldBase, {
         inputProps: inputProps,
         inputRef: inputRef,
         UNSAFE_className: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search', 'spectrum-Textfield', {
             'is-disabled': isDisabled,
             'is-quiet': isQuiet,
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
-        }),
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
+        }, $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($8fb52a80fe52b1c7$exports)), 'spectrum-InputGroup-field')),
         inputClassName: $aQREU$classNames((/*@__PURE__*/$parcel$interopDefault($5589e2270a5c2f51$exports)), 'spectrum-Search-input'),
         isDisabled: isDisabled,
         isQuiet: isQuiet,
@@ -1151,7 +1130,8 @@ const $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ $aQREU$react
         isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
         loadingIndicator: loadingState != null && loadingCircle,
         icon: icon,
-        wrapperChildren: inputValue !== '' && !isReadOnly && clearButton
+        wrapperChildren: inputValue !== '' && !isReadOnly && clearButton,
+        disableFocusRing: true
     }))));
 });
 /**