@react-spectrum/autocomplete 3.0.0-alpha.31 → 3.0.0-alpha.32

package/dist/SearchAutocomplete.mjs

@@ -66,7 +66,7 @@ function $parcel$interopDefault(a) {
 function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
     props = (0, $fLcex$useProviderProps)(props);
     props = (0, $fLcex$useFormProps)(props);
-    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
+    if (props.placeholder) console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead.');
     let isMobile = (0, $fLcex$useIsMobileDevice)();
     if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
     return /*#__PURE__*/ (0, $fLcex$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
@@ -81,8 +81,8 @@ function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
 }
 function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
     props = (0, $fLcex$useProviderProps)(props);
-    let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", align: align = "start", isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
-    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), "@react-spectrum/autocomplete");
+    let { menuTrigger: menuTrigger = 'input', shouldFlip: shouldFlip = true, direction: direction = 'bottom', align: align = 'start', isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
+    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), '@react-spectrum/autocomplete');
     let isAsync = loadingState != null;
     let popoverRef = (0, $fLcex$useRef)(null);
     let unwrappedPopoverRef = (0, $fLcex$useUnwrapDOMRef)(popoverRef);
@@ -90,7 +90,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
     let inputRef = (0, $fLcex$useRef)(null);
     let domRef = (0, $fLcex$useFocusableRef)(ref, inputRef);
     let { contains: contains } = (0, $fLcex$useFilter)({
-        sensitivity: "base"
+        sensitivity: 'base'
     });
     let state = (0, $fLcex$useComboBoxState)({
         ...props,
@@ -104,7 +104,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
             validate
         ])
     });
-    let layout = (0, $fLcex$useListBoxLayout)(state, loadingState === "loadingMore");
+    let layout = (0, $fLcex$useListBoxLayout)(state, loadingState === 'loadingMore');
     let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $fLcex$useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
@@ -154,12 +154,12 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         inputProps: inputProps,
         inputRef: inputRef,
         clearButtonProps: clearButtonProps,
-        validationState: props.validationState || (isInvalid ? "invalid" : undefined)
+        validationState: props.validationState || (isInvalid ? 'invalid' : undefined)
     })), /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$Popover), {
         state: state,
         UNSAFE_style: style,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-popover", {
-            "spectrum-InputGroup-popover--quiet": isQuiet
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-popover', {
+            'spectrum-InputGroup-popover--quiet': isQuiet
         }),
         ref: popoverRef,
         triggerRef: inputRef,
@@ -177,11 +177,11 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         layout: layout,
         state: state,
         shouldUseVirtualFocus: true,
-        isLoading: loadingState === "loading" || loadingState === "loadingMore",
+        isLoading: loadingState === 'loading' || loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
         renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $fLcex$react).createElement("span", {
-                className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), "no-results")
-            }, stringFormatter.format("noResults"))
+                className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), 'no-results')
+            }, stringFormatter.format('noResults'))
     })));
 }
 let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $fLcex$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
@@ -193,23 +193,23 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
     });
     let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, inputProps: inputProps, inputRef: inputRef, autoFocus: autoFocus, style: style, className: className, loadingState: loadingState, isOpen: isOpen, menuTrigger: menuTrigger, clearButtonProps: clearButtonProps } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fLcex$useHover)({});
-    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), "@react-spectrum/autocomplete");
+    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), '@react-spectrum/autocomplete');
     let domProps = (0, $fLcex$filterDOMProps)(props);
     let timeout = (0, $fLcex$useRef)(null);
     let [showLoading, setShowLoading] = (0, $fLcex$useState)(false);
     let loadingCircle = /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$ProgressCircle), {
-        "aria-label": stringFormatter.format("loading"),
+        "aria-label": stringFormatter.format('loading'),
         size: "S",
         isIndeterminate: true,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$textfield_vars_cssmodulejs))), "spectrum-Textfield-circleLoader", (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input-circleLoader"), (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-circleLoader"))
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$textfield_vars_cssmodulejs))), 'spectrum-Textfield-circleLoader', (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-input-circleLoader'), (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-circleLoader'))
     });
     let clearButton = /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$ClearButton), {
         ...clearButtonProps,
         preventFocus: true,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-ClearButton"),
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-ClearButton'),
         isDisabled: isDisabled
     });
-    let isLoading = loadingState === "loading" || loadingState === "filtering";
+    let isLoading = loadingState === 'loading' || loadingState === 'filtering';
     let inputValue = inputProps.value;
     let lastInputValue = (0, $fLcex$useRef)(inputValue);
     (0, $fLcex$useEffect)(()=>{
@@ -241,38 +241,38 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
     return /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$FocusRing), {
         within: true,
         isTextInput: true,
-        focusClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "is-focused"),
-        focusRingClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "focus-ring"),
+        focusClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'is-focused'),
+        focusRingClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $fLcex$react).createElement("div", {
         ...hoverProps,
         ref: ref,
         style: style,
-        className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup", {
-            "spectrum-InputGroup--quiet": isQuiet,
-            "is-disabled": isDisabled,
-            "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
-            "is-hovered": isHovered
-        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), "searchautocomplete"), className)
+        className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup', {
+            'spectrum-InputGroup--quiet': isQuiet,
+            'is-disabled': isDisabled,
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
+            'is-hovered': isHovered
+        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), 'searchautocomplete'), className)
     }, /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$TextFieldBase), {
         ...domProps,
         inputProps: inputProps,
         inputRef: inputRef,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search", "spectrum-Search--loadable", "spectrum-Textfield", {
-            "is-disabled": isDisabled,
-            "is-quiet": isQuiet,
-            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
-            "spectrum-Search--valid": validationState === "valid" && !isDisabled
-        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field")),
-        inputClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-input"),
-        validationIconClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-validationIcon"),
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search', 'spectrum-Search--loadable', 'spectrum-Textfield', {
+            'is-disabled': isDisabled,
+            'is-quiet': isQuiet,
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
+        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field')),
+        inputClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-input'),
+        validationIconClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-validationIcon'),
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
+        isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
         loadingIndicator: loadingState != null ? loadingCircle : undefined,
         icon: icon,
-        wrapperChildren: (inputValue !== "" || loadingState === "filtering" || validationState != null) && !isReadOnly ? clearButton : undefined,
+        wrapperChildren: (inputValue !== '' || loadingState === 'filtering' || validationState != null) && !isReadOnly ? clearButton : undefined,
         disableFocusRing: true
     })));
 }
@@ -283,4 +283,4 @@ let $f3f3b62273a2d260$var$SearchAutocompleteInput = /*#__PURE__*/ (0, $fLcex$rea
 
 
 export {$f3f3b62273a2d260$export$dd65332a5b19fa63 as SearchAutocomplete};
-//# sourceMappingURL=SearchAutocomplete.mjs.map
+//# sourceMappingURL=SearchAutocomplete.module.js.map

package/dist/SearchAutocomplete.module.js

@@ -66,7 +66,7 @@ function $parcel$interopDefault(a) {
 function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
     props = (0, $fLcex$useProviderProps)(props);
     props = (0, $fLcex$useFormProps)(props);
-    if (props.placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead.");
+    if (props.placeholder) console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead.');
     let isMobile = (0, $fLcex$useIsMobileDevice)();
     if (isMobile) // menuTrigger=focus/manual don't apply to mobile searchwithin
     return /*#__PURE__*/ (0, $fLcex$react).createElement((0, $c940f54e16bafef5$export$e7a90f7d6b078162), {
@@ -81,8 +81,8 @@ function $f3f3b62273a2d260$var$SearchAutocomplete(props, ref) {
 }
 function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
     props = (0, $fLcex$useProviderProps)(props);
-    let { menuTrigger: menuTrigger = "input", shouldFlip: shouldFlip = true, direction: direction = "bottom", align: align = "start", isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
-    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), "@react-spectrum/autocomplete");
+    let { menuTrigger: menuTrigger = 'input', shouldFlip: shouldFlip = true, direction: direction = 'bottom', align: align = 'start', isQuiet: isQuiet, menuWidth: customMenuWidth, loadingState: loadingState, onLoadMore: onLoadMore, onSubmit: onSubmit = ()=>{}, validate: validate } = props;
+    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), '@react-spectrum/autocomplete');
     let isAsync = loadingState != null;
     let popoverRef = (0, $fLcex$useRef)(null);
     let unwrappedPopoverRef = (0, $fLcex$useUnwrapDOMRef)(popoverRef);
@@ -90,7 +90,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
     let inputRef = (0, $fLcex$useRef)(null);
     let domRef = (0, $fLcex$useFocusableRef)(ref, inputRef);
     let { contains: contains } = (0, $fLcex$useFilter)({
-        sensitivity: "base"
+        sensitivity: 'base'
     });
     let state = (0, $fLcex$useComboBoxState)({
         ...props,
@@ -104,7 +104,7 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
             validate
         ])
     });
-    let layout = (0, $fLcex$useListBoxLayout)(state, loadingState === "loadingMore");
+    let layout = (0, $fLcex$useListBoxLayout)(state, loadingState === 'loadingMore');
     let { inputProps: inputProps, listBoxProps: listBoxProps, labelProps: labelProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $fLcex$useSearchAutocomplete)({
         ...props,
         keyboardDelegate: layout,
@@ -154,12 +154,12 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         inputProps: inputProps,
         inputRef: inputRef,
         clearButtonProps: clearButtonProps,
-        validationState: props.validationState || (isInvalid ? "invalid" : undefined)
+        validationState: props.validationState || (isInvalid ? 'invalid' : undefined)
     })), /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$Popover), {
         state: state,
         UNSAFE_style: style,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-popover", {
-            "spectrum-InputGroup-popover--quiet": isQuiet
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-popover', {
+            'spectrum-InputGroup-popover--quiet': isQuiet
         }),
         ref: popoverRef,
         triggerRef: inputRef,
@@ -177,11 +177,11 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteBase(props, ref) {
         layout: layout,
         state: state,
         shouldUseVirtualFocus: true,
-        isLoading: loadingState === "loading" || loadingState === "loadingMore",
+        isLoading: loadingState === 'loading' || loadingState === 'loadingMore',
         onLoadMore: onLoadMore,
         renderEmptyState: ()=>isAsync && /*#__PURE__*/ (0, $fLcex$react).createElement("span", {
-                className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), "no-results")
-            }, stringFormatter.format("noResults"))
+                className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), 'no-results')
+            }, stringFormatter.format('noResults'))
     })));
 }
 let $f3f3b62273a2d260$var$SearchAutocompleteBase = /*#__PURE__*/ (0, $fLcex$react).forwardRef($f3f3b62273a2d260$var$_SearchAutocompleteBase);
@@ -193,23 +193,23 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
     });
     let { icon: icon = searchIcon, isQuiet: isQuiet, isDisabled: isDisabled, isReadOnly: isReadOnly, validationState: validationState, inputProps: inputProps, inputRef: inputRef, autoFocus: autoFocus, style: style, className: className, loadingState: loadingState, isOpen: isOpen, menuTrigger: menuTrigger, clearButtonProps: clearButtonProps } = props;
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $fLcex$useHover)({});
-    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), "@react-spectrum/autocomplete");
+    let stringFormatter = (0, $fLcex$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fLcex$intlStringsmodulejs))), '@react-spectrum/autocomplete');
     let domProps = (0, $fLcex$filterDOMProps)(props);
     let timeout = (0, $fLcex$useRef)(null);
     let [showLoading, setShowLoading] = (0, $fLcex$useState)(false);
     let loadingCircle = /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$ProgressCircle), {
-        "aria-label": stringFormatter.format("loading"),
+        "aria-label": stringFormatter.format('loading'),
         size: "S",
         isIndeterminate: true,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$textfield_vars_cssmodulejs))), "spectrum-Textfield-circleLoader", (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-input-circleLoader"), (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-circleLoader"))
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$textfield_vars_cssmodulejs))), 'spectrum-Textfield-circleLoader', (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-input-circleLoader'), (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-circleLoader'))
     });
     let clearButton = /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$ClearButton), {
         ...clearButtonProps,
         preventFocus: true,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-ClearButton"),
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-ClearButton'),
         isDisabled: isDisabled
     });
-    let isLoading = loadingState === "loading" || loadingState === "filtering";
+    let isLoading = loadingState === 'loading' || loadingState === 'filtering';
     let inputValue = inputProps.value;
     let lastInputValue = (0, $fLcex$useRef)(inputValue);
     (0, $fLcex$useEffect)(()=>{
@@ -241,38 +241,38 @@ function $f3f3b62273a2d260$var$_SearchAutocompleteInput(props, ref) {
     return /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$FocusRing), {
         within: true,
         isTextInput: true,
-        focusClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "is-focused"),
-        focusRingClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "focus-ring"),
+        focusClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'is-focused'),
+        focusRingClass: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'focus-ring'),
         autoFocus: autoFocus
     }, /*#__PURE__*/ (0, $fLcex$react).createElement("div", {
         ...hoverProps,
         ref: ref,
         style: style,
-        className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup", {
-            "spectrum-InputGroup--quiet": isQuiet,
-            "is-disabled": isDisabled,
-            "spectrum-InputGroup--invalid": validationState === "invalid" && !isDisabled,
-            "is-hovered": isHovered
-        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), "searchautocomplete"), className)
+        className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup', {
+            'spectrum-InputGroup--quiet': isQuiet,
+            'is-disabled': isDisabled,
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
+            'is-hovered': isHovered
+        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$searchautocomplete_cssmodulejs))), 'searchautocomplete'), className)
     }, /*#__PURE__*/ (0, $fLcex$react).createElement((0, $fLcex$TextFieldBase), {
         ...domProps,
         inputProps: inputProps,
         inputRef: inputRef,
-        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search", "spectrum-Search--loadable", "spectrum-Textfield", {
-            "is-disabled": isDisabled,
-            "is-quiet": isQuiet,
-            "spectrum-Search--invalid": validationState === "invalid" && !isDisabled,
-            "spectrum-Search--valid": validationState === "valid" && !isDisabled
-        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), "spectrum-InputGroup-field")),
-        inputClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-input"),
-        validationIconClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), "spectrum-Search-validationIcon"),
+        UNSAFE_className: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search', 'spectrum-Search--loadable', 'spectrum-Textfield', {
+            'is-disabled': isDisabled,
+            'is-quiet': isQuiet,
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
+        }, (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$inputgroup_vars_cssmodulejs))), 'spectrum-InputGroup-field')),
+        inputClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-input'),
+        validationIconClassName: (0, $fLcex$classNames)((0, ($parcel$interopDefault($fLcex$search_vars_cssmodulejs))), 'spectrum-Search-validationIcon'),
         isDisabled: isDisabled,
         isQuiet: isQuiet,
         validationState: validationState,
-        isLoading: showLoading && (isOpen || menuTrigger === "manual" || loadingState === "loading"),
+        isLoading: showLoading && (isOpen || menuTrigger === 'manual' || loadingState === 'loading'),
         loadingIndicator: loadingState != null ? loadingCircle : undefined,
         icon: icon,
-        wrapperChildren: (inputValue !== "" || loadingState === "filtering" || validationState != null) && !isReadOnly ? clearButton : undefined,
+        wrapperChildren: (inputValue !== '' || loadingState === 'filtering' || validationState != null) && !isReadOnly ? clearButton : undefined,
         disableFocusRing: true
     })));
 }

package/dist/ar-AE.mjs

@@ -8,4 +8,4 @@ $024cf3aa492e9082$exports = {
 
 
 export {$024cf3aa492e9082$exports as default};
-//# sourceMappingURL=ar-AE.mjs.map
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/bg-BG.mjs

@@ -8,4 +8,4 @@ $b1478ef78bbb453c$exports = {
 
 
 export {$b1478ef78bbb453c$exports as default};
-//# sourceMappingURL=bg-BG.mjs.map
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/cs-CZ.mjs

@@ -8,4 +8,4 @@ $a460b76408fa2c12$exports = {
 
 
 export {$a460b76408fa2c12$exports as default};
-//# sourceMappingURL=cs-CZ.mjs.map
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/da-DK.mjs

@@ -8,4 +8,4 @@ $e9e48f3945b54c4e$exports = {
 
 
 export {$e9e48f3945b54c4e$exports as default};
-//# sourceMappingURL=da-DK.mjs.map
+//# sourceMappingURL=da-DK.module.js.map

package/dist/de-DE.mjs

@@ -8,4 +8,4 @@ $51a37bbbb04b8d4b$exports = {
 
 
 export {$51a37bbbb04b8d4b$exports as default};
-//# sourceMappingURL=de-DE.mjs.map
+//# sourceMappingURL=de-DE.module.js.map

package/dist/el-GR.mjs

@@ -8,4 +8,4 @@ $a9652db54e8c657c$exports = {
 
 
 export {$a9652db54e8c657c$exports as default};
-//# sourceMappingURL=el-GR.mjs.map
+//# sourceMappingURL=el-GR.module.js.map

package/dist/en-US.mjs

@@ -8,4 +8,4 @@ $9d3fddee794c9b57$exports = {
 
 
 export {$9d3fddee794c9b57$exports as default};
-//# sourceMappingURL=en-US.mjs.map
+//# sourceMappingURL=en-US.module.js.map

package/dist/es-ES.mjs

@@ -8,4 +8,4 @@ $d19a882e0e4cfd8a$exports = {
 
 
 export {$d19a882e0e4cfd8a$exports as default};
-//# sourceMappingURL=es-ES.mjs.map
+//# sourceMappingURL=es-ES.module.js.map

package/dist/et-EE.mjs

@@ -8,4 +8,4 @@ $f163759b67478eb6$exports = {
 
 
 export {$f163759b67478eb6$exports as default};
-//# sourceMappingURL=et-EE.mjs.map
+//# sourceMappingURL=et-EE.module.js.map

package/dist/fi-FI.mjs

@@ -8,4 +8,4 @@ $b156937eefa4b1b2$exports = {
 
 
 export {$b156937eefa4b1b2$exports as default};
-//# sourceMappingURL=fi-FI.mjs.map
+//# sourceMappingURL=fi-FI.module.js.map

package/dist/fr-FR.mjs

@@ -8,4 +8,4 @@ $21aacec2a5f4c61f$exports = {
 
 
 export {$21aacec2a5f4c61f$exports as default};
-//# sourceMappingURL=fr-FR.mjs.map
+//# sourceMappingURL=fr-FR.module.js.map

package/dist/he-IL.mjs

@@ -8,4 +8,4 @@ $a0cc323ab22de2bd$exports = {
 
 
 export {$a0cc323ab22de2bd$exports as default};
-//# sourceMappingURL=he-IL.mjs.map
+//# sourceMappingURL=he-IL.module.js.map

package/dist/hr-HR.mjs

@@ -8,4 +8,4 @@ $4b1559eab8beeaf7$exports = {
 
 
 export {$4b1559eab8beeaf7$exports as default};
-//# sourceMappingURL=hr-HR.mjs.map
+//# sourceMappingURL=hr-HR.module.js.map

package/dist/hu-HU.mjs

@@ -8,4 +8,4 @@ $4dab4b9205a1a185$exports = {
 
 
 export {$4dab4b9205a1a185$exports as default};
-//# sourceMappingURL=hu-HU.mjs.map
+//# sourceMappingURL=hu-HU.module.js.map

package/dist/inputgroup_vars_css.mjs

@@ -85,4 +85,4 @@ $8fb52a80fe52b1c7$export$5e116178f9b1556a = `ZTA2ya_spectrum-InputGroup-popover-
 
 
 export {$8fb52a80fe52b1c7$exports as default};
-//# sourceMappingURL=inputgroup_vars_css.mjs.map
+//# sourceMappingURL=inputgroup_vars_css.module.js.map

package/dist/intlStrings.mjs

@@ -107,4 +107,4 @@ $67773d1975e0a845$exports = {
 
 
 export {$67773d1975e0a845$exports as default};
-//# sourceMappingURL=intlStrings.mjs.map
+//# sourceMappingURL=intlStrings.module.js.map

package/dist/it-IT.mjs

@@ -8,4 +8,4 @@ $e68bbe47073afa8a$exports = {
 
 
 export {$e68bbe47073afa8a$exports as default};
-//# sourceMappingURL=it-IT.mjs.map
+//# sourceMappingURL=it-IT.module.js.map

package/dist/ja-JP.mjs

@@ -8,4 +8,4 @@ $88667c729de33c42$exports = {
 
 
 export {$88667c729de33c42$exports as default};
-//# sourceMappingURL=ja-JP.mjs.map
+//# sourceMappingURL=ja-JP.module.js.map

package/dist/ko-KR.mjs

@@ -8,4 +8,4 @@ $4c3197bb97515799$exports = {
 
 
 export {$4c3197bb97515799$exports as default};
-//# sourceMappingURL=ko-KR.mjs.map
+//# sourceMappingURL=ko-KR.module.js.map

package/dist/lt-LT.mjs

@@ -8,4 +8,4 @@ $cd50f414bffb1f7a$exports = {
 
 
 export {$cd50f414bffb1f7a$exports as default};
-//# sourceMappingURL=lt-LT.mjs.map
+//# sourceMappingURL=lt-LT.module.js.map

package/dist/lv-LV.mjs

@@ -8,4 +8,4 @@ $0d7f84ef3916515f$exports = {
 
 
 export {$0d7f84ef3916515f$exports as default};
-//# sourceMappingURL=lv-LV.mjs.map
+//# sourceMappingURL=lv-LV.module.js.map

package/dist/nb-NO.mjs

@@ -8,4 +8,4 @@ $f1a58baeabc47396$exports = {
 
 
 export {$f1a58baeabc47396$exports as default};
-//# sourceMappingURL=nb-NO.mjs.map
+//# sourceMappingURL=nb-NO.module.js.map

package/dist/nl-NL.mjs

@@ -8,4 +8,4 @@ $a3dd9e27853292c1$exports = {
 
 
 export {$a3dd9e27853292c1$exports as default};
-//# sourceMappingURL=nl-NL.mjs.map
+//# sourceMappingURL=nl-NL.module.js.map

package/dist/pl-PL.mjs

@@ -8,4 +8,4 @@ $6e8413d536bb66ca$exports = {
 
 
 export {$6e8413d536bb66ca$exports as default};
-//# sourceMappingURL=pl-PL.mjs.map
+//# sourceMappingURL=pl-PL.module.js.map

package/dist/pt-BR.mjs

@@ -8,4 +8,4 @@ $bdf278414a496664$exports = {
 
 
 export {$bdf278414a496664$exports as default};
-//# sourceMappingURL=pt-BR.mjs.map
+//# sourceMappingURL=pt-BR.module.js.map

package/dist/pt-PT.mjs

@@ -8,4 +8,4 @@ $53a7cad14ed21164$exports = {
 
 
 export {$53a7cad14ed21164$exports as default};
-//# sourceMappingURL=pt-PT.mjs.map
+//# sourceMappingURL=pt-PT.module.js.map

package/dist/ro-RO.mjs

@@ -8,4 +8,4 @@ $f503546cf2f6f1ae$exports = {
 
 
 export {$f503546cf2f6f1ae$exports as default};
-//# sourceMappingURL=ro-RO.mjs.map
+//# sourceMappingURL=ro-RO.module.js.map

package/dist/ru-RU.mjs

@@ -8,4 +8,4 @@ $9c0df9313a851b51$exports = {
 
 
 export {$9c0df9313a851b51$exports as default};
-//# sourceMappingURL=ru-RU.mjs.map
+//# sourceMappingURL=ru-RU.module.js.map

package/dist/search_vars_css.mjs

@@ -52,4 +52,4 @@ $5589e2270a5c2f51$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
 
 
 export {$5589e2270a5c2f51$exports as default};
-//# sourceMappingURL=search_vars_css.mjs.map
+//# sourceMappingURL=search_vars_css.module.js.map

package/dist/searchautocomplete_css.mjs

@@ -37,4 +37,4 @@ $f6bdc9f20ce7ef93$export$feb70b7bc717e2b8 = `JdB_7q_tray-textfield-input`;
 
 
 export {$f6bdc9f20ce7ef93$exports as default};
-//# sourceMappingURL=searchautocomplete_css.mjs.map
+//# sourceMappingURL=searchautocomplete_css.module.js.map

package/dist/sk-SK.mjs

@@ -8,4 +8,4 @@ $ff7d7295476e23aa$exports = {
 
 
 export {$ff7d7295476e23aa$exports as default};
-//# sourceMappingURL=sk-SK.mjs.map
+//# sourceMappingURL=sk-SK.module.js.map

package/dist/sl-SI.mjs

@@ -8,4 +8,4 @@ $9a2e91f09cf7ad62$exports = {
 
 
 export {$9a2e91f09cf7ad62$exports as default};
-//# sourceMappingURL=sl-SI.mjs.map
+//# sourceMappingURL=sl-SI.module.js.map

package/dist/sr-SP.mjs

@@ -8,4 +8,4 @@ $15b314371291c45e$exports = {
 
 
 export {$15b314371291c45e$exports as default};
-//# sourceMappingURL=sr-SP.mjs.map
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sv-SE.mjs

@@ -8,4 +8,4 @@ $1582d77a65bc529b$exports = {
 
 
 export {$1582d77a65bc529b$exports as default};
-//# sourceMappingURL=sv-SE.mjs.map
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/textfield_vars_css.mjs

@@ -73,4 +73,4 @@ $c14528ddc146317f$export$9fcb3d6af94a9d12 = `YO3Nla_spectrum-Textfield-wrapper--
 
 
 export {$c14528ddc146317f$exports as default};
-//# sourceMappingURL=textfield_vars_css.mjs.map
+//# sourceMappingURL=textfield_vars_css.module.js.map

package/dist/tr-TR.mjs

@@ -8,4 +8,4 @@ $c43996bbf6a84066$exports = {
 
 
 export {$c43996bbf6a84066$exports as default};
-//# sourceMappingURL=tr-TR.mjs.map
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/uk-UA.mjs

@@ -8,4 +8,4 @@ $f0ebecaa2c26d7b6$exports = {
 
 
 export {$f0ebecaa2c26d7b6$exports as default};
-//# sourceMappingURL=uk-UA.mjs.map
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/zh-CN.mjs

@@ -8,4 +8,4 @@ $0d8545e67578a6e4$exports = {
 
 
 export {$0d8545e67578a6e4$exports as default};
-//# sourceMappingURL=zh-CN.mjs.map
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-TW.mjs

@@ -8,4 +8,4 @@ $5a75571ed7cb75fa$exports = {
 
 
 export {$5a75571ed7cb75fa$exports as default};
-//# sourceMappingURL=zh-TW.mjs.map
+//# sourceMappingURL=zh-TW.module.js.map