/** Palettes, each backed by ten `--heatmap-<palette>-<step>` tokens. */
export type HeatmapPalette = 'primary' | 'success' | 'destructive' | 'diverging';
/** One colour step of one palette, the neutral midpoint of a diverging
 *  scale, or a cell with no colour of its own. */
export type HeatmapTone = `${HeatmapPalette}-${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}` | 'midpoint' | 'empty' | 'low-sample' | 'aggregate';
/** The tone for a palette step. */
export declare const stepTone: (palette: HeatmapPalette, step: number) => HeatmapTone;
/** Root: a column of legend bar, grid and live region. Never wider than
 *  its container, so the page never scrolls sideways. */
export declare const heatmapRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/** The bar above the grid: legend at the start, view toggle at the end. */
export declare const heatmapToolbarVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/** The scroll box. Only this box scrolls; sticky headers stick to it. */
export declare const heatmapScrollerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/**
 * The table view's box. `fit` lets the DataTable grow with its rows up to
 * the maximum; `capped` holds the maximum and the DataTable fills it,
 * scrolling inside.
 */
export declare const heatmapTableViewVariants: (props?: ({
    capped?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * The grid. Columns come from `--heatmap-columns` (set on the scroll box);
 * rows share the column tracks through subgrid. Size sets the cell box,
 * density the gap, and a virtualised grid pins every track to one size so
 * the window arithmetic holds.
 */
export declare const heatmapGridVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
    density?: "default" | "compact" | null | undefined;
    virtualised?: boolean | null | undefined;
    totalsColumn?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** A row: spans every column and lines its cells up through subgrid. */
export declare const heatmapRowVariants: (props?: ({
    position?: "body" | "footer" | "header" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** A spacer standing in for rows or columns the window skipped. */
export declare const heatmapSpacerVariants: (props?: ({
    axis?: "row-lead" | "row-middle" | "row-tail" | "col-lead" | "col-middle" | "col-tail" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Column header: the hour, day or other column label. */
export declare const heatmapColumnHeaderVariants: (props?: ({
    corner?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Row header: the row's label, sticky at the inline start. */
export declare const heatmapRowHeaderVariants: (props?: ({
    kind?: "data" | "group" | "total" | null | undefined;
    virtualised?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** The label inside a row header. */
export declare const heatmapRowLabelVariants: (props?: ({
    virtualised?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * A cell. Colour comes from `tone`; selection, focus and hover come from
 * state attributes so a cell's classes only change when its data does.
 *
 * Focus: an inset ring in `--ring` over an inset band of the page colour,
 * so it reads on every step. Selection: a dark line framed by two light
 * ones, also inset, so it reads on every step too and is a shape, not a
 * colour. On a focused, selected cell the selection lines move inward by
 * `--focus-ring-width`, so the ring (3px in the accessible theme) never
 * covers them. Windows high contrast keeps the cell colours
 * (forced-color-adjust: none) and paints focus in the system Highlight
 * colour.
 */
export declare const heatmapCellVariants: (props?: ({
    tone?: HeatmapTone | null | undefined;
    interactive?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Legend container. */
export declare const heatmapLegendVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
/** The bar of colour steps in the legend. It shrinks with its container
 *  rather than pushing the page wider. */
export declare const heatmapLegendBarVariants: (props?: ({
    variant?: "stepped" | "continuous" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** A legend swatch: a step in the bar, the key for an empty or low-sample
 *  cell, or the diverging midpoint, which carries its value in its own ink.
 *  Same tone classes as the cells. */
export declare const heatmapSwatchVariants: (props?: ({
    tone?: HeatmapTone | null | undefined;
    shape?: "label" | "key" | "stepped" | "continuous" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
//# sourceMappingURL=heatmap-variants.d.ts.map