import * as s from 'solid-js';
import * as debug from '@solid-devtools/debugger/types';
export interface Node {
    id: debug.NodeID;
    name?: string;
    type: debug.NodeType;
    level: number;
    parent: Node | null;
    children: Node[];
    hmr?: true;
    frozen?: true;
}
export interface Root extends Node {
    type: debug.NodeType.Root;
}
export type State = {
    roots: Node[];
    nodeList: Node[];
};
export type Cache = {
    short: State;
    long: {
        mode: debug.TreeWalkerMode;
    };
};
export type Module = ReturnType<typeof createStructure>;
/**
 * Finds the top-root node
 */
export declare function getRootNode(node: Node): Node;
export declare function getClosestComponentNode(node: Node): Node | undefined;
export declare function getNodePath(node: Node): Node[];
export declare function createStructure(): {
    state: s.Accessor<State>;
    inspectedNode: s.Accessor<Node | null | undefined>;
    updateStructure: (update: debug.StructureUpdates | null) => void;
    isSearched: (key: `#${string}`) => boolean;
    findNode: (id: debug.NodeID) => Node | undefined;
    getRootNode: typeof getRootNode;
    getClosestComponentNode: typeof getClosestComponentNode;
    getNodePath: typeof getNodePath;
    search: (query: string) => void;
    changeTreeViewMode: (newMode: debug.TreeWalkerMode) => void;
    mode: s.Accessor<debug.TreeWalkerMode>;
    setMode: s.Setter<debug.TreeWalkerMode>;
};
export declare function reconcileStructure(prevRoots: Node[], { removed, updated, partial }: debug.StructureUpdates): State;
export declare const path_height: "1.125rem";
export declare const row_height: "1.125rem";
export declare const row_padding: "0.875rem";
export declare const v_margin: "0.75rem";
export declare const path_height_in_rem: number;
export declare const row_height_in_rem: number;
export declare const v_margin_in_rem: number;
export declare const path_height_class = "h-owner-path-height";
export declare const path_min_height_class = "min-h-owner-path-height";
export declare const owner_path_styles: string;
export declare const row_padding_minus_px: string;
export declare const lines_color: string;
export declare const background_gradient: string;
export declare const padding_mask: string;
export declare function getVirtualVars(listLength: number, scroll: number, containerHeight: number, rowHeight: number): {
    start: number;
    end: number;
    length: number;
};
export declare function useStructure(): Module;
export declare function StructureView(): s.JSXElement;
export declare const OwnerPath: s.Component;
export declare const OwnerNode: s.Component<{
    owner: Node;
    isHovered: boolean;
    isSelected: boolean;
    isCollapsed: boolean;
    onHoverChange(hovered: boolean): void;
    onInspectChange(inspect: boolean): void;
    listenToUpdate(cb: VoidFunction): VoidFunction;
    toggleCollapsed(node: Node): void;
}>;
//# sourceMappingURL=structure.d.ts.map