@yamada-ui/autocomplete 0.4.13 → 0.5.0

package/dist/autocomplete-create.d.mts

@@ -12,7 +12,7 @@ type AutocompleteCreateOptions = {
      */
     children?: string | ((inputValue: string) => string);
 };
-type AutocompleteCreateProps = Omit<HTMLUIProps<'li'>, 'children'> & AutocompleteCreateOptions;
+type AutocompleteCreateProps = Omit<HTMLUIProps<"li">, "children"> & AutocompleteCreateOptions;
 declare const AutocompleteCreate: _yamada_ui_core.Component<"li", AutocompleteCreateProps>;
 
 export { AutocompleteCreate, AutocompleteCreateProps };

package/dist/autocomplete-create.d.ts

@@ -12,7 +12,7 @@ type AutocompleteCreateOptions = {
      */
     children?: string | ((inputValue: string) => string);
 };
-type AutocompleteCreateProps = Omit<HTMLUIProps<'li'>, 'children'> & AutocompleteCreateOptions;
+type AutocompleteCreateProps = Omit<HTMLUIProps<"li">, "children"> & AutocompleteCreateOptions;
 declare const AutocompleteCreate: _yamada_ui_core.Component<"li", AutocompleteCreateProps>;
 
 export { AutocompleteCreate, AutocompleteCreateProps };

package/dist/autocomplete-create.mjs

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

package/dist/autocomplete-empty.d.mts

@@ -12,7 +12,7 @@ type AutocompleteEmptyOptions = {
      */
     children?: string;
 };
-type AutocompleteEmptyProps = Omit<HTMLUIProps<'li'>, 'children'> & AutocompleteEmptyOptions;
+type AutocompleteEmptyProps = Omit<HTMLUIProps<"li">, "children"> & AutocompleteEmptyOptions;
 declare const AutocompleteEmpty: _yamada_ui_core.Component<"li", AutocompleteEmptyProps>;
 
 export { AutocompleteEmpty, AutocompleteEmptyProps };

package/dist/autocomplete-empty.d.ts

@@ -12,7 +12,7 @@ type AutocompleteEmptyOptions = {
      */
     children?: string;
 };
-type AutocompleteEmptyProps = Omit<HTMLUIProps<'li'>, 'children'> & AutocompleteEmptyOptions;
+type AutocompleteEmptyProps = Omit<HTMLUIProps<"li">, "children"> & AutocompleteEmptyOptions;
 declare const AutocompleteEmpty: _yamada_ui_core.Component<"li", AutocompleteEmptyProps>;
 
 export { AutocompleteEmpty, AutocompleteEmptyProps };

package/dist/autocomplete-empty.mjs

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

package/dist/autocomplete-icon.d.mts

@@ -2,13 +2,13 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 import { FC } from 'react';
 
-type AutocompleteIconProps = HTMLUIProps<'div'>;
+type AutocompleteIconProps = HTMLUIProps<"div">;
 declare const AutocompleteIcon: _yamada_ui_core.Component<"div", AutocompleteIconProps>;
 type AutocompleteClearIconProps = AutocompleteIconProps & {
     disabled?: boolean;
 };
 declare const AutocompleteClearIcon: FC<AutocompleteClearIconProps>;
-type AutocompleteItemIconProps = HTMLUIProps<'span'>;
+type AutocompleteItemIconProps = HTMLUIProps<"span">;
 declare const AutocompleteItemIcon: _yamada_ui_core.Component<"span", AutocompleteItemIconProps>;
 
 export { AutocompleteClearIcon, AutocompleteClearIconProps, AutocompleteIcon, AutocompleteIconProps, AutocompleteItemIcon, AutocompleteItemIconProps };

package/dist/autocomplete-icon.d.ts

@@ -2,13 +2,13 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 import { FC } from 'react';
 
-type AutocompleteIconProps = HTMLUIProps<'div'>;
+type AutocompleteIconProps = HTMLUIProps<"div">;
 declare const AutocompleteIcon: _yamada_ui_core.Component<"div", AutocompleteIconProps>;
 type AutocompleteClearIconProps = AutocompleteIconProps & {
     disabled?: boolean;
 };
 declare const AutocompleteClearIcon: FC<AutocompleteClearIconProps>;
-type AutocompleteItemIconProps = HTMLUIProps<'span'>;
+type AutocompleteItemIconProps = HTMLUIProps<"span">;
 declare const AutocompleteItemIcon: _yamada_ui_core.Component<"span", AutocompleteItemIconProps>;
 
 export { AutocompleteClearIcon, AutocompleteClearIconProps, AutocompleteIcon, AutocompleteIconProps, AutocompleteItemIcon, AutocompleteItemIconProps };

package/dist/autocomplete-icon.mjs

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

package/dist/autocomplete-list.d.mts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type AutocompleteListProps = HTMLUIProps<'ul'>;
+type AutocompleteListProps = HTMLUIProps<"ul">;
 declare const AutocompleteList: _yamada_ui_core.Component<"ul", AutocompleteListProps>;
 
 export { AutocompleteList, AutocompleteListProps };

package/dist/autocomplete-list.d.ts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type AutocompleteListProps = HTMLUIProps<'ul'>;
+type AutocompleteListProps = HTMLUIProps<"ul">;
 declare const AutocompleteList: _yamada_ui_core.Component<"ul", AutocompleteListProps>;
 
 export { AutocompleteList, AutocompleteListProps };

package/dist/autocomplete-list.mjs

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

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

@@ -1,15 +1,14 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-2422c1c8.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-3e77a4da.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';
 
 type AutocompleteOptionGroupOptions = UseAutocompleteOptionGroupProps;
-type AutocompleteOptionGroupProps = HTMLUIProps<'ul'> & AutocompleteOptionGroupOptions;
+type AutocompleteOptionGroupProps = HTMLUIProps<"ul"> & AutocompleteOptionGroupOptions;
 declare const AutocompleteOptionGroup: _yamada_ui_core.Component<"ul", AutocompleteOptionGroupProps>;
 
 export { AutocompleteOptionGroup, AutocompleteOptionGroupProps };

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

@@ -1,15 +1,14 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
-import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-2422c1c8.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-3e77a4da.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';
 
 type AutocompleteOptionGroupOptions = UseAutocompleteOptionGroupProps;
-type AutocompleteOptionGroupProps = HTMLUIProps<'ul'> & AutocompleteOptionGroupOptions;
+type AutocompleteOptionGroupProps = HTMLUIProps<"ul"> & AutocompleteOptionGroupOptions;
 declare const AutocompleteOptionGroup: _yamada_ui_core.Component<"ul", AutocompleteOptionGroupProps>;
 
 export { AutocompleteOptionGroup, AutocompleteOptionGroupProps };

package/dist/autocomplete-option-group.mjs

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

package/dist/autocomplete-option.d.mts

@@ -1,8 +1,7 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } 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';

package/dist/autocomplete-option.d.ts

@@ -1,8 +1,7 @@
 import '@yamada-ui/core';
 import 'react';
-export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-2422c1c8.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } 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';

package/dist/autocomplete-option.mjs

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

package/dist/autocomplete.d.mts

@@ -2,12 +2,11 @@ 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 { b as UseAutocompleteProps } from './use-autocomplete-2422c1c8.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-3e77a4da.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';
 
 type AutocompleteOptions = {
@@ -22,21 +21,21 @@ type AutocompleteOptions = {
     /**
      * Props for autocomplete container element.
      */
-    containerProps?: Omit<HTMLUIProps<'div'>, 'children'>;
+    containerProps?: Omit<HTMLUIProps<"div">, "children">;
     /**
      * Props for autocomplete list element.
      */
-    listProps?: Omit<AutocompleteListProps, 'children'>;
+    listProps?: Omit<AutocompleteListProps, "children">;
     /**
      * Props for autocomplete input element.
      */
-    inputProps?: HTMLUIProps<'input'>;
+    inputProps?: HTMLUIProps<"input">;
     /**
      * Props for autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
 };
-type AutocompleteProps = ThemeProps<'Select'> & Omit<UseAutocompleteProps<string>, 'maxSelectedValues' | 'omitSelectedValues'> & AutocompleteOptions;
+type AutocompleteProps = ThemeProps<"Select"> & Omit<UseAutocompleteProps<string>, "maxSelectedValues" | "omitSelectedValues"> & AutocompleteOptions;
 declare const Autocomplete: _yamada_ui_core.Component<"input", AutocompleteProps>;
 
 export { Autocomplete, AutocompleteProps };

package/dist/autocomplete.d.ts

@@ -2,12 +2,11 @@ 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 { b as UseAutocompleteProps } from './use-autocomplete-2422c1c8.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-3e77a4da.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
-import '@yamada-ui/select';
 import '@yamada-ui/utils';
 
 type AutocompleteOptions = {
@@ -22,21 +21,21 @@ type AutocompleteOptions = {
     /**
      * Props for autocomplete container element.
      */
-    containerProps?: Omit<HTMLUIProps<'div'>, 'children'>;
+    containerProps?: Omit<HTMLUIProps<"div">, "children">;
     /**
      * Props for autocomplete list element.
      */
-    listProps?: Omit<AutocompleteListProps, 'children'>;
+    listProps?: Omit<AutocompleteListProps, "children">;
     /**
      * Props for autocomplete input element.
      */
-    inputProps?: HTMLUIProps<'input'>;
+    inputProps?: HTMLUIProps<"input">;
     /**
      * Props for autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
 };
-type AutocompleteProps = ThemeProps<'Select'> & Omit<UseAutocompleteProps<string>, 'maxSelectedValues' | 'omitSelectedValues'> & AutocompleteOptions;
+type AutocompleteProps = ThemeProps<"Select"> & Omit<UseAutocompleteProps<string>, "maxSelectedValues" | "omitSelectedValues"> & AutocompleteOptions;
 declare const Autocomplete: _yamada_ui_core.Component<"input", AutocompleteProps>;
 
 export { Autocomplete, AutocompleteProps };

package/dist/autocomplete.js

@@ -351,20 +351,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_utils6.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;
@@ -387,14 +387,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
 }) => {
@@ -418,7 +419,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,
@@ -431,19 +432,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_utils6.isArray)(value);
   const isEmptyValue = !isMulti ? !value : !value.length;
-  const [firstInsertPositionOnCreate, secondInsertPositionOnCreate] = (0, import_react.useMemo)(() => {
-    if ((0, import_utils6.isArray)(insertPositionOnCreate)) {
-      return insertPositionOnCreate;
+  const [firstInsertPositionItem, secondInsertPositionItem] = (0, import_react.useMemo)(() => {
+    if ((0, import_utils6.isArray)(insertPositionItem)) {
+      return insertPositionItem;
     } else {
-      return [insertPositionOnCreate, "first"];
+      return [insertPositionItem, "first"];
     }
-  }, [insertPositionOnCreate]);
-  if (createOption && !(0, import_utils6.isUndefined)(children)) {
+  }, [insertPositionItem]);
+  if (allowCreate && !(0, import_utils6.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(
@@ -457,18 +458,18 @@ var useAutocomplete = ({
     ({ node, index }) => "target" in node.dataset && !selectedIndexes.includes(index)
   );
   const validChildren = (0, import_utils6.getValidChildren)(children);
-  const computedChildren = options == null ? void 0 : options.map(({ label, value: value2, ...props }, i) => {
-    if (!(0, import_utils6.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_runtime6.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_runtime6.jsx)(
         AutocompleteOptionGroup,
         {
           label,
           ...props,
-          children: value2.map(
-            ({ label: label2, value: value3, ...props2 }, i2) => !(0, import_utils6.isArray)(value3) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AutocompleteOption, { value: value3, ...props2, children: label2 }, i2) : null
-          )
+          children: items2.map(({ label: label2, value: value2, ...props2 }, i2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AutocompleteOption, { value: value2, ...props2, children: label2 }, i2))
         },
         i
       );
@@ -479,13 +480,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);
@@ -757,55 +758,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_utils6.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)(() => {
@@ -992,7 +989,7 @@ var useAutocomplete = ({
     focusedIndex,
     omitSelectedValues,
     closeOnSelect,
-    createOption,
+    allowCreate,
     emptyMessage,
     isOpen,
     isAllSelected,
@@ -1471,7 +1468,7 @@ var Autocomplete = (0, import_core8.forwardRef)(
       getPopoverProps,
       getContainerProps,
       getFieldProps,
-      createOption,
+      allowCreate,
       isEmpty,
       inputValue,
       computedChildren,
@@ -1493,7 +1490,7 @@ var Autocomplete = (0, import_core8.forwardRef)(
           ...rest,
           formControlProps,
           inputValue,
-          createOption,
+          allowCreate,
           isEmpty,
           styles
         },
@@ -1515,9 +1512,9 @@ var Autocomplete = (0, import_core8.forwardRef)(
               ),
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
-                createOption ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
+                allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: createOption && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteList, { ...listProps, children: allowCreate && inputValue ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}) })
             ]
           }
         ) })

package/dist/autocomplete.mjs

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