import { Ref } from 'vue';
export declare const TREE_STEP = 24;
export declare const TREE_MARKER_SIZE = 22;
/**
 * Draws the guide lines for every tree cell inside a table as a single SVG path.
 * Tree cells register their branch element and level; the path is (re)measured
 * from the cells that are actually rendered, so collapsing a branch — rendering
 * fewer cells — keeps the lines correct on its own. Because the geometry is
 * measured, the connectors can bend into their marker with a real rounded corner.
 *
 * Measuring is the expensive half: it reads the layout of every registered cell.
 * Every trigger therefore runs through one animation-frame debounce, so a table
 * mounting a thousand rows measures once instead of once per mount or resize.
 */
export declare function useTableTree(container: Readonly<Ref<HTMLElement | null>>): {
    registerTreeNode: (element: Readonly<Ref<HTMLElement | null>>, level: Readonly<Ref<number>>) => () => void;
    treeLines: Ref<string, string>;
};