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

package/dist/use-autocomplete.d.mts

@@ -1,9 +1,9 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps, PropGetter } from '@yamada-ui/core';
 import * as react from 'react';
-import { FocusEvent, ChangeEvent, MouseEvent, DOMAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FocusEvent, DOMAttributes, MouseEvent, ChangeEvent } from 'react';
 import * as _yamada_ui_use_descendant from '@yamada-ui/use-descendant';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormControlOptions } from '@yamada-ui/form-control';
 import { PopoverProps, ComboBoxProps } from '@yamada-ui/popover';
 import { Union } from '@yamada-ui/utils';
@@ -24,28 +24,34 @@ interface AutocompleteItemWithValue extends AutocompleteOptionProps {
 interface AutocompleteItemWithItems extends AutocompleteOptionGroupProps, Pick<AutocompleteOptionProps, "isDisabled" | "isFocusable"> {
     items?: AutocompleteItemWithValue[];
 }
-type AutocompleteItem = AutocompleteItemWithValue | AutocompleteItemWithItems;
-type UseAutocompleteBaseProps<T extends string | string[] = string> = ComboBoxProps & FormControlOptions & {
+type AutocompleteItem = AutocompleteItemWithItems | AutocompleteItemWithValue;
+type UseAutocompleteBaseProps<T extends string | string[] = string> = {
     /**
-     * The value of the autocomplete.
+     * If `true`, enables the creation of autocomplete option.
+     *
+     * @default false
      */
-    value?: T;
+    allowCreate?: boolean;
     /**
-     * The initial value of the autocomplete.
+     * If `true`, enables the free input.
      */
-    defaultValue?: T;
+    allowFree?: boolean;
     /**
-     * The callback invoked when value state changes.
+     * If `true`, the list element will be closed when value is selected.
+     *
+     * @default true
      */
-    onChange?: (value: T) => void;
+    closeOnSelect?: boolean;
     /**
-     * The callback invoked when search input.
+     * The initial value of the autocomplete.
      */
-    onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: T;
     /**
-     * The callback invoked when autocomplete option created.
+     * The message displayed when the search yields no hits.
+     *
+     * @default 'No results found'
      */
-    onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
+    emptyMessage?: string;
     /**
      * Function to format text when search input.
      */
@@ -55,100 +61,96 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = ComboBoxPr
      *
      * @default 'first'
      */
-    insertPositionItem?: Union<"first" | "last"> | [string, "first" | "last"];
+    insertPositionItem?: [string, "first" | "last"] | Union<"first" | "last">;
     /**
-     * If `true`, the list element will be closed when value is selected.
-     *
-     * @default true
+     * If provided, generate options based on items.
      */
-    closeOnSelect?: boolean;
+    items?: AutocompleteItem[];
     /**
-     * The message displayed when the search yields no hits.
-     *
-     * @default 'No results found'
+     * The maximum selectable value.
      */
-    emptyMessage?: string;
+    maxSelectValues?: number;
     /**
-     * If `true`, enables the creation of autocomplete option.
+     * If `true`, the selected item(s) will be excluded from the list.
      *
      * @default false
      */
-    allowCreate?: boolean;
+    omitSelectedValues?: boolean;
     /**
-     * If `true`, enables the free input.
+     * The value of the autocomplete.
      */
-    allowFree?: boolean;
+    value?: T;
     /**
-     * If `true`, the selected item(s) will be excluded from the list.
-     *
-     * @default false
+     * Props for select option element.
      */
-    omitSelectedValues?: boolean;
+    optionProps?: Omit<AutocompleteOptionProps, "children" | "value">;
     /**
-     * The maximum selectable value.
+     * The callback invoked when value state changes.
      */
-    maxSelectValues?: number;
+    onChange?: (value: T) => void;
     /**
-     * Props for select option element.
+     * The callback invoked when autocomplete option created.
      */
-    optionProps?: Omit<AutocompleteOptionProps, "value" | "children">;
+    onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
     /**
-     * If provided, generate options based on items.
+     * The callback invoked when search input.
      */
-    items?: AutocompleteItem[];
-};
-type UseAutocompleteProps<T extends string | string[] = string> = Omit<HTMLUIProps<"input">, keyof UseAutocompleteBaseProps | "list" | "disabled" | "required" | "readOnly" | "size"> & UseAutocompleteBaseProps<T>;
+    onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
+} & ComboBoxProps & FormControlOptions;
+type UseAutocompleteProps<T extends string | string[] = string> = Omit<HTMLUIProps<"input">, "disabled" | "list" | "readOnly" | "required" | "size" | keyof UseAutocompleteBaseProps> & UseAutocompleteBaseProps<T>;
 declare const useAutocomplete: <T extends string | string[] = string>(props: UseAutocompleteProps<T>) => {
     id: string | undefined;
+    allowCreate: boolean;
+    allowFree: boolean;
+    closeOnSelect: boolean;
+    computedChildren: (react_jsx_runtime.JSX.Element | undefined)[] | undefined;
     descendants: {
-        register: (nodeOrOptions: HTMLElement | {
-            disabled?: boolean;
-            id?: string;
-            filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined;
-        } | null) => void | ((node: HTMLElement | null) => void);
-        unregister: (node: HTMLElement) => void;
-        destroy: () => void;
         count: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
-        values: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
-        value: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        indexOf: (node: HTMLElement | null) => number;
-        firstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        lastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        prevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        nextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        destroy: () => void;
         enabledCount: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
-        enabledValues: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
-        enabledValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        enabledIndexOf: (node: HTMLElement | null, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
         enabledFirstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledIndexOf: (node?: HTMLElement | null | undefined, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
         enabledLastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        enabledPrevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
         enabledNextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledPrevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledValues: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
+        firstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        indexOf: (node?: HTMLElement | null | undefined) => number;
+        lastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        nextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        prevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        register: (nodeOrOptions?: HTMLElement | {
+            id?: string;
+            disabled?: boolean;
+            filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined;
+        } | null | undefined) => void | ((node: HTMLElement | null) => void);
+        unregister: (node?: HTMLElement | undefined) => void;
+        value: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        values: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
     };
-    value: T;
-    label: T | undefined;
+    emptyMessage: string;
+    focusedIndex: number;
+    inputRef: react.RefObject<HTMLInputElement>;
     inputValue: string;
-    isHit: boolean;
+    isAllSelected: boolean;
     isEmpty: boolean;
-    computedChildren: (react_jsx_runtime.JSX.Element | undefined)[] | undefined;
-    focusedIndex: number;
-    omitSelectedValues: boolean;
-    closeOnSelect: boolean;
-    allowCreate: boolean;
-    allowFree: boolean;
-    emptyMessage: string;
+    isHit: boolean;
     isOpen: boolean;
-    isAllSelected: boolean;
+    label: T | undefined;
     listRef: react.RefObject<HTMLUListElement>;
-    inputRef: react.RefObject<HTMLInputElement>;
-    optionProps: Omit<AutocompleteOptionProps, "value" | "children"> | undefined;
+    omitSelectedValues: boolean;
+    pickOptions: (value: string) => void;
+    rebirthOptions: (runFocus?: boolean) => void;
+    setFocusedIndex: react.Dispatch<react.SetStateAction<number>>;
+    value: T;
     formControlProps: {
         disabled: boolean | undefined;
-        _invalid?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
-        _hover?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _active?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _focus?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _focusVisible?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
+        _hover?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
+        _invalid?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         readOnly: boolean | undefined;
         required: boolean | undefined;
         "aria-disabled": boolean | undefined;
@@ -157,27 +159,25 @@ declare const useAutocomplete: <T extends string | string[] = string>(props: Use
         onBlur: (event: FocusEvent<HTMLInputElement, Element>) => void;
         "data-readonly": boolean | "false" | "true";
     };
-    setFocusedIndex: react.Dispatch<react.SetStateAction<number>>;
-    onChangeLabel: (newValue: string, { forceUpdate, runOmit }?: ChangeOptions) => void;
+    getContainerProps: PropGetter<"div", undefined>;
+    getFieldProps: PropGetter<"div", undefined>;
+    getPopoverProps: (props?: PopoverProps) => PopoverProps;
+    inputProps: DOMAttributes<HTMLInputElement>;
+    optionProps: Omit<AutocompleteOptionProps, "value" | "children"> | undefined;
     onChange: (newValue: string, { forceUpdate, runRebirth }?: ChangeOptions) => void;
-    onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
-    onCreate: () => void;
+    onChangeLabel: (newValue: string, { forceUpdate, runOmit }?: ChangeOptions) => void;
     onClear: (ev: MouseEvent<HTMLDivElement>) => void;
-    onCompositionStart: () => void;
-    onCompositionEnd: () => void;
-    pickOptions: (value: string) => void;
-    rebirthOptions: (runFocus?: boolean) => void;
-    onOpen: () => void;
     onClose: () => void;
+    onCompositionEnd: () => void;
+    onCompositionStart: () => void;
+    onCreate: () => void;
     onFocusFirst: () => void;
     onFocusLast: () => void;
-    onFocusSelected: () => void;
     onFocusNext: (index?: number) => void;
     onFocusPrev: (index?: number) => void;
-    getPopoverProps: (props?: PopoverProps) => PopoverProps;
-    getContainerProps: PropGetter<"div", undefined>;
-    getFieldProps: PropGetter<"div", undefined>;
-    inputProps: DOMAttributes<HTMLInputElement>;
+    onFocusSelected: () => void;
+    onOpen: () => void;
+    onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
 };
 type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
 declare const useAutocompleteInput: () => {

package/dist/use-autocomplete.d.ts

@@ -1,9 +1,9 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps, PropGetter } from '@yamada-ui/core';
 import * as react from 'react';
-import { FocusEvent, ChangeEvent, MouseEvent, DOMAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FocusEvent, DOMAttributes, MouseEvent, ChangeEvent } from 'react';
 import * as _yamada_ui_use_descendant from '@yamada-ui/use-descendant';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FormControlOptions } from '@yamada-ui/form-control';
 import { PopoverProps, ComboBoxProps } from '@yamada-ui/popover';
 import { Union } from '@yamada-ui/utils';
@@ -24,28 +24,34 @@ interface AutocompleteItemWithValue extends AutocompleteOptionProps {
 interface AutocompleteItemWithItems extends AutocompleteOptionGroupProps, Pick<AutocompleteOptionProps, "isDisabled" | "isFocusable"> {
     items?: AutocompleteItemWithValue[];
 }
-type AutocompleteItem = AutocompleteItemWithValue | AutocompleteItemWithItems;
-type UseAutocompleteBaseProps<T extends string | string[] = string> = ComboBoxProps & FormControlOptions & {
+type AutocompleteItem = AutocompleteItemWithItems | AutocompleteItemWithValue;
+type UseAutocompleteBaseProps<T extends string | string[] = string> = {
     /**
-     * The value of the autocomplete.
+     * If `true`, enables the creation of autocomplete option.
+     *
+     * @default false
      */
-    value?: T;
+    allowCreate?: boolean;
     /**
-     * The initial value of the autocomplete.
+     * If `true`, enables the free input.
      */
-    defaultValue?: T;
+    allowFree?: boolean;
     /**
-     * The callback invoked when value state changes.
+     * If `true`, the list element will be closed when value is selected.
+     *
+     * @default true
      */
-    onChange?: (value: T) => void;
+    closeOnSelect?: boolean;
     /**
-     * The callback invoked when search input.
+     * The initial value of the autocomplete.
      */
-    onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: T;
     /**
-     * The callback invoked when autocomplete option created.
+     * The message displayed when the search yields no hits.
+     *
+     * @default 'No results found'
      */
-    onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
+    emptyMessage?: string;
     /**
      * Function to format text when search input.
      */
@@ -55,100 +61,96 @@ type UseAutocompleteBaseProps<T extends string | string[] = string> = ComboBoxPr
      *
      * @default 'first'
      */
-    insertPositionItem?: Union<"first" | "last"> | [string, "first" | "last"];
+    insertPositionItem?: [string, "first" | "last"] | Union<"first" | "last">;
     /**
-     * If `true`, the list element will be closed when value is selected.
-     *
-     * @default true
+     * If provided, generate options based on items.
      */
-    closeOnSelect?: boolean;
+    items?: AutocompleteItem[];
     /**
-     * The message displayed when the search yields no hits.
-     *
-     * @default 'No results found'
+     * The maximum selectable value.
      */
-    emptyMessage?: string;
+    maxSelectValues?: number;
     /**
-     * If `true`, enables the creation of autocomplete option.
+     * If `true`, the selected item(s) will be excluded from the list.
      *
      * @default false
      */
-    allowCreate?: boolean;
+    omitSelectedValues?: boolean;
     /**
-     * If `true`, enables the free input.
+     * The value of the autocomplete.
      */
-    allowFree?: boolean;
+    value?: T;
     /**
-     * If `true`, the selected item(s) will be excluded from the list.
-     *
-     * @default false
+     * Props for select option element.
      */
-    omitSelectedValues?: boolean;
+    optionProps?: Omit<AutocompleteOptionProps, "children" | "value">;
     /**
-     * The maximum selectable value.
+     * The callback invoked when value state changes.
      */
-    maxSelectValues?: number;
+    onChange?: (value: T) => void;
     /**
-     * Props for select option element.
+     * The callback invoked when autocomplete option created.
      */
-    optionProps?: Omit<AutocompleteOptionProps, "value" | "children">;
+    onCreate?: (newItem: AutocompleteItem, newItems: AutocompleteItem[]) => void;
     /**
-     * If provided, generate options based on items.
+     * The callback invoked when search input.
      */
-    items?: AutocompleteItem[];
-};
-type UseAutocompleteProps<T extends string | string[] = string> = Omit<HTMLUIProps<"input">, keyof UseAutocompleteBaseProps | "list" | "disabled" | "required" | "readOnly" | "size"> & UseAutocompleteBaseProps<T>;
+    onSearch?: (ev: ChangeEvent<HTMLInputElement>) => void;
+} & ComboBoxProps & FormControlOptions;
+type UseAutocompleteProps<T extends string | string[] = string> = Omit<HTMLUIProps<"input">, "disabled" | "list" | "readOnly" | "required" | "size" | keyof UseAutocompleteBaseProps> & UseAutocompleteBaseProps<T>;
 declare const useAutocomplete: <T extends string | string[] = string>(props: UseAutocompleteProps<T>) => {
     id: string | undefined;
+    allowCreate: boolean;
+    allowFree: boolean;
+    closeOnSelect: boolean;
+    computedChildren: (react_jsx_runtime.JSX.Element | undefined)[] | undefined;
     descendants: {
-        register: (nodeOrOptions: HTMLElement | {
-            disabled?: boolean;
-            id?: string;
-            filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined;
-        } | null) => void | ((node: HTMLElement | null) => void);
-        unregister: (node: HTMLElement) => void;
-        destroy: () => void;
         count: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
-        values: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
-        value: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        indexOf: (node: HTMLElement | null) => number;
-        firstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        lastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        prevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        nextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        destroy: () => void;
         enabledCount: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
-        enabledValues: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
-        enabledValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        enabledIndexOf: (node: HTMLElement | null, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
         enabledFirstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledIndexOf: (node?: HTMLElement | null | undefined, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => number;
         enabledLastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
-        enabledPrevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
         enabledNextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledPrevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        enabledValues: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
+        firstValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        indexOf: (node?: HTMLElement | null | undefined) => number;
+        lastValue: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        nextValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        prevValue: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined, loop?: boolean) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        register: (nodeOrOptions?: HTMLElement | {
+            id?: string;
+            disabled?: boolean;
+            filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined;
+        } | null | undefined) => void | ((node: HTMLElement | null) => void);
+        unregister: (node?: HTMLElement | undefined) => void;
+        value: (index: number, filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}> | undefined;
+        values: (filter?: _yamada_ui_use_descendant.FilterDescendant<HTMLElement, {}> | undefined) => _yamada_ui_use_descendant.Descendant<HTMLElement, {}>[];
     };
-    value: T;
-    label: T | undefined;
+    emptyMessage: string;
+    focusedIndex: number;
+    inputRef: react.RefObject<HTMLInputElement>;
     inputValue: string;
-    isHit: boolean;
+    isAllSelected: boolean;
     isEmpty: boolean;
-    computedChildren: (react_jsx_runtime.JSX.Element | undefined)[] | undefined;
-    focusedIndex: number;
-    omitSelectedValues: boolean;
-    closeOnSelect: boolean;
-    allowCreate: boolean;
-    allowFree: boolean;
-    emptyMessage: string;
+    isHit: boolean;
     isOpen: boolean;
-    isAllSelected: boolean;
+    label: T | undefined;
     listRef: react.RefObject<HTMLUListElement>;
-    inputRef: react.RefObject<HTMLInputElement>;
-    optionProps: Omit<AutocompleteOptionProps, "value" | "children"> | undefined;
+    omitSelectedValues: boolean;
+    pickOptions: (value: string) => void;
+    rebirthOptions: (runFocus?: boolean) => void;
+    setFocusedIndex: react.Dispatch<react.SetStateAction<number>>;
+    value: T;
     formControlProps: {
         disabled: boolean | undefined;
-        _invalid?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
-        _hover?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _active?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _focus?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         _focusVisible?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
+        _hover?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
+        _invalid?: ({} & _yamada_ui_core.CSSUIObject) | undefined;
         readOnly: boolean | undefined;
         required: boolean | undefined;
         "aria-disabled": boolean | undefined;
@@ -157,27 +159,25 @@ declare const useAutocomplete: <T extends string | string[] = string>(props: Use
         onBlur: (event: FocusEvent<HTMLInputElement, Element>) => void;
         "data-readonly": boolean | "false" | "true";
     };
-    setFocusedIndex: react.Dispatch<react.SetStateAction<number>>;
-    onChangeLabel: (newValue: string, { forceUpdate, runOmit }?: ChangeOptions) => void;
+    getContainerProps: PropGetter<"div", undefined>;
+    getFieldProps: PropGetter<"div", undefined>;
+    getPopoverProps: (props?: PopoverProps) => PopoverProps;
+    inputProps: DOMAttributes<HTMLInputElement>;
+    optionProps: Omit<AutocompleteOptionProps, "value" | "children"> | undefined;
     onChange: (newValue: string, { forceUpdate, runRebirth }?: ChangeOptions) => void;
-    onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
-    onCreate: () => void;
+    onChangeLabel: (newValue: string, { forceUpdate, runOmit }?: ChangeOptions) => void;
     onClear: (ev: MouseEvent<HTMLDivElement>) => void;
-    onCompositionStart: () => void;
-    onCompositionEnd: () => void;
-    pickOptions: (value: string) => void;
-    rebirthOptions: (runFocus?: boolean) => void;
-    onOpen: () => void;
     onClose: () => void;
+    onCompositionEnd: () => void;
+    onCompositionStart: () => void;
+    onCreate: () => void;
     onFocusFirst: () => void;
     onFocusLast: () => void;
-    onFocusSelected: () => void;
     onFocusNext: (index?: number) => void;
     onFocusPrev: (index?: number) => void;
-    getPopoverProps: (props?: PopoverProps) => PopoverProps;
-    getContainerProps: PropGetter<"div", undefined>;
-    getFieldProps: PropGetter<"div", undefined>;
-    inputProps: DOMAttributes<HTMLInputElement>;
+    onFocusSelected: () => void;
+    onOpen: () => void;
+    onSearch: (ev: ChangeEvent<HTMLInputElement>) => void;
 };
 type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
 declare const useAutocompleteInput: () => {