@yamada-ui/autocomplete 1.5.3-dev-20240927170756 → 1.5.3-dev-20240927172557

package/dist/index.mjs

@@ -1,27 +1,27 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-K42L5QVM.mjs";
+} from "./chunk-7OWUOQZD.mjs";
 import {
   Autocomplete
-} from "./chunk-ZZSGPNV3.mjs";
-import "./chunk-YEFQMSJM.mjs";
+} from "./chunk-UNGOVJSY.mjs";
+import "./chunk-PCQMCEHL.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-2GOTGBRK.mjs";
+} from "./chunk-E3Y2E2TK.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-ZTDA3B2B.mjs";
-import "./chunk-5MMUZ2XQ.mjs";
-import "./chunk-QGOCVO2C.mjs";
+} from "./chunk-CCOWDDFS.mjs";
+import "./chunk-S53LMDD7.mjs";
+import "./chunk-R76HPAN4.mjs";
 import {
   AutocompleteOptionGroup
 } from "./chunk-6F3LT7J6.mjs";
 import "./chunk-JMX72TSD.mjs";
 import {
   AutocompleteOption
-} from "./chunk-OTVG42AD.mjs";
-import "./chunk-2JAGPELI.mjs";
+} from "./chunk-2WVIW6HR.mjs";
+import "./chunk-5LPWFWE6.mjs";
 import "./chunk-7SWSKLSA.mjs";
 import "./chunk-JPUKYLBW.mjs";
 export {

package/dist/multi-autocomplete.js

@@ -167,6 +167,7 @@ var useAutocompleteOption = (props) => {
     inputRef,
     onFocusNext
   } = useAutocompleteContext();
+  const id = (0, import_react2.useId)();
   let {
     icon: customIcon,
     isDisabled,
@@ -237,7 +238,7 @@ var useAutocompleteOption = (props) => {
       };
       return {
         ref: (0, import_utils3.mergeRefs)(itemRef, ref, register),
-        id: (0, import_react2.useId)(),
+        id,
         role: "option",
         ...computedProps,
         ...props2,
@@ -253,6 +254,7 @@ var useAutocompleteOption = (props) => {
       };
     },
     [
+      id,
       optionValue,
       computedProps,
       isDisabled,
@@ -431,6 +433,7 @@ var import_utils7 = require("@yamada-ui/utils");
 var import_utils6 = require("@yamada-ui/utils");
 var import_react3 = require("react");
 var useAutocompleteList = () => {
+  const uuid = (0, import_react3.useId)();
   const { focusedIndex, isOpen, listRef, rebirthOptions } = useAutocompleteContext();
   const descendants = useAutocompleteDescendantsContext();
   const beforeFocusedIndex = (0, import_react3.useRef)(-1);
@@ -468,16 +471,19 @@ var useAutocompleteList = () => {
     if (!isOpen) beforeFocusedIndex.current = -1;
   }, [isOpen]);
   const getListProps = (0, import_react3.useCallback)(
-    (props = {}, ref = null) => ({
-      as: "ul",
-      ref: (0, import_utils6.mergeRefs)(listRef, ref),
-      role: "listbox",
-      tabIndex: -1,
-      position: "relative",
-      id: props.id || (0, import_react3.useId)(),
-      ...props
-    }),
-    [listRef]
+    (props = {}, ref = null) => {
+      var _a;
+      return {
+        as: "ul",
+        ref: (0, import_utils6.mergeRefs)(listRef, ref),
+        role: "listbox",
+        tabIndex: -1,
+        position: "relative",
+        id: (_a = props.id) != null ? _a : uuid,
+        ...props
+      };
+    },
+    [listRef, uuid]
   );
   return {
     onAnimationComplete,