@react-spectrum/autocomplete 3.0.0-alpha.23 → 3.0.0-alpha.24

package/dist/main.js

@@ -13,6 +13,7 @@ var $aWXRc$react = require("react");
 var $aWXRc$reactspectrumtextfield = require("@react-spectrum/textfield");
 var $aWXRc$reactstatelycombobox = require("@react-stately/combobox");
 var $aWXRc$reactariai18n = require("@react-aria/i18n");
+var $aWXRc$reactspectrumform = require("@react-spectrum/form");
 var $aWXRc$reactariainteractions = require("@react-aria/interactions");
 var $aWXRc$reactspectrumprovider = require("@react-spectrum/provider");
 var $aWXRc$reactariaautocomplete = require("@react-aria/autocomplete");
@@ -22,10 +23,13 @@ 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");
+var $aWXRc$reactariaform = require("@react-aria/form");
+
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -62,28 +66,28 @@ $parcel$export(module.exports, "Section", () => $aWXRc$reactstatelycollections.S
 var $e32120882142a69f$exports = {};
 var $30f25a2842ddccb3$exports = {};
 $30f25a2842ddccb3$exports = {
-    "clear": `مسح`,
-    "invalid": `(غير صالح)`,
-    "loading": `جارٍ التحميل...`,
-    "noResults": `لا توجد نتائج`
+    "clear": `\u{645}\u{633}\u{62D}`,
+    "invalid": `(\u{63A}\u{64A}\u{631} \u{635}\u{627}\u{644}\u{62D})`,
+    "loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`,
+    "noResults": `\u{644}\u{627} \u{62A}\u{648}\u{62C}\u{62F} \u{646}\u{62A}\u{627}\u{626}\u{62C}`
 };
 
 
 var $cac3fa002dc020e4$exports = {};
 $cac3fa002dc020e4$exports = {
-    "clear": `Изчисти`,
-    "invalid": `(невалиден)`,
-    "loading": `Зареждане...`,
-    "noResults": `Няма резултати`
+    "clear": `\u{418}\u{437}\u{447}\u{438}\u{441}\u{442}\u{438}`,
+    "invalid": `(\u{43D}\u{435}\u{432}\u{430}\u{43B}\u{438}\u{434}\u{435}\u{43D})`,
+    "loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`,
+    "noResults": `\u{41D}\u{44F}\u{43C}\u{430} \u{440}\u{435}\u{437}\u{443}\u{43B}\u{442}\u{430}\u{442}\u{438}`
 };
 
 
 var $e04b5fd2abea86b9$exports = {};
 $e04b5fd2abea86b9$exports = {
     "clear": `Vymazat`,
-    "invalid": `(neplatné)`,
-    "loading": `Načítání...`,
-    "noResults": `Žádné výsledky`
+    "invalid": `(neplatn\xe9)`,
+    "loading": `Na\u{10D}\xedt\xe1n\xed...`,
+    "noResults": `\u{17D}\xe1dn\xe9 v\xfdsledky`
 };
 
 
@@ -91,15 +95,15 @@ var $3d2af4ea163335d6$exports = {};
 $3d2af4ea163335d6$exports = {
     "clear": `Ryd`,
     "invalid": `(ugyldig)`,
-    "loading": `Indlæser...`,
+    "loading": `Indl\xe6ser...`,
     "noResults": `Ingen resultater`
 };
 
 
 var $ff8a3f2ebad8ae77$exports = {};
 $ff8a3f2ebad8ae77$exports = {
-    "clear": `Löschen`,
-    "invalid": `(ungültig)`,
+    "clear": `L\xf6schen`,
+    "invalid": `(ung\xfcltig)`,
     "loading": `Wird geladen...`,
     "noResults": `Keine Ergebnisse`
 };
@@ -107,10 +111,10 @@ $ff8a3f2ebad8ae77$exports = {
 
 var $0883dc5de0143a5f$exports = {};
 $0883dc5de0143a5f$exports = {
-    "clear": `Καθαρισμός`,
-    "invalid": `(δεν ισχύει)`,
-    "loading": `Φόρτωση...`,
-    "noResults": `Χωρίς αποτέλεσμα`
+    "clear": `\u{39A}\u{3B1}\u{3B8}\u{3B1}\u{3C1}\u{3B9}\u{3C3}\u{3BC}\u{3CC}\u{3C2}`,
+    "invalid": `(\u{3B4}\u{3B5}\u{3BD} \u{3B9}\u{3C3}\u{3C7}\u{3CD}\u{3B5}\u{3B9})`,
+    "loading": `\u{3A6}\u{3CC}\u{3C1}\u{3C4}\u{3C9}\u{3C3}\u{3B7}...`,
+    "noResults": `\u{3A7}\u{3C9}\u{3C1}\u{3AF}\u{3C2} \u{3B1}\u{3C0}\u{3BF}\u{3C4}\u{3AD}\u{3BB}\u{3B5}\u{3C3}\u{3BC}\u{3B1}`
 };
 
 
@@ -126,7 +130,7 @@ $ffb5a79a666ee5f4$exports = {
 var $b1888d86831eae7b$exports = {};
 $b1888d86831eae7b$exports = {
     "clear": `Borrar`,
-    "invalid": `(no válido)`,
+    "invalid": `(no v\xe1lido)`,
     "loading": `Cargando...`,
     "noResults": `Sin resultados`
 };
@@ -144,7 +148,7 @@ $256eaae10133a7dd$exports = {
 var $fffacc8467d6f45d$exports = {};
 $fffacc8467d6f45d$exports = {
     "clear": `Kirkas`,
-    "invalid": `(epäkelpo)`,
+    "invalid": `(ep\xe4kelpo)`,
     "loading": `Ladataan...`,
     "noResults": `Ei tuloksia`
 };
@@ -154,35 +158,35 @@ var $ceff60bacac3f813$exports = {};
 $ceff60bacac3f813$exports = {
     "clear": `Effacer`,
     "invalid": `(non valide)`,
-    "loading": `Chargement en cours…`,
-    "noResults": `Aucun résultat`
+    "loading": `Chargement en cours\u{2026}`,
+    "noResults": `Aucun r\xe9sultat`
 };
 
 
 var $a3efa3338ae30884$exports = {};
 $a3efa3338ae30884$exports = {
-    "clear": `נקה`,
-    "invalid": `(לא חוקי)`,
-    "loading": `טוען...`,
-    "noResults": `אין תוצאות`
+    "clear": `\u{5E0}\u{5E7}\u{5D4}`,
+    "invalid": `(\u{5DC}\u{5D0} \u{5D7}\u{5D5}\u{5E7}\u{5D9})`,
+    "loading": `\u{5D8}\u{5D5}\u{5E2}\u{5DF}...`,
+    "noResults": `\u{5D0}\u{5D9}\u{5DF} \u{5EA}\u{5D5}\u{5E6}\u{5D0}\u{5D5}\u{5EA}`
 };
 
 
 var $27c9d17e7436a9c6$exports = {};
 $27c9d17e7436a9c6$exports = {
-    "clear": `Izbriši`,
-    "invalid": `(nevažeće)`,
-    "loading": `Učitavam...`,
+    "clear": `Izbri\u{161}i`,
+    "invalid": `(neva\u{17E}e\u{107}e)`,
+    "loading": `U\u{10D}itavam...`,
     "noResults": `Nema rezultata`
 };
 
 
 var $2e5ccf84fdce50a1$exports = {};
 $2e5ccf84fdce50a1$exports = {
-    "clear": `Törlés`,
-    "invalid": `(érvénytelen)`,
-    "loading": `Betöltés folyamatban…`,
-    "noResults": `Nincsenek találatok`
+    "clear": `T\xf6rl\xe9s`,
+    "invalid": `(\xe9rv\xe9nytelen)`,
+    "loading": `Bet\xf6lt\xe9s folyamatban\u{2026}`,
+    "noResults": `Nincsenek tal\xe1latok`
 };
 
 
@@ -197,43 +201,43 @@ $ec3368142e92ed69$exports = {
 
 var $ec5956e20e8a9e87$exports = {};
 $ec5956e20e8a9e87$exports = {
-    "clear": `クリア`,
-    "invalid": `(無効)`,
-    "loading": `読み込み中...`,
-    "noResults": `結果なし`
+    "clear": `\u{30AF}\u{30EA}\u{30A2}`,
+    "invalid": `(\u{7121}\u{52B9})`,
+    "loading": `\u{8AAD}\u{307F}\u{8FBC}\u{307F}\u{4E2D}...`,
+    "noResults": `\u{7D50}\u{679C}\u{306A}\u{3057}`
 };
 
 
 var $5bab18039270ed42$exports = {};
 $5bab18039270ed42$exports = {
-    "clear": `지우기`,
-    "invalid": `(유효하지 않음)`,
-    "loading": `로드 중...`,
-    "noResults": `결과 없음`
+    "clear": `\u{C9C0}\u{C6B0}\u{AE30}`,
+    "invalid": `(\u{C720}\u{D6A8}\u{D558}\u{C9C0} \u{C54A}\u{C74C})`,
+    "loading": `\u{B85C}\u{B4DC} \u{C911}...`,
+    "noResults": `\u{ACB0}\u{ACFC} \u{C5C6}\u{C74C}`
 };
 
 
 var $e1c74f3398a74c92$exports = {};
 $e1c74f3398a74c92$exports = {
-    "clear": `Išvalyti`,
+    "clear": `I\u{161}valyti`,
     "invalid": `(netinkama)`,
-    "loading": `Įkeliama...`,
-    "noResults": `Rezultatų nėra`
+    "loading": `\u{12E}keliama...`,
+    "noResults": `Rezultat\u{173} n\u{117}ra`
 };
 
 
 var $f0b13093747e2840$exports = {};
 $f0b13093747e2840$exports = {
-    "clear": `Notīrīt`,
-    "invalid": `(nederīgs)`,
-    "loading": `Notiek ielāde...`,
-    "noResults": `Nav rezultātu`
+    "clear": `Not\u{12B}r\u{12B}t`,
+    "invalid": `(neder\u{12B}gs)`,
+    "loading": `Notiek iel\u{101}de...`,
+    "noResults": `Nav rezult\u{101}tu`
 };
 
 
 var $53eed8628e04e423$exports = {};
 $53eed8628e04e423$exports = {
-    "clear": `Tøm`,
+    "clear": `T\xf8m`,
     "invalid": `(ugyldig)`,
     "loading": `Laster inn...`,
     "noResults": `Ingen resultater`
@@ -251,17 +255,17 @@ $c53a14e3c7e194ff$exports = {
 
 var $31dd4c4cfef7991f$exports = {};
 $31dd4c4cfef7991f$exports = {
-    "clear": `Wyczyść`,
-    "invalid": `(nieprawidłowy)`,
+    "clear": `Wyczy\u{15B}\u{107}`,
+    "invalid": `(nieprawid\u{142}owy)`,
     "loading": `Wczytywanie...`,
-    "noResults": `Brak wyników`
+    "noResults": `Brak wynik\xf3w`
 };
 
 
 var $ee5f8cd44d30767f$exports = {};
 $ee5f8cd44d30767f$exports = {
     "clear": `Limpar`,
-    "invalid": `(inválido)`,
+    "invalid": `(inv\xe1lido)`,
     "loading": `Carregando...`,
     "noResults": `Nenhum resultado`
 };
@@ -270,7 +274,7 @@ $ee5f8cd44d30767f$exports = {
 var $e1e81ac532f43ec3$exports = {};
 $e1e81ac532f43ec3$exports = {
     "clear": `Limpar`,
-    "invalid": `(inválido)`,
+    "invalid": `(inv\xe1lido)`,
     "loading": `A carregar...`,
     "noResults": `Sem resultados`
 };
@@ -280,32 +284,32 @@ var $84833449245ceb5d$exports = {};
 $84833449245ceb5d$exports = {
     "clear": `Golire`,
     "invalid": `(nevalid)`,
-    "loading": `Se încarcă...`,
+    "loading": `Se \xeencarc\u{103}...`,
     "noResults": `Niciun rezultat`
 };
 
 
 var $e61aebc75bb4053d$exports = {};
 $e61aebc75bb4053d$exports = {
-    "clear": `Очистить`,
-    "invalid": `(недействительно)`,
-    "loading": `Загрузка...`,
-    "noResults": `Результаты отсутствуют`
+    "clear": `\u{41E}\u{447}\u{438}\u{441}\u{442}\u{438}\u{442}\u{44C}`,
+    "invalid": `(\u{43D}\u{435}\u{434}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{442}\u{435}\u{43B}\u{44C}\u{43D}\u{43E})`,
+    "loading": `\u{417}\u{430}\u{433}\u{440}\u{443}\u{437}\u{43A}\u{430}...`,
+    "noResults": `\u{420}\u{435}\u{437}\u{443}\u{43B}\u{44C}\u{442}\u{430}\u{442}\u{44B} \u{43E}\u{442}\u{441}\u{443}\u{442}\u{441}\u{442}\u{432}\u{443}\u{44E}\u{442}`
 };
 
 
 var $9fb3fa59d7a387b5$exports = {};
 $9fb3fa59d7a387b5$exports = {
-    "clear": `Vymazať`,
-    "invalid": `(neplatné)`,
-    "loading": `Načítava sa...`,
-    "noResults": `Žiadne výsledky`
+    "clear": `Vymaza\u{165}`,
+    "invalid": `(neplatn\xe9)`,
+    "loading": `Na\u{10D}\xedtava sa...`,
+    "noResults": `\u{17D}iadne v\xfdsledky`
 };
 
 
 var $b1f7c524b12894ba$exports = {};
 $b1f7c524b12894ba$exports = {
-    "clear": `Pobrišite`,
+    "clear": `Pobri\u{161}ite`,
     "invalid": `(neveljavno)`,
     "loading": `Nalaganje...`,
     "noResults": `Ni rezultatov`
@@ -314,9 +318,9 @@ $b1f7c524b12894ba$exports = {
 
 var $351ddac352253927$exports = {};
 $351ddac352253927$exports = {
-    "clear": `Izbriši`,
-    "invalid": `(nevažeće)`,
-    "loading": `Učitavam...`,
+    "clear": `Izbri\u{161}i`,
+    "invalid": `(neva\u{17E}e\u{107}e)`,
+    "loading": `U\u{10D}itavam...`,
     "noResults": `Nema rezultata`
 };
 
@@ -325,7 +329,7 @@ var $0b2327cdf441a2f3$exports = {};
 $0b2327cdf441a2f3$exports = {
     "clear": `Rensa`,
     "invalid": `(ogiltigt)`,
-    "loading": `Läser in...`,
+    "loading": `L\xe4ser in...`,
     "noResults": `Inga resultat`
 };
 
@@ -333,36 +337,36 @@ $0b2327cdf441a2f3$exports = {
 var $e76d948ffa14db88$exports = {};
 $e76d948ffa14db88$exports = {
     "clear": `Temizle`,
-    "invalid": `(geçersiz)`,
-    "loading": `Yükleniyor...`,
-    "noResults": `Sonuç yok`
+    "invalid": `(ge\xe7ersiz)`,
+    "loading": `Y\xfckleniyor...`,
+    "noResults": `Sonu\xe7 yok`
 };
 
 
 var $24da432165d9ae1d$exports = {};
 $24da432165d9ae1d$exports = {
-    "clear": `Очистити`,
-    "invalid": `(недійсне)`,
-    "loading": `Завантаження...`,
-    "noResults": `Результатів немає`
+    "clear": `\u{41E}\u{447}\u{438}\u{441}\u{442}\u{438}\u{442}\u{438}`,
+    "invalid": `(\u{43D}\u{435}\u{434}\u{456}\u{439}\u{441}\u{43D}\u{435})`,
+    "loading": `\u{417}\u{430}\u{432}\u{430}\u{43D}\u{442}\u{430}\u{436}\u{435}\u{43D}\u{43D}\u{44F}...`,
+    "noResults": `\u{420}\u{435}\u{437}\u{443}\u{43B}\u{44C}\u{442}\u{430}\u{442}\u{456}\u{432} \u{43D}\u{435}\u{43C}\u{430}\u{454}`
 };
 
 
 var $ff524249124594a8$exports = {};
 $ff524249124594a8$exports = {
-    "clear": `清除`,
-    "invalid": `（无效）`,
-    "loading": `正在加载...`,
-    "noResults": `无结果`
+    "clear": `\u{6E05}\u{9664}`,
+    "invalid": `\u{FF08}\u{65E0}\u{6548}\u{FF09}`,
+    "loading": `\u{6B63}\u{5728}\u{52A0}\u{8F7D}...`,
+    "noResults": `\u{65E0}\u{7ED3}\u{679C}`
 };
 
 
 var $dc179c328f3f5ad3$exports = {};
 $dc179c328f3f5ad3$exports = {
-    "clear": `清除`,
-    "invalid": `(無效)`,
-    "loading": `正在載入...`,
-    "noResults": `無任何結果`
+    "clear": `\u{6E05}\u{9664}`,
+    "invalid": `(\u{7121}\u{6548})`,
+    "loading": `\u{6B63}\u{5728}\u{8F09}\u{5165}...`,
+    "noResults": `\u{7121}\u{4EFB}\u{4F55}\u{7D50}\u{679C}`
 };
 
 
@@ -674,9 +678,10 @@ $40cb3a00c193680f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--
 
 
 
+
 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 { isQuiet: isQuiet, isDisabled: isDisabled, isRequired: isRequired, validationBehavior: validationBehavior, validate: validate, name: name, isReadOnly: isReadOnly, onSubmit: onSubmit = ()=>{} } = props;
     let { contains: contains } = (0, $aWXRc$reactariai18n.useFilter)({
         sensitivity: "base"
     });
@@ -691,16 +696,33 @@ function $a9f98e219df0b64d$var$_MobileSearchAutocomplete(props, ref) {
         allowsCustomValue: true,
         onSelectionChange: (key)=>key !== null && onSubmit(null, key),
         selectedKey: undefined,
-        defaultSelectedKey: undefined
+        defaultSelectedKey: undefined,
+        validate: (0, $aWXRc$react.useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
+            validate
+        ])
     });
     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 } = (0, $aWXRc$reactarialabel.useLabel)({
+    let inputRef = (0, $aWXRc$react.useRef)(null);
+    (0, $aWXRc$reactariaform.useFormValidation)({
         ...props,
-        labelElementType: "span"
+        focus: ()=>{
+            var _buttonRef_current;
+            return (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.focus();
+        }
+    }, state, inputRef);
+    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
+    let validationState = props.validationState || (isInvalid ? "invalid" : undefined);
+    var _props_errorMessage;
+    let errorMessage = (_props_errorMessage = props.errorMessage) !== null && _props_errorMessage !== void 0 ? _props_errorMessage : validationErrors.join(" ");
+    let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $aWXRc$reactarialabel.useField)({
+        ...props,
+        labelElementType: "span",
+        isInvalid: isInvalid,
+        errorMessage: errorMessage
     });
     // Focus the button and show focus ring when clicking on the label
     labelProps.onClick = ()=>{
@@ -709,9 +731,29 @@ function $a9f98e219df0b64d$var$_MobileSearchAutocomplete(props, ref) {
             (0, $aWXRc$reactariainteractions.setInteractionModality)("keyboard");
         }
     };
+    let inputProps = {
+        type: "hidden",
+        name: name,
+        value: state.inputValue
+    };
+    if (validationBehavior === "native") {
+        // Use a hidden <input type="text"> rather than <input type="hidden">
+        // so that an empty value blocks HTML form submission when the field is required.
+        inputProps.type = "text";
+        inputProps.hidden = true;
+        inputProps.required = isRequired;
+        // Ignore react warning.
+        inputProps.onChange = ()=>{};
+    }
+    (0, $aWXRc$reactariautils.useFormReset)(inputRef, state.inputValue, state.setInputValue);
     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,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         elementType: "span",
         ref: domRef,
         includeNecessityIndicatorInAccessibilityName: true
@@ -729,7 +771,10 @@ function $a9f98e219df0b64d$var$_MobileSearchAutocomplete(props, ref) {
         inputValue: state.inputValue,
         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.inputValue || props.placeholder || "")), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement("input", {
+        ...inputProps,
+        ref: inputRef
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumoverlays.Tray), {
         state: state,
         isFixedHeight: true,
         ...overlayProps
@@ -846,19 +891,20 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
         keyboardDelegate: layout,
         popoverRef: popoverRef,
         listBoxRef: listBoxRef,
-        inputRef: inputRef
+        inputRef: inputRef,
+        // Handled outside the tray.
+        name: undefined
     }, state);
     (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.
+    }, []);
+    (0, ($parcel$interopDefault($aWXRc$react))).useEffect(()=>{
+        // When the tray closes, set state.isFocused (i.e. the tray input's focus tracker) to false.
         // This is to prevent state.isFocused from being set to true when the tray closes via tapping on the underlay
         // (FocusScope attempts to restore focus to the tray input when tapping outside the tray due to "contain")
         // Have to do this manually since React doesn't call onBlur when a component is unmounted: https://github.com/facebook/react/issues/12363
-        return ()=>{
-            state.setFocused(false);
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+        if (!state.isOpen && state.isFocused) state.setFocused(false);
+    });
     let { dialogProps: dialogProps } = (0, $aWXRc$reactariadialog.useDialog)({
         "aria-labelledby": (0, $aWXRc$reactariautils.useId)(labelProps.id)
     }, popoverRef);
@@ -1013,8 +1059,10 @@ function $a9f98e219df0b64d$var$SearchAutocompleteTray(props) {
 
 
 
+
 function $dcf500d58a031ca6$var$SearchAutocomplete(props, ref) {
     props = (0, $aWXRc$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $aWXRc$reactspectrumform.useFormProps)(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
@@ -1030,7 +1078,7 @@ function $dcf500d58a031ca6$var$SearchAutocomplete(props, ref) {
 }
 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 { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", isQuiet: isQuiet, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
     let stringFormatter = (0, $aWXRc$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($e32120882142a69f$exports))));
     let isAsync = loadingState != null;
     let popoverRef = (0, $aWXRc$react.useRef)(null);
@@ -1048,10 +1096,13 @@ function $dcf500d58a031ca6$var$_SearchAutocompleteBase(props, ref) {
         allowsCustomValue: true,
         onSelectionChange: (key)=>key !== null && onSubmit(null, key),
         selectedKey: undefined,
-        defaultSelectedKey: undefined
+        defaultSelectedKey: undefined,
+        validate: (0, $aWXRc$react.useCallback)((v)=>validate === null || validate === void 0 ? void 0 : validate(v.inputValue), [
+            validate
+        ])
     });
     let layout = (0, $aWXRc$reactspectrumlistbox.useListBoxLayout)(state, loadingState === "loadingMore");
-    let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $aWXRc$reactariaautocomplete.useSearchAutocomplete)({
+    let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $aWXRc$reactariaautocomplete.useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
         popoverRef: unwrappedPopoverRef,
@@ -1088,6 +1139,9 @@ function $dcf500d58a031ca6$var$_SearchAutocompleteBase(props, ref) {
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,
         labelProps: labelProps,
+        isInvalid: isInvalid,
+        validationErrors: validationErrors,
+        validationDetails: validationDetails,
         ref: domRef
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement($dcf500d58a031ca6$var$SearchAutocompleteInput, {
         ...props,
@@ -1095,7 +1149,8 @@ function $dcf500d58a031ca6$var$_SearchAutocompleteBase(props, ref) {
         loadingState: loadingState,
         inputProps: inputProps,
         inputRef: inputRef,
-        clearButtonProps: clearButtonProps
+        clearButtonProps: clearButtonProps,
+        validationState: props.validationState || (isInvalid ? "invalid" : undefined)
     })), /*#__PURE__*/ (0, ($parcel$interopDefault($aWXRc$react))).createElement((0, $aWXRc$reactspectrumoverlays.Popover), {
         state: state,
         UNSAFE_style: style,