import * as React from "react";
export type AsyncSelectOption<TValue extends string = string, TData = unknown> = {
    value: TValue;
    label: React.ReactNode;
    disabled?: boolean;
    disabledReason?: React.ReactNode;
    description?: React.ReactNode;
    data?: TData;
};
export type AsyncSelectOptionGroup<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = {
    label?: React.ReactNode;
    options: TOption[];
};
export type AsyncSelectOptionsResult<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = TOption[] | AsyncSelectOptionGroup<TValue, TData, TOption>[];
export type AsyncSelectRenderState<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = {
    search: string;
    minSearchLength: number;
    options: TOption[];
    selectedCount?: number;
    maxSelected?: number;
};
export type AsyncSelectStateRenderer<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = (state: AsyncSelectRenderState<TValue, TData, TOption>) => React.ReactNode;
export type AsyncSelectLabels = {
    placeholder?: string;
    multiPlaceholder?: string;
    searchPlaceholder?: string;
    loading?: string;
    creating?: string;
    empty?: string;
    error?: string;
    clear?: string;
    clearAll?: string;
    selectAll?: string;
    minSearchLength?: (minSearchLength: number) => string;
    maxSelected?: (maxSelected: number) => string;
    selectedCount?: (count: number) => string;
    hiddenSelected?: (count: number) => string;
};
export type AsyncSelectProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<React.ComponentProps<"div">, "onChange"> & {
    isMulti?: false;
    value?: TValue;
    selectedOption?: TOption | null;
    onValueChange?: (value: TValue | undefined, option?: TOption) => void;
    loadOptions: (search: string, signal?: AbortSignal) => Promise<AsyncSelectOptionsResult<TValue, TData, TOption>>;
    loadSelectedOption?: (value: TValue, signal?: AbortSignal) => Promise<TOption | null | undefined>;
    defaultOptions?: AsyncSelectOptionsResult<TValue, TData, TOption>;
    disabled?: boolean;
    clearable?: boolean;
    cacheOptions?: boolean;
    cacheTtl?: number;
    debounceMs?: number;
    minSearchLength?: number;
    labels?: AsyncSelectLabels;
    renderOption?: (option: TOption, state: {
        selected: boolean;
    }) => React.ReactNode;
    renderValue?: (option: TOption) => React.ReactNode;
    renderLoading?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderEmpty?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderError?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderMinSearch?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    onCreateOption?: (search: string) => Promise<TOption> | TOption;
    createOptionLabel?: (search: string) => React.ReactNode;
    showCreateOption?: (search: string, options: TOption[]) => boolean;
    showSelectedDescription?: boolean;
    triggerClassName?: string;
    contentClassName?: string;
    searchClassName?: string;
    optionClassName?: string;
    invalid?: boolean;
};
export type AsyncSelectMultiModeProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = AsyncMultiSelectProps<TValue, TData, TOption> & {
    isMulti: true;
};
export type AsyncMultiSelectProps<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<React.ComponentProps<"div">, "onChange"> & {
    value?: TValue[];
    selectedOptions?: TOption[];
    onValueChange?: (value: TValue[], options: TOption[]) => void;
    loadOptions: (search: string, signal?: AbortSignal) => Promise<AsyncSelectOptionsResult<TValue, TData, TOption>>;
    loadSelectedOptions?: (values: TValue[], signal?: AbortSignal) => Promise<TOption[]>;
    defaultOptions?: AsyncSelectOptionsResult<TValue, TData, TOption>;
    disabled?: boolean;
    clearable?: boolean;
    cacheOptions?: boolean;
    cacheTtl?: number;
    closeOnSelect?: boolean;
    debounceMs?: number;
    minSearchLength?: number;
    maxSelected?: number;
    maxVisibleTags?: number;
    showSelectAll?: boolean;
    labels?: AsyncSelectLabels;
    renderOption?: (option: TOption, state: {
        selected: boolean;
    }) => React.ReactNode;
    renderValue?: (option: TOption) => React.ReactNode;
    renderTag?: (option: TOption, state: {
        remove: () => void;
    }) => React.ReactNode;
    renderLoading?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderEmpty?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderError?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderMinSearch?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    renderMaxSelected?: AsyncSelectStateRenderer<TValue, TData, TOption>;
    onCreateOption?: (search: string) => Promise<TOption> | TOption;
    createOptionLabel?: (search: string) => React.ReactNode;
    showCreateOption?: (search: string, options: TOption[]) => boolean;
    showSelectedDescription?: boolean;
    triggerClassName?: string;
    contentClassName?: string;
    searchClassName?: string;
    optionClassName?: string;
    tagClassName?: string;
    invalid?: boolean;
};
/**
 * @deprecated Prefer `AsyncSelect` with `isMulti` for new usage.
 */
declare function AsyncMultiSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>({ className, value, selectedOptions, onValueChange, loadOptions, loadSelectedOptions, defaultOptions, disabled, clearable, cacheOptions, cacheTtl, closeOnSelect, debounceMs, minSearchLength, maxSelected, maxVisibleTags, showSelectAll, labels, renderOption, renderValue, renderTag, renderLoading, renderEmpty, renderError, renderMinSearch, renderMaxSelected, onCreateOption, createOptionLabel, showCreateOption, showSelectedDescription, triggerClassName, contentClassName, searchClassName, optionClassName, tagClassName, invalid, ...props }: AsyncMultiSelectProps<TValue, TData, TOption>): React.JSX.Element;
declare function AsyncSelect<TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: AsyncSelectProps<TValue, TData, TOption> | AsyncSelectMultiModeProps<TValue, TData, TOption>): React.JSX.Element;
export { AsyncSelect, AsyncMultiSelect };