@yamada-ui/autocomplete 0.0.0-dev-20231125122836 → 0.0.0-dev-20231125140816

package/dist/autocomplete-create.mjs

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

package/dist/autocomplete-empty.mjs

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

package/dist/autocomplete-icon.mjs

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

package/dist/autocomplete-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteList
-} from "./chunk-IXZ5VUE3.mjs";
+} from "./chunk-TZHEVPHW.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-67b1aea6.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-72ef1a50.js';
 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-67b1aea6.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-72ef1a50.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-IXZ5VUE3.mjs";
+} from "./chunk-TZHEVPHW.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-67b1aea6.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-72ef1a50.js';
 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-67b1aea6.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-72ef1a50.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-IXZ5VUE3.mjs";
+} from "./chunk-TZHEVPHW.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-67b1aea6.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-72ef1a50.js';
 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-67b1aea6.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-72ef1a50.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.js

@@ -389,6 +389,7 @@ var useAutocomplete = ({
   closeOnBlur = true,
   closeOnEsc = true,
   allowCreate = false,
+  allowFree = false,
   insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
@@ -676,6 +677,10 @@ var useAutocomplete = ({
         var _a;
         return (_a = node.textContent) != null ? _a : "";
       });
+      if (allowFree && selectedValues2.length === 0) {
+        selectedValues2.push(newValue);
+        setInputValue("");
+      }
       setDisplayValue((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
@@ -692,7 +697,7 @@ var useAutocomplete = ({
         }
       });
     },
-    [descendants, isMulti]
+    [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
     (newValue) => {
@@ -708,11 +713,26 @@ var useAutocomplete = ({
           }
         }
       });
+      const isHit2 = descendants.values().filter(
+        ({ node }) => {
+          var _a;
+          return format((_a = node.textContent) != null ? _a : "").includes(newValue);
+        }
+      ).length > 0;
       onChangeDisplayValue(newValue);
-      setInputValue("");
+      if (!allowFree || isHit2) {
+        setInputValue("");
+      }
       rebirthOptions(false);
     },
-    [onChangeDisplayValue, rebirthOptions, setValue]
+    [
+      allowFree,
+      onChangeDisplayValue,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -846,11 +866,15 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      setInputValue("");
+      if (allowFree && !!inputValue) {
+        onChange(inputValue);
+      } else {
+        setInputValue("");
+      }
       if (isOpen)
         onClose();
     },
-    [closeOnBlur, isHit, isOpen, onClose]
+    [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
@@ -865,7 +889,11 @@ var useAutocomplete = ({
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
-        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
+        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
+          if (inputValue)
+            onChange(inputValue);
+          setFocusedIndex(0);
+        } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
         End: isOpen ? onFocusLast : void 0,
         Escape: closeOnEsc ? onClose : void 0,
@@ -879,11 +907,13 @@ var useAutocomplete = ({
       action(ev);
     },
     [
+      allowFree,
       formControlProps,
       displayValue,
       inputValue,
       onOpen,
       isFocused,
+      isMulti,
       onFocusFirstOrSelected,
       onFocusNext,
       onFocusLastOrSelected,
@@ -897,7 +927,8 @@ var useAutocomplete = ({
       closeOnEsc,
       onClose,
       isEmptyValue,
-      onDelete
+      onDelete,
+      onChange
     ]
   );
   (0, import_react.useEffect)(() => {
@@ -922,7 +953,7 @@ var useAutocomplete = ({
     maxSelectedValues
   ]);
   (0, import_utils6.useUpdateEffect)(() => {
-    if (isOpen)
+    if (isOpen || allowFree)
       return;
     setFocusedIndex(-1);
     setInputValue("");
@@ -993,6 +1024,7 @@ var useAutocomplete = ({
     omitSelectedValues,
     closeOnSelect,
     allowCreate,
+    allowFree,
     emptyMessage,
     isOpen,
     isAllSelected,

package/dist/autocomplete.mjs

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

package/dist/{chunk-IXZ5VUE3.mjs → chunk-TZHEVPHW.mjs}

@@ -798,6 +798,7 @@ var useAutocomplete = ({
   closeOnBlur = true,
   closeOnEsc = true,
   allowCreate = false,
+  allowFree = false,
   insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
@@ -1085,6 +1086,10 @@ var useAutocomplete = ({
         var _a;
         return (_a = node.textContent) != null ? _a : "";
       });
+      if (allowFree && selectedValues2.length === 0) {
+        selectedValues2.push(newValue);
+        setInputValue("");
+      }
       setDisplayValue((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
@@ -1101,7 +1106,7 @@ var useAutocomplete = ({
         }
       });
     },
-    [descendants, isMulti]
+    [descendants, isMulti, allowFree]
   );
   const onChange = useCallback(
     (newValue) => {
@@ -1117,11 +1122,26 @@ var useAutocomplete = ({
           }
         }
       });
+      const isHit2 = descendants.values().filter(
+        ({ node }) => {
+          var _a;
+          return format((_a = node.textContent) != null ? _a : "").includes(newValue);
+        }
+      ).length > 0;
       onChangeDisplayValue(newValue);
-      setInputValue("");
+      if (!allowFree || isHit2) {
+        setInputValue("");
+      }
       rebirthOptions(false);
     },
-    [onChangeDisplayValue, rebirthOptions, setValue]
+    [
+      allowFree,
+      onChangeDisplayValue,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = useCallback(() => {
     var _a, _b;
@@ -1255,11 +1275,15 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      setInputValue("");
+      if (allowFree && !!inputValue) {
+        onChange(inputValue);
+      } else {
+        setInputValue("");
+      }
       if (isOpen)
         onClose();
     },
-    [closeOnBlur, isHit, isOpen, onClose]
+    [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
   const onKeyDown = useCallback(
     (ev) => {
@@ -1274,7 +1298,11 @@ var useAutocomplete = ({
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? funcAll(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : void 0,
-        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : void 0,
+        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
+          if (inputValue)
+            onChange(inputValue);
+          setFocusedIndex(0);
+        } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
         End: isOpen ? onFocusLast : void 0,
         Escape: closeOnEsc ? onClose : void 0,
@@ -1288,11 +1316,13 @@ var useAutocomplete = ({
       action(ev);
     },
     [
+      allowFree,
       formControlProps,
       displayValue,
       inputValue,
       onOpen,
       isFocused,
+      isMulti,
       onFocusFirstOrSelected,
       onFocusNext,
       onFocusLastOrSelected,
@@ -1306,7 +1336,8 @@ var useAutocomplete = ({
       closeOnEsc,
       onClose,
       isEmptyValue,
-      onDelete
+      onDelete,
+      onChange
     ]
   );
   useEffect(() => {
@@ -1331,7 +1362,7 @@ var useAutocomplete = ({
     maxSelectedValues
   ]);
   useUpdateEffect(() => {
-    if (isOpen)
+    if (isOpen || allowFree)
       return;
     setFocusedIndex(-1);
     setInputValue("");
@@ -1402,6 +1433,7 @@ var useAutocomplete = ({
     omitSelectedValues,
     closeOnSelect,
     allowCreate,
+    allowFree,
     emptyMessage,
     isOpen,
     isAllSelected,

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-67b1aea6.js';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-72ef1a50.js';
 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-67b1aea6.js';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-72ef1a50.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

@@ -190,6 +190,7 @@ var useAutocomplete = ({
   closeOnBlur = true,
   closeOnEsc = true,
   allowCreate = false,
+  allowFree = false,
   insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
@@ -477,6 +478,10 @@ var useAutocomplete = ({
         var _a;
         return (_a = node.textContent) != null ? _a : "";
       });
+      if (allowFree && selectedValues2.length === 0) {
+        selectedValues2.push(newValue);
+        setInputValue("");
+      }
       setDisplayValue((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
@@ -493,7 +498,7 @@ var useAutocomplete = ({
         }
       });
     },
-    [descendants, isMulti]
+    [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
     (newValue) => {
@@ -509,11 +514,26 @@ var useAutocomplete = ({
           }
         }
       });
+      const isHit2 = descendants.values().filter(
+        ({ node }) => {
+          var _a;
+          return format((_a = node.textContent) != null ? _a : "").includes(newValue);
+        }
+      ).length > 0;
       onChangeDisplayValue(newValue);
-      setInputValue("");
+      if (!allowFree || isHit2) {
+        setInputValue("");
+      }
       rebirthOptions(false);
     },
-    [onChangeDisplayValue, rebirthOptions, setValue]
+    [
+      allowFree,
+      onChangeDisplayValue,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -647,11 +667,15 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      setInputValue("");
+      if (allowFree && !!inputValue) {
+        onChange(inputValue);
+      } else {
+        setInputValue("");
+      }
       if (isOpen)
         onClose();
     },
-    [closeOnBlur, isHit, isOpen, onClose]
+    [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
@@ -666,7 +690,11 @@ var useAutocomplete = ({
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? (0, import_utils.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
-        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
+        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils.funcAll)(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
+          if (inputValue)
+            onChange(inputValue);
+          setFocusedIndex(0);
+        } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
         End: isOpen ? onFocusLast : void 0,
         Escape: closeOnEsc ? onClose : void 0,
@@ -680,11 +708,13 @@ var useAutocomplete = ({
       action(ev);
     },
     [
+      allowFree,
       formControlProps,
       displayValue,
       inputValue,
       onOpen,
       isFocused,
+      isMulti,
       onFocusFirstOrSelected,
       onFocusNext,
       onFocusLastOrSelected,
@@ -698,7 +728,8 @@ var useAutocomplete = ({
       closeOnEsc,
       onClose,
       isEmptyValue,
-      onDelete
+      onDelete,
+      onChange
     ]
   );
   (0, import_react.useEffect)(() => {
@@ -723,7 +754,7 @@ var useAutocomplete = ({
     maxSelectedValues
   ]);
   (0, import_utils.useUpdateEffect)(() => {
-    if (isOpen)
+    if (isOpen || allowFree)
       return;
     setFocusedIndex(-1);
     setInputValue("");
@@ -794,6 +825,7 @@ var useAutocomplete = ({
     omitSelectedValues,
     closeOnSelect,
     allowCreate,
+    allowFree,
     emptyMessage,
     isOpen,
     isAllSelected,

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   AutocompleteOption,
   AutocompleteOptionGroup,
   MultiAutocomplete
-} from "./chunk-IXZ5VUE3.mjs";
+} from "./chunk-TZHEVPHW.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-67b1aea6.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-72ef1a50.js';
 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-67b1aea6.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-72ef1a50.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/multi-autocomplete.js

@@ -390,6 +390,7 @@ var useAutocomplete = ({
   closeOnBlur = true,
   closeOnEsc = true,
   allowCreate = false,
+  allowFree = false,
   insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
@@ -677,6 +678,10 @@ var useAutocomplete = ({
         var _a;
         return (_a = node.textContent) != null ? _a : "";
       });
+      if (allowFree && selectedValues2.length === 0) {
+        selectedValues2.push(newValue);
+        setInputValue("");
+      }
       setDisplayValue((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
@@ -693,7 +698,7 @@ var useAutocomplete = ({
         }
       });
     },
-    [descendants, isMulti]
+    [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react.useCallback)(
     (newValue) => {
@@ -709,11 +714,26 @@ var useAutocomplete = ({
           }
         }
       });
+      const isHit2 = descendants.values().filter(
+        ({ node }) => {
+          var _a;
+          return format((_a = node.textContent) != null ? _a : "").includes(newValue);
+        }
+      ).length > 0;
       onChangeDisplayValue(newValue);
-      setInputValue("");
+      if (!allowFree || isHit2) {
+        setInputValue("");
+      }
       rebirthOptions(false);
     },
-    [onChangeDisplayValue, rebirthOptions, setValue]
+    [
+      allowFree,
+      onChangeDisplayValue,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react.useCallback)(() => {
     var _a, _b;
@@ -847,11 +867,15 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      setInputValue("");
+      if (allowFree && !!inputValue) {
+        onChange(inputValue);
+      } else {
+        setInputValue("");
+      }
       if (isOpen)
         onClose();
     },
-    [closeOnBlur, isHit, isOpen, onClose]
+    [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
   const onKeyDown = (0, import_react.useCallback)(
     (ev) => {
@@ -866,7 +890,11 @@ var useAutocomplete = ({
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
-        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
+        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
+          if (inputValue)
+            onChange(inputValue);
+          setFocusedIndex(0);
+        } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
         End: isOpen ? onFocusLast : void 0,
         Escape: closeOnEsc ? onClose : void 0,
@@ -880,11 +908,13 @@ var useAutocomplete = ({
       action(ev);
     },
     [
+      allowFree,
       formControlProps,
       displayValue,
       inputValue,
       onOpen,
       isFocused,
+      isMulti,
       onFocusFirstOrSelected,
       onFocusNext,
       onFocusLastOrSelected,
@@ -898,7 +928,8 @@ var useAutocomplete = ({
       closeOnEsc,
       onClose,
       isEmptyValue,
-      onDelete
+      onDelete,
+      onChange
     ]
   );
   (0, import_react.useEffect)(() => {
@@ -923,7 +954,7 @@ var useAutocomplete = ({
     maxSelectedValues
   ]);
   (0, import_utils6.useUpdateEffect)(() => {
-    if (isOpen)
+    if (isOpen || allowFree)
       return;
     setFocusedIndex(-1);
     setInputValue("");
@@ -994,6 +1025,7 @@ var useAutocomplete = ({
     omitSelectedValues,
     closeOnSelect,
     allowCreate,
+    allowFree,
     emptyMessage,
     isOpen,
     isAllSelected,

package/dist/multi-autocomplete.mjs

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

package/dist/{use-autocomplete-67b1aea6.d.ts → use-autocomplete-72ef1a50.d.ts}

@@ -3407,6 +3407,10 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = Omit<Popov
      * @default false
      */
     allowCreate?: boolean;
+    /**
+     * If `true`, enables the free input.
+     */
+    allowFree?: boolean;
     /**
      * If `true`, the selected item(s) will be excluded from the list.
      *
@@ -3427,7 +3431,7 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = Omit<Popov
     items?: AutocompleteItem[];
 };
 type UseAutocompleteProps<T extends string | string[] = string> = Omit<HTMLUIProps<"input">, keyof UseAutocompleteBaseProps | "list" | "disabled" | "required" | "readOnly" | "size"> & UseAutocompleteBaseProps<T>;
-declare const useAutocomplete: <T extends string | string[] = string>({ defaultIsOpen, closeOnSelect, omitSelectedValues, maxSelectedValues, closeOnBlur, closeOnEsc, allowCreate, insertPositionItem, emptyMessage, format, placement, duration, optionProps, placeholder, items, children, ...rest }: UseAutocompleteProps<T>) => {
+declare const useAutocomplete: <T extends string | string[] = string>({ defaultIsOpen, closeOnSelect, omitSelectedValues, maxSelectedValues, closeOnBlur, closeOnEsc, allowCreate, allowFree, insertPositionItem, emptyMessage, format, placement, duration, optionProps, placeholder, items, children, ...rest }: UseAutocompleteProps<T>) => {
     id: string | undefined;
     descendants: {
         register: (nodeOrOptions: HTMLElement | {
@@ -4036,6 +4040,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
     omitSelectedValues: boolean;
     closeOnSelect: boolean;
     allowCreate: boolean;
+    allowFree: boolean;
     emptyMessage: string;
     isOpen: boolean;
     isAllSelected: boolean;

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-67b1aea6.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-72ef1a50.js';

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-67b1aea6.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-72ef1a50.js';

package/dist/use-autocomplete.js

@@ -341,6 +341,7 @@ var useAutocomplete = ({
   closeOnBlur = true,
   closeOnEsc = true,
   allowCreate = false,
+  allowFree = false,
   insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
@@ -628,6 +629,10 @@ var useAutocomplete = ({
         var _a;
         return (_a = node.textContent) != null ? _a : "";
       });
+      if (allowFree && selectedValues2.length === 0) {
+        selectedValues2.push(newValue);
+        setInputValue("");
+      }
       setDisplayValue((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
@@ -644,7 +649,7 @@ var useAutocomplete = ({
         }
       });
     },
-    [descendants, isMulti]
+    [descendants, isMulti, allowFree]
   );
   const onChange = (0, import_react2.useCallback)(
     (newValue) => {
@@ -660,11 +665,26 @@ var useAutocomplete = ({
           }
         }
       });
+      const isHit2 = descendants.values().filter(
+        ({ node }) => {
+          var _a;
+          return format((_a = node.textContent) != null ? _a : "").includes(newValue);
+        }
+      ).length > 0;
       onChangeDisplayValue(newValue);
-      setInputValue("");
+      if (!allowFree || isHit2) {
+        setInputValue("");
+      }
       rebirthOptions(false);
     },
-    [onChangeDisplayValue, rebirthOptions, setValue]
+    [
+      allowFree,
+      onChangeDisplayValue,
+      rebirthOptions,
+      setValue,
+      descendants,
+      format
+    ]
   );
   const onSelect = (0, import_react2.useCallback)(() => {
     var _a, _b;
@@ -798,11 +818,15 @@ var useAutocomplete = ({
         return;
       if (!closeOnBlur && isHit)
         return;
-      setInputValue("");
+      if (allowFree && !!inputValue) {
+        onChange(inputValue);
+      } else {
+        setInputValue("");
+      }
       if (isOpen)
         onClose();
     },
-    [closeOnBlur, isHit, isOpen, onClose]
+    [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
   const onKeyDown = (0, import_react2.useCallback)(
     (ev) => {
@@ -817,7 +841,11 @@ var useAutocomplete = ({
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
-        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
+        Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
+          if (inputValue)
+            onChange(inputValue);
+          setFocusedIndex(0);
+        } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
         End: isOpen ? onFocusLast : void 0,
         Escape: closeOnEsc ? onClose : void 0,
@@ -831,11 +859,13 @@ var useAutocomplete = ({
       action(ev);
     },
     [
+      allowFree,
       formControlProps,
       displayValue,
       inputValue,
       onOpen,
       isFocused,
+      isMulti,
       onFocusFirstOrSelected,
       onFocusNext,
       onFocusLastOrSelected,
@@ -849,7 +879,8 @@ var useAutocomplete = ({
       closeOnEsc,
       onClose,
       isEmptyValue,
-      onDelete
+      onDelete,
+      onChange
     ]
   );
   (0, import_react2.useEffect)(() => {
@@ -874,7 +905,7 @@ var useAutocomplete = ({
     maxSelectedValues
   ]);
   (0, import_utils4.useUpdateEffect)(() => {
-    if (isOpen)
+    if (isOpen || allowFree)
       return;
     setFocusedIndex(-1);
     setInputValue("");
@@ -945,6 +976,7 @@ var useAutocomplete = ({
     omitSelectedValues,
     closeOnSelect,
     allowCreate,
+    allowFree,
     emptyMessage,
     isOpen,
     isAllSelected,

package/dist/use-autocomplete.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/autocomplete",
-  "version": "0.0.0-dev-20231125122836",
+  "version": "0.0.0-dev-20231125140816",
   "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-20231125122836",
+    "@yamada-ui/core": "0.0.0-dev-20231125140816",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/icon": "0.0.0-dev-20231125122836",
-    "@yamada-ui/select": "0.0.0-dev-20231125122836",
-    "@yamada-ui/form-control": "0.0.0-dev-20231125122836",
-    "@yamada-ui/popover": "0.0.0-dev-20231125122836",
-    "@yamada-ui/use-descendant": "0.0.0-dev-20231125122836",
-    "@yamada-ui/use-clickable": "0.0.0-dev-20231125122836",
-    "@yamada-ui/use-outside-click": "0.0.0-dev-20231125122836",
-    "@yamada-ui/use-controllable-state": "0.0.0-dev-20231125122836"
+    "@yamada-ui/icon": "0.0.0-dev-20231125140816",
+    "@yamada-ui/select": "0.0.0-dev-20231125140816",
+    "@yamada-ui/form-control": "0.0.0-dev-20231125140816",
+    "@yamada-ui/popover": "0.0.0-dev-20231125140816",
+    "@yamada-ui/use-descendant": "0.0.0-dev-20231125140816",
+    "@yamada-ui/use-clickable": "0.0.0-dev-20231125140816",
+    "@yamada-ui/use-outside-click": "0.0.0-dev-20231125140816",
+    "@yamada-ui/use-controllable-state": "0.0.0-dev-20231125140816"
   },
   "devDependencies": {
     "react": "^18.0.0",