import { FluxCommandSource, FluxCommandSourceItem, FluxCommandSubAction } from '@flux-ui/types';
import { Ref } from 'vue';
export type CommandPaletteResultItem = {
    readonly globalIndex: number;
    readonly sourceKey: string;
    readonly sourceLabel: string;
    readonly item: FluxCommandSourceItem;
};
export type CommandPaletteGroup = {
    readonly sourceKey: string;
    readonly sourceLabel: string;
    readonly startIndex: number;
    readonly items: CommandPaletteResultItem[];
};
export declare function useCommandPalette(params: {
    readonly sources: Ref<FluxCommandSource[]>;
    readonly itemRefs: Readonly<Ref<Array<{
        readonly $el: HTMLElement;
    }> | null | undefined>>;
}): {
    readonly search: Ref<string>;
    readonly activeTab: Ref<string | null>;
    readonly highlightedIndex: Ref<number>;
    readonly isLoading: Ref<boolean>;
    readonly isTransitioningBack: Ref<boolean>;
    readonly subActionTarget: Ref<FluxCommandSourceItem | null>;
    readonly filteredItems: Ref<CommandPaletteResultItem[]>;
    readonly groupedItems: Ref<CommandPaletteGroup[]>;
    readonly subActions: Ref<FluxCommandSubAction[]>;
    readonly activeTabSource: Ref<FluxCommandSource | null>;
    readonly tabs: Ref<FluxCommandSource[]>;
    readonly totalItems: Ref<number>;
    setSearch: (value: string) => void;
    setActiveTab: (key: string | null) => void;
    enterSubActions: (item: FluxCommandSourceItem) => void;
    onKeyNavigate: (evt: KeyboardEvent, onClose: () => void, onActivate: (item: FluxCommandSourceItem) => void) => void;
    reset: () => void;
};