@yamada-ui/autocomplete 0.1.8 → 0.1.9

package/dist/autocomplete-create.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteCreate
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteCreate
 };

package/dist/autocomplete-empty.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteEmpty
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteEmpty
 };

package/dist/autocomplete-icon.mjs

@@ -2,7 +2,7 @@ import {
   AutocompleteClearIcon,
   AutocompleteIcon,
   AutocompleteItemIcon
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteClearIcon,
   AutocompleteIcon,

package/dist/autocomplete-list.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteList
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteList
 };

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-42515ffb.js';
+import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-2e4e8207.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@yamada-ui/form-control';

package/dist/autocomplete-option-group.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteOptionGroup
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteOptionGroup
 };

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-42515ffb.js';
+export { a as AutocompleteOption, A as AutocompleteOptionProps } from './use-autocomplete-2e4e8207.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/autocomplete-option.mjs

@@ -1,6 +1,6 @@
 import {
   AutocompleteOption
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteOption
 };

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 { b as UseAutocompleteProps } from './use-autocomplete-42515ffb.js';
+import { b as UseAutocompleteProps } from './use-autocomplete-2e4e8207.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';

package/dist/autocomplete.js

@@ -395,7 +395,7 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils6.splitObject)(
-    (0, import_utils6.omitObject)(rest, ["id", "value", "onChange", "month", "onChangeMonth"]),
+    (0, import_utils6.omitObject)(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
     import_core6.layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -742,10 +742,8 @@ var useAutocomplete = ({
       setDisplayValue(void 0);
       setInputValue("");
       rebirthOptions();
-      if (inputRef.current)
-        inputRef.current.focus();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions, inputRef]
+    [setDisplayValue, setInputValue, setValue, rebirthOptions]
   );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
@@ -877,10 +875,9 @@ var useAutocomplete = ({
       ...props,
       ...formControlProps,
       onClick: (0, import_utils6.handlerAll)(props.onClick, rest.onClick, onClick),
-      onFocus: (0, import_utils6.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onBlur: (0, import_utils6.handlerAll)(props.onBlur, rest.onBlur, onBlur)
     }),
-    [containerProps, formControlProps, onBlur, onClick, onFocus, rest]
+    [containerProps, formControlProps, onBlur, onClick, rest]
   );
   const getFieldProps = (0, import_react.useCallback)(
     (props = {}, ref = null) => ({
@@ -891,9 +888,10 @@ var useAutocomplete = ({
       placeholder,
       "data-active": (0, import_utils6.dataAttr)(isOpen),
       "aria-expanded": (0, import_utils6.dataAttr)(isOpen),
+      onFocus: (0, import_utils6.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onKeyDown: (0, import_utils6.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
     }),
-    [formControlProps, placeholder, isOpen, rest, onKeyDown]
+    [formControlProps, placeholder, isOpen, rest, onFocus, onKeyDown]
   );
   return {
     id,
@@ -1430,8 +1428,7 @@ var AutocompleteField = (0, import_core8.forwardRef)(
         display: "inline-block",
         w: "full",
         placeholder,
-        ...getInputProps(inputProps, ref),
-        value: inputValue || displayValue || ""
+        ...getInputProps({ ...inputProps, value: inputValue || displayValue || "" }, ref)
       }
     ) }) });
   }

package/dist/autocomplete.mjs

@@ -1,6 +1,6 @@
 import {
   Autocomplete
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   Autocomplete
 };

package/dist/{chunk-MG2KF34Q.mjs → chunk-UJYX53L6.mjs}

@@ -222,8 +222,7 @@ var AutocompleteField = forwardRef2(
         display: "inline-block",
         w: "full",
         placeholder,
-        ...getInputProps(inputProps, ref),
-        value: inputValue || displayValue || ""
+        ...getInputProps({ ...inputProps, value: inputValue || displayValue || "" }, ref)
       }
     ) }) });
   }
@@ -584,8 +583,7 @@ var MultiAutocompleteField = forwardRef7(
               marginBlockStart: "0.125rem",
               marginBlockEnd: "0.125rem",
               placeholder: !displayValue || keepPlaceholder && isOpen ? placeholder : void 0,
-              ...getInputProps(inputProps, ref),
-              value: inputValue
+              ...getInputProps({ ...inputProps, value: inputValue != null ? inputValue : "" }, ref)
             }
           )
         ]
@@ -746,7 +744,7 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = pickObject(rest, formControlProperties);
   const [containerProps, inputProps] = splitObject(
-    omitObject(rest, ["id", "value", "onChange", "month", "onChangeMonth"]),
+    omitObject(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
     layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -1093,10 +1091,8 @@ var useAutocomplete = ({
       setDisplayValue(void 0);
       setInputValue("");
       rebirthOptions();
-      if (inputRef.current)
-        inputRef.current.focus();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions, inputRef]
+    [setDisplayValue, setInputValue, setValue, rebirthOptions]
   );
   const onClick = useCallback(() => {
     if (isOpen) {
@@ -1228,10 +1224,9 @@ var useAutocomplete = ({
       ...props,
       ...formControlProps,
       onClick: handlerAll2(props.onClick, rest.onClick, onClick),
-      onFocus: handlerAll2(props.onFocus, rest.onFocus, onFocus),
       onBlur: handlerAll2(props.onBlur, rest.onBlur, onBlur)
     }),
-    [containerProps, formControlProps, onBlur, onClick, onFocus, rest]
+    [containerProps, formControlProps, onBlur, onClick, rest]
   );
   const getFieldProps = useCallback(
     (props = {}, ref = null) => ({
@@ -1242,9 +1237,10 @@ var useAutocomplete = ({
       placeholder,
       "data-active": dataAttr(isOpen),
       "aria-expanded": dataAttr(isOpen),
+      onFocus: handlerAll2(props.onFocus, rest.onFocus, onFocus),
       onKeyDown: handlerAll2(props.onKeyDown, rest.onKeyDown, onKeyDown)
     }),
-    [formControlProps, placeholder, isOpen, rest, onKeyDown]
+    [formControlProps, placeholder, isOpen, rest, onFocus, onKeyDown]
   );
   return {
     id,

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-42515ffb.js';
+export { a as AutocompleteOption, A as AutocompleteOptionProps } from './use-autocomplete-2e4e8207.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

@@ -200,7 +200,7 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = (0, import_utils.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils.splitObject)(
-    (0, import_utils.omitObject)(rest, ["id", "value", "onChange", "month", "onChangeMonth"]),
+    (0, import_utils.omitObject)(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
     import_core.layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -547,10 +547,8 @@ var useAutocomplete = ({
       setDisplayValue(void 0);
       setInputValue("");
       rebirthOptions();
-      if (inputRef.current)
-        inputRef.current.focus();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions, inputRef]
+    [setDisplayValue, setInputValue, setValue, rebirthOptions]
   );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
@@ -682,10 +680,9 @@ var useAutocomplete = ({
       ...props,
       ...formControlProps,
       onClick: (0, import_utils.handlerAll)(props.onClick, rest.onClick, onClick),
-      onFocus: (0, import_utils.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onBlur: (0, import_utils.handlerAll)(props.onBlur, rest.onBlur, onBlur)
     }),
-    [containerProps, formControlProps, onBlur, onClick, onFocus, rest]
+    [containerProps, formControlProps, onBlur, onClick, rest]
   );
   const getFieldProps = (0, import_react.useCallback)(
     (props = {}, ref = null) => ({
@@ -696,9 +693,10 @@ var useAutocomplete = ({
       placeholder,
       "data-active": (0, import_utils.dataAttr)(isOpen),
       "aria-expanded": (0, import_utils.dataAttr)(isOpen),
+      onFocus: (0, import_utils.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onKeyDown: (0, import_utils.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
     }),
-    [formControlProps, placeholder, isOpen, rest, onKeyDown]
+    [formControlProps, placeholder, isOpen, rest, onFocus, onKeyDown]
   );
   return {
     id,
@@ -1284,8 +1282,7 @@ var AutocompleteField = (0, import_core4.forwardRef)(
         display: "inline-block",
         w: "full",
         placeholder,
-        ...getInputProps(inputProps, ref),
-        value: inputValue || displayValue || ""
+        ...getInputProps({ ...inputProps, value: inputValue || displayValue || "" }, ref)
       }
     ) }) });
   }
@@ -1641,8 +1638,7 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
               marginBlockStart: "0.125rem",
               marginBlockEnd: "0.125rem",
               placeholder: !displayValue || keepPlaceholder && isOpen ? placeholder : void 0,
-              ...getInputProps(inputProps, ref),
-              value: inputValue
+              ...getInputProps({ ...inputProps, value: inputValue != null ? inputValue : "" }, ref)
             }
           )
         ]

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
   AutocompleteOption,
   AutocompleteOptionGroup,
   MultiAutocomplete
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   Autocomplete,
   AutocompleteCreate,

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 { b as UseAutocompleteProps } from './use-autocomplete-42515ffb.js';
+import { b as UseAutocompleteProps } from './use-autocomplete-2e4e8207.js';
 import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';

package/dist/multi-autocomplete.js

@@ -396,7 +396,7 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils6.splitObject)(
-    (0, import_utils6.omitObject)(rest, ["id", "value", "onChange", "month", "onChangeMonth"]),
+    (0, import_utils6.omitObject)(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
     import_core6.layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -743,10 +743,8 @@ var useAutocomplete = ({
       setDisplayValue(void 0);
       setInputValue("");
       rebirthOptions();
-      if (inputRef.current)
-        inputRef.current.focus();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions, inputRef]
+    [setDisplayValue, setInputValue, setValue, rebirthOptions]
   );
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
@@ -878,10 +876,9 @@ var useAutocomplete = ({
       ...props,
       ...formControlProps,
       onClick: (0, import_utils6.handlerAll)(props.onClick, rest.onClick, onClick),
-      onFocus: (0, import_utils6.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onBlur: (0, import_utils6.handlerAll)(props.onBlur, rest.onBlur, onBlur)
     }),
-    [containerProps, formControlProps, onBlur, onClick, onFocus, rest]
+    [containerProps, formControlProps, onBlur, onClick, rest]
   );
   const getFieldProps = (0, import_react.useCallback)(
     (props = {}, ref = null) => ({
@@ -892,9 +889,10 @@ var useAutocomplete = ({
       placeholder,
       "data-active": (0, import_utils6.dataAttr)(isOpen),
       "aria-expanded": (0, import_utils6.dataAttr)(isOpen),
+      onFocus: (0, import_utils6.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onKeyDown: (0, import_utils6.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
     }),
-    [formControlProps, placeholder, isOpen, rest, onKeyDown]
+    [formControlProps, placeholder, isOpen, rest, onFocus, onKeyDown]
   );
   return {
     id,
@@ -1535,8 +1533,7 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
               marginBlockStart: "0.125rem",
               marginBlockEnd: "0.125rem",
               placeholder: !displayValue || keepPlaceholder && isOpen ? placeholder : void 0,
-              ...getInputProps(inputProps, ref),
-              value: inputValue
+              ...getInputProps({ ...inputProps, value: inputValue != null ? inputValue : "" }, ref)
             }
           )
         ]

package/dist/multi-autocomplete.mjs

@@ -1,6 +1,6 @@
 import {
   MultiAutocomplete
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   MultiAutocomplete
 };

package/dist/{use-autocomplete-42515ffb.d.ts → use-autocomplete-2e4e8207.d.ts}

@@ -4004,7 +4004,7 @@ declare const useAutocomplete: <T extends MaybeValue = string>({ defaultIsOpen,
     getPopoverProps: (props?: PopoverProps) => PopoverProps;
     getContainerProps: PropGetter;
     getFieldProps: PropGetter;
-    inputProps: Omit<Omit<Dict, "value" | "id" | "onChange" | "month" | "onChangeMonth">, any>;
+    inputProps: Omit<Omit<Dict, "value" | "defaultValue" | "id" | "onChange" | "month" | "onChangeMonth">, any>;
 };
 type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
 declare const useAutocompleteInput: () => {

package/dist/use-autocomplete.d.ts

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

package/dist/use-autocomplete.js

@@ -340,7 +340,7 @@ var useAutocomplete = ({
   const { id } = rest;
   const formControlProps = (0, import_utils4.pickObject)(rest, import_form_control.formControlProperties);
   const [containerProps, inputProps] = (0, import_utils4.splitObject)(
-    (0, import_utils4.omitObject)(rest, ["id", "value", "onChange", "month", "onChangeMonth"]),
+    (0, import_utils4.omitObject)(rest, ["id", "value", "defaultValue", "onChange", "month", "onChangeMonth"]),
     import_core4.layoutStylesProperties
   );
   const descendants = useAutocompleteDescendants();
@@ -687,10 +687,8 @@ var useAutocomplete = ({
       setDisplayValue(void 0);
       setInputValue("");
       rebirthOptions();
-      if (inputRef.current)
-        inputRef.current.focus();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions, inputRef]
+    [setDisplayValue, setInputValue, setValue, rebirthOptions]
   );
   const onClick = (0, import_react2.useCallback)(() => {
     if (isOpen) {
@@ -822,10 +820,9 @@ var useAutocomplete = ({
       ...props,
       ...formControlProps,
       onClick: (0, import_utils4.handlerAll)(props.onClick, rest.onClick, onClick),
-      onFocus: (0, import_utils4.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onBlur: (0, import_utils4.handlerAll)(props.onBlur, rest.onBlur, onBlur)
     }),
-    [containerProps, formControlProps, onBlur, onClick, onFocus, rest]
+    [containerProps, formControlProps, onBlur, onClick, rest]
   );
   const getFieldProps = (0, import_react2.useCallback)(
     (props = {}, ref = null) => ({
@@ -836,9 +833,10 @@ var useAutocomplete = ({
       placeholder,
       "data-active": (0, import_utils4.dataAttr)(isOpen),
       "aria-expanded": (0, import_utils4.dataAttr)(isOpen),
+      onFocus: (0, import_utils4.handlerAll)(props.onFocus, rest.onFocus, onFocus),
       onKeyDown: (0, import_utils4.handlerAll)(props.onKeyDown, rest.onKeyDown, onKeyDown)
     }),
-    [formControlProps, placeholder, isOpen, rest, onKeyDown]
+    [formControlProps, placeholder, isOpen, rest, onFocus, onKeyDown]
   );
   return {
     id,

package/dist/use-autocomplete.mjs

@@ -12,7 +12,7 @@ import {
   useAutocompleteList,
   useAutocompleteOption,
   useAutocompleteOptionGroup
-} from "./chunk-MG2KF34Q.mjs";
+} from "./chunk-UJYX53L6.mjs";
 export {
   AutocompleteDescendantsContextProvider,
   AutocompleteProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/autocomplete",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Yamada UI autocomplete component",
   "keywords": [
     "yamada",
@@ -36,16 +36,16 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.2.1",
+    "@yamada-ui/core": "0.2.2",
     "@yamada-ui/utils": "0.1.1",
-    "@yamada-ui/icon": "0.1.8",
-    "@yamada-ui/select": "0.1.8",
-    "@yamada-ui/form-control": "0.1.8",
-    "@yamada-ui/popover": "0.1.8",
+    "@yamada-ui/icon": "0.1.9",
+    "@yamada-ui/select": "0.1.9",
+    "@yamada-ui/form-control": "0.1.9",
+    "@yamada-ui/popover": "0.1.9",
     "@yamada-ui/use-descendant": "0.1.1",
     "@yamada-ui/use-clickable": "0.1.1",
     "@yamada-ui/use-outside-click": "0.1.1",
-    "@yamada-ui/use-controllable-state": "0.1.1"
+    "@yamada-ui/use-controllable-state": "0.1.2"
   },
   "devDependencies": {
     "react": "^18.0.0",