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;
|