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

package/dist/autocomplete-create.js

@@ -37,6 +37,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");

package/dist/autocomplete-create.mjs

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

package/dist/autocomplete-empty.js

@@ -37,6 +37,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");

package/dist/autocomplete-empty.mjs

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

package/dist/autocomplete-icon.js

@@ -35,6 +35,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");

package/dist/autocomplete-icon.mjs

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

package/dist/autocomplete-list.js

@@ -25,12 +25,13 @@ __export(autocomplete_list_exports, {
 });
 module.exports = __toCommonJS(autocomplete_list_exports);
 var import_core2 = require("@yamada-ui/core");
-var import_popover = require("@yamada-ui/popover");
+var import_popover2 = require("@yamada-ui/popover");
 var import_utils2 = require("@yamada-ui/utils");
 
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");
@@ -118,7 +119,7 @@ var AutocompleteList = (0, import_core2.forwardRef)(
     minW = (_h = minW != null ? minW : minWidth) != null ? _h : (_g = (_e = styles.list) == null ? void 0 : _e.minW) != null ? _g : (_f = styles.list) == null ? void 0 : _f.minWidth;
     const css = { ...styles.list };
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_popover.PopoverContent,
+      import_popover2.PopoverContent,
       {
         className: (0, import_utils2.cx)("ui-autocomplete__list", className),
         w,

package/dist/autocomplete-list.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteList
-} from "./chunk-PBKSV4YJ.mjs";
+} from "./chunk-IXZ5VUE3.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-2c76e025.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-67b1aea6.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-2c76e025.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-67b1aea6.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.js

@@ -30,6 +30,7 @@ var import_utils2 = require("@yamada-ui/utils");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");

package/dist/autocomplete-option-group.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOptionGroup
-} from "./chunk-PBKSV4YJ.mjs";
+} from "./chunk-IXZ5VUE3.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-2c76e025.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.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-2c76e025.js';
+export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.js

@@ -37,6 +37,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");

package/dist/autocomplete-option.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   AutocompleteOption
-} from "./chunk-PBKSV4YJ.mjs";
+} from "./chunk-IXZ5VUE3.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-2c76e025.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.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-2c76e025.js';
+import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.js

@@ -25,7 +25,7 @@ __export(autocomplete_exports, {
 });
 module.exports = __toCommonJS(autocomplete_exports);
 var import_core8 = require("@yamada-ui/core");
-var import_popover2 = require("@yamada-ui/popover");
+var import_popover3 = require("@yamada-ui/popover");
 var import_utils8 = require("@yamada-ui/utils");
 
 // src/autocomplete-icon.tsx
@@ -38,6 +38,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core6 = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover2 = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");
@@ -404,12 +405,13 @@ var useAutocomplete = ({
   const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils6.splitObject)(
     (0, import_utils6.omitObject)(rest, [
+      ...import_popover2.popoverProperties,
       "id",
       "value",
       "defaultValue",
       "onChange",
-      "month",
-      "onChangeMonth"
+      "onCreate",
+      "onSearch"
     ]),
     import_core6.layoutStylesProperties
   );
@@ -940,6 +942,7 @@ var useAutocomplete = ({
   });
   const getPopoverProps = (0, import_react.useCallback)(
     (props) => ({
+      matchWidth: true,
       ...rest,
       ...props,
       isOpen,
@@ -1477,7 +1480,6 @@ var Autocomplete = (0, import_core8.forwardRef)(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -1494,23 +1496,32 @@ var Autocomplete = (0, import_core8.forwardRef)(
           isEmpty,
           styles
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover2.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           import_core8.ui.div,
           {
             className: (0, import_utils8.cx)("ui-autocomplete", className),
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                AutocompleteField,
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                import_core8.ui.div,
                 {
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      AutocompleteField,
+                      {
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -1535,7 +1546,7 @@ var AutocompleteField = (0, import_core8.forwardRef)(
       ...styles.field,
       cursor: "text"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover2.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_core8.ui.div,
       {
         className: (0, import_utils8.cx)("ui-autocomplete__field", className),

package/dist/autocomplete.mjs

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

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

@@ -11,6 +11,7 @@ import {
   formControlProperties,
   useFormControlProps
 } from "@yamada-ui/form-control";
+import { popoverProperties } from "@yamada-ui/popover";
 import { useControllableState } from "@yamada-ui/use-controllable-state";
 import { createDescendant } from "@yamada-ui/use-descendant";
 import { useOutsideClick } from "@yamada-ui/use-outside-click";
@@ -170,7 +171,6 @@ var Autocomplete = forwardRef2(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -194,16 +194,25 @@ var Autocomplete = forwardRef2(
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ jsx2(
-                AutocompleteField,
+              /* @__PURE__ */ jsxs(
+                ui2.div,
                 {
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ jsx2(
+                      AutocompleteField,
+                      {
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsx2(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ jsxs(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ jsx2(AutocompleteCreate, {}) : /* @__PURE__ */ jsx2(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -490,7 +499,6 @@ var MultiAutocomplete = forwardRef7(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -511,30 +519,39 @@ var MultiAutocomplete = forwardRef7(
         children: /* @__PURE__ */ jsx7(Popover2, { ...getPopoverProps(), children: /* @__PURE__ */ jsxs6(
           ui7.div,
           {
-            className: cx7("ui-autocomplete", className),
+            className: cx7("ui-multi-autocomplete", className),
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ jsx7(
-                MultiAutocompleteField,
+              /* @__PURE__ */ jsxs6(
+                ui7.div,
                 {
-                  component,
-                  separator,
-                  keepPlaceholder,
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-multi-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ jsx7(
+                      MultiAutocompleteField,
+                      {
+                        component,
+                        separator,
+                        keepPlaceholder,
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    isClearable && value.length ? /* @__PURE__ */ jsx7(
+                      AutocompleteClearIcon,
+                      {
+                        ...clearIconProps,
+                        onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
+                        ...formControlProps
+                      }
+                    ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              isClearable && value.length ? /* @__PURE__ */ jsx7(
-                AutocompleteClearIcon,
-                {
-                  ...clearIconProps,
-                  onClick: handlerAll(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
-                  ...formControlProps
-                }
-              ) : /* @__PURE__ */ jsx7(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ jsxs6(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ jsx7(AutocompleteCreate, {}) : /* @__PURE__ */ jsx7(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -616,7 +633,7 @@ var MultiAutocompleteField = forwardRef7(
     return /* @__PURE__ */ jsx7(PopoverTrigger2, { children: /* @__PURE__ */ jsxs6(
       ui7.div,
       {
-        className: cx7("ui-autocomplete__field", className),
+        className: cx7("ui-multi-autocomplete__field", className),
         __css: css,
         py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
         ...rest,
@@ -625,7 +642,7 @@ var MultiAutocompleteField = forwardRef7(
           /* @__PURE__ */ jsx7(
             ui7.input,
             {
-              className: cx7("ui-autocomplete__field__input", className),
+              className: "ui-multi-autocomplete__field__input",
               display: "inline-block",
               flex: "1",
               overflow: "hidden",
@@ -797,12 +814,13 @@ var useAutocomplete = ({
   const formControlProps = pickObject(rest, formControlProperties);
   const [containerProps, inputProps] = splitObject(
     omitObject(rest, [
+      ...popoverProperties,
       "id",
       "value",
       "defaultValue",
       "onChange",
-      "month",
-      "onChangeMonth"
+      "onCreate",
+      "onSearch"
     ]),
     layoutStylesProperties
   );
@@ -1333,6 +1351,7 @@ var useAutocomplete = ({
   });
   const getPopoverProps = useCallback(
     (props) => ({
+      matchWidth: true,
       ...rest,
       ...props,
       isOpen,

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

@@ -32,7 +32,7 @@ module.exports = __toCommonJS(src_exports);
 
 // src/autocomplete.tsx
 var import_core4 = require("@yamada-ui/core");
-var import_popover2 = require("@yamada-ui/popover");
+var import_popover3 = require("@yamada-ui/popover");
 var import_utils4 = require("@yamada-ui/utils");
 
 // src/autocomplete-icon.tsx
@@ -45,6 +45,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");
@@ -205,12 +206,13 @@ var useAutocomplete = ({
   const formControlProps = (0, import_utils.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils.splitObject)(
     (0, import_utils.omitObject)(rest, [
+      ...import_popover.popoverProperties,
       "id",
       "value",
       "defaultValue",
       "onChange",
-      "month",
-      "onChangeMonth"
+      "onCreate",
+      "onSearch"
     ]),
     import_core.layoutStylesProperties
   );
@@ -741,6 +743,7 @@ var useAutocomplete = ({
   });
   const getPopoverProps = (0, import_react.useCallback)(
     (props) => ({
+      matchWidth: true,
       ...rest,
       ...props,
       isOpen,
@@ -1268,7 +1271,7 @@ var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest },
 
 // src/autocomplete-list.tsx
 var import_core3 = require("@yamada-ui/core");
-var import_popover = require("@yamada-ui/popover");
+var import_popover2 = require("@yamada-ui/popover");
 var import_utils3 = require("@yamada-ui/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var AutocompleteList = (0, import_core3.forwardRef)(
@@ -1280,7 +1283,7 @@ var AutocompleteList = (0, import_core3.forwardRef)(
     minW = (_h = minW != null ? minW : minWidth) != null ? _h : (_g = (_e = styles.list) == null ? void 0 : _e.minW) != null ? _g : (_f = styles.list) == null ? void 0 : _f.minWidth;
     const css = { ...styles.list };
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_popover.PopoverContent,
+      import_popover2.PopoverContent,
       {
         className: (0, import_utils3.cx)("ui-autocomplete__list", className),
         w,
@@ -1327,7 +1330,6 @@ var Autocomplete = (0, import_core4.forwardRef)(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -1344,23 +1346,32 @@ var Autocomplete = (0, import_core4.forwardRef)(
           isEmpty,
           styles
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover2.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           import_core4.ui.div,
           {
             className: (0, import_utils4.cx)("ui-autocomplete", className),
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                AutocompleteField,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                import_core4.ui.div,
                 {
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      AutocompleteField,
+                      {
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -1385,7 +1396,7 @@ var AutocompleteField = (0, import_core4.forwardRef)(
       ...styles.field,
       cursor: "text"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover2.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_core4.ui.div,
       {
         className: (0, import_utils4.cx)("ui-autocomplete__field", className),
@@ -1589,7 +1600,7 @@ var MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { view
 
 // src/multi-autocomplete.tsx
 var import_core9 = require("@yamada-ui/core");
-var import_popover3 = require("@yamada-ui/popover");
+var import_popover4 = require("@yamada-ui/popover");
 var import_utils9 = require("@yamada-ui/utils");
 var import_react3 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1642,7 +1653,6 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -1660,33 +1670,42 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
           isEmpty,
           styles
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           import_core9.ui.div,
           {
-            className: (0, import_utils9.cx)("ui-autocomplete", className),
+            className: (0, import_utils9.cx)("ui-multi-autocomplete", className),
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                MultiAutocompleteField,
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                import_core9.ui.div,
                 {
-                  component,
-                  separator,
-                  keepPlaceholder,
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-multi-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      MultiAutocompleteField,
+                      {
+                        component,
+                        separator,
+                        keepPlaceholder,
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      AutocompleteClearIcon,
+                      {
+                        ...clearIconProps,
+                        onClick: (0, import_utils9.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
+                        ...formControlProps
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                AutocompleteClearIcon,
-                {
-                  ...clearIconProps,
-                  onClick: (0, import_utils9.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
-                  ...formControlProps
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -1765,10 +1784,10 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
       ...styles.field,
       cursor: "text"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       import_core9.ui.div,
       {
-        className: (0, import_utils9.cx)("ui-autocomplete__field", className),
+        className: (0, import_utils9.cx)("ui-multi-autocomplete__field", className),
         __css: css,
         py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
         ...rest,
@@ -1777,7 +1796,7 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             import_core9.ui.input,
             {
-              className: (0, import_utils9.cx)("ui-autocomplete__field__input", className),
+              className: "ui-multi-autocomplete__field__input",
               display: "inline-block",
               flex: "1",
               overflow: "hidden",

package/dist/index.mjs

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

package/dist/multi-autocomplete.js

@@ -25,7 +25,7 @@ __export(multi_autocomplete_exports, {
 });
 module.exports = __toCommonJS(multi_autocomplete_exports);
 var import_core8 = require("@yamada-ui/core");
-var import_popover2 = require("@yamada-ui/popover");
+var import_popover3 = require("@yamada-ui/popover");
 var import_utils8 = require("@yamada-ui/utils");
 var import_react3 = require("react");
 
@@ -39,6 +39,7 @@ var import_react2 = require("react");
 // src/use-autocomplete.tsx
 var import_core6 = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover2 = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");
@@ -405,12 +406,13 @@ var useAutocomplete = ({
   const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils6.splitObject)(
     (0, import_utils6.omitObject)(rest, [
+      ...import_popover2.popoverProperties,
       "id",
       "value",
       "defaultValue",
       "onChange",
-      "month",
-      "onChangeMonth"
+      "onCreate",
+      "onSearch"
     ]),
     import_core6.layoutStylesProperties
   );
@@ -941,6 +943,7 @@ var useAutocomplete = ({
   });
   const getPopoverProps = (0, import_react.useCallback)(
     (props) => ({
+      matchWidth: true,
       ...rest,
       ...props,
       isOpen,
@@ -1517,7 +1520,6 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
     h != null ? h : h = height;
     minH != null ? minH : minH = minHeight;
     const css = {
-      position: "relative",
       w: "100%",
       h: "fit-content",
       color,
@@ -1535,33 +1537,42 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
           isEmpty,
           styles
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover2.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           import_core8.ui.div,
           {
-            className: (0, import_utils8.cx)("ui-autocomplete", className),
+            className: (0, import_utils8.cx)("ui-multi-autocomplete", className),
             __css: css,
             ...getContainerProps(containerProps),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                MultiAutocompleteField,
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                import_core8.ui.div,
                 {
-                  component,
-                  separator,
-                  keepPlaceholder,
-                  h,
-                  minH,
-                  inputProps,
-                  ...getFieldProps({}, ref)
+                  className: "ui-multi-autocomplete__inner",
+                  __css: { position: "relative", ...styles.inner },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      MultiAutocompleteField,
+                      {
+                        component,
+                        separator,
+                        keepPlaceholder,
+                        h,
+                        minH,
+                        inputProps,
+                        ...getFieldProps({}, ref)
+                      }
+                    ),
+                    isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      AutocompleteClearIcon,
+                      {
+                        ...clearIconProps,
+                        onClick: (0, import_utils8.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
+                        ...formControlProps
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps })
+                  ]
                 }
               ),
-              isClearable && value.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                AutocompleteClearIcon,
-                {
-                  ...clearIconProps,
-                  onClick: (0, import_utils8.handlerAll)(clearIconProps == null ? void 0 : clearIconProps.onClick, onClear),
-                  ...formControlProps
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteIcon, { ...iconProps, ...formControlProps }),
               !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AutocompleteList, { ...listProps, children: [
                 allowCreate ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteCreate, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AutocompleteEmpty, {}),
                 children != null ? children : computedChildren
@@ -1640,10 +1651,10 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
       ...styles.field,
       cursor: "text"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover2.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       import_core8.ui.div,
       {
-        className: (0, import_utils8.cx)("ui-autocomplete__field", className),
+        className: (0, import_utils8.cx)("ui-multi-autocomplete__field", className),
         __css: css,
         py: (displayValue == null ? void 0 : displayValue.length) && component ? "0.125rem" : void 0,
         ...rest,
@@ -1652,7 +1663,7 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_core8.ui.input,
             {
-              className: (0, import_utils8.cx)("ui-autocomplete__field__input", className),
+              className: "ui-multi-autocomplete__field__input",
               display: "inline-block",
               flex: "1",
               overflow: "hidden",

package/dist/multi-autocomplete.mjs

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

package/dist/{use-autocomplete-2c76e025.d.ts → use-autocomplete-67b1aea6.d.ts}

@@ -394,9 +394,7 @@ declare const AutocompleteDescendantsContextProvider: react.Provider<{
     } & {
         node: HTMLElement;
         index: number;
-    })[]; /**
-     * The value of the autocomplete.
-     */
+    })[];
     enabledValue: (index: number, filter?: ((value: {
         disabled?: boolean | undefined;
         id?: string | undefined;
@@ -993,9 +991,7 @@ declare const useAutocompleteDescendantsContext: () => {
     } & {
         node: HTMLElement;
         index: number;
-    })[]; /**
-     * The value of the autocomplete.
-     */
+    })[];
     enabledValue: (index: number, filter?: ((value: {
         disabled?: boolean | undefined;
         id?: string | undefined;
@@ -1592,9 +1588,7 @@ declare const useAutocompleteDescendants: () => {
     } & {
         node: HTMLElement;
         index: number;
-    })[]; /**
-     * The value of the autocomplete.
-     */
+    })[];
     enabledValue: (index: number, filter?: ((value: {
         disabled?: boolean | undefined;
         id?: string | undefined;
@@ -2762,9 +2756,7 @@ declare const useAutocompleteDescendant: (options?: {
         } & {
             node: HTMLElement;
             index: number;
-        })[]; /**
-         * The value of the autocomplete.
-         */
+        })[];
         enabledValue: (index: number, filter?: ((value: {
             disabled?: boolean | undefined;
             id?: string | undefined;
@@ -3805,9 +3797,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
         } & {
             node: HTMLElement;
             index: number;
-        })[]; /**
-         * The value of the autocomplete.
-         */
+        })[];
         enabledValue: (index: number, filter?: ((value: {
             disabled?: boolean | undefined;
             id?: string | undefined;
@@ -4075,7 +4065,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
     getPopoverProps: (props?: PopoverProps) => PopoverProps;
     getContainerProps: PropGetter;
     getFieldProps: PropGetter;
-    inputProps: Omit<Omit<Dict, "value" | "defaultValue" | "id" | "onChange" | "month" | "onChangeMonth">, any>;
+    inputProps: Omit<Dict, string>;
 };
 type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
 declare const useAutocompleteInput: () => {

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-2c76e025.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-67b1aea6.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-2c76e025.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-67b1aea6.js';

package/dist/use-autocomplete.js

@@ -38,6 +38,7 @@ __export(use_autocomplete_exports, {
 module.exports = __toCommonJS(use_autocomplete_exports);
 var import_core4 = require("@yamada-ui/core");
 var import_form_control = require("@yamada-ui/form-control");
+var import_popover = require("@yamada-ui/popover");
 var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
 var import_use_descendant = require("@yamada-ui/use-descendant");
 var import_use_outside_click = require("@yamada-ui/use-outside-click");
@@ -356,12 +357,13 @@ var useAutocomplete = ({
   const formControlProps = (0, import_utils4.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils4.splitObject)(
     (0, import_utils4.omitObject)(rest, [
+      ...import_popover.popoverProperties,
       "id",
       "value",
       "defaultValue",
       "onChange",
-      "month",
-      "onChangeMonth"
+      "onCreate",
+      "onSearch"
     ]),
     import_core4.layoutStylesProperties
   );
@@ -892,6 +894,7 @@ var useAutocomplete = ({
   });
   const getPopoverProps = (0, import_react2.useCallback)(
     (props) => ({
+      matchWidth: true,
       ...rest,
       ...props,
       isOpen,

package/dist/use-autocomplete.mjs

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

package/package.json

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