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

package/dist/index.mjs

@@ -1,28 +1,28 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-TJGVRIGK.mjs";
+} from "./chunk-EEECVCVW.mjs";
 import {
   Autocomplete
-} from "./chunk-PXQD7AV2.mjs";
-import "./chunk-4APEPTYJ.mjs";
+} from "./chunk-AXC7ILCH.mjs";
+import "./chunk-BGZIX6SN.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-I4IW2CW7.mjs";
+} from "./chunk-BKW7XJ6R.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-2MVSDK7L.mjs";
+} from "./chunk-KLXMUIGY.mjs";
 import "./chunk-VTBUO5SK.mjs";
 import "./chunk-TR4X4EEG.mjs";
 import {
   AutocompleteOptionGroup
-} from "./chunk-EWV3Q3S4.mjs";
-import "./chunk-2SISETLV.mjs";
+} from "./chunk-4SBNPEK7.mjs";
+import "./chunk-67X7JKWL.mjs";
 import {
   AutocompleteOption
-} from "./chunk-ZEGANG5C.mjs";
-import "./chunk-ZJFWWXQM.mjs";
-import "./chunk-I5X4WSCX.mjs";
+} from "./chunk-WFLZPB35.mjs";
+import "./chunk-DDMSYTKO.mjs";
+import "./chunk-V6YCG642.mjs";
 import "./chunk-WDQYM4FP.mjs";
 export {
   Autocomplete,

package/dist/multi-autocomplete.js

@@ -78,8 +78,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)(
@@ -243,13 +243,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)
       };
     },
@@ -293,8 +293,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)
       };
     },
@@ -671,8 +671,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]
@@ -682,8 +682,8 @@ var useAutocompleteOptionGroup = ({
       ref,
       ...props,
       ...groupProps,
-      role: "autocomplete-group",
-      "data-label": label
+      "data-label": label,
+      role: "autocomplete-group"
     }),
     [groupProps, label]
   );
@@ -1537,9 +1537,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)
     }),
@@ -1621,15 +1621,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,
@@ -1884,6 +1884,8 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
             import_core9.ui.input,
             {
               className: "ui-multi-autocomplete__field__input",
+              "aria-label": "Input value",
+              "aria-multiselectable": "true",
               display: "inline-block",
               flex: "1",
               marginBlockEnd: "0.125rem",
@@ -1891,8 +1893,6 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
               minW: "0px",
               overflow: "hidden",
               placeholder: !(label == null ? void 0 : label.length) || keepPlaceholder && isOpen ? placeholder : void 0,
-              "aria-label": "Input value",
-              "aria-multiselectable": "true",
               ...getInputProps({ ...inputProps, value: inputValue }, ref)
             }
           )