@yamada-ui/autocomplete 1.5.4-dev-20241007025246 → 1.5.4-dev-20241007135427

package/dist/autocomplete.js

@@ -77,8 +77,8 @@ var AutocompleteIcon = (0, import_core.forwardRef)(
           maxHeight: "1em",
           maxWidth: "1em"
         },
-        focusable: false,
-        "aria-hidden": true
+        "aria-hidden": true,
+        focusable: false
       })
     );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -242,13 +242,13 @@ var useAutocompleteOption = (props) => {
         ...computedProps,
         ...props2,
         style: !isTarget || omitSelectedValues && isSelected ? style : void 0,
-        tabIndex: -1,
         "aria-checked": isSelected,
         "aria-disabled": (0, import_utils3.ariaAttr)(isDisabled),
         "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
         "data-focus": (0, import_utils3.dataAttr)(isFocused),
         "data-target": (0, import_utils3.dataAttr)(true),
         "data-value": optionValue != null ? optionValue : "",
+        tabIndex: -1,
         onClick: (0, import_utils3.handlerAll)(computedProps.onClick, props2.onClick, onClick)
       };
     },
@@ -292,8 +292,8 @@ var useAutocompleteCreate = () => {
         ref,
         ...props,
         style: isHit ? style : void 0,
-        tabIndex: -1,
         "data-focus": (0, import_utils3.dataAttr)(!isHit),
+        tabIndex: -1,
         onClick: (0, import_utils3.handlerAll)(props.onClick, onCreate)
       };
     },
@@ -670,8 +670,8 @@ var useAutocompleteOptionGroup = ({
         ...props,
         ...containerProps,
         style: isEmpty ? style : void 0,
-        role: "autocomplete-group-container",
-        "data-label": label
+        "data-label": label,
+        role: "autocomplete-group-container"
       };
     },
     [containerProps, isEmpty, label]
@@ -681,8 +681,8 @@ var useAutocompleteOptionGroup = ({
       ref,
       ...props,
       ...groupProps,
-      role: "autocomplete-group",
-      "data-label": label
+      "data-label": label,
+      role: "autocomplete-group"
     }),
     [groupProps, label]
   );
@@ -1536,9 +1536,9 @@ var useAutocomplete = (props) => {
       tabIndex: -1,
       ...props2,
       ...formControlProps,
-      placeholder,
       "aria-expanded": (0, import_utils11.dataAttr)(isOpen),
       "data-active": (0, import_utils11.dataAttr)(isOpen),
+      placeholder,
       onFocus: (0, import_utils11.handlerAll)(props2.onFocus, onFocusProp, onFocus),
       onKeyDown: (0, import_utils11.handlerAll)(props2.onKeyDown, onKeyDownProp, onKeyDown)
     }),
@@ -1620,15 +1620,15 @@ var useAutocompleteInput = () => {
       return {
         ref: (0, import_utils11.mergeRefs)(inputRef, ref),
         ...formControlProps,
-        autoCapitalize: "none",
-        autoComplete: "off",
-        role: "combobox",
-        spellCheck: "false",
         "aria-activedescendant": (_a = value(focusedIndex)) == null ? void 0 : _a.node.id,
         "aria-autocomplete": "list",
         "aria-controls": (_b = listRef.current) == null ? void 0 : _b.id,
         "aria-expanded": isOpen,
         "aria-haspopup": "listbox",
+        autoCapitalize: "none",
+        autoComplete: "off",
+        role: "combobox",
+        spellCheck: "false",
         ...inputProps,
         ...props,
         id,