@yamada-ui/autocomplete 1.5.4-next-20241005220055 → 1.6.0-dev-20241011151311

package/dist/index.mjs

@@ -1,29 +1,29 @@
 "use client"
 import {
   MultiAutocomplete
-} from "./chunk-QPIWG4ZF.mjs";
+} from "./chunk-7LZUXESV.mjs";
 import {
   Autocomplete
-} from "./chunk-HZECQUHV.mjs";
-import "./chunk-OLOU5HFC.mjs";
+} from "./chunk-Q33EMTO2.mjs";
+import "./chunk-WERCEZNJ.mjs";
 import {
   AutocompleteCreate
-} from "./chunk-Q2HZVVOI.mjs";
+} from "./chunk-K5HCHHCJ.mjs";
 import {
   AutocompleteEmpty
-} from "./chunk-5GKGL6BL.mjs";
-import "./chunk-S53LMDD7.mjs";
-import "./chunk-R76HPAN4.mjs";
+} from "./chunk-2HJUFFCU.mjs";
+import "./chunk-VTBUO5SK.mjs";
+import "./chunk-TR4X4EEG.mjs";
 import {
   AutocompleteOptionGroup
-} from "./chunk-6F3LT7J6.mjs";
-import "./chunk-JMX72TSD.mjs";
+} from "./chunk-4SBNPEK7.mjs";
+import "./chunk-67X7JKWL.mjs";
 import {
   AutocompleteOption
-} from "./chunk-S2HFYJVI.mjs";
-import "./chunk-5LPWFWE6.mjs";
-import "./chunk-7SWSKLSA.mjs";
-import "./chunk-JPUKYLBW.mjs";
+} from "./chunk-AIBJWPRA.mjs";
+import "./chunk-6OLHNK7O.mjs";
+import "./chunk-V6YCG642.mjs";
+import "./chunk-WDQYM4FP.mjs";
 export {
   Autocomplete,
   AutocompleteCreate,

package/dist/multi-autocomplete.d.mts

@@ -8,8 +8,8 @@ import { AutocompleteEmptyProps } from './autocomplete-empty.mjs';
 import { AutocompleteIconProps } from './autocomplete-icon.mjs';
 import { AutocompleteListProps } from './autocomplete-list.mjs';
 import { UseAutocompleteProps } from './use-autocomplete.mjs';
-import 'react/jsx-runtime';
 import '@yamada-ui/use-descendant';
+import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
 import '@yamada-ui/utils';
@@ -20,26 +20,42 @@ import './use-autocomplete-option-group.mjs';
 
 interface MultiAutocompleteOptions {
     /**
-     * The visual separator between each value.
+     * If `true`, the list element will be closed when value is selected.
      *
-     * @default ','
+     * @default false
      */
-    separator?: string;
+    closeOnSelect?: boolean;
     /**
      * The custom display value to use.
      */
     component?: FC<{
-        value: string | number;
-        label: string;
         index: number;
+        label: string;
+        value: number | string;
         onRemove: MouseEventHandler<HTMLElement>;
     }>;
     /**
-     * If `true`, keep the placeholder.
-     *
-     * @default false
+     * The border color when the input is invalid.
      */
-    keepPlaceholder?: boolean;
+    errorBorderColor?: string;
+    /**
+     * The border color when the input is focused.
+     */
+    focusBorderColor?: string;
+    /**
+     * The footer of the autocomplete content element.
+     */
+    footer?: FC<{
+        value: string[] | undefined;
+        onClose: () => void;
+    }> | ReactNode;
+    /**
+     * The header of the autocomplete content element.
+     */
+    header?: FC<{
+        value: string[] | undefined;
+        onClose: () => void;
+    }> | ReactNode;
     /**
      * If `true`, display the select clear icon.
      *
@@ -47,13 +63,21 @@ interface MultiAutocompleteOptions {
      */
     isClearable?: boolean;
     /**
-     * The border color when the input is focused.
+     * If `true`, keep the placeholder.
+     *
+     * @default false
      */
-    focusBorderColor?: string;
+    keepPlaceholder?: boolean;
     /**
-     * The border color when the input is invalid.
+     * The visual separator between each value.
+     *
+     * @default ','
      */
-    errorBorderColor?: string;
+    separator?: string;
+    /**
+     * Props for multi autocomplete clear icon element.
+     */
+    clearIconProps?: AutocompleteIconProps;
     /**
      * Props for multi autocomplete container element.
      */
@@ -63,25 +87,29 @@ interface MultiAutocompleteOptions {
      */
     contentProps?: Omit<MotionProps, "children">;
     /**
-     * Props for multi autocomplete list element.
+     * Props for autocomplete create element.
      */
-    listProps?: Omit<AutocompleteListProps, "children">;
+    createProps?: Omit<AutocompleteCreateProps, "children">;
     /**
-     * Props for multi autocomplete field element.
+     * Props for autocomplete empty element.
      */
-    fieldProps?: Omit<MultiAutocompleteFieldProps, "component" | "separator" | "keepPlaceholder" | "inputProps" | "children">;
+    emptyProps?: Omit<AutocompleteEmptyProps, "children">;
     /**
-     * Props for multi autocomplete input element.
+     * Props for multi autocomplete field element.
      */
-    inputProps?: HTMLUIProps<"input">;
+    fieldProps?: Omit<MultiAutocompleteFieldProps, "children" | "component" | "inputProps" | "keepPlaceholder" | "separator">;
     /**
      * Props for multi autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
     /**
-     * Props for multi autocomplete clear icon element.
+     * Props for multi autocomplete input element.
      */
-    clearIconProps?: AutocompleteIconProps;
+    inputProps?: HTMLUIProps<"input">;
+    /**
+     * Props for multi autocomplete list element.
+     */
+    listProps?: Omit<AutocompleteListProps, "children">;
     /**
      * Props to be forwarded to the portal component.
      *
@@ -89,34 +117,6 @@ interface MultiAutocompleteOptions {
      *
      */
     portalProps?: Omit<PortalProps, "children">;
-    /**
-     * If `true`, the list element will be closed when value is selected.
-     *
-     * @default false
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Props for autocomplete create element.
-     */
-    createProps?: Omit<AutocompleteCreateProps, "children">;
-    /**
-     * Props for autocomplete empty element.
-     */
-    emptyProps?: Omit<AutocompleteEmptyProps, "children">;
-    /**
-     * The header of the autocomplete content element.
-     */
-    header?: ReactNode | FC<{
-        value: string[] | undefined;
-        onClose: () => void;
-    }>;
-    /**
-     * The footer of the autocomplete content element.
-     */
-    footer?: ReactNode | FC<{
-        value: string[] | undefined;
-        onClose: () => void;
-    }>;
 }
 interface MultiAutocompleteProps extends ThemeProps<"MultiAutocomplete">, Omit<UseAutocompleteProps<string[]>, "closeOnSelect">, MultiAutocompleteOptions {
 }
@@ -126,7 +126,7 @@ interface MultiAutocompleteProps extends ThemeProps<"MultiAutocomplete">, Omit<U
  * @see Docs https://yamada-ui.com/components/forms/multi-autocomplete
  */
 declare const MultiAutocomplete: _yamada_ui_core.Component<"input", MultiAutocompleteProps>;
-interface MultiAutocompleteFieldProps extends HTMLUIProps, Pick<MultiAutocompleteProps, "component" | "separator" | "keepPlaceholder" | "inputProps"> {
+interface MultiAutocompleteFieldProps extends HTMLUIProps, Pick<MultiAutocompleteProps, "component" | "inputProps" | "keepPlaceholder" | "separator"> {
 }
 
 export { MultiAutocomplete, type MultiAutocompleteProps };

package/dist/multi-autocomplete.d.ts

@@ -8,8 +8,8 @@ import { AutocompleteEmptyProps } from './autocomplete-empty.js';
 import { AutocompleteIconProps } from './autocomplete-icon.js';
 import { AutocompleteListProps } from './autocomplete-list.js';
 import { UseAutocompleteProps } from './use-autocomplete.js';
-import 'react/jsx-runtime';
 import '@yamada-ui/use-descendant';
+import 'react/jsx-runtime';
 import '@yamada-ui/form-control';
 import '@yamada-ui/popover';
 import '@yamada-ui/utils';
@@ -20,26 +20,42 @@ import './use-autocomplete-option-group.js';
 
 interface MultiAutocompleteOptions {
     /**
-     * The visual separator between each value.
+     * If `true`, the list element will be closed when value is selected.
      *
-     * @default ','
+     * @default false
      */
-    separator?: string;
+    closeOnSelect?: boolean;
     /**
      * The custom display value to use.
      */
     component?: FC<{
-        value: string | number;
-        label: string;
         index: number;
+        label: string;
+        value: number | string;
         onRemove: MouseEventHandler<HTMLElement>;
     }>;
     /**
-     * If `true`, keep the placeholder.
-     *
-     * @default false
+     * The border color when the input is invalid.
      */
-    keepPlaceholder?: boolean;
+    errorBorderColor?: string;
+    /**
+     * The border color when the input is focused.
+     */
+    focusBorderColor?: string;
+    /**
+     * The footer of the autocomplete content element.
+     */
+    footer?: FC<{
+        value: string[] | undefined;
+        onClose: () => void;
+    }> | ReactNode;
+    /**
+     * The header of the autocomplete content element.
+     */
+    header?: FC<{
+        value: string[] | undefined;
+        onClose: () => void;
+    }> | ReactNode;
     /**
      * If `true`, display the select clear icon.
      *
@@ -47,13 +63,21 @@ interface MultiAutocompleteOptions {
      */
     isClearable?: boolean;
     /**
-     * The border color when the input is focused.
+     * If `true`, keep the placeholder.
+     *
+     * @default false
      */
-    focusBorderColor?: string;
+    keepPlaceholder?: boolean;
     /**
-     * The border color when the input is invalid.
+     * The visual separator between each value.
+     *
+     * @default ','
      */
-    errorBorderColor?: string;
+    separator?: string;
+    /**
+     * Props for multi autocomplete clear icon element.
+     */
+    clearIconProps?: AutocompleteIconProps;
     /**
      * Props for multi autocomplete container element.
      */
@@ -63,25 +87,29 @@ interface MultiAutocompleteOptions {
      */
     contentProps?: Omit<MotionProps, "children">;
     /**
-     * Props for multi autocomplete list element.
+     * Props for autocomplete create element.
      */
-    listProps?: Omit<AutocompleteListProps, "children">;
+    createProps?: Omit<AutocompleteCreateProps, "children">;
     /**
-     * Props for multi autocomplete field element.
+     * Props for autocomplete empty element.
      */
-    fieldProps?: Omit<MultiAutocompleteFieldProps, "component" | "separator" | "keepPlaceholder" | "inputProps" | "children">;
+    emptyProps?: Omit<AutocompleteEmptyProps, "children">;
     /**
-     * Props for multi autocomplete input element.
+     * Props for multi autocomplete field element.
      */
-    inputProps?: HTMLUIProps<"input">;
+    fieldProps?: Omit<MultiAutocompleteFieldProps, "children" | "component" | "inputProps" | "keepPlaceholder" | "separator">;
     /**
      * Props for multi autocomplete icon element.
      */
     iconProps?: AutocompleteIconProps;
     /**
-     * Props for multi autocomplete clear icon element.
+     * Props for multi autocomplete input element.
      */
-    clearIconProps?: AutocompleteIconProps;
+    inputProps?: HTMLUIProps<"input">;
+    /**
+     * Props for multi autocomplete list element.
+     */
+    listProps?: Omit<AutocompleteListProps, "children">;
     /**
      * Props to be forwarded to the portal component.
      *
@@ -89,34 +117,6 @@ interface MultiAutocompleteOptions {
      *
      */
     portalProps?: Omit<PortalProps, "children">;
-    /**
-     * If `true`, the list element will be closed when value is selected.
-     *
-     * @default false
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Props for autocomplete create element.
-     */
-    createProps?: Omit<AutocompleteCreateProps, "children">;
-    /**
-     * Props for autocomplete empty element.
-     */
-    emptyProps?: Omit<AutocompleteEmptyProps, "children">;
-    /**
-     * The header of the autocomplete content element.
-     */
-    header?: ReactNode | FC<{
-        value: string[] | undefined;
-        onClose: () => void;
-    }>;
-    /**
-     * The footer of the autocomplete content element.
-     */
-    footer?: ReactNode | FC<{
-        value: string[] | undefined;
-        onClose: () => void;
-    }>;
 }
 interface MultiAutocompleteProps extends ThemeProps<"MultiAutocomplete">, Omit<UseAutocompleteProps<string[]>, "closeOnSelect">, MultiAutocompleteOptions {
 }
@@ -126,7 +126,7 @@ interface MultiAutocompleteProps extends ThemeProps<"MultiAutocomplete">, Omit<U
  * @see Docs https://yamada-ui.com/components/forms/multi-autocomplete
  */
 declare const MultiAutocomplete: _yamada_ui_core.Component<"input", MultiAutocompleteProps>;
-interface MultiAutocompleteFieldProps extends HTMLUIProps, Pick<MultiAutocompleteProps, "component" | "separator" | "keepPlaceholder" | "inputProps"> {
+interface MultiAutocompleteFieldProps extends HTMLUIProps, Pick<MultiAutocompleteProps, "component" | "inputProps" | "keepPlaceholder" | "separator"> {
 }
 
 export { MultiAutocomplete, type MultiAutocompleteProps };