import { type LayoutStyle } from "../../style/index.js";
import { type ChartSkin } from "../shared/types.js";
export interface TreemapDatum {
    /** Stable identity, used as the React key when present. */
    id?: string | number;
    /** The tile label. */
    label: string;
    /** The tile's magnitude; sizes its area. */
    value: number;
}
export interface TreemapProps {
    /** The tiles, laid out largest first by the squarified algorithm. */
    data: TreemapDatum[];
    /** Optional heading shown above the tiles. */
    title?: string;
    compact?: boolean;
    /** Slice successive values along alternating axes, keeping the data order. */
    partitioned?: boolean;
    /** Show pale series washes with colored outlines and large readable values. */
    outlined?: boolean;
    /** Strip the card surface for nesting inside an existing card (mirrors Stats). */
    plain?: boolean;
    /** Formats tile values and the flag (data formatting, not styling). */
    formatValue?: (v: number) => string;
    /** Press-to-inspect: the selected tile index (controlled). Pass null for none. */
    selected?: number | null;
    /** Press-to-inspect: the initially selected tile (uncontrolled). */
    defaultSelected?: number;
    /** Fired when a press selects a tile (or clears it with null). */
    onSelect?: (index: number | null) => void;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** Composition within a parent only, never a restyle hook and never a width: the parent layout container provides the bounds. */
    style?: LayoutStyle;
}
/** The tile's fill and ink: the series colour mixed 70% over the card, under the renderer's near-black ink. */
export declare function tileLook(card: string, series: string): {
    fill: string;
    ink: string;
};
export declare function createTreemap(skin: ChartSkin): (props: TreemapProps) => import("react").JSX.Element;
/** Ordered slice-and-dice layout; each step partitions the remaining rectangle. */
export declare function partitionTiles(values: number[], width: number, height: number): {
    x: number;
    y: number;
    w: number;
    h: number;
}[];
/** The authored 30% oklch mix. A near-neutral base contributes no hue, as CSS does. */
export declare function outlinedTileFill(card: string, series: string): string;
//# sourceMappingURL=treemap.shared.d.ts.map