import { FluxColor, FluxIconName } from '@flux-ui/types';
import { ComputedRef, Ref } from 'vue';
export type TreeBaseOption = {
    readonly id: string | number;
    readonly label: string;
    readonly icon?: FluxIconName;
    readonly color?: FluxColor | string;
    readonly disabled?: boolean;
    readonly children?: TreeBaseOption[];
};
export type TreeFlatNode<TOption extends TreeBaseOption = TreeBaseOption> = TOption & {
    readonly depth: number;
    readonly isLast: boolean;
    readonly hasChildren: boolean;
    readonly lineGuides: boolean[];
    readonly ancestorIds: (string | number)[];
};
export declare const FLUX_COLORS: FluxColor[];
export declare const INITIAL_HIGHLIGHTED_INDEX = -1;
export declare function flattenVisible<TOption extends TreeBaseOption>(nodes: TOption[], depth: number, expanded: Set<string | number>, parentGuides?: boolean[], ancestorIds?: (string | number)[]): TreeFlatNode<TOption>[];
export declare function flattenAll<TOption extends TreeBaseOption>(nodes: TOption[], depth?: number, ancestorIds?: (string | number)[]): TreeFlatNode<TOption>[];
export declare function collectExpandedIds<TOption extends TreeBaseOption>(nodes: TOption[], depth: number, currentDepth?: number): (string | number)[];
export declare function flattenSearch<TOption extends TreeBaseOption>(nodes: TOption[], query: string, depth?: number, parentGuides?: boolean[], ancestorIds?: (string | number)[]): TreeFlatNode<TOption>[];
export declare function useTreeView<TNode extends TreeFlatNode>(params: {
    readonly expandedIds: Ref<Set<string | number>>;
    readonly nodeElementRefs: Readonly<Ref<HTMLDivElement[] | null | undefined>>;
    readonly visibleNodes: ComputedRef<TNode[]>;
}): {
    readonly highlightedIndex: Ref<number>;
    readonly highlightedId: ComputedRef<string | number | null>;
    toggleExpand: (nodeId: string | number) => void;
    onExpandClick: (node: TNode, evt: MouseEvent) => void;
    onKeyNavigate: (evt: KeyboardEvent, onActivate: (node: TNode) => void) => boolean;
};