import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
type TextHighlightRange = Readonly<{
    start: number;
    end: number;
}>;
type TextAccentSegment = Readonly<{
    start: number;
    end: number;
    style?: Style;
    highlightStyle?: Style;
}>;
export type SelectOptionWithStyle = Readonly<{
    kind?: "option" | "separator" | "group";
    label: string;
    value?: unknown;
    disabled?: boolean;
    detail?: string;
    style?: Style;
    highlightStyle?: Style;
    detailStyle?: Style;
    highlightDetailStyle?: Style;
    labelHighlightRanges?: readonly TextHighlightRange[];
    detailHighlightRanges?: readonly TextHighlightRange[];
    labelAccentRanges?: readonly TextHighlightRange[];
    detailAccentRanges?: readonly TextHighlightRange[];
    detailAccentSegments?: readonly TextAccentSegment[];
    accentStyle?: Style;
    highlightAccentStyle?: Style;
}>;
export type SelectOption = string | SelectOptionWithStyle;
export type TSelectMultipleChangePayload = Readonly<{
    indices: number[];
    labels: string[];
    values: unknown[];
}>;
export type TSelectMultipleEmitMode = "label" | "value" | "index" | "both";
export type TSelectModelValue = unknown;
export type TSelectValueMode = "index" | "value" | "option";
export type TSelectOptionProvider = (query: string, ctx: {
    signal: AbortSignal;
}) => Promise<readonly SelectOption[]>;
export declare const TSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    options: {
        type: PropType<readonly SelectOption[]>;
        default: () => never[];
    };
    optionProvider: {
        type: PropType<TSelectOptionProvider>;
        default: undefined;
    };
    query: {
        type: StringConstructor;
        default: undefined;
    };
    modelValue: {
        type: PropType<TSelectModelValue>;
        default: TSelectModelValue;
    };
    valueMode: {
        type: PropType<TSelectValueMode>;
        default: string;
    };
    activeIndex: {
        type: NumberConstructor;
        default: undefined;
    };
    multiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    multipleEmit: {
        type: PropType<TSelectMultipleEmitMode>;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    matchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightMatchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    autoFocus: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnBlur: {
        type: BooleanConstructor;
        default: boolean;
    };
    searchable: {
        type: BooleanConstructor;
        default: boolean;
    };
    typeahead: {
        type: BooleanConstructor;
        default: boolean;
    };
    debounce: {
        type: NumberConstructor;
        default: number;
    };
    emptyText: {
        type: StringConstructor;
        default: string;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    loadingText: {
        type: StringConstructor;
        default: string;
    };
    errorText: {
        type: StringConstructor;
        default: string;
    };
    maxVisible: {
        type: NumberConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "change" | "close" | "update:modelValue" | "confirm" | "update:activeIndex" | "update:query" | "loadError")[], "keydown" | "focus" | "blur" | "change" | "close" | "update:modelValue" | "confirm" | "update:activeIndex" | "update:query" | "loadError", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    options: {
        type: PropType<readonly SelectOption[]>;
        default: () => never[];
    };
    optionProvider: {
        type: PropType<TSelectOptionProvider>;
        default: undefined;
    };
    query: {
        type: StringConstructor;
        default: undefined;
    };
    modelValue: {
        type: PropType<TSelectModelValue>;
        default: TSelectModelValue;
    };
    valueMode: {
        type: PropType<TSelectValueMode>;
        default: string;
    };
    activeIndex: {
        type: NumberConstructor;
        default: undefined;
    };
    multiple: {
        type: BooleanConstructor;
        default: boolean;
    };
    multipleEmit: {
        type: PropType<TSelectMultipleEmitMode>;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    matchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightMatchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    autoFocus: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnBlur: {
        type: BooleanConstructor;
        default: boolean;
    };
    searchable: {
        type: BooleanConstructor;
        default: boolean;
    };
    typeahead: {
        type: BooleanConstructor;
        default: boolean;
    };
    debounce: {
        type: NumberConstructor;
        default: number;
    };
    emptyText: {
        type: StringConstructor;
        default: string;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    loadingText: {
        type: StringConstructor;
        default: string;
    };
    errorText: {
        type: StringConstructor;
        default: string;
    };
    maxVisible: {
        type: NumberConstructor;
        default: undefined;
    };
}>> & Readonly<{
    onKeydown?: ((...args: any[]) => any) | undefined;
    onFocus?: ((...args: any[]) => any) | undefined;
    onBlur?: ((...args: any[]) => any) | undefined;
    onChange?: ((...args: any[]) => any) | undefined;
    onClose?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    onConfirm?: ((...args: any[]) => any) | undefined;
    "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
    onLoadError?: ((...args: any[]) => any) | undefined;
}>, {
    query: string;
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    zIndex: number;
    autoFocus: boolean;
    modelValue: unknown;
    closeOnBlur: boolean;
    highlightStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    options: readonly SelectOption[];
    optionProvider: TSelectOptionProvider;
    valueMode: TSelectValueMode;
    activeIndex: number;
    multiple: boolean;
    multipleEmit: TSelectMultipleEmitMode;
    matchStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    highlightMatchStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    searchable: boolean;
    typeahead: boolean;
    debounce: number;
    emptyText: string;
    loading: boolean;
    loadingText: string;
    errorText: string;
    maxVisible: number;
}, {}>;
export {};