import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export type TCommandPaletteMatchRange = Readonly<{
    start: number;
    end: number;
}>;
export type TCommandPaletteItem = Readonly<{
    kind?: "item" | "separator" | "group";
    label: string;
    detail?: string;
    keywords?: readonly string[];
    disabled?: boolean;
    disabledReason?: string;
    value?: unknown;
    accentStyle?: Style;
    highlightAccentStyle?: Style;
    labelAccentRanges?: readonly TCommandPaletteMatchRange[];
    labelAccentSegments?: readonly Readonly<{
        start: number;
        end: number;
        style?: Style;
        highlightStyle?: Style;
    }>[];
    detailAccentRanges?: readonly TCommandPaletteMatchRange[];
    detailAccentSegments?: readonly Readonly<{
        start: number;
        end: number;
        style?: Style;
        highlightStyle?: Style;
    }>[];
    [key: string]: unknown;
}>;
export type TCommandPaletteMatcherResult = Readonly<{
    score: number;
    labelRanges?: readonly TCommandPaletteMatchRange[];
    detailRanges?: readonly TCommandPaletteMatchRange[];
}>;
export type TCommandPaletteMatcher = (item: TCommandPaletteItem, query: string) => TCommandPaletteMatcherResult | null;
export type TCommandPaletteItemsProvider = (query: string, ctx: {
    signal: AbortSignal;
}) => Promise<readonly TCommandPaletteItem[]>;
export type TCommandPaletteLoadErrorPayload = Readonly<{
    query: string;
    error: unknown;
}>;
export type TCommandPaletteSelectPayload = Readonly<{
    item: TCommandPaletteItem;
    index: number;
    sourceIndex: number;
    query: string;
    source: "keyboard" | "pointer";
}>;
export declare function computeCommandPaletteMatchRanges(text: string, query: string): TCommandPaletteMatchRange[];
export declare const TCommandPalette: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    modelValue: {
        type: BooleanConstructor;
        required: true;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    query: {
        type: StringConstructor;
        default: undefined;
    };
    initialQuery: {
        type: StringConstructor;
        default: string;
    };
    items: {
        type: PropType<readonly TCommandPaletteItem[]>;
        default: () => never[];
    };
    itemsProvider: {
        type: PropType<TCommandPaletteItemsProvider>;
        default: undefined;
    };
    matcher: {
        type: PropType<TCommandPaletteMatcher>;
        default: undefined;
    };
    filterStrategy: {
        type: PropType<"substring" | "fuzzy">;
        default: string;
    };
    selectedIndex: {
        type: NumberConstructor;
        default: undefined;
    };
    showRowDetails: {
        type: BooleanConstructor;
        default: boolean;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    noMatchesText: {
        type: StringConstructor;
        default: string;
    };
    loadingText: {
        type: StringConstructor;
        default: string;
    };
    errorText: {
        type: StringConstructor;
        default: string;
    };
    hint: {
        type: StringConstructor;
        default: string;
    };
    debounce: {
        type: NumberConstructor;
        default: number;
    };
    minQueryLength: {
        type: NumberConstructor;
        default: number;
    };
    maxVisibleItems: {
        type: NumberConstructor;
        default: undefined;
    };
    closeOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    resetQueryOnClose: {
        type: BooleanConstructor;
        default: boolean;
    };
    w: {
        type: NumberConstructor;
        default: number;
    };
    h: {
        type: NumberConstructor;
        default: number;
    };
    chromeStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    inputStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    listStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    bodyStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    matchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightMatchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    dividerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    hintStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    detailStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    emptyStyle: {
        type: PropType<Style>;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:modelValue": (_value: boolean) => true;
    "update:query": (_value: string) => true;
    "update:selectedIndex": (_index: number) => true;
    select: (_payload: TCommandPaletteSelectPayload) => true;
    loadError: (_payload: TCommandPaletteLoadErrorPayload) => true;
    close: () => true;
}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    modelValue: {
        type: BooleanConstructor;
        required: true;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    query: {
        type: StringConstructor;
        default: undefined;
    };
    initialQuery: {
        type: StringConstructor;
        default: string;
    };
    items: {
        type: PropType<readonly TCommandPaletteItem[]>;
        default: () => never[];
    };
    itemsProvider: {
        type: PropType<TCommandPaletteItemsProvider>;
        default: undefined;
    };
    matcher: {
        type: PropType<TCommandPaletteMatcher>;
        default: undefined;
    };
    filterStrategy: {
        type: PropType<"substring" | "fuzzy">;
        default: string;
    };
    selectedIndex: {
        type: NumberConstructor;
        default: undefined;
    };
    showRowDetails: {
        type: BooleanConstructor;
        default: boolean;
    };
    placeholder: {
        type: StringConstructor;
        default: string;
    };
    noMatchesText: {
        type: StringConstructor;
        default: string;
    };
    loadingText: {
        type: StringConstructor;
        default: string;
    };
    errorText: {
        type: StringConstructor;
        default: string;
    };
    hint: {
        type: StringConstructor;
        default: string;
    };
    debounce: {
        type: NumberConstructor;
        default: number;
    };
    minQueryLength: {
        type: NumberConstructor;
        default: number;
    };
    maxVisibleItems: {
        type: NumberConstructor;
        default: undefined;
    };
    closeOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
    resetQueryOnClose: {
        type: BooleanConstructor;
        default: boolean;
    };
    w: {
        type: NumberConstructor;
        default: number;
    };
    h: {
        type: NumberConstructor;
        default: number;
    };
    chromeStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    inputStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    listStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    bodyStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    matchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    highlightMatchStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    dividerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    hintStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    detailStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    emptyStyle: {
        type: PropType<Style>;
        default: undefined;
    };
}>> & Readonly<{
    onSelect?: ((_payload: Readonly<{
        item: Readonly<{
            [key: string]: unknown;
            kind?: "item" | "separator" | "group";
            label: string;
            detail?: string;
            keywords?: readonly string[];
            disabled?: boolean;
            disabledReason?: string;
            value?: unknown;
            accentStyle?: Readonly<{
                fg?: string;
                bg?: string;
                bold?: boolean;
                dim?: boolean;
                italic?: boolean;
                underline?: boolean;
                inverse?: boolean;
                href?: string;
            }>;
            highlightAccentStyle?: Readonly<{
                fg?: string;
                bg?: string;
                bold?: boolean;
                dim?: boolean;
                italic?: boolean;
                underline?: boolean;
                inverse?: boolean;
                href?: string;
            }>;
            labelAccentRanges?: readonly Readonly<{
                start: number;
                end: number;
            }>[];
            labelAccentSegments?: readonly Readonly<{
                start: number;
                end: number;
                style?: Readonly<{
                    fg?: string;
                    bg?: string;
                    bold?: boolean;
                    dim?: boolean;
                    italic?: boolean;
                    underline?: boolean;
                    inverse?: boolean;
                    href?: string;
                }>;
                highlightStyle?: Readonly<{
                    fg?: string;
                    bg?: string;
                    bold?: boolean;
                    dim?: boolean;
                    italic?: boolean;
                    underline?: boolean;
                    inverse?: boolean;
                    href?: string;
                }>;
            }>[];
            detailAccentRanges?: readonly Readonly<{
                start: number;
                end: number;
            }>[];
            detailAccentSegments?: readonly Readonly<{
                start: number;
                end: number;
                style?: Readonly<{
                    fg?: string;
                    bg?: string;
                    bold?: boolean;
                    dim?: boolean;
                    italic?: boolean;
                    underline?: boolean;
                    inverse?: boolean;
                    href?: string;
                }>;
                highlightStyle?: Readonly<{
                    fg?: string;
                    bg?: string;
                    bold?: boolean;
                    dim?: boolean;
                    italic?: boolean;
                    underline?: boolean;
                    inverse?: boolean;
                    href?: string;
                }>;
            }>[];
        }>;
        index: number;
        sourceIndex: number;
        query: string;
        source: "keyboard" | "pointer";
    }>) => any) | undefined;
    onClose?: (() => any) | undefined;
    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
    "onUpdate:query"?: ((_value: string) => any) | undefined;
    onLoadError?: ((_payload: Readonly<{
        query: string;
        error: unknown;
    }>) => any) | undefined;
    "onUpdate:selectedIndex"?: ((_index: number) => any) | undefined;
}>, {
    query: string;
    title: string;
    w: number;
    h: number;
    placeholder: string;
    highlightStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    detailStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    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;
    }>;
    debounce: number;
    loadingText: string;
    errorText: string;
    bodyStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    initialQuery: string;
    items: readonly Readonly<{
        [key: string]: unknown;
        kind?: "item" | "separator" | "group";
        label: string;
        detail?: string;
        keywords?: readonly string[];
        disabled?: boolean;
        disabledReason?: string;
        value?: unknown;
        accentStyle?: Style;
        highlightAccentStyle?: Style;
        labelAccentRanges?: readonly TCommandPaletteMatchRange[];
        labelAccentSegments?: readonly Readonly<{
            start: number;
            end: number;
            style?: Style;
            highlightStyle?: Style;
        }>[];
        detailAccentRanges?: readonly TCommandPaletteMatchRange[];
        detailAccentSegments?: readonly Readonly<{
            start: number;
            end: number;
            style?: Style;
            highlightStyle?: Style;
        }>[];
    }>[];
    itemsProvider: TCommandPaletteItemsProvider;
    matcher: TCommandPaletteMatcher;
    filterStrategy: "substring" | "fuzzy";
    selectedIndex: number;
    showRowDetails: boolean;
    noMatchesText: string;
    hint: string;
    minQueryLength: number;
    maxVisibleItems: number;
    closeOnSelect: boolean;
    resetQueryOnClose: boolean;
    chromeStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    inputStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    listStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    dividerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    hintStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    emptyStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
}, {}>;