import * as React from "react"; import type { HeatmapChartProp } from "../../props/components/charts.prop.js"; export type { HeatmapChartProp, HeatmapChartProp as HeatmapChartProps, HeatmapCategory, HeatmapDatum, } from "../../props/components/charts.prop.js"; /** * HeatmapChart — a **dependency-free** rows × columns matrix (weekday × hour revenue, order counts * per slot). Cell fill steps through the sequential `--chart-heat-1..5` ramp. * * - **One structure for sight and for AT.** The matrix IS a native data table (`` headers, * one cell per slot) with `role="grid"`, so the screen-reader text alternative is the same element * the eye reads — no second, drifting copy. Each cell carries its formatted value as text. * - **Keyboard** — WAI-ARIA APG data grid: one tab stop (roving tabindex), arrows move between * cells (mirrored under RTL), Home/End go to the row's ends, Ctrl+Home/End to the first/last * cell. A focused or hovered cell shows ONE shared tooltip; Escape dismisses it. * - **Never colour alone** — an empty cell is outlined (dashed) and reads "no data"; a zero is a * filled step-1 cell that reads "0"; a top-N cell wears a ring and reads "top N". * - **Narrow screens** — the matrix never shrinks a cell below its `size` tier; it scrolls inside * its own box with the row header pinned, so the page never scrolls sideways. */ export declare function HeatmapChart({ rows, columns, data, label, showCaption, description, size, numberFormat, topN, showLegend, emptyMessage, className, id, ref, }: HeatmapChartProp): React.JSX.Element;