import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export type TTreeNode = Readonly<{
    id: string;
    label: string;
    children?: readonly TTreeNode[];
    disabled?: boolean;
    data?: unknown;
}>;
export type TTreeSelectPayload = Readonly<{
    node: TTreeNode;
    id: string;
}>;
export type TTreeTogglePayload = Readonly<{
    node: TTreeNode;
    id: string;
    expanded: boolean;
}>;
export declare const TTree: 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;
    };
    nodes: {
        type: PropType<readonly TTreeNode[]>;
        required: true;
    };
    expandedIds: {
        type: PropType<readonly string[]>;
        default: () => never[];
    };
    selectedId: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    selectedStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
    indent: {
        type: NumberConstructor;
        default: number;
    };
    selectableParents: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:expandedIds": (_ids: string[]) => true;
    "update:selectedId": (_id: string) => true;
    select: (_payload: TTreeSelectPayload) => true;
    toggle: (_payload: TTreeTogglePayload) => true;
}, string, (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;
    };
    nodes: {
        type: PropType<readonly TTreeNode[]>;
        required: true;
    };
    expandedIds: {
        type: PropType<readonly string[]>;
        default: () => never[];
    };
    selectedId: {
        type: StringConstructor;
        default: string;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    selectedStyle: {
        type: PropType<Style>;
        default: () => {
            inverse: boolean;
        };
    };
    disabledStyle: {
        type: PropType<Style>;
        default: () => {
            dim: boolean;
        };
    };
    indent: {
        type: NumberConstructor;
        default: number;
    };
    selectableParents: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onSelect?: ((_payload: Readonly<{
        node: Readonly<{
            id: string;
            label: string;
            children?: readonly Readonly</*elided*/ any>[];
            disabled?: boolean;
            data?: unknown;
        }>;
        id: string;
    }>) => any) | undefined;
    onToggle?: ((_payload: Readonly<{
        node: Readonly<{
            id: string;
            label: string;
            children?: readonly Readonly</*elided*/ any>[];
            disabled?: boolean;
            data?: unknown;
        }>;
        id: string;
        expanded: boolean;
    }>) => any) | undefined;
    "onUpdate:expandedIds"?: ((_ids: string[]) => any) | undefined;
    "onUpdate:selectedId"?: ((_id: string) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    zIndex: number;
    selectedStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    indent: number;
    disabledStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    expandedIds: readonly string[];
    selectedId: string;
    selectableParents: boolean;
}, {}>;