@yamada-ui/autocomplete 0.0.0-dev-20231208053121 → 0.0.0-dev-20231210171713

package/dist/autocomplete-create.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteCreate
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteCreate
 };

package/dist/autocomplete-empty.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteEmpty
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteEmpty
 };

package/dist/autocomplete-icon.mjs

@@ -3,7 +3,7 @@ import {
   AutocompleteClearIcon,
   AutocompleteIcon,
   AutocompleteItemIcon
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteClearIcon,
   AutocompleteIcon,

package/dist/autocomplete-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteList
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteList
 };

package/dist/autocomplete-option-group.d.mts

@@ -1,6 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-292DXnK-.mjs';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-PdT_PKFf.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.d.ts

@@ -1,6 +1,6 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-292DXnK-.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-PdT_PKFf.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOptionGroup
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteOptionGroup
 };

package/dist/autocomplete-option.d.mts

@@ -1,6 +1,6 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-292DXnK-.mjs';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-PdT_PKFf.mjs';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.d.ts

@@ -1,6 +1,6 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-292DXnK-.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-PdT_PKFf.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOption
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteOption
 };

package/dist/autocomplete.d.mts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
-import { c as UseAutocompleteProps } from './use-autocomplete-292DXnK-.mjs';
+import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.mjs';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.d.ts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
-import { c as UseAutocompleteProps } from './use-autocomplete-292DXnK-.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.js

@@ -700,7 +700,7 @@ var useAutocomplete = ({
     [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
-    (newValue) => {
+    (newValue, runRebirth = true) => {
       setValue((prev) => {
         if (!(0, import_utils6.isArray)(prev)) {
           return newValue;
@@ -720,12 +720,20 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (!allowFree || isHit2) {
+      if (!allowFree || isHit2)
         setInputValue("");
-      }
-      rebirthOptions(false);
+      if (isMulti && runRebirth)
+        rebirthOptions(false);
     },
-    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
+    [
+      allowFree,
+      isMulti,
+      onChangeLabel,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -820,23 +828,6 @@ var useAutocomplete = ({
     secondInsertPositionItem,
     isMulti
   ]);
-  const onDelete = (0, import_react.useCallback)(() => {
-    if (!isMulti) {
-      onChange("");
-    } else {
-      onChange(value[value.length - 1]);
-    }
-  }, [isMulti, onChange, value]);
-  const onClear = (0, import_react.useCallback)(
-    (ev) => {
-      ev.stopPropagation();
-      setValue([]);
-      setLabel(void 0);
-      setInputValue("");
-      rebirthOptions();
-    },
-    [setLabel, setInputValue, setValue, rebirthOptions]
-  );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
       if (inputRef.current)
@@ -859,16 +850,35 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      if (allowFree && !!inputValue) {
-        onChange(inputValue);
-      } else {
-        setInputValue("");
-      }
+      if (allowFree && !!inputValue)
+        onChange(inputValue, false);
+      setInputValue("");
       if (isOpen)
         onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
+  const onDelete = (0, import_react.useCallback)(() => {
+    if (!isMulti) {
+      onChange("");
+    } else {
+      onChange(value[value.length - 1]);
+    }
+    if (!isOpen)
+      onFocus();
+  }, [isMulti, isOpen, onChange, onFocus, value]);
+  const onClear = (0, import_react.useCallback)(
+    (ev) => {
+      ev.stopPropagation();
+      setValue([]);
+      setLabel(void 0);
+      setInputValue("");
+      rebirthOptions();
+      if (isOpen && inputRef.current)
+        inputRef.current.focus();
+    },
+    [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
+  );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
       if (ev.key === " ")

package/dist/autocomplete.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   Autocomplete
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   Autocomplete
 };

package/dist/{chunk-CIFWQ6SD.mjs → chunk-EL55QO7P.mjs}

@@ -1101,7 +1101,7 @@ var useAutocomplete = ({
     [descendants, isMulti, allowFree]
   );
   const onChange = useCallback(
-    (newValue) => {
+    (newValue, runRebirth = true) => {
       setValue((prev) => {
         if (!isArray(prev)) {
           return newValue;
@@ -1121,12 +1121,20 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (!allowFree || isHit2) {
+      if (!allowFree || isHit2)
         setInputValue("");
-      }
-      rebirthOptions(false);
+      if (isMulti && runRebirth)
+        rebirthOptions(false);
     },
-    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
+    [
+      allowFree,
+      isMulti,
+      onChangeLabel,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = useCallback(() => {
     var _a, _b;
@@ -1221,23 +1229,6 @@ var useAutocomplete = ({
     secondInsertPositionItem,
     isMulti
   ]);
-  const onDelete = useCallback(() => {
-    if (!isMulti) {
-      onChange("");
-    } else {
-      onChange(value[value.length - 1]);
-    }
-  }, [isMulti, onChange, value]);
-  const onClear = useCallback(
-    (ev) => {
-      ev.stopPropagation();
-      setValue([]);
-      setLabel(void 0);
-      setInputValue("");
-      rebirthOptions();
-    },
-    [setLabel, setInputValue, setValue, rebirthOptions]
-  );
   const onClick = useCallback(() => {
     if (isOpen) {
       if (inputRef.current)
@@ -1260,16 +1251,35 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      if (allowFree && !!inputValue) {
-        onChange(inputValue);
-      } else {
-        setInputValue("");
-      }
+      if (allowFree && !!inputValue)
+        onChange(inputValue, false);
+      setInputValue("");
       if (isOpen)
         onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
+  const onDelete = useCallback(() => {
+    if (!isMulti) {
+      onChange("");
+    } else {
+      onChange(value[value.length - 1]);
+    }
+    if (!isOpen)
+      onFocus();
+  }, [isMulti, isOpen, onChange, onFocus, value]);
+  const onClear = useCallback(
+    (ev) => {
+      ev.stopPropagation();
+      setValue([]);
+      setLabel(void 0);
+      setInputValue("");
+      rebirthOptions();
+      if (isOpen && inputRef.current)
+        inputRef.current.focus();
+    },
+    [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
+  );
   const onKeyDown = useCallback(
     (ev) => {
       if (ev.key === " ")

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { Autocomplete, AutocompleteProps } from './autocomplete.mjs';
 export { AutocompleteOptionGroup, AutocompleteOptionGroupProps } from './autocomplete-option-group.mjs';
-export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-292DXnK-.mjs';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-PdT_PKFf.mjs';
 export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.mjs';
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.mjs';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.mjs';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Autocomplete, AutocompleteProps } from './autocomplete.js';
 export { AutocompleteOptionGroup, AutocompleteOptionGroupProps } from './autocomplete-option-group.js';
-export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-292DXnK-.js';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-PdT_PKFf.js';
 export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.js';
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.js';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.js';

package/dist/index.js

@@ -501,7 +501,7 @@ var useAutocomplete = ({
     [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
-    (newValue) => {
+    (newValue, runRebirth = true) => {
       setValue((prev) => {
         if (!(0, import_utils.isArray)(prev)) {
           return newValue;
@@ -521,12 +521,20 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (!allowFree || isHit2) {
+      if (!allowFree || isHit2)
         setInputValue("");
-      }
-      rebirthOptions(false);
+      if (isMulti && runRebirth)
+        rebirthOptions(false);
     },
-    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
+    [
+      allowFree,
+      isMulti,
+      onChangeLabel,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -621,23 +629,6 @@ var useAutocomplete = ({
     secondInsertPositionItem,
     isMulti
   ]);
-  const onDelete = (0, import_react.useCallback)(() => {
-    if (!isMulti) {
-      onChange("");
-    } else {
-      onChange(value[value.length - 1]);
-    }
-  }, [isMulti, onChange, value]);
-  const onClear = (0, import_react.useCallback)(
-    (ev) => {
-      ev.stopPropagation();
-      setValue([]);
-      setLabel(void 0);
-      setInputValue("");
-      rebirthOptions();
-    },
-    [setLabel, setInputValue, setValue, rebirthOptions]
-  );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
       if (inputRef.current)
@@ -660,16 +651,35 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      if (allowFree && !!inputValue) {
-        onChange(inputValue);
-      } else {
-        setInputValue("");
-      }
+      if (allowFree && !!inputValue)
+        onChange(inputValue, false);
+      setInputValue("");
       if (isOpen)
         onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
+  const onDelete = (0, import_react.useCallback)(() => {
+    if (!isMulti) {
+      onChange("");
+    } else {
+      onChange(value[value.length - 1]);
+    }
+    if (!isOpen)
+      onFocus();
+  }, [isMulti, isOpen, onChange, onFocus, value]);
+  const onClear = (0, import_react.useCallback)(
+    (ev) => {
+      ev.stopPropagation();
+      setValue([]);
+      setLabel(void 0);
+      setInputValue("");
+      rebirthOptions();
+      if (isOpen && inputRef.current)
+        inputRef.current.focus();
+    },
+    [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
+  );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
       if (ev.key === " ")

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   AutocompleteOption,
   AutocompleteOptionGroup,
   MultiAutocomplete
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   Autocomplete,
   AutocompleteCreate,

package/dist/multi-autocomplete.d.mts

@@ -3,7 +3,7 @@ import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { FC, MouseEventHandler } from 'react';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
-import { c as UseAutocompleteProps } from './use-autocomplete-292DXnK-.mjs';
+import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.mjs';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/multi-autocomplete.d.ts

@@ -3,7 +3,7 @@ import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
 import { FC, MouseEventHandler } from 'react';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
-import { c as UseAutocompleteProps } from './use-autocomplete-292DXnK-.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-PdT_PKFf.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/multi-autocomplete.js

@@ -701,7 +701,7 @@ var useAutocomplete = ({
     [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
-    (newValue) => {
+    (newValue, runRebirth = true) => {
       setValue((prev) => {
         if (!(0, import_utils6.isArray)(prev)) {
           return newValue;
@@ -721,12 +721,20 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (!allowFree || isHit2) {
+      if (!allowFree || isHit2)
         setInputValue("");
-      }
-      rebirthOptions(false);
+      if (isMulti && runRebirth)
+        rebirthOptions(false);
     },
-    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
+    [
+      allowFree,
+      isMulti,
+      onChangeLabel,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -821,23 +829,6 @@ var useAutocomplete = ({
     secondInsertPositionItem,
     isMulti
   ]);
-  const onDelete = (0, import_react.useCallback)(() => {
-    if (!isMulti) {
-      onChange("");
-    } else {
-      onChange(value[value.length - 1]);
-    }
-  }, [isMulti, onChange, value]);
-  const onClear = (0, import_react.useCallback)(
-    (ev) => {
-      ev.stopPropagation();
-      setValue([]);
-      setLabel(void 0);
-      setInputValue("");
-      rebirthOptions();
-    },
-    [setLabel, setInputValue, setValue, rebirthOptions]
-  );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
       if (inputRef.current)
@@ -860,16 +851,35 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      if (allowFree && !!inputValue) {
-        onChange(inputValue);
-      } else {
-        setInputValue("");
-      }
+      if (allowFree && !!inputValue)
+        onChange(inputValue, false);
+      setInputValue("");
       if (isOpen)
         onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
+  const onDelete = (0, import_react.useCallback)(() => {
+    if (!isMulti) {
+      onChange("");
+    } else {
+      onChange(value[value.length - 1]);
+    }
+    if (!isOpen)
+      onFocus();
+  }, [isMulti, isOpen, onChange, onFocus, value]);
+  const onClear = (0, import_react.useCallback)(
+    (ev) => {
+      ev.stopPropagation();
+      setValue([]);
+      setLabel(void 0);
+      setInputValue("");
+      rebirthOptions();
+      if (isOpen && inputRef.current)
+        inputRef.current.focus();
+    },
+    [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
+  );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
       if (ev.key === " ")

package/dist/multi-autocomplete.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   MultiAutocomplete
 };

package/dist/{use-autocomplete-292DXnK-.d.mts → use-autocomplete-PdT_PKFf.d.mts}

@@ -3376,7 +3376,7 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = Omit<Popov
      */
     onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * The callback invoked when autocomlete option created.
+     * The callback invoked when autocomplete option created.
      */
     onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
     /**
@@ -4052,7 +4052,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
     };
     setFocusedIndex: Dispatch<SetStateAction<number>>;
     onChangeLabel: (newValue: string, runOmit?: boolean) => void;
-    onChange: (newValue: string) => void;
+    onChange: (newValue: string, runRebirth?: boolean) => void;
     onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
     onCreate: () => void;
     onClear: (ev: MouseEvent<HTMLDivElement>) => void;

package/dist/{use-autocomplete-292DXnK-.d.ts → use-autocomplete-PdT_PKFf.d.ts}

@@ -3376,7 +3376,7 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = Omit<Popov
      */
     onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
     /**
-     * The callback invoked when autocomlete option created.
+     * The callback invoked when autocomplete option created.
      */
     onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
     /**
@@ -4052,7 +4052,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
     };
     setFocusedIndex: Dispatch<SetStateAction<number>>;
     onChangeLabel: (newValue: string, runOmit?: boolean) => void;
-    onChange: (newValue: string) => void;
+    onChange: (newValue: string, runRebirth?: boolean) => void;
     onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
     onCreate: () => void;
     onClear: (ev: MouseEvent<HTMLDivElement>) => void;

package/dist/use-autocomplete.d.mts

@@ -4,4 +4,4 @@ import '@yamada-ui/core';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
 import '@yamada-ui/utils';
-export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-292DXnK-.mjs';
+export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-PdT_PKFf.mjs';

package/dist/use-autocomplete.d.ts

@@ -4,4 +4,4 @@ import '@yamada-ui/core';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
 import '@yamada-ui/utils';
-export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-292DXnK-.js';
+export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-PdT_PKFf.js';

package/dist/use-autocomplete.js

@@ -652,7 +652,7 @@ var useAutocomplete = ({
     [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react2.useCallback)(
-    (newValue) => {
+    (newValue, runRebirth = true) => {
       setValue((prev) => {
         if (!(0, import_utils4.isArray)(prev)) {
           return newValue;
@@ -672,12 +672,20 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (!allowFree || isHit2) {
+      if (!allowFree || isHit2)
         setInputValue("");
-      }
-      rebirthOptions(false);
+      if (isMulti && runRebirth)
+        rebirthOptions(false);
     },
-    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
+    [
+      allowFree,
+      isMulti,
+      onChangeLabel,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react2.useCallback)(() => {
     var _a, _b;
@@ -772,23 +780,6 @@ var useAutocomplete = ({
     secondInsertPositionItem,
     isMulti
   ]);
-  const onDelete = (0, import_react2.useCallback)(() => {
-    if (!isMulti) {
-      onChange("");
-    } else {
-      onChange(value[value.length - 1]);
-    }
-  }, [isMulti, onChange, value]);
-  const onClear = (0, import_react2.useCallback)(
-    (ev) => {
-      ev.stopPropagation();
-      setValue([]);
-      setLabel(void 0);
-      setInputValue("");
-      rebirthOptions();
-    },
-    [setLabel, setInputValue, setValue, rebirthOptions]
-  );
   const onClick = (0, import_react2.useCallback)(() => {
     if (isOpen) {
       if (inputRef.current)
@@ -811,16 +802,35 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      if (allowFree && !!inputValue) {
-        onChange(inputValue);
-      } else {
-        setInputValue("");
-      }
+      if (allowFree && !!inputValue)
+        onChange(inputValue, false);
+      setInputValue("");
       if (isOpen)
         onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
+  const onDelete = (0, import_react2.useCallback)(() => {
+    if (!isMulti) {
+      onChange("");
+    } else {
+      onChange(value[value.length - 1]);
+    }
+    if (!isOpen)
+      onFocus();
+  }, [isMulti, isOpen, onChange, onFocus, value]);
+  const onClear = (0, import_react2.useCallback)(
+    (ev) => {
+      ev.stopPropagation();
+      setValue([]);
+      setLabel(void 0);
+      setInputValue("");
+      rebirthOptions();
+      if (isOpen && inputRef.current)
+        inputRef.current.focus();
+    },
+    [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
+  );
   const onKeyDown = (0, import_react2.useCallback)(
     (ev) => {
       if (ev.key === " ")

package/dist/use-autocomplete.mjs

@@ -13,7 +13,7 @@ import {
   useAutocompleteList,
   useAutocompleteOption,
   useAutocompleteOptionGroup
-} from "./chunk-CIFWQ6SD.mjs";
+} from "./chunk-EL55QO7P.mjs";
 export {
   AutocompleteDescendantsContextProvider,
   AutocompleteProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/autocomplete",
-  "version": "0.0.0-dev-20231208053121",
+  "version": "0.0.0-dev-20231210171713",
   "description": "Yamada UI autocomplete component",
   "keywords": [
     "yamada",
@@ -36,16 +36,16 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.0.0-dev-20231208053121",
-    "@yamada-ui/utils": "0.0.0-dev-20231208053121",
-    "@yamada-ui/icon": "0.0.0-dev-20231208053121",
-    "@yamada-ui/select": "0.0.0-dev-20231208053121",
-    "@yamada-ui/form-control": "0.0.0-dev-20231208053121",
-    "@yamada-ui/popover": "0.0.0-dev-20231208053121",
-    "@yamada-ui/use-descendant": "0.0.0-dev-20231208053121",
-    "@yamada-ui/use-clickable": "0.0.0-dev-20231208053121",
-    "@yamada-ui/use-outside-click": "0.0.0-dev-20231208053121",
-    "@yamada-ui/use-controllable-state": "0.0.0-dev-20231208053121"
+    "@yamada-ui/core": "0.13.2",
+    "@yamada-ui/utils": "0.4.1",
+    "@yamada-ui/icon": "0.3.21",
+    "@yamada-ui/select": "0.0.0-dev-20231210171713",
+    "@yamada-ui/form-control": "0.3.24",
+    "@yamada-ui/popover": "0.3.28",
+    "@yamada-ui/use-descendant": "0.2.9",
+    "@yamada-ui/use-clickable": "0.3.8",
+    "@yamada-ui/use-outside-click": "0.2.8",
+    "@yamada-ui/use-controllable-state": "0.4.2"
   },
   "devDependencies": {
     "react": "^18.0.0",