@yamada-ui/autocomplete 1.6.5-dev-20241118173937 → 1.6.5-dev-20241118224412

package/dist/index.mjs

@@ -1,17 +1,17 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-NOSATNDY.mjs";
+} from "./chunk-J3GHHVSC.mjs";
 import {
   Autocomplete
-} from "./chunk-JYPMXZG4.mjs";
-import "./chunk-75VF5Q5W.mjs";
+} from "./chunk-7YDPBPBY.mjs";
+import "./chunk-YWUT56L3.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-G6SC44LI.mjs";
+} from "./chunk-ZFWB5LCD.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-6II6KCIJ.mjs";
+} from "./chunk-6QAH2ARG.mjs";
 import "./chunk-REPBXBG3.mjs";
 import "./chunk-PTPJFYGI.mjs";
 import {
@@ -20,8 +20,8 @@ import {
 import "./chunk-CMFJUJJW.mjs";
 import {
   AutocompleteOption
-} from "./chunk-2UKLSSUA.mjs";
-import "./chunk-3A2HEULI.mjs";
+} from "./chunk-7GVG5MVF.mjs";
+import "./chunk-LCC3VNZV.mjs";
 import "./chunk-6OTUOEYS.mjs";
 import "./chunk-ZNO5RUVT.mjs";
 export {

package/dist/multi-autocomplete.d.mts

@@ -18,6 +18,12 @@ import './autocomplete-option-group.mjs';
 import './use-autocomplete-option-group.mjs';
 
 interface MultiAutocompleteOptions {
+    /**
+     * If `true`, display the select clear icon.
+     *
+     * @default true
+     */
+    clearable?: boolean;
     /**
      * If `true`, the list element will be closed when value is selected.
      *
@@ -59,6 +65,8 @@ interface MultiAutocompleteOptions {
      * If `true`, display the select clear icon.
      *
      * @default true
+     *
+     * @deprecated Use `clearable` instead.
      */
     isClearable?: boolean;
     /**

package/dist/multi-autocomplete.d.ts

@@ -18,6 +18,12 @@ import './autocomplete-option-group.js';
 import './use-autocomplete-option-group.js';
 
 interface MultiAutocompleteOptions {
+    /**
+     * If `true`, display the select clear icon.
+     *
+     * @default true
+     */
+    clearable?: boolean;
     /**
      * If `true`, the list element will be closed when value is selected.
      *
@@ -59,6 +65,8 @@ interface MultiAutocompleteOptions {
      * If `true`, display the select clear icon.
      *
      * @default true
+     *
+     * @deprecated Use `clearable` instead.
      */
     isClearable?: boolean;
     /**

package/dist/multi-autocomplete.js

@@ -172,13 +172,17 @@ var useAutocompleteOption = (props) => {
     id,
     children,
     closeOnSelect: customCloseOnSelect,
+    disabled,
+    focusable,
     icon: customIcon,
     isDisabled,
     isFocusable,
     value: optionValue,
     ...computedProps
   } = { ...optionProps, ...props };
-  const trulyDisabled = !!isDisabled && !isFocusable;
+  disabled != null ? disabled : disabled = isDisabled;
+  focusable != null ? focusable : focusable = isFocusable;
+  const trulyDisabled = !!disabled && !focusable;
   const { descendants, index, register } = useAutocompleteDescendant({
     disabled: trulyDisabled
   });
@@ -204,7 +208,7 @@ var useAutocompleteOption = (props) => {
   const onClick = (0, import_react2.useCallback)(
     (ev) => {
       ev.stopPropagation();
-      if (isDisabled || !isTargetOption(ev.currentTarget)) {
+      if (disabled || !isTargetOption(ev.currentTarget)) {
         if (inputRef.current) inputRef.current.focus();
         return;
       }
@@ -218,7 +222,7 @@ var useAutocompleteOption = (props) => {
       isDuplicated,
       onFocusNext,
       omitSelectedValues,
-      isDisabled,
+      disabled,
       optionValue,
       setFocusedIndex,
       index,
@@ -250,10 +254,10 @@ var useAutocompleteOption = (props) => {
         ...props2,
         id,
         style: isHidden ? style : void 0,
-        "aria-disabled": (0, import_utils3.ariaAttr)(isDisabled),
+        "aria-disabled": (0, import_utils3.ariaAttr)(disabled),
         "aria-hidden": (0, import_utils3.ariaAttr)(isHidden),
         "aria-selected": isSelected,
-        "data-disabled": (0, import_utils3.dataAttr)(isDisabled),
+        "data-disabled": (0, import_utils3.dataAttr)(disabled),
         "data-duplicated": (0, import_utils3.dataAttr)(isDuplicated),
         "data-focus": (0, import_utils3.dataAttr)(isFocused),
         "data-target": (0, import_utils3.dataAttr)(true),
@@ -267,7 +271,7 @@ var useAutocompleteOption = (props) => {
       isDuplicated,
       optionValue,
       computedProps,
-      isDisabled,
+      disabled,
       isFocused,
       isSelected,
       isTarget,
@@ -884,8 +888,8 @@ var defaultFormat = (value) => {
 var flattenItems = (items) => {
   const filterItems = (items2) => items2.map((item) => {
     var _a;
-    const { isDisabled, isFocusable } = item;
-    const trulyDisabled = !!isDisabled && !isFocusable;
+    const { disabled, focusable } = item;
+    const trulyDisabled = !!disabled && !focusable;
     if (trulyDisabled) return;
     if ("items" in item) {
       return filterItems((_a = item.items) != null ? _a : []);
@@ -1669,6 +1673,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
     );
     let {
       className,
+      clearable,
       closeOnSelect = false,
       color,
       component,
@@ -1715,6 +1720,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
     });
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
+    clearable != null ? clearable : clearable = isClearable;
     const css = {
       color,
       h: "fit-content",
@@ -1759,7 +1765,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
                         ...getFieldProps(fieldProps, ref)
                       }
                     ),
-                    isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    clearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       AutocompleteClearIcon,
                       {
                         ...clearIconProps,