@yamada-ui/autocomplete 0.2.10 → 0.2.12

package/dist/{chunk-5O3XEEJE.mjs → chunk-ZVZP7IWT.mjs}

@@ -1,10 +1,14 @@
 // src/autocomplete-list.tsx
-import { forwardRef as forwardRef8 } from "@yamada-ui/core";
+import {
+  forwardRef as forwardRef8
+} from "@yamada-ui/core";
 import { PopoverContent } from "@yamada-ui/popover";
 import { cx as cx8 } from "@yamada-ui/utils";
 
 // src/use-autocomplete.tsx
-import { layoutStylesProperties } from "@yamada-ui/core";
+import {
+  layoutStylesProperties
+} from "@yamada-ui/core";
 import {
   formControlProperties,
   useFormControlProps
@@ -83,7 +87,16 @@ var AutocompleteIcon = forwardRef(
         }
       })
     );
-    return /* @__PURE__ */ jsx(ui.div, { ref, className: cx("ui-autocomplete-icon", className), __css: css, ...rest, children: isValidElement(children) ? cloneChildren : /* @__PURE__ */ jsx(ChevronIcon, {}) });
+    return /* @__PURE__ */ jsx(
+      ui.div,
+      {
+        ref,
+        className: cx("ui-autocomplete-icon", className),
+        __css: css,
+        ...rest,
+        children: isValidElement(children) ? cloneChildren : /* @__PURE__ */ jsx(ChevronIcon, {})
+      }
+    );
   }
 );
 var AutocompleteClearIcon = ({
@@ -109,100 +122,107 @@ var AutocompleteClearIcon = ({
     }
   );
 };
-var AutocompleteItemIcon = forwardRef(
-  ({ className, ...rest }, ref) => {
-    const { styles } = useAutocompleteContext();
+var AutocompleteItemIcon = forwardRef(({ className, ...rest }, ref) => {
+  const { styles } = useAutocompleteContext();
+  const css = {
+    flexShrink: 0,
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: "0.85em",
+    ...styles.itemIcon
+  };
+  return /* @__PURE__ */ jsx(
+    ui.span,
+    {
+      ref,
+      className: cx("ui-autocomplete-item-icon", className),
+      __css: css,
+      ...rest
+    }
+  );
+});
+
+// src/autocomplete.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Autocomplete = forwardRef2(
+  (props, ref) => {
+    const [styles, mergedProps] = useMultiComponentStyle("Select", props);
+    let {
+      className,
+      defaultValue = "",
+      color,
+      h,
+      height,
+      minH,
+      minHeight,
+      containerProps,
+      listProps,
+      inputProps,
+      iconProps,
+      children,
+      ...computedProps
+    } = omitThemeProps(mergedProps);
+    const {
+      descendants,
+      formControlProps,
+      getPopoverProps,
+      getContainerProps,
+      getFieldProps,
+      createOption,
+      isEmpty,
+      inputValue,
+      computedChildren,
+      ...rest
+    } = useAutocomplete({ ...computedProps, defaultValue, children });
+    h = h != null ? h : height;
+    minH = minH != null ? minH : minHeight;
     const css = {
-      flexShrink: 0,
-      display: "inline-flex",
-      justifyContent: "center",
-      alignItems: "center",
-      fontSize: "0.85em",
-      ...styles.itemIcon
+      position: "relative",
+      w: "100%",
+      h: "fit-content",
+      color,
+      ...styles.container
     };
-    return /* @__PURE__ */ jsx(
-      ui.span,
+    return /* @__PURE__ */ jsx2(AutocompleteDescendantsContextProvider, { value: descendants, children: /* @__PURE__ */ jsx2(
+      AutocompleteProvider,
       {
-        ref,
-        className: cx("ui-autocomplete-item-icon", className),
-        __css: css,
-        ...rest
+        value: {
+          ...rest,
+          formControlProps,
+          inputValue,
+          createOption,
+          isEmpty,
+          styles
+        },
+        children: /* @__PURE__ */ jsx2(Popover, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs(
+          ui2.div,
+          {
+            className: cx2("ui-autocomplete", className),
+            __css: css,
+            ...getContainerProps(containerProps),
+            children: [
+              /* @__PURE__ */ jsx2(
+                AutocompleteField,
+                {
+                  h,
+                  minH,
+                  inputProps,
+                  ...getFieldProps({}, ref)
+                }
+              ),
+              /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps }),
+              !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
+                createOption ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
+                children != null ? children : computedChildren
+              ] }) : /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) })
+            ]
+          }
+        ) })
       }
-    );
+    ) });
   }
 );
-
-// src/autocomplete.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Autocomplete = forwardRef2((props, ref) => {
-  const [styles, mergedProps] = useMultiComponentStyle("Select", props);
-  let {
-    className,
-    defaultValue = "",
-    color,
-    h,
-    height,
-    minH,
-    minHeight,
-    containerProps,
-    listProps,
-    inputProps,
-    iconProps,
-    children,
-    ...computedProps
-  } = omitThemeProps(mergedProps);
-  const {
-    descendants,
-    formControlProps,
-    getPopoverProps,
-    getContainerProps,
-    getFieldProps,
-    createOption,
-    isEmpty,
-    inputValue,
-    computedChildren,
-    ...rest
-  } = useAutocomplete({ ...computedProps, defaultValue, children });
-  h = h != null ? h : height;
-  minH = minH != null ? minH : minHeight;
-  const css = {
-    position: "relative",
-    w: "100%",
-    h: "fit-content",
-    color,
-    ...styles.container
-  };
-  return /* @__PURE__ */ jsx2(AutocompleteDescendantsContextProvider, { value: descendants, children: /* @__PURE__ */ jsx2(
-    AutocompleteProvider,
-    {
-      value: { ...rest, formControlProps, inputValue, createOption, isEmpty, styles },
-      children: /* @__PURE__ */ jsx2(Popover, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs(
-        ui2.div,
-        {
-          className: cx2("ui-autocomplete", className),
-          __css: css,
-          ...getContainerProps(containerProps),
-          children: [
-            /* @__PURE__ */ jsx2(
-              AutocompleteField,
-              {
-                h,
-                minH,
-                inputProps,
-                ...getFieldProps({}, ref)
-              }
-            ),
-            /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps }),
-            !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
-              createOption ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
-              children != null ? children : computedChildren
-            ] }) : /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) })
-          ]
-        }
-      ) })
-    }
-  ) });
-});
 var AutocompleteField = forwardRef2(
   ({ className, h, minH, placeholder, inputProps, ...rest }, ref) => {
     const { displayValue, inputValue, styles } = useAutocompleteContext();
@@ -216,16 +236,27 @@ var AutocompleteField = forwardRef2(
       ...styles.field,
       cursor: "text"
     };
-    return /* @__PURE__ */ jsx2(PopoverTrigger, { children: /* @__PURE__ */ jsx2(ui2.div, { className: cx2("ui-autocomplete-field", className), __css: css, ...rest, children: /* @__PURE__ */ jsx2(
-      ui2.input,
+    return /* @__PURE__ */ jsx2(PopoverTrigger, { children: /* @__PURE__ */ jsx2(
+      ui2.div,
       {
-        className: "ui-autocomplete-input",
-        display: "inline-block",
-        w: "full",
-        placeholder,
-        ...getInputProps({ ...inputProps, value: inputValue || displayValue || "" }, ref)
+        className: cx2("ui-autocomplete-field", className),
+        __css: css,
+        ...rest,
+        children: /* @__PURE__ */ jsx2(
+          ui2.input,
+          {
+            className: "ui-autocomplete-input",
+            display: "inline-block",
+            w: "full",
+            placeholder,
+            ...getInputProps(
+              { ...inputProps, value: inputValue || displayValue || "" },
+              ref
+            )
+          }
+        )
       }
-    ) }) });
+    ) });
   }
 );
 
@@ -412,108 +443,113 @@ import {
 } from "@yamada-ui/core";
 import { Popover as Popover2, PopoverTrigger as PopoverTrigger2 } from "@yamada-ui/popover";
 import { cx as cx7, handlerAll } from "@yamada-ui/utils";
-import { cloneElement as cloneElement2, useMemo } from "react";
+import {
+  cloneElement as cloneElement2,
+  useMemo
+} from "react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var MultiAutocomplete = forwardRef7((props, ref) => {
-  const [styles, mergedProps] = useMultiComponentStyle2("Select", props);
-  let {
-    className,
-    defaultValue = [],
-    component,
-    separator,
-    isClearable = true,
-    color,
-    h,
-    height,
-    minH,
-    minHeight,
-    closeOnSelect = false,
-    keepPlaceholder = false,
-    containerProps,
-    listProps,
-    inputProps,
-    iconProps,
-    clearIconProps,
-    children,
-    ...computedProps
-  } = omitThemeProps2(mergedProps);
-  const {
-    value,
-    descendants,
-    formControlProps,
-    getPopoverProps,
-    getContainerProps,
-    getFieldProps,
-    createOption,
-    isEmpty,
-    inputValue,
-    computedChildren,
-    onClear,
-    ...rest
-  } = useAutocomplete({
-    ...computedProps,
-    defaultValue,
-    closeOnSelect,
-    children
-  });
-  h = h != null ? h : height;
-  minH = minH != null ? minH : minHeight;
-  const css = {
-    position: "relative",
-    w: "100%",
-    h: "fit-content",
-    color,
-    ...styles.container
-  };
-  return /* @__PURE__ */ jsx7(AutocompleteDescendantsContextProvider, { value: descendants, children: /* @__PURE__ */ jsx7(
-    AutocompleteProvider,
-    {
-      value: {
-        ...rest,
-        value,
-        formControlProps,
-        inputValue,
-        createOption,
-        isEmpty,
-        styles
-      },
-      children: /* @__PURE__ */ jsx7(Popover2, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs6(
-        ui7.div,
-        {
-          className: cx7("ui-autocomplete", className),
-          __css: css,
-          ...getContainerProps(containerProps),
-          children: [
-            /* @__PURE__ */ jsx7(
-              MultiAutocompleteField,
-              {
-                component,
-                separator,
-                keepPlaceholder,
-                h,
-                minH,
-                inputProps,
-                ...getFieldProps({}, ref)
-              }
-            ),
-            isClearable && value.length ? /* @__PURE__ */ jsx7(
-              AutocompleteClearIcon,
-              {
-                ...clearIconProps,
-                onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
-                ...formControlProps
-              }
-            ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps }),
-            !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
-              createOption ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
-              children != null ? children : computedChildren
-            ] }) : /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) })
-          ]
-        }
-      ) })
-    }
-  ) });
-});
+var MultiAutocomplete = forwardRef7(
+  (props, ref) => {
+    const [styles, mergedProps] = useMultiComponentStyle2("Select", props);
+    let {
+      className,
+      defaultValue = [],
+      component,
+      separator,
+      isClearable = true,
+      color,
+      h,
+      height,
+      minH,
+      minHeight,
+      closeOnSelect = false,
+      keepPlaceholder = false,
+      containerProps,
+      listProps,
+      inputProps,
+      iconProps,
+      clearIconProps,
+      children,
+      ...computedProps
+    } = omitThemeProps2(mergedProps);
+    const {
+      value,
+      descendants,
+      formControlProps,
+      getPopoverProps,
+      getContainerProps,
+      getFieldProps,
+      createOption,
+      isEmpty,
+      inputValue,
+      computedChildren,
+      onClear,
+      ...rest
+    } = useAutocomplete({
+      ...computedProps,
+      defaultValue,
+      closeOnSelect,
+      children
+    });
+    h = h != null ? h : height;
+    minH = minH != null ? minH : minHeight;
+    const css = {
+      position: "relative",
+      w: "100%",
+      h: "fit-content",
+      color,
+      ...styles.container
+    };
+    return /* @__PURE__ */ jsx7(AutocompleteDescendantsContextProvider, { value: descendants, children: /* @__PURE__ */ jsx7(
+      AutocompleteProvider,
+      {
+        value: {
+          ...rest,
+          value,
+          formControlProps,
+          inputValue,
+          createOption,
+          isEmpty,
+          styles
+        },
+        children: /* @__PURE__ */ jsx7(Popover2, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs6(
+          ui7.div,
+          {
+            className: cx7("ui-autocomplete", className),
+            __css: css,
+            ...getContainerProps(containerProps),
+            children: [
+              /* @__PURE__ */ jsx7(
+                MultiAutocompleteField,
+                {
+                  component,
+                  separator,
+                  keepPlaceholder,
+                  h,
+                  minH,
+                  inputProps,
+                  ...getFieldProps({}, ref)
+                }
+              ),
+              isClearable && value.length ? /* @__PURE__ */ jsx7(
+                AutocompleteClearIcon,
+                {
+                  ...clearIconProps,
+                  onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
+                  ...formControlProps
+                }
+              ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps }),
+              !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
+                createOption ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
+                children != null ? children : computedChildren
+              ] }) : /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) })
+            ]
+          }
+        ) })
+      }
+    ) });
+  }
+);
 var MultiAutocompleteField = forwardRef7(
   ({
     className,
@@ -526,7 +562,15 @@ var MultiAutocompleteField = forwardRef7(
     inputProps,
     ...rest
   }, ref) => {
-    const { value, displayValue, inputValue, onChange, isOpen, inputRef, styles } = useAutocompleteContext();
+    const {
+      value,
+      displayValue,
+      inputValue,
+      onChange,
+      isOpen,
+      inputRef,
+      styles
+    } = useAutocompleteContext();
     const { getInputProps } = useAutocompleteInput();
     const cloneChildren = useMemo(() => {
       if (!(displayValue == null ? void 0 : displayValue.length))
@@ -695,7 +739,10 @@ var kanaMap = {
   "\uFF65": "\u30FB"
 };
 var defaultFormat = (value) => {
-  value = value.replace(/[！-～]/g, (v) => String.fromCharCode(v.charCodeAt(0) - 65248));
+  value = value.replace(
+    /[！-～]/g,
+    (v) => String.fromCharCode(v.charCodeAt(0) - 65248)
+  );
   const reg = new RegExp("(" + Object.keys(kanaMap).join("|") + ")", "g");
   value = value.replace(reg, (v) => kanaMap[v]).replace(/ﾞ/g, "\u309B").replace(/ﾟ/g, "\u309C");
   value = value.toUpperCase();
@@ -752,7 +799,14 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = pickObject(rest, formControlProperties);
   const [containerProps, inputProps] = splitObject(
-    omitObject(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
+    omitObject(rest, [
+      "id",
+      "value",
+      "defaultValue",
+      "onChange",
+      "month",
+      "onChangeMonth"
+    ]),
     layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -804,9 +858,17 @@ var useAutocomplete = ({
     if (!isArray(value2)) {
       return /* @__PURE__ */ jsx8(AutocompleteOption, { value: value2, ...props, children: label }, i);
     } else {
-      return /* @__PURE__ */ jsx8(AutocompleteOptionGroup, { label, ...props, children: value2.map(
-        ({ label: label2, value: value3, ...props2 }, i2) => !isArray(value3) ? /* @__PURE__ */ jsx8(AutocompleteOption, { value: value3, ...props2, children: label2 }, i2) : null
-      ) }, i);
+      return /* @__PURE__ */ jsx8(
+        AutocompleteOptionGroup,
+        {
+          label,
+          ...props,
+          children: value2.map(
+            ({ label: label2, value: value3, ...props2 }, i2) => !isArray(value3) ? /* @__PURE__ */ jsx8(AutocompleteOption, { value: value3, ...props2, children: label2 }, i2) : null
+          )
+        },
+        i
+      );
     }
   });
   const isEmpty = !validChildren.length && !(computedChildren == null ? void 0 : computedChildren.length);
@@ -830,7 +892,9 @@ var useAutocomplete = ({
     const id2 = setTimeout(() => {
       if (isEmpty || isAllSelected)
         return;
-      const first = descendants.enabledfirstValue(({ node }) => "target" in node.dataset);
+      const first = descendants.enabledfirstValue(
+        ({ node }) => "target" in node.dataset
+      );
       if (!first)
         return;
       if (!isMulti || !omitSelectedValues) {
@@ -858,7 +922,9 @@ var useAutocomplete = ({
     const id2 = setTimeout(() => {
       if (isEmpty || isAllSelected)
         return;
-      const last = descendants.enabledlastValue(({ node }) => "target" in node.dataset);
+      const last = descendants.enabledlastValue(
+        ({ node }) => "target" in node.dataset
+      );
       if (!last)
         return;
       if (!isMulti || !omitSelectedValues) {
@@ -900,7 +966,10 @@ var useAutocomplete = ({
     (index = focusedIndex) => {
       const id2 = setTimeout(() => {
         var _a;
-        const next = descendants.enabledNextValue(index, ({ node }) => "target" in node.dataset);
+        const next = descendants.enabledNextValue(
+          index,
+          ({ node }) => "target" in node.dataset
+        );
         if (!next)
           return;
         if (!isMulti || !omitSelectedValues) {
@@ -916,13 +985,23 @@ var useAutocomplete = ({
       });
       timeoutIds.current.add(id2);
     },
-    [descendants, enabledValues, focusedIndex, isMulti, omitSelectedValues, selectedIndexes]
+    [
+      descendants,
+      enabledValues,
+      focusedIndex,
+      isMulti,
+      omitSelectedValues,
+      selectedIndexes
+    ]
   );
   const onFocusPrev = useCallback(
     (index = focusedIndex) => {
       const id2 = setTimeout(() => {
         var _a;
-        const prev = descendants.enabledPrevValue(index, ({ node }) => "target" in node.dataset);
+        const prev = descendants.enabledPrevValue(
+          index,
+          ({ node }) => "target" in node.dataset
+        );
         if (!prev)
           return;
         if (!isMulti || !omitSelectedValues) {
@@ -938,7 +1017,14 @@ var useAutocomplete = ({
       });
       timeoutIds.current.add(id2);
     },
-    [descendants, enabledValues, focusedIndex, isMulti, omitSelectedValues, selectedIndexes]
+    [
+      descendants,
+      enabledValues,
+      focusedIndex,
+      isMulti,
+      omitSelectedValues,
+      selectedIndexes
+    ]
   );
   const onFocusFirstOrSelected = isEmptyValue || omitSelectedValues ? onFocusFirst : onFocusSelected;
   const onFocusLastOrSelected = isEmptyValue || omitSelectedValues ? onFocusLast : onFocusSelected;
@@ -1035,7 +1121,15 @@ var useAutocomplete = ({
       onClose();
     if (omitSelectedValues)
       onFocusNext();
-  }, [closeOnSelect, descendants, focusedIndex, omitSelectedValues, onChange, onClose, onFocusNext]);
+  }, [
+    closeOnSelect,
+    descendants,
+    focusedIndex,
+    omitSelectedValues,
+    onChange,
+    onClose,
+    onFocusNext
+  ]);
   const onSearch = useCallback(
     (ev) => {
       var _a;
@@ -1072,12 +1166,20 @@ var useAutocomplete = ({
     } else if (firstInsertPositionOnCreate === "last") {
       newOptions = [...newOptions, newOption];
     } else {
-      const i = newOptions.findIndex(({ label }) => label === firstInsertPositionOnCreate);
+      const i = newOptions.findIndex(
+        ({ label }) => label === firstInsertPositionOnCreate
+      );
       if (i !== -1 && isArray(newOptions[i].value)) {
         if (secondInsertPositionOnCreate === "first") {
-          newOptions[i].value = [newOption, ...newOptions[i].value];
+          newOptions[i].value = [
+            newOption,
+            ...newOptions[i].value
+          ];
         } else {
-          newOptions[i].value = [...newOptions[i].value, newOption];
+          newOptions[i].value = [
+            ...newOptions[i].value,
+            newOption
+          ];
         }
       } else {
         console.warn(
@@ -1088,7 +1190,9 @@ var useAutocomplete = ({
     setOptions(newOptions);
     onChange(inputValue);
     rebirthOptions(false);
-    const index = flattenOptions(newOptions).findIndex(({ value: value2 }) => value2 === inputValue);
+    const index = flattenOptions(newOptions).findIndex(
+      ({ value: value2 }) => value2 === inputValue
+    );
     setFocusedIndex(index);
     (_a = rest.onCreate) == null ? void 0 : _a.call(rest, newOption, newOptions);
   }, [
@@ -1207,7 +1311,14 @@ var useAutocomplete = ({
     } else {
       setIsAllSelected(false);
     }
-  }, [omitSelectedValues, value, descendants, isMulti, onClose, maxSelectedValues]);
+  }, [
+    omitSelectedValues,
+    value,
+    descendants,
+    isMulti,
+    onClose,
+    maxSelectedValues
+  ]);
   useUpdateEffect(() => {
     if (isOpen)
       return;
@@ -1409,7 +1520,10 @@ var useAutocompleteList = () => {
       role: "select",
       tabIndex: -1,
       ...props,
-      onAnimationComplete: handlerAll2(props.onAnimationComplete, onAnimationComplete)
+      onAnimationComplete: handlerAll2(
+        props.onAnimationComplete,
+        onAnimationComplete
+      )
     }),
     [listRef, onAnimationComplete]
   );
@@ -1417,15 +1531,20 @@ var useAutocompleteList = () => {
     getListProps
   };
 };
-var useAutocompleteOptionGroup = ({ label, ...rest }) => {
+var useAutocompleteOptionGroup = ({
+  label,
+  ...rest
+}) => {
   const { value, omitSelectedValues } = useAutocompleteContext();
   const isMulti = isArray(value);
   const descendants = useAutocompleteDescendantsContext();
   const values = descendants.values();
-  const selectedValues = isMulti && omitSelectedValues ? descendants.values(({ node }) => {
-    var _a;
-    return value.includes((_a = node.dataset.value) != null ? _a : "");
-  }) : [];
+  const selectedValues = isMulti && omitSelectedValues ? descendants.values(
+    ({ node }) => {
+      var _a;
+      return value.includes((_a = node.dataset.value) != null ? _a : "");
+    }
+  ) : [];
   const selectedIndexes = selectedValues.map(({ index }) => index);
   const childValues = values.filter(
     ({ node, index }) => {
@@ -1500,14 +1619,18 @@ var useAutocompleteOption = (props) => {
   } = { ...optionProps, ...props };
   const trulyDisabled = !!isDisabled && !isFocusable;
   const itemRef = useRef2(null);
-  const { index, register, descendants } = useAutocompleteDescendant({ disabled: trulyDisabled });
+  const { index, register, descendants } = useAutocompleteDescendant({
+    disabled: trulyDisabled
+  });
   const values = descendants.values();
   const frontValues = values.slice(0, index);
   const isMulti = isArray(value);
-  const isDuplicated = !isMulti ? frontValues.some(({ node }) => {
-    var _a2;
-    return node.dataset.value === ((_a2 = computedProps.value) != null ? _a2 : "");
-  }) : false;
+  const isDuplicated = !isMulti ? frontValues.some(
+    ({ node }) => {
+      var _a2;
+      return node.dataset.value === ((_a2 = computedProps.value) != null ? _a2 : "");
+    }
+  ) : false;
   const isSelected = !isDuplicated && (!isMulti ? ((_a = computedProps.value) != null ? _a : "") === value : value.includes((_b = computedProps.value) != null ? _b : ""));
   const isTarget = "target" in ((_d = (_c = itemRef.current) == null ? void 0 : _c.dataset) != null ? _d : {});
   const isFocused = index === focusedIndex;