@yamada-ui/autocomplete 0.4.13 → 0.5.2

package/dist/{chunk-EFOFI4S7.mjs → chunk-JKY5MMNC.mjs}

@@ -171,7 +171,7 @@ var Autocomplete = forwardRef2(
       getPopoverProps,
       getContainerProps,
       getFieldProps,
-      createOption,
+      allowCreate,
       isEmpty,
       inputValue,
       computedChildren,
@@ -193,7 +193,7 @@ var Autocomplete = forwardRef2(
           ...rest,
           formControlProps,
           inputValue,
-          createOption,
+          allowCreate,
           isEmpty,
           styles
         },
@@ -215,9 +215,9 @@ var Autocomplete = forwardRef2(
               ),
               /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
-                createOption ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
+                allowCreate ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) })
+              ] }) : /* @__PURE__ */ jsx2(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}) })
             ]
           }
         ) })
@@ -488,7 +488,7 @@ var MultiAutocomplete = forwardRef7(
       getPopoverProps,
       getContainerProps,
       getFieldProps,
-      createOption,
+      allowCreate,
       isEmpty,
       inputValue,
       computedChildren,
@@ -517,7 +517,7 @@ var MultiAutocomplete = forwardRef7(
           value,
           formControlProps,
           inputValue,
-          createOption,
+          allowCreate,
           isEmpty,
           styles
         },
@@ -549,9 +549,9 @@ var MultiAutocomplete = forwardRef7(
                 }
               ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
-                createOption ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
+                allowCreate ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) })
+              ] }) : /* @__PURE__ */ jsx7(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}) })
             ]
           }
         ) })
@@ -757,20 +757,20 @@ var defaultFormat = (value) => {
   value = value.toUpperCase();
   return value;
 };
-var flattenOptions = (options) => {
-  const filterOptions = (options2) => options2.map((options3) => {
-    const { value, isDisabled, isFocusable } = options3;
+var flattenItems = (items) => {
+  const filterItems = (items2) => items2.map((item) => {
+    var _a;
+    const { isDisabled, isFocusable } = item;
     const trulyDisabled = !!isDisabled && !isFocusable;
-    const isMulti = isArray(value);
     if (trulyDisabled)
       return;
-    if (!isMulti) {
-      return options3;
+    if ("items" in item) {
+      return filterItems((_a = item.items) != null ? _a : []);
     } else {
-      return filterOptions(value);
+      return item;
     }
   }).filter(Boolean);
-  return filterOptions(options).flat(Infinity);
+  return filterItems(items).flat(Infinity);
 };
 var isTargetOption = (target) => {
   var _a;
@@ -793,14 +793,15 @@ var useAutocomplete = ({
   maxSelectedValues,
   closeOnBlur = true,
   closeOnEsc = true,
-  createOption = false,
-  insertPositionOnCreate = "first",
+  allowCreate = false,
+  insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
   placement = "bottom-start",
   duration = 0.2,
   optionProps,
   placeholder,
+  items,
   children,
   ...rest
 }) => {
@@ -824,7 +825,7 @@ var useAutocomplete = ({
   const inputRef = useRef2(null);
   const timeoutIds = useRef2(/* @__PURE__ */ new Set([]));
   const isComposition = useRef2(false);
-  const [options, setOptions] = useState(rest.options);
+  const [resolvedItems, setResolvedItems] = useState(items);
   const [value, setValue] = useControllableState({
     value: rest.value,
     defaultValue: rest.defaultValue,
@@ -837,19 +838,19 @@ var useAutocomplete = ({
   const [isHit, setIsHit] = useState(true);
   const [isOpen, setIsOpen] = useState(defaultIsOpen != null ? defaultIsOpen : false);
   const isFocused = focusedIndex > -1;
-  const isCreate = focusedIndex === -2 && createOption;
+  const isCreate = focusedIndex === -2 && allowCreate;
   const isMulti = isArray(value);
   const isEmptyValue = !isMulti ? !value : !value.length;
-  const [firstInsertPositionOnCreate, secondInsertPositionOnCreate] = useMemo2(() => {
-    if (isArray(insertPositionOnCreate)) {
-      return insertPositionOnCreate;
+  const [firstInsertPositionItem, secondInsertPositionItem] = useMemo2(() => {
+    if (isArray(insertPositionItem)) {
+      return insertPositionItem;
     } else {
-      return [insertPositionOnCreate, "first"];
+      return [insertPositionItem, "first"];
     }
-  }, [insertPositionOnCreate]);
-  if (createOption && !isUndefined(children)) {
+  }, [insertPositionItem]);
+  if (allowCreate && !isUndefined(children)) {
     console.warn(
-      `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: ${!isMulti ? "Autocomplete" : "MultiAutocomplete"} internally prefers 'children'. If 'createOption' is true, it will not be reflected correctly. If want to reflect, please set 'options' in props.`
+      `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: ${!isMulti ? "Autocomplete" : "MultiAutocomplete"} internally prefers 'children'. If 'allowCreate' is true, it will not be reflected correctly. If want to reflect, please set 'items' in props.`
     );
   }
   const selectedValues = descendants.enabledValues(
@@ -863,18 +864,18 @@ var useAutocomplete = ({
     ({ node, index }) => "target" in node.dataset && !selectedIndexes.includes(index)
   );
   const validChildren = getValidChildren2(children);
-  const computedChildren = options == null ? void 0 : options.map(({ label, value: value2, ...props }, i) => {
-    if (!isArray(value2)) {
+  const computedChildren = resolvedItems == null ? void 0 : resolvedItems.map((item, i) => {
+    if ("value" in item) {
+      const { label, value: value2, ...props } = item;
       return /* @__PURE__ */ jsx8(AutocompleteOption, { value: value2, ...props, children: label }, i);
-    } else {
+    } else if ("items" in item) {
+      const { label, items: items2 = [], ...props } = item;
       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
-          )
+          children: items2.map(({ label: label2, value: value2, ...props2 }, i2) => /* @__PURE__ */ jsx8(AutocompleteOption, { value: value2, ...props2, children: label2 }, i2))
         },
         i
       );
@@ -885,13 +886,13 @@ var useAutocomplete = ({
     var _a;
     if (formControlProps.disabled || formControlProps.readOnly)
       return;
-    if (!createOption && (isEmpty || isAllSelected))
+    if (!allowCreate && (isEmpty || isAllSelected))
       return;
     setIsOpen(true);
     if (inputRef.current)
       inputRef.current.focus();
     (_a = rest.onOpen) == null ? void 0 : _a.call(rest);
-  }, [createOption, formControlProps, isAllSelected, isEmpty, rest]);
+  }, [allowCreate, formControlProps, isAllSelected, isEmpty, rest]);
   const onClose = useCallback(() => {
     var _a;
     setIsOpen(false);
@@ -1163,55 +1164,51 @@ var useAutocomplete = ({
     isComposition.current = false;
   }, []);
   const onCreate = useCallback(() => {
-    var _a;
+    var _a, _b, _c;
     if (!listRef.current)
       return;
-    const newOption = { label: inputValue, value: inputValue };
-    let newOptions = [];
-    if (options)
-      newOptions = options;
-    if (firstInsertPositionOnCreate === "first") {
-      newOptions = [newOption, ...newOptions];
-    } else if (firstInsertPositionOnCreate === "last") {
-      newOptions = [...newOptions, newOption];
+    const newItem = { label: inputValue, value: inputValue };
+    let newItems = [];
+    if (resolvedItems)
+      newItems = resolvedItems;
+    if (firstInsertPositionItem === "first") {
+      newItems = [newItem, ...newItems];
+    } else if (firstInsertPositionItem === "last") {
+      newItems = [...newItems, newItem];
     } else {
-      const i = newOptions.findIndex(
-        ({ label }) => label === firstInsertPositionOnCreate
+      const i = newItems.findIndex(
+        ({ label }) => label === firstInsertPositionItem
       );
-      if (i !== -1 && isArray(newOptions[i].value)) {
-        if (secondInsertPositionOnCreate === "first") {
-          newOptions[i].value = [
-            newOption,
-            ...newOptions[i].value
-          ];
+      const targetItem = newItems[i];
+      if (i !== -1 && "items" in targetItem) {
+        if (secondInsertPositionItem === "first") {
+          targetItem.items = [newItem, ...(_a = targetItem.items) != null ? _a : []];
         } else {
-          newOptions[i].value = [
-            ...newOptions[i].value,
-            newOption
-          ];
+          targetItem.items = [...(_b = targetItem.items) != null ? _b : [], newItem];
         }
+        newItems[i] = targetItem;
       } else {
         console.warn(
-          `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: '${firstInsertPositionOnCreate}' specified in insertPositionOnCreate does not exist in the option group.`
+          `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: '${firstInsertPositionItem}' specified in insertPositionItem does not exist in the option group.`
         );
       }
     }
-    setOptions(newOptions);
+    setResolvedItems(newItems);
     onChange(inputValue);
     rebirthOptions(false);
-    const index = flattenOptions(newOptions).findIndex(
+    const index = flattenItems(newItems).findIndex(
       ({ value: value2 }) => value2 === inputValue
     );
     setFocusedIndex(index);
-    (_a = rest.onCreate) == null ? void 0 : _a.call(rest, newOption, newOptions);
+    (_c = rest.onCreate) == null ? void 0 : _c.call(rest, newItem, newItems);
   }, [
     inputValue,
-    options,
-    firstInsertPositionOnCreate,
+    resolvedItems,
+    firstInsertPositionItem,
     onChange,
     rebirthOptions,
     rest,
-    secondInsertPositionOnCreate,
+    secondInsertPositionItem,
     isMulti
   ]);
   const onDelete = useCallback(() => {
@@ -1398,7 +1395,7 @@ var useAutocomplete = ({
     focusedIndex,
     omitSelectedValues,
     closeOnSelect,
-    createOption,
+    allowCreate,
     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 { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-3e77a4da.js';
 export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.mjs';
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.mjs';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.mjs';
@@ -11,5 +11,4 @@ import './autocomplete-list.mjs';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Autocomplete, AutocompleteProps } from './autocomplete.js';
 export { AutocompleteOptionGroup, AutocompleteOptionGroupProps } from './autocomplete-option-group.js';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
+export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-3e77a4da.js';
 export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.js';
 export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.js';
 export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.js';
@@ -11,5 +11,4 @@ import './autocomplete-list.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';

package/dist/index.js

@@ -152,20 +152,20 @@ var defaultFormat = (value) => {
   value = value.toUpperCase();
   return value;
 };
-var flattenOptions = (options) => {
-  const filterOptions = (options2) => options2.map((options3) => {
-    const { value, isDisabled, isFocusable } = options3;
+var flattenItems = (items) => {
+  const filterItems = (items2) => items2.map((item) => {
+    var _a;
+    const { isDisabled, isFocusable } = item;
     const trulyDisabled = !!isDisabled && !isFocusable;
-    const isMulti = (0, import_utils.isArray)(value);
     if (trulyDisabled)
       return;
-    if (!isMulti) {
-      return options3;
+    if ("items" in item) {
+      return filterItems((_a = item.items) != null ? _a : []);
     } else {
-      return filterOptions(value);
+      return item;
     }
   }).filter(Boolean);
-  return filterOptions(options).flat(Infinity);
+  return filterItems(items).flat(Infinity);
 };
 var isTargetOption = (target) => {
   var _a;
@@ -188,14 +188,15 @@ var useAutocomplete = ({
   maxSelectedValues,
   closeOnBlur = true,
   closeOnEsc = true,
-  createOption = false,
-  insertPositionOnCreate = "first",
+  allowCreate = false,
+  insertPositionItem = "first",
   emptyMessage = "No results found",
   format = defaultFormat,
   placement = "bottom-start",
   duration = 0.2,
   optionProps,
   placeholder,
+  items,
   children,
   ...rest
 }) => {
@@ -219,7 +220,7 @@ var useAutocomplete = ({
   const inputRef = (0, import_react.useRef)(null);
   const timeoutIds = (0, import_react.useRef)(/* @__PURE__ */ new Set([]));
   const isComposition = (0, import_react.useRef)(false);
-  const [options, setOptions] = (0, import_react.useState)(rest.options);
+  const [resolvedItems, setResolvedItems] = (0, import_react.useState)(items);
   const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
     value: rest.value,
     defaultValue: rest.defaultValue,
@@ -232,19 +233,19 @@ var useAutocomplete = ({
   const [isHit, setIsHit] = (0, import_react.useState)(true);
   const [isOpen, setIsOpen] = (0, import_react.useState)(defaultIsOpen != null ? defaultIsOpen : false);
   const isFocused = focusedIndex > -1;
-  const isCreate = focusedIndex === -2 && createOption;
+  const isCreate = focusedIndex === -2 && allowCreate;
   const isMulti = (0, import_utils.isArray)(value);
   const isEmptyValue = !isMulti ? !value : !value.length;
-  const [firstInsertPositionOnCreate, secondInsertPositionOnCreate] = (0, import_react.useMemo)(() => {
-    if ((0, import_utils.isArray)(insertPositionOnCreate)) {
-      return insertPositionOnCreate;
+  const [firstInsertPositionItem, secondInsertPositionItem] = (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isArray)(insertPositionItem)) {
+      return insertPositionItem;
     } else {
-      return [insertPositionOnCreate, "first"];
+      return [insertPositionItem, "first"];
     }
-  }, [insertPositionOnCreate]);
-  if (createOption && !(0, import_utils.isUndefined)(children)) {
+  }, [insertPositionItem]);
+  if (allowCreate && !(0, import_utils.isUndefined)(children)) {
     console.warn(
-      `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: ${!isMulti ? "Autocomplete" : "MultiAutocomplete"} internally prefers 'children'. If 'createOption' is true, it will not be reflected correctly. If want to reflect, please set 'options' in props.`
+      `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: ${!isMulti ? "Autocomplete" : "MultiAutocomplete"} internally prefers 'children'. If 'allowCreate' is true, it will not be reflected correctly. If want to reflect, please set 'items' in props.`
     );
   }
   const selectedValues = descendants.enabledValues(
@@ -258,18 +259,18 @@ var useAutocomplete = ({
     ({ node, index }) => "target" in node.dataset && !selectedIndexes.includes(index)
   );
   const validChildren = (0, import_utils.getValidChildren)(children);
-  const computedChildren = options == null ? void 0 : options.map(({ label, value: value2, ...props }, i) => {
-    if (!(0, import_utils.isArray)(value2)) {
+  const computedChildren = resolvedItems == null ? void 0 : resolvedItems.map((item, i) => {
+    if ("value" in item) {
+      const { label, value: value2, ...props } = item;
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutocompleteOption, { value: value2, ...props, children: label }, i);
-    } else {
+    } else if ("items" in item) {
+      const { label, items: items2 = [], ...props } = item;
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         AutocompleteOptionGroup,
         {
           label,
           ...props,
-          children: value2.map(
-            ({ label: label2, value: value3, ...props2 }, i2) => !(0, import_utils.isArray)(value3) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutocompleteOption, { value: value3, ...props2, children: label2 }, i2) : null
-          )
+          children: items2.map(({ label: label2, value: value2, ...props2 }, i2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutocompleteOption, { value: value2, ...props2, children: label2 }, i2))
         },
         i
       );
@@ -280,13 +281,13 @@ var useAutocomplete = ({
     var _a;
     if (formControlProps.disabled || formControlProps.readOnly)
       return;
-    if (!createOption && (isEmpty || isAllSelected))
+    if (!allowCreate && (isEmpty || isAllSelected))
       return;
     setIsOpen(true);
     if (inputRef.current)
       inputRef.current.focus();
     (_a = rest.onOpen) == null ? void 0 : _a.call(rest);
-  }, [createOption, formControlProps, isAllSelected, isEmpty, rest]);
+  }, [allowCreate, formControlProps, isAllSelected, isEmpty, rest]);
   const onClose = (0, import_react.useCallback)(() => {
     var _a;
     setIsOpen(false);
@@ -558,55 +559,51 @@ var useAutocomplete = ({
     isComposition.current = false;
   }, []);
   const onCreate = (0, import_react.useCallback)(() => {
-    var _a;
+    var _a, _b, _c;
     if (!listRef.current)
       return;
-    const newOption = { label: inputValue, value: inputValue };
-    let newOptions = [];
-    if (options)
-      newOptions = options;
-    if (firstInsertPositionOnCreate === "first") {
-      newOptions = [newOption, ...newOptions];
-    } else if (firstInsertPositionOnCreate === "last") {
-      newOptions = [...newOptions, newOption];
+    const newItem = { label: inputValue, value: inputValue };
+    let newItems = [];
+    if (resolvedItems)
+      newItems = resolvedItems;
+    if (firstInsertPositionItem === "first") {
+      newItems = [newItem, ...newItems];
+    } else if (firstInsertPositionItem === "last") {
+      newItems = [...newItems, newItem];
     } else {
-      const i = newOptions.findIndex(
-        ({ label }) => label === firstInsertPositionOnCreate
+      const i = newItems.findIndex(
+        ({ label }) => label === firstInsertPositionItem
       );
-      if (i !== -1 && (0, import_utils.isArray)(newOptions[i].value)) {
-        if (secondInsertPositionOnCreate === "first") {
-          newOptions[i].value = [
-            newOption,
-            ...newOptions[i].value
-          ];
+      const targetItem = newItems[i];
+      if (i !== -1 && "items" in targetItem) {
+        if (secondInsertPositionItem === "first") {
+          targetItem.items = [newItem, ...(_a = targetItem.items) != null ? _a : []];
         } else {
-          newOptions[i].value = [
-            ...newOptions[i].value,
-            newOption
-          ];
+          targetItem.items = [...(_b = targetItem.items) != null ? _b : [], newItem];
         }
+        newItems[i] = targetItem;
       } else {
         console.warn(
-          `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: '${firstInsertPositionOnCreate}' specified in insertPositionOnCreate does not exist in the option group.`
+          `${!isMulti ? "Autocomplete" : "MultiAutocomplete"}: '${firstInsertPositionItem}' specified in insertPositionItem does not exist in the option group.`
         );
       }
     }
-    setOptions(newOptions);
+    setResolvedItems(newItems);
     onChange(inputValue);
     rebirthOptions(false);
-    const index = flattenOptions(newOptions).findIndex(
+    const index = flattenItems(newItems).findIndex(
       ({ value: value2 }) => value2 === inputValue
     );
     setFocusedIndex(index);
-    (_a = rest.onCreate) == null ? void 0 : _a.call(rest, newOption, newOptions);
+    (_c = rest.onCreate) == null ? void 0 : _c.call(rest, newItem, newItems);
   }, [
     inputValue,
-    options,
-    firstInsertPositionOnCreate,
+    resolvedItems,
+    firstInsertPositionItem,
     onChange,
     rebirthOptions,
     rest,
-    secondInsertPositionOnCreate,
+    secondInsertPositionItem,
     isMulti
   ]);
   const onDelete = (0, import_react.useCallback)(() => {
@@ -793,7 +790,7 @@ var useAutocomplete = ({
     focusedIndex,
     omitSelectedValues,
     closeOnSelect,
-    createOption,
+    allowCreate,
     emptyMessage,
     isOpen,
     isAllSelected,
@@ -1321,7 +1318,7 @@ var Autocomplete = (0, import_core4.forwardRef)(
       getPopoverProps,
       getContainerProps,
       getFieldProps,
-      createOption,
+      allowCreate,
       isEmpty,
       inputValue,
       computedChildren,
@@ -1343,7 +1340,7 @@ var Autocomplete = (0, import_core4.forwardRef)(
           ...rest,
           formControlProps,
           inputValue,
-          createOption,
+          allowCreate,
           isEmpty,
           styles
         },
@@ -1365,9 +1362,9 @@ var Autocomplete = (0, import_core4.forwardRef)(
               ),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AutocompleteList, { ...listProps, children: [
-                createOption ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}),
+                allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}) })
             ]
           }
         ) })
@@ -1630,7 +1627,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
       getPopoverProps,
       getContainerProps,
       getFieldProps,
-      createOption,
+      allowCreate,
       isEmpty,
       inputValue,
       computedChildren,
@@ -1659,7 +1656,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
           value,
           formControlProps,
           inputValue,
-          createOption,
+          allowCreate,
           isEmpty,
           styles
         },
@@ -1691,9 +1688,9 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
                 }
               ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AutocompleteList, { ...listProps, children: [
-                createOption ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}),
+                allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}) })
             ]
           }
         ) })

package/dist/index.mjs

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

package/dist/multi-autocomplete.d.mts

@@ -3,11 +3,10 @@ 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 { b as UseAutocompleteProps } from './use-autocomplete-2422c1c8.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-3e77a4da.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';
 
 type MultiAutocompleteOptions = {
@@ -49,15 +48,15 @@ type MultiAutocompleteOptions = {
     /**
      * Props for multi autocomplete container element.
      */
-    containerProps?: Omit<HTMLUIProps<'div'>, 'children'>;
+    containerProps?: Omit<HTMLUIProps<"div">, "children">;
     /**
      * Props for multi autocomplete list element.
      */
-    listProps?: Omit<AutocompleteListProps, 'children'>;
+    listProps?: Omit<AutocompleteListProps, "children">;
     /**
      * Props for multi autocomplete input element.
      */
-    inputProps?: HTMLUIProps<'input'>;
+    inputProps?: HTMLUIProps<"input">;
     /**
      * Props for multi autocomplete icon element.
      */
@@ -67,7 +66,7 @@ type MultiAutocompleteOptions = {
      */
     clearIconProps?: AutocompleteIconProps;
 };
-type MultiAutocompleteProps = ThemeProps<'Select'> & UseAutocompleteProps<string[]> & MultiAutocompleteOptions;
+type MultiAutocompleteProps = ThemeProps<"Select"> & UseAutocompleteProps<string[]> & MultiAutocompleteOptions;
 declare const MultiAutocomplete: _yamada_ui_core.Component<"div", MultiAutocompleteProps>;
 
 export { MultiAutocomplete, MultiAutocompleteProps };