@stealthscale/component-charts 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,4332 @@
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { Hue, Palette, SERIES } from "@stealthscale/theme/authoring";
+import { YAxisProps } from "recharts";
+import { DayOfWeek } from "@internationalized/date";
+//#region src/chart/colors.d.ts
+/**
+ * Describes one of the theme's series colors by name, from `series.1` to `series.8`.
+ */
+type SeriesColor = `series.${(typeof SERIES)[number]}`;
+/**
+ * Describes the color a series takes: a hue, a semantic palette or one of the series colors.
+ *
+ * @remarks
+ *   A series with a meaning of its own takes a semantic palette, such as `error` for a threshold.
+ *   A series that names a series color keeps it at any position, such as the same series in two
+ *   charts.
+ */
+type ChartColor = Hue | Palette | SeriesColor;
+/**
+ * Returns the CSS value of a palette's `chart` role, or of the series color a name states, which a
+ * mark or a recharts child such as a `ReferenceLine` takes as its `stroke` or `fill`.
+ *
+ * @remarks
+ *   The theme sets the `chart` role to the lightest color of the palette's hue that keeps 3:1 or
+ *   more against the page and the panel, and each theme's contrast check requires that ratio. On
+ *   the foundation's light page the hues' chart colors are at 63 to 66% lightness, and their solids
+ *   at 47 to 58%. The contrast check measures every series color at the same ratio.
+ * @param color - The hue, the palette or the series color.
+ */
+declare function colorOf(color: ChartColor): string;
+//#endregion
+//#region src/chart/tooltip.d.ts
+/**
+ * Describes one value recharts passes for a series.
+ */
+interface TooltipEntry {
+  /**
+   * Field the series reads, which is the series' key on a cartesian chart.
+   */
+  readonly dataKey?: unknown;
+  /**
+   * Name of the entry, which is the series' key for a pie's sector and a band.
+   */
+  readonly name?: unknown;
+  /**
+   * Row the entry was read from.
+   */
+  readonly payload?: unknown;
+  /**
+   * Value of the series at the category, or a band's two ends.
+   */
+  readonly value?: unknown;
+}
+/**
+ * Describes the props of the tooltip: the formatters the caller passes, and what recharts passes.
+ */
+interface TooltipProps {
+  /**
+   * Whether recharts' keyboard layer is on, which makes the panel assertive. Recharts passes it.
+   */
+  readonly accessibilityLayer?: boolean | undefined;
+  /**
+   * Whether recharts shows the tooltip. Recharts passes it.
+   */
+  readonly active?: boolean | undefined;
+  /**
+   * Returns the CSS color of an entry's swatch, for a mark whose color changes from row to row.
+   * The series' color unless stated.
+   */
+  readonly entryColor?: ((entry: TooltipEntry) => string) | undefined;
+  /**
+   * Writes the category, such as a day. The category's own text unless stated.
+   */
+  readonly formatLabel?: ((value: unknown) => string) | undefined;
+  /**
+   * Writes each series' value, such as an amount in a currency, given the value and its entry. A
+   * number in the chart's locale unless stated, and a band's two ends as a range.
+   */
+  readonly formatValue?: ((value: unknown, entry: TooltipEntry) => string) | undefined;
+  /**
+   * Returns the heading from the entries shown, for a tooltip about one point rather than one
+   * category, such as a scatter's. The category, written by `formatLabel`, unless stated.
+   */
+  readonly headingOf?: ((entries: readonly TooltipEntry[]) => ReactNode) | undefined;
+  /**
+   * Category the tooltip is for. Recharts passes it.
+   */
+  readonly label?: unknown;
+  /**
+   * Returns a row's name, such as the title of the axis a scatter's value is on. The series' label
+   * unless stated.
+   */
+  readonly nameOf?: ((entry: TooltipEntry) => ReactNode) | undefined;
+  /**
+   * Returns the notes about the category, such as the annotations at it, which render after the
+   * rows. None unless stated.
+   */
+  readonly notesOf?: ((label: unknown) => readonly TooltipNote[]) | undefined;
+  /**
+   * Values at the category, one per series. Recharts passes them.
+   */
+  readonly payload?: readonly TooltipEntry[] | undefined;
+  /**
+   * Returns the rows of a tooltip about one datum with several numbers, such as a box's median and
+   * quartiles, from the entries shown. The rows render without a swatch. A row per shown series
+   * unless stated.
+   */
+  readonly rowsOf?: ((entries: readonly TooltipEntry[]) => readonly TooltipRow[]) | undefined;
+}
+/**
+ * Describes a note about a category: its words and the color of its swatch.
+ */
+interface TooltipNote {
+  /**
+   * CSS value of the note's swatch.
+   */
+  readonly color: string;
+  /**
+   * Key of the note among the tooltip's rows.
+   */
+  readonly key: string;
+  /**
+   * Words of the note, such as "Deploy 4.12".
+   */
+  readonly text: ReactNode;
+}
+/**
+ * Describes a row of a tooltip about one datum: a name and the value the caller wrote.
+ */
+interface TooltipRow {
+  /**
+   * Key of the row among the tooltip's rows.
+   */
+  readonly key: string;
+  /**
+   * Name of the number, such as "Median".
+   */
+  readonly name: ReactNode;
+  /**
+   * Number as the caller wrote it, such as "62ms".
+   */
+  readonly value: ReactNode;
+}
+/**
+ * Renders the panel, with the category and a row per shown series while recharts shows the
+ * tooltip, or the rows `rowsOf` returns, then the notes about the category.
+ *
+ * @param props - The formatters, and what recharts passes.
+ */
+declare function Tooltip$1({ accessibilityLayer, active, formatLabel, headingOf, label, notesOf, payload, rowsOf, ...writers }: TooltipProps): ReactElement;
+//#endregion
+//#region src/cartesian/annotations.d.ts
+/**
+ * Describes one mark pinned to a chart's data: a moment, a period or a point.
+ */
+interface Annotation {
+  /**
+   * Category the mark is at, or the category its period starts at.
+   */
+  readonly at: number | string;
+  /**
+   * Palette of the mark, such as `warning` for a flagged point. The neutral palette unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Identity of the mark, unique among the chart's annotations.
+   */
+  readonly key: string;
+  /**
+   * Words for the mark, written on the plot and in the tooltip at its category.
+   */
+  readonly label: string;
+  /**
+   * Category the mark's period ends at, which makes the mark a period.
+   */
+  readonly until?: number | string | undefined;
+  /**
+   * Value of the point the mark rings, which makes the mark a point.
+   */
+  readonly value?: number | undefined;
+}
+//#endregion
+//#region src/chart/use-chart.d.ts
+/**
+ * Describes a series the caller states.
+ */
+interface SeriesOptions {
+  /**
+   * Palette the series takes its color from. The theme's series color at its position unless
+   * stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Share of the ink, `fg`, in percent, the series' color mixes in: 0 keeps the color, 100 is the
+   * ink. The mix keeps 3:1 or more against the page. None unless stated.
+   */
+  readonly ink?: number | undefined;
+  /**
+   * Field of each row the series reads, which a recharts mark takes as its `dataKey`.
+   */
+  readonly key: string;
+  /**
+   * Name the tooltip and the legend show. The key unless stated.
+   */
+  readonly label?: ReactNode | undefined;
+}
+/**
+ * Describes a series as the chart resolved it.
+ */
+interface Series {
+  /**
+   * CSS value of the series' color, which a mark takes as its `stroke` or `fill`.
+   */
+  readonly color: string;
+  /**
+   * Whether the legend hides the series. A mark takes it as `hide`.
+   */
+  readonly hidden: boolean;
+  /**
+   * Field of each row the series reads.
+   */
+  readonly key: string;
+  /**
+   * Name the tooltip and the legend show.
+   */
+  readonly label: ReactNode;
+  /**
+   * CSS value of the series' opacity, which a mark takes as `opacity`: the recipe's faded opacity
+   * while the legend points at another series, else 1.
+   */
+  readonly opacity: string;
+}
+/**
+ * Describes what `useChart` takes.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface ChartOptions<Row> {
+  /**
+   * Rows the chart plots, in order. The array passes to recharts as it is.
+   */
+  readonly data: Row[];
+  /**
+   * Keys of the series hidden when the chart first renders, for the uncontrolled case.
+   */
+  readonly defaultHiddenKeys?: readonly string[] | undefined;
+  /**
+   * Keys of the series the legend hides, where the caller controls them.
+   */
+  readonly hiddenKeys?: readonly string[] | undefined;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Called with every key hidden after a press in the legend.
+   */
+  readonly onHiddenKeysChange?: ((hidden: readonly string[]) => void) | undefined;
+  /**
+   * Series the chart plots, in the order the legend lists them.
+   */
+  readonly series: readonly SeriesOptions[];
+}
+/**
+ * Describes what `useChart` returns, which `Chart.Root` hands to the parts.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface ChartApi<Row = unknown> {
+  /**
+   * Returns the CSS value of a series' color, or `currentColor` for a key no series has.
+   */
+  readonly color: (key: string) => string;
+  /**
+   * Rows the chart plots, the array the caller passed, which a recharts chart takes as `data`.
+   */
+  readonly data: Row[];
+  /**
+   * Returns a function that writes an instant in the chart's locale.
+   */
+  readonly formatDate: (options?: Intl.DateTimeFormatOptions) => (value: unknown) => string;
+  /**
+   * Returns a function that writes a number in the chart's locale.
+   */
+  readonly formatNumber: (options?: Intl.NumberFormatOptions) => (value: unknown) => string;
+  /**
+   * Returns whether the legend hides a series.
+   */
+  readonly hidden: (key: string) => boolean;
+  /**
+   * Points the legend at a series, or at none without a key. The pointer and focus on a legend
+   * item call it.
+   */
+  readonly highlight: (key?: string) => void;
+  /**
+   * Key of the series the legend points at. Every other series' `opacity` is the faded one.
+   */
+  readonly highlighted: string | undefined;
+  /**
+   * Locale the chart writes in: `locale`, else the nearest `LocaleProvider`'s, else the runtime's.
+   */
+  readonly locale: string;
+  /**
+   * Returns the CSS value of a series' opacity, which a mark takes as `opacity`, or 1 for a key no
+   * series has.
+   */
+  readonly opacity: (key: string) => string;
+  /**
+   * Hides or shows series after a press in the legend: the pressed series switched for a plain
+   * press, the pressed series alone for a press with Ctrl or Cmd.
+   */
+  readonly press: (key: string, alone: boolean) => void;
+  /**
+   * Series as the chart resolved them, in order.
+   */
+  readonly series: readonly Series[];
+}
+/**
+ * Returns a chart's rows, resolved series and formatters, with the hidden series in state.
+ *
+ * @remarks
+ *   A caller controls the hidden keys through `hiddenKeys` and `onHiddenKeysChange`. Without them
+ *   the hook keeps the keys in state, starting from `defaultHiddenKeys`. The locale is `locale`,
+ *   else the nearest `LocaleProvider`'s, else the runtime's.
+ * @typeParam Row - One row of the data.
+ */
+declare function useChart<Row>(options: ChartOptions<Row>): ChartApi<Row>;
+//#endregion
+//#region src/chart/root.d.ts
+/**
+ * Renders the `figure` that provides the recipe's variants.
+ */
+declare const Figure: import("@stealthscale/theme").StyledComponent<"figure", {
+  readonly ratio?: "golden" | "landscape" | "portrait" | "rows" | "square" | "ultrawide" | "video" | "wide";
+}>;
+/**
+ * Describes the props of the root: the chart, the recipe's variants and the props of a `figure`.
+ */
+interface RootProps extends ComponentProps<typeof Figure> {
+  /**
+   * Chart `useChart` returns, which every part reads.
+   */
+  readonly chart: ChartApi;
+}
+/**
+ * Renders the figure inside the chart's provider, named by its caption while one renders.
+ *
+ * @param props - The chart, the recipe's variants and the props of a `figure`.
+ * @returns The `figure` element inside the chart's provider.
+ */
+declare function Root({ chart, ...props }: RootProps): ReactElement;
+//#endregion
+//#region src/gauge-chart/bands.d.ts
+/**
+ * Describes one zone of a gauge's range: where it ends, its name and its palette.
+ */
+interface GaugeZone {
+  /**
+   * Palette the zone and a reading inside it take, such as `success`, `warning` or `error`. The
+   * neutral palette unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Name of the zone, written under the reading while the reading is inside it.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Value the zone ends at. It starts where the zone before it ends, or at the range's minimum. A
+   * zone that ends past the maximum, `Infinity` included, ends at the maximum.
+   */
+  readonly upTo: number;
+}
+/**
+ * Describes one band of the dial: the span of a zone, or the part of the range no zone covers.
+ */
+interface GaugeBand {
+  /**
+   * Palette of the zone, or none for a zone without one and for the part no zone covers.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Value the band starts at.
+   */
+  readonly from: number;
+  /**
+   * Name of the zone, or none for the part no zone covers.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Value the band ends at.
+   */
+  readonly to: number;
+  /**
+   * Whether the band is the part of the range no zone covers.
+   */
+  readonly uncovered: boolean;
+}
+/**
+ * Returns the zones as bands of the range from `min` to `max`: sorted by where they end, each
+ * starting where the one before it ends, clamped to the range, and the part past the last zone as
+ * an uncovered band.
+ *
+ * @remarks
+ *   A zone whose end is `NaN` is left out, and so is a zone that ends at or before the zone before
+ *   it. The part of the range no zone covers renders as the dial's track rather than as the last
+ *   zone, so a gauge that classifies part of its range shows which part.
+ * @param zones - The zones in any order.
+ * @param min - The value the range starts at.
+ * @param max - The value the range ends at.
+ */
+export declare function gaugeBands(zones: readonly GaugeZone[], min: number, max: number): GaugeBand[];
+/**
+ * Returns the band a value is in: the first whose end the value has not passed, else the last.
+ *
+ * @param bands - The bands `gaugeBands` returns.
+ * @param value - The value within the range.
+ */
+export declare function gaugeBandAt(bands: readonly GaugeBand[], value: number): GaugeBand | undefined;
+//#endregion
+//#region src/cartesian/types.d.ts
+/**
+ * Describes a series of a cartesian preset: the kit's series, and whether its line is dashed.
+ */
+interface CartesianSeries extends SeriesOptions {
+  /**
+   * Whether the series' line renders dashed, as a target or a projection does. A series with
+   * `previousOf` renders dashed unless stated.
+   */
+  readonly dashed?: boolean | undefined;
+  /**
+   * Key of the series this series is the earlier period of, such as last week's revenue for this
+   * week's. The series takes the neutral palette unless it states a color, and the tooltip writes
+   * the change from it after the other series' value.
+   */
+  readonly previousOf?: string | undefined;
+}
+/**
+ * Describes a series of a bar chart: the preset's series, and the target each bar is measured
+ * against.
+ */
+interface BarSeries extends CartesianSeries {
+  /**
+   * Field of each row the series' target reads, which a tick across the row's bar marks. A row
+   * without a finite number in it renders no tick.
+   */
+  readonly target?: string | undefined;
+}
+/**
+ * Describes whether a line runs straight between two points or is smoothed through them.
+ */
+type Curve = "linear" | "monotone";
+/**
+ * Describes the mark a series renders as.
+ */
+type Mark = "area" | "bar" | "line";
+/**
+ * Describes the value axis a series reads: the one at the plot's start edge or the one at its end
+ * edge.
+ */
+type ValueAxis = "end" | "start";
+/**
+ * Describes a series of a combo chart: the preset's series, the mark it renders as and the value
+ * axis it reads.
+ */
+interface ComboSeries extends CartesianSeries {
+  /**
+   * Value axis the series reads. The start axis unless stated. An end axis renders while a series
+   * reads it.
+   */
+  readonly axis?: undefined | ValueAxis;
+  /**
+   * Mark the series renders as.
+   */
+  readonly mark: Mark;
+}
+/**
+ * Describes a band: a series plotted as the area between two fields of each row, such as the low
+ * and high ends of a forecast.
+ */
+interface RangeBand extends SeriesOptions {
+  /**
+   * Field of each row the band's upper edge reads.
+   */
+  readonly high: string;
+  /**
+   * Field of each row the band's lower edge reads.
+   */
+  readonly low: string;
+}
+/**
+ * Describes the props a bar chart adds to a preset's: the target's name and the zones of the value
+ * axis, which together make each bar a bullet graph.
+ */
+interface BulletProps {
+  /**
+   * Name of a bar's target in the tooltip and in the key. "Target" unless stated.
+   */
+  readonly targetLabel?: string | undefined;
+  /**
+   * Zones of the value axis, such as poor, fair and good, which fill each bar's row behind a
+   * measure 42% of its thickness. The zones resolve against the value axis' domain, which
+   * `valueDomain` states. None unless stated.
+   */
+  readonly zones?: readonly GaugeZone[] | undefined;
+}
+/**
+ * Describes the props every cartesian preset takes.
+ *
+ * @remarks
+ *   The figure's props leave out `grid`, the style prop, because a preset takes `grid` as the
+ *   switch of its grid lines.
+ * @typeParam Row - One row of the data.
+ */
+interface CartesianProps<Row> extends Omit<ChartOptions<Row>, "series">, Omit<RootProps, "chart" | "children" | "grid"> {
+  /**
+   * Whether the marks animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Marks pinned to the data, a moment, a period or a point each, which the tooltip lists at their
+   * category. None unless stated.
+   */
+  readonly annotations?: readonly Annotation[] | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Field of each row the category axis reads, such as a day or a plan.
+   */
+  readonly categoryKey: Extract<keyof Row, string>;
+  /**
+   * Recharts elements rendered inside the chart after the marks, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Index in `data` of the row the tooltip shows when the chart first renders, until the pointer
+   * or a key moves it. No tooltip shows at first unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no rows.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Revenue per day".
+   */
+  readonly label: string;
+  /**
+   * `Intl.DateTimeFormat` options the category ticks and the tooltip's heading are written with,
+   * for a time axis. The category as it is unless stated.
+   */
+  readonly labelOptions?: Intl.DateTimeFormatOptions | undefined;
+  /**
+   * Whether the legend renders below the plot. It renders while two or more series have rows
+   * unless stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Series the chart plots, in the order the legend lists them.
+   */
+  readonly series: readonly CartesianSeries[];
+  /**
+   * Domain of the value axis in recharts' terms, such as `[0, 100]`. From zero unless stated.
+   */
+  readonly valueDomain?: YAxisProps["domain"];
+  /**
+   * `Intl.NumberFormat` options the value ticks and the tooltip's values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+//#endregion
+//#region src/area-chart/area-chart.d.ts
+/**
+ * Describes the props of an area chart: the cartesian props and the path of each area's edge.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface AreaChartProps<Row> extends CartesianProps<Row> {
+  /**
+   * Path of each area's edge between two points. Smoothed through them unless stated.
+   */
+  readonly curve?: Curve | undefined;
+}
+/**
+ * Renders the chart's figure around an area per series.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words and the curve.
+ */
+export declare function AreaChart<Row>({ curve, ...props }: AreaChartProps<Row>): ReactElement;
+//#endregion
+//#region src/bar-chart/bar-chart.d.ts
+/**
+ * Describes the props of a bar chart: the cartesian props, series that may read a target, and the
+ * zones of the value axis.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface BarChartProps<Row> extends BulletProps, Omit<CartesianProps<Row>, "series"> {
+  /**
+   * Series the chart plots, in the order the legend lists them, each with the field its targets
+   * read where it has targets.
+   */
+  readonly series: readonly BarSeries[];
+}
+/**
+ * Renders the chart's figure around a bar per series in each category.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words, the targets and the zones.
+ */
+export declare function BarChart<Row>(props: BarChartProps<Row>): ReactElement;
+//#endregion
+//#region src/chart/caption.d.ts
+/**
+ * Renders the `figcaption` with the chart's caption class.
+ */
+declare const Figcaption: import("@stealthscale/theme").StyledComponent<"figcaption", {}>;
+/**
+ * Describes the props of the caption: the props of a `figcaption`.
+ */
+type CaptionProps = ComponentProps<typeof Figcaption>;
+/**
+ * Renders the caption with the ID the figure is labelled by.
+ *
+ * @param props - The finding and the props of a `figcaption`.
+ */
+declare function Caption(props: CaptionProps): ReactElement;
+//#endregion
+//#region src/chart/crosshair.d.ts
+/**
+ * Describes the props of the crosshair: the series it follows.
+ */
+interface CrosshairProps {
+  /**
+   * Key of the series whose value the guide marks.
+   */
+  readonly dataKey: string;
+}
+/**
+ * Renders the guide at the active row's value, or nothing without one.
+ *
+ * @param props - The series the guide follows.
+ */
+declare function Crosshair({ dataKey }: CrosshairProps): null | ReactElement;
+//#endregion
+//#region src/chart/empty.d.ts
+/**
+ * Renders the `div` with the chart's empty class.
+ */
+declare const Box$2: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the empty state: the props of a `div`.
+ */
+type EmptyProps = ComponentProps<typeof Box$2>;
+/**
+ * Renders the children while the chart has no rows, and nothing once it has one.
+ *
+ * @param props - The words and the props of a `div`.
+ */
+declare function Empty(props: EmptyProps): null | ReactElement;
+//#endregion
+//#region src/chart/key-item.d.ts
+/**
+ * Renders the `li` with the chart's key item class.
+ */
+declare const Item: import("@stealthscale/theme").StyledComponent<"li", {}>;
+/**
+ * Describes the props of a key's entry: the glyph, the name and the props of an `li`.
+ */
+interface KeyItemProps extends ComponentProps<typeof Item> {
+  /**
+   * Picture of the part, an `svg` the recipe sizes to the text.
+   */
+  readonly glyph: ReactNode;
+}
+/**
+ * Renders the glyph and the name.
+ *
+ * @param props - The glyph, the name and the props of an `li`.
+ */
+declare function KeyItem({ children, glyph, ...props }: KeyItemProps): ReactElement;
+//#endregion
+//#region src/chart/key.d.ts
+/**
+ * Renders the `ul` with the chart's key class.
+ */
+declare const List: import("@stealthscale/theme").StyledComponent<"ul", {}>;
+/**
+ * Describes the props of the key: the props of a `ul`.
+ */
+type KeyProps = ComponentProps<typeof List>;
+/**
+ * Renders the list of the key's entries.
+ *
+ * @param props - The entries and the props of a `ul`.
+ */
+declare function Key(props: KeyProps): ReactElement;
+//#endregion
+//#region src/chart/legend.d.ts
+/**
+ * Renders the `fieldset` with the chart's legend class.
+ */
+declare const Group: import("@stealthscale/theme").StyledComponent<"fieldset", {}>;
+/**
+ * Describes the props of the legend: its name and the props of a `fieldset`.
+ */
+interface LegendProps extends ComponentProps<typeof Group> {
+  /**
+   * Name of the group of buttons, read before the first one.
+   */
+  readonly label?: string | undefined;
+}
+/**
+ * Renders a button per series with its swatch and name, in the order of the series.
+ *
+ * @param props - The group's name and the props of a `fieldset`.
+ */
+declare function Legend({ label, ...props }: LegendProps): ReactElement;
+//#endregion
+//#region src/chart/plot.d.ts
+/**
+ * Renders the `div` with the chart's plot class.
+ */
+declare const Box$1: import("@stealthscale/theme").StyledComponent<"div", {}>;
+/**
+ * Describes the props of the plot: one recharts chart, the content over its middle and the props
+ * of a `div`.
+ */
+interface PlotProps extends Omit<ComponentProps<typeof Box$1>, "children"> {
+  /**
+   * Figure over the middle of the plot, such as the total in a donut's hole.
+   */
+  readonly center?: ReactNode;
+  /**
+   * Words under the figure in the middle, such as what the total counts.
+   */
+  readonly centerLabel?: ReactNode;
+  /**
+   * The recharts chart, such as a `LineChart` with its axes and marks.
+   */
+  readonly children: ReactElement;
+}
+/**
+ * Renders the chart in a box as wide as the figure, or nothing while the chart has no rows.
+ *
+ * @param props - The recharts chart, the content over its middle and the props of a `div`.
+ */
+declare function Plot({ center, centerLabel, children, ...props }: PlotProps): null | ReactElement;
+declare namespace index_d_exports {
+  export { Caption, CaptionProps, ChartApi, ChartColor, ChartOptions, Crosshair, CrosshairProps, Empty, EmptyProps, Key, KeyItem, KeyItemProps, KeyProps, Legend, LegendProps, Plot, PlotProps, Root, RootProps, Series, SeriesOptions, Tooltip$1 as Tooltip, TooltipEntry, TooltipNote, TooltipProps, TooltipRow, colorOf, useChart };
+}
+//#endregion
+//#region src/stats/box.d.ts
+/**
+ * Summarises values as a box plot renders them: the five numbers, Tukey's whiskers, and the
+ * outliers past them.
+ *
+ * @remarks
+ *   The whiskers are not the minimum and the maximum. Each extends to the furthest value still
+ *   within `whisker` times the interquartile range of the box, and every value past a whisker is
+ *   an outlier, so a box plot shows an outlier as its own point. A whisker ends at the box's edge
+ *   when no value lies between the edge and its reach. Quartiles are type 7, as `quantile` reads
+ *   them.
+ */
+/**
+ * Describes the summary of a set of values that a box plot renders.
+ */
+interface BoxSummary {
+  /**
+   * Number of values summarised. A box of four values is not a distribution.
+   */
+  readonly count: number;
+  /**
+   * Interquartile range, `q3 - q1`: the spread of the middle half.
+   */
+  readonly iqr: number;
+  /**
+   * Largest value, an outlier included.
+   */
+  readonly max: number;
+  /**
+   * Middle value.
+   */
+  readonly median: number;
+  /**
+   * Smallest value, an outlier included.
+   */
+  readonly min: number;
+  /**
+   * Values past the whiskers, in ascending order.
+   */
+  readonly outliers: readonly number[];
+  /**
+   * First quartile, the lower edge of the box.
+   */
+  readonly q1: number;
+  /**
+   * Third quartile, the upper edge of the box.
+   */
+  readonly q3: number;
+  /**
+   * Largest value within the whisker's reach above the box, or the third quartile.
+   */
+  readonly whiskerHigh: number;
+  /**
+   * Smallest value within the whisker's reach below the box, or the first quartile.
+   */
+  readonly whiskerLow: number;
+}
+/**
+ * Returns the box plot's summary of the values, or nothing without a finite value.
+ *
+ * @remarks
+ *   A value that is not a finite number is left out. A negative `whisker` reads as 0.
+ * @param values - The values, of any type and in any order.
+ * @param whisker - The whisker's reach in interquartile ranges.
+ */
+export declare function boxStats(values: readonly unknown[], whisker?: number): BoxSummary | undefined;
+//#endregion
+//#region src/box-plot/box-plot.d.ts
+/**
+ * Describes a group of a box plot: its key, its name, and its values or a summary of them.
+ */
+interface BoxGroup {
+  /**
+   * Key of the group.
+   */
+  readonly key: string;
+  /**
+   * Name of the group, which the category axis and the tooltip write.
+   */
+  readonly label: string;
+  /**
+   * Summary to render, for values summarised elsewhere, such as in a query. The chart renders it
+   * in place of `values`.
+   */
+  readonly summary?: BoxSummary | undefined;
+  /**
+   * Values of the group, one per thing measured. A value that is not a finite number is left out.
+   */
+  readonly values?: readonly unknown[] | undefined;
+}
+/**
+ * Describes the props of a box plot: the groups, the words, the switches and the figure's props.
+ */
+interface BoxPlotProps extends Omit<RootProps, "chart" | "children" | "color" | "grid"> {
+  /**
+   * Whether the boxes grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the boxes, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette the boxes take their color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Name of the number of values in the tooltip.
+   */
+  readonly countLabel?: ReactNode;
+  /**
+   * Index of the group the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while no group has a value.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Groups the chart compares, in the order the category axis lists them.
+   */
+  readonly groups: readonly BoxGroup[];
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Response times by region".
+   */
+  readonly label: string;
+  /**
+   * Whether the key naming the box's parts renders below the plot.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Name of the median in the tooltip and the key.
+   */
+  readonly medianLabel?: ReactNode;
+  /**
+   * Whether each outlier renders as a point.
+   */
+  readonly outliers?: boolean | undefined;
+  /**
+   * Name of the outliers in the tooltip and the key.
+   */
+  readonly outliersLabel?: ReactNode;
+  /**
+   * Name of the box, the first quartile to the third, in the tooltip and the key.
+   */
+  readonly quartilesLabel?: ReactNode;
+  /**
+   * Domain of the value axis in recharts' terms, such as `[0, 500]`. Rounded around the values
+   * unless stated.
+   */
+  readonly valueDomain?: YAxisProps["domain"];
+  /**
+   * `Intl.NumberFormat` options the value ticks and the tooltip's values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Reach of a whisker past the box in interquartile ranges. Tukey's 1.5 unless stated.
+   */
+  readonly whisker?: number | undefined;
+  /**
+   * Name of the whiskers' reach in the tooltip and the key.
+   */
+  readonly whiskersLabel?: ReactNode;
+}
+/**
+ * Renders the chart's figure around the boxes, the key and the caption.
+ *
+ * @param props - The groups, the words, the switches and the figure's props.
+ */
+export declare function BoxPlot({ animate, caption, children, color, countLabel, defaultIndex, empty, grid, groups, label, legend, locale, medianLabel, outliers, outliersLabel, quartilesLabel, valueDomain, valueOptions, whisker, whiskersLabel, ...root }: BoxPlotProps): ReactElement;
+//#endregion
+//#region src/scatter-plot/span.d.ts
+/**
+ * Describes the span of an axis: its lowest and its highest value.
+ */
+type Span = readonly [number, number];
+//#endregion
+//#region src/scatter-plot/quadrants.d.ts
+/**
+ * Describes one of the four quadrants by the reading direction: the start side is the left in a
+ * left-to-right document.
+ */
+type QuadrantId = "bottomEnd" | "bottomStart" | "topEnd" | "topStart";
+/**
+ * Describes where two dividing lines cross the axes.
+ */
+interface Division {
+  /**
+   * Value on the x axis the vertical line crosses at.
+   */
+  readonly x: number;
+  /**
+   * Value on the y axis the horizontal line crosses at.
+   */
+  readonly y: number;
+}
+/**
+ * Describes the quadrants a scatter divides into: the name of each, and where the two lines
+ * divide.
+ */
+interface Quadrants {
+  /**
+   * Name of each quadrant, keyed by the reading direction.
+   */
+  readonly names: Readonly<Record<QuadrantId, string>>;
+  /**
+   * Value on the x axis the quadrants divide at. The middle of the x axis' span unless stated:
+   * its domain's two numbers, 0 to 1 for an axis with named ends, else the points' x values.
+   */
+  readonly x?: number | undefined;
+  /**
+   * Value on the y axis the quadrants divide at. The middle of the y axis' span unless stated.
+   */
+  readonly y?: number | undefined;
+}
+/**
+ * Describes how `spreadPoints` spreads a scatter's points.
+ */
+interface SpreadOptions<Point> {
+  /**
+   * Share of each axis' span two points keep apart. 0.06 unless stated.
+   */
+  readonly distance?: number | undefined;
+  /**
+   * Values the quadrants divide at, which no point moves across. The middle of each span unless
+   * stated.
+   */
+  readonly division?: Division | undefined;
+  /**
+   * Span of the x axis.
+   */
+  readonly x: Span;
+  /**
+   * Field of each point the x axis reads.
+   */
+  readonly xKey: Extract<keyof Point, string>;
+  /**
+   * Span of the y axis.
+   */
+  readonly y: Span;
+  /**
+   * Field of each point the y axis reads.
+   */
+  readonly yKey: Extract<keyof Point, string>;
+}
+/**
+ * Returns the quadrant a point falls in. A point on a dividing line belongs to the upper side or
+ * the end side.
+ *
+ * @param x - The point's value on the x axis.
+ * @param y - The point's value on the y axis.
+ * @param division - The values the quadrants divide at.
+ */
+export declare function quadrantOf(x: number, y: number, division: Division): QuadrantId;
+/**
+ * Returns the points in the order given, each moved until it keeps `distance` from the points
+ * before it, and never across a dividing line.
+ *
+ * @remarks
+ *   A point without a finite value on both axes is returned as it is and takes no place. A span
+ *   clamps each point to the axis, so every moved point is inside the plot.
+ * @typeParam Point - One point, with a numeric field per axis.
+ * @param points - The points to place.
+ * @param options - The axes' fields and spans, the distance and the division.
+ */
+export declare function spreadPoints<Point extends object>(points: readonly Point[], options: SpreadOptions<Point>): Point[];
+//#endregion
+//#region src/scatter-plot/types.d.ts
+/**
+ * Describes the figure's props: the props of `Chart.Root` a scatter passes on.
+ */
+type ScatterFigure = Omit<RootProps, "chart" | "children" | "grid">;
+/**
+ * Describes a series of a scatter: the kit's series and its own points.
+ *
+ * @typeParam Point - One point of the series.
+ */
+interface ScatterSeries<Point> extends SeriesOptions {
+  /**
+   * Points of the series, each with its own x and y.
+   */
+  readonly points: readonly Point[];
+}
+/**
+ * Describes the props of a scatter plot: the series and their points, the axes, the size of a
+ * point, the quadrants, the words, the switches and the figure's props.
+ *
+ * @typeParam Point - One point of a series.
+ */
+interface ScatterPlotProps<Point> extends Omit<ChartOptions<Point>, "data" | "series">, ScatterFigure {
+  /**
+   * Whether the points animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the points, such as a `RegressionOverlay`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Index in the first series' points of the point the tooltip shows when the chart first renders.
+   * No tooltip shows at first unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while no series has a point.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the ticks of both axes.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Deal size by sales cycle".
+   */
+  readonly label: string;
+  /**
+   * Field of each point whose words are written beside it and head its tooltip, such as a vendor's
+   * name.
+   */
+  readonly labelKey?: Extract<keyof Point, string> | undefined;
+  /**
+   * Whether the legend renders below the plot. It renders while two or more series have points
+   * unless stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Quadrants the plot divides into: two dashed lines, the name of each quadrant in its corner,
+   * and the quadrant of each point after its name in the tooltip.
+   */
+  readonly quadrants?: Quadrants | undefined;
+  /**
+   * Series the chart plots, in the order the legend lists them.
+   */
+  readonly series: ReadonlyArray<ScatterSeries<Point>>;
+  /**
+   * Area of every point in square pixels, while no field sizes the points.
+   */
+  readonly size?: number | undefined;
+  /**
+   * Field of each point its area reads, for a bubble chart.
+   */
+  readonly sizeKey?: Extract<keyof Point, string> | undefined;
+  /**
+   * Name of the size's field, which the tooltip writes beside the value.
+   */
+  readonly sizeLabel?: string | undefined;
+  /**
+   * `Intl.NumberFormat` options the tooltip writes the size with.
+   */
+  readonly sizeOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Smallest and largest area of a sized point, in square pixels.
+   */
+  readonly sizeRange?: readonly [number, number] | undefined;
+  /**
+   * Domain of the x axis in recharts' terms. Recharts' rounded domain unless stated.
+   */
+  readonly xDomain?: YAxisProps["domain"];
+  /**
+   * Words for the x axis' two ends, the low end's first, such as "Rare" and "Certain", written in
+   * place of its ticks. The axis then spans `xDomain`, 0 to 1 unless it states two numbers.
+   */
+  readonly xEnds?: readonly [string, string] | undefined;
+  /**
+   * Field of each point the x axis reads.
+   */
+  readonly xKey: Extract<keyof Point, string>;
+  /**
+   * Title of the x axis, which the tooltip repeats beside the x value.
+   */
+  readonly xLabel: string;
+  /**
+   * `Intl.NumberFormat` options the x ticks and the tooltip's x value are written with.
+   */
+  readonly xOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Domain of the y axis in recharts' terms. Recharts' rounded domain unless stated.
+   */
+  readonly yDomain?: YAxisProps["domain"];
+  /**
+   * Words for the y axis' two ends, the low end's first, written in place of its ticks. The axis
+   * then spans `yDomain`, 0 to 1 unless it states two numbers.
+   */
+  readonly yEnds?: readonly [string, string] | undefined;
+  /**
+   * Field of each point the y axis reads.
+   */
+  readonly yKey: Extract<keyof Point, string>;
+  /**
+   * Title of the y axis, which the tooltip repeats beside the y value.
+   */
+  readonly yLabel: string;
+  /**
+   * `Intl.NumberFormat` options the y ticks and the tooltip's y value are written with.
+   */
+  readonly yOptions?: Intl.NumberFormatOptions | undefined;
+}
+//#endregion
+//#region src/bubble-chart/bubble-chart.d.ts
+/**
+ * Describes the props of a bubble chart: a scatter's props with the field its points' area reads.
+ *
+ * @typeParam Point - One point of a series.
+ */
+interface BubbleChartProps<Point> extends Omit<ScatterPlotProps<Point>, "size" | "sizeKey" | "sizeLabel"> {
+  /**
+   * Field of each point its area reads.
+   */
+  readonly sizeKey: Extract<keyof Point, string>;
+  /**
+   * Name of the size's field, which the tooltip writes beside the value.
+   */
+  readonly sizeLabel: string;
+}
+/**
+ * Renders the scatter with each point's area read from `sizeKey`.
+ *
+ * @typeParam Point - One point of a series.
+ * @param props - A scatter's props with the size's field and its name.
+ */
+export declare function BubbleChart<Point extends object>(props: BubbleChartProps<Point>): ReactElement;
+//#endregion
+//#region src/burndown-chart/rows.d.ts
+/**
+ * Turns a burndown's readings into rows with the ideal line and the projection past the last
+ * reading, and names the period the projection falls to zero.
+ */
+/**
+ * Describes one period of a burndown.
+ */
+interface BurndownPoint {
+  /**
+   * Name of the period, such as a day of a sprint.
+   */
+  readonly at: string;
+  /**
+   * Work left at the end of the period. Missing for a period that has not happened.
+   */
+  readonly remaining?: number | undefined;
+}
+/**
+ * Describes one row a burndown chart plots.
+ */
+interface BurndownRow {
+  /**
+   * Name of the period.
+   */
+  readonly at: string;
+  /**
+   * Work a constant rate leaves at the end of the period.
+   */
+  readonly ideal: number;
+  /**
+   * Work the trend leaves at the end of the period, from the last reading on.
+   */
+  readonly projected?: number | undefined;
+  /**
+   * Work left at the end of the period, where it was read.
+   */
+  readonly remaining?: number | undefined;
+}
+/**
+ * Describes the plan a burndown is measured against.
+ */
+interface BurndownOptions {
+  /**
+   * Number of periods the plan covers. The number of points unless stated.
+   */
+  readonly periods?: number | undefined;
+  /**
+   * Work at the start. The first reading unless stated.
+   */
+  readonly total?: number | undefined;
+}
+/**
+ * Returns the period's index at which the trend, projected from the last reading, falls to zero.
+ *
+ * @remarks
+ *   The index is fractional and can lie past the end of the plan, which is the finding a caption
+ *   states. Nothing comes back with fewer than two readings, or where the work does not fall.
+ * @param points - The periods, in order.
+ */
+export declare function burndownFinish(points: readonly BurndownPoint[]): number | undefined;
+/**
+ * Returns a row per period with the ideal line, the readings and the projection.
+ *
+ * @remarks
+ *   The ideal line runs straight from the total to zero over the plan's periods. The projection
+ *   starts at the last reading and falls at the trend's rate, never below zero, so it meets the
+ *   readings' line.
+ * @param points - The periods, in order.
+ * @param options - The plan's periods and total.
+ */
+export declare function burndownRows(points: readonly BurndownPoint[], options?: BurndownOptions): BurndownRow[];
+//#endregion
+//#region src/burndown-chart/burndown-chart.d.ts
+/**
+ * Describes the props of a burndown chart: the cartesian props without rows or series, the
+ * readings, the plan and the lines' names.
+ */
+interface BurndownChartProps extends Omit<CartesianProps<BurndownRow>, "categoryKey" | "data" | "series"> {
+  /**
+   * Name of the ideal line in the legend and the tooltip.
+   */
+  readonly idealLabel?: ReactNode;
+  /**
+   * Number of periods the plan covers. The number of points unless stated.
+   */
+  readonly periods?: number | undefined;
+  /**
+   * Periods, in order, each with the work left where it was read.
+   */
+  readonly points: readonly BurndownPoint[];
+  /**
+   * Name of the projection in the legend and the tooltip.
+   */
+  readonly projectedLabel?: ReactNode;
+  /**
+   * Whether the trend is plotted past the last reading.
+   */
+  readonly projection?: boolean | undefined;
+  /**
+   * Name of the readings' line in the legend and the tooltip.
+   */
+  readonly remainingLabel?: ReactNode;
+  /**
+   * Work at the start. The first reading unless stated.
+   */
+  readonly total?: number | undefined;
+}
+/**
+ * Renders the chart's figure around the readings, the ideal line and the projection.
+ *
+ * @param props - The readings, the plan, the words and the projection.
+ */
+export declare function BurndownChart({ idealLabel, periods, points, projectedLabel, projection, remainingLabel, total, valueOptions, ...props }: BurndownChartProps): ReactElement;
+//#endregion
+//#region src/candlestick-chart/candles.d.ts
+/**
+ * Reads the candles of a candlestick chart from rows: each period's open, high, low and close, the
+ * direction its body takes, and how far it moved.
+ *
+ * @remarks
+ *   A candle's direction is its close against its own open, not against the period before, because
+ *   the body is the shape on screen: a rising body in the falling color reads as a fault. A candle
+ *   with the other convention's direction passes the previous close as its open.
+ */
+/**
+ * Describes one period's prices.
+ */
+interface Candle {
+  /**
+   * Price the period closed at.
+   */
+  readonly close: number;
+  /**
+   * Highest price in the period, the top of the wick.
+   */
+  readonly high: number;
+  /**
+   * Lowest price in the period, the bottom of the wick.
+   */
+  readonly low: number;
+  /**
+   * Price the period opened at.
+   */
+  readonly open: number;
+}
+/**
+ * Describes whether a period closed above, below or at its open.
+ */
+type CandleDirection = "down" | "flat" | "up";
+/**
+ * Describes how far a period moved.
+ */
+interface CandleChange {
+  /**
+   * Close minus open.
+   */
+  readonly absolute: number;
+  /**
+   * Change as a share of the open, or nothing for an open of 0, from which no share exists.
+   */
+  readonly ratio: number | undefined;
+}
+/**
+ * Returns whether a period closed above its open, below it, or at it.
+ *
+ * @param candle - The period's open and close.
+ */
+export declare function candleDirection({ close, open }: Pick<Candle, "close" | "open">): CandleDirection;
+/**
+ * Returns how far a period moved from its open to its close, as an amount and as a share of the
+ * open.
+ *
+ * @param candle - The period's open and close.
+ */
+export declare function candleChange({ close, open }: Pick<Candle, "close" | "open">): CandleChange;
+//#endregion
+//#region src/candlestick-chart/candlestick-chart.d.ts
+/**
+ * Describes the props of a candlestick chart: the rows, the words, the switches and the figure's
+ * props.
+ *
+ * @typeParam Row - One row of the data, with `open`, `high`, `low` and `close`.
+ */
+interface CandlestickChartProps<Row extends object> extends Omit<RootProps, "chart" | "children" | "grid"> {
+  /**
+   * Whether the candles grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Name of the body in the key.
+   */
+  readonly bodyLabel?: ReactNode;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Field of each row the category axis reads, such as a trading day.
+   */
+  readonly categoryKey: Extract<keyof Row, string>;
+  /**
+   * Name of the change in the tooltip.
+   */
+  readonly changeLabel?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the candles, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Name of the closing price in the tooltip.
+   */
+  readonly closeLabel?: ReactNode;
+  /**
+   * Rows of the periods, each with `open`, `high`, `low` and `close`. A row without a finite
+   * number in each is left out.
+   */
+  readonly data: readonly Row[];
+  /**
+   * Index of the period the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Name of a falling candle's color in the key.
+   */
+  readonly downLabel?: ReactNode;
+  /**
+   * Message the chart renders in the plot's place while no row has a candle.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Name of a flat candle's color in the key, which renders while the chart has a flat candle.
+   */
+  readonly flatLabel?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Name of the highest price in the tooltip.
+   */
+  readonly highLabel?: ReactNode;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Daily prices of ACME".
+   */
+  readonly label: string;
+  /**
+   * `Intl.DateTimeFormat` options the category ticks and the tooltip's heading are written with,
+   * for periods given as dates. The category as it is unless stated.
+   */
+  readonly labelOptions?: Intl.DateTimeFormatOptions | undefined;
+  /**
+   * Whether the key naming the colors and the parts renders below the plot.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Name of the lowest price in the tooltip.
+   */
+  readonly lowLabel?: ReactNode;
+  /**
+   * Name of the opening price in the tooltip.
+   */
+  readonly openLabel?: ReactNode;
+  /**
+   * Name of a rising candle's color in the key.
+   */
+  readonly upLabel?: ReactNode;
+  /**
+   * Domain of the value axis in recharts' terms. Rounded around the prices unless stated.
+   */
+  readonly valueDomain?: YAxisProps["domain"];
+  /**
+   * `Intl.NumberFormat` options the value ticks, the prices and the change are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Name of the wick in the key.
+   */
+  readonly wickLabel?: ReactNode;
+}
+/**
+ * Renders the chart's figure around the candles, the key and the caption.
+ *
+ * @typeParam Row - One row of the data, with `open`, `high`, `low` and `close`.
+ * @param props - The rows, the words, the switches and the figure's props.
+ */
+export declare function CandlestickChart<Row extends object>({ animate, caption, categoryKey, children, data, defaultIndex, empty, grid, label, labelOptions, legend, locale, valueDomain, valueOptions, ...rest }: CandlestickChartProps<Row>): ReactElement;
+//#endregion
+//#region src/cartesian/periods.d.ts
+/**
+ * Describes how `alignPeriods` merges two periods.
+ *
+ * @typeParam Row - One row of either period.
+ */
+interface AlignOptions<Row> {
+  /**
+   * Field of each row the category axis reads. The merged row keeps the previous period's own
+   * category under the field's name and the suffix.
+   */
+  readonly categoryKey: Extract<keyof Row, string>;
+  /**
+   * Fields copied from the previous period into each merged row.
+   */
+  readonly keys: ReadonlyArray<Extract<keyof Row, string>>;
+  /**
+   * Suffix of each copied field's name. "Previous" unless stated, so `revenue` becomes
+   * `revenuePrevious`.
+   */
+  readonly suffix?: string | undefined;
+}
+/**
+ * Returns a row per row of the current period, with the fields of the previous period's row at the
+ * same position.
+ *
+ * @typeParam Row - One row of either period.
+ * @param current - The current period's rows, in order.
+ * @param previous - The previous period's rows, in order.
+ * @param options - The category field, the copied fields and their suffix.
+ */
+export declare function alignPeriods<Row extends Record<string, unknown>>(current: readonly Row[], previous: readonly Row[], options: AlignOptions<Row>): Array<Record<string, unknown>>;
+//#endregion
+//#region src/sankey-chart/flows.d.ts
+/**
+ * Describes one node of a flow graph: its key, its name and its color.
+ */
+interface SankeyNode {
+  /**
+   * Palette of the node and of the flows it sends. The theme's series color at the node's place
+   * unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Key the flows name the node by.
+   */
+  readonly key: string;
+  /**
+   * Name written beside the node and in the tooltip. The key unless stated.
+   */
+  readonly label?: string | undefined;
+}
+/**
+ * Describes one flow of a flow graph: `value` moves from the node keyed `from` to the node keyed
+ * `to`.
+ */
+interface SankeyFlow {
+  /**
+   * Key of the node the flow leaves.
+   */
+  readonly from: string;
+  /**
+   * Key of the node the flow enters.
+   */
+  readonly to: string;
+  /**
+   * Amount that flows, such as a count of people or of money.
+   */
+  readonly value: number;
+}
+/**
+ * Describes a node's balance: everything that flows into it and out of it.
+ */
+interface SankeyBalance {
+  /**
+   * Sum of the flows into the node, 0 for a source.
+   */
+  readonly inflow: number;
+  /**
+   * Key of the node.
+   */
+  readonly key: string;
+  /**
+   * Sum of the flows out of the node, 0 for a sink.
+   */
+  readonly outflow: number;
+}
+/**
+ * Returns the flows that close a loop against the flows before them, in their order: each flow
+ * with a finite value above zero whose end already leads back to its start, a flow from a node to
+ * itself included.
+ *
+ * @remarks
+ *   The flows are taken in order, so the flows left after removing the ones returned always render.
+ * @param flows - The flows in the order they are stated.
+ */
+export declare function sankeyCycles(flows: readonly SankeyFlow[]): SankeyFlow[];
+/**
+ * Returns each node's inflow and outflow over the flows with a finite value above zero between
+ * two of the nodes, in the nodes' order.
+ *
+ * @param nodes - The nodes, whose keys the flows name.
+ * @param flows - The flows between them.
+ */
+export declare function flowBalance(nodes: readonly SankeyNode[], flows: readonly SankeyFlow[]): SankeyBalance[];
+//#endregion
+//#region src/chord-diagram/chord-diagram.d.ts
+/**
+ * Describes the props of a chord diagram: the nodes and the flows, the words and the figure's
+ * props.
+ */
+interface ChordDiagramProps extends Omit<RootProps, "chart" | "children"> {
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the marks.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Place in the keyboard walk of the mark the readout shows when the chart first renders: each arc
+   * in the nodes' order, then the ribbons that start on it. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no flow to render.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Flows between the nodes, by key, in any order: both ways between two nodes, and from a node to
+   * itself.
+   */
+  readonly flows: readonly SankeyFlow[];
+  /**
+   * Name of what flows into a node in the readout. "In" unless stated.
+   */
+  readonly inflowLabel?: string | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Calls between services".
+   */
+  readonly label: string;
+  /**
+   * Locale the amounts are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Nodes the flows name, in the order their arcs follow each other clockwise from 12 o'clock and
+   * the series colors take.
+   */
+  readonly nodes: readonly SankeyNode[];
+  /**
+   * Name of what flows out of a node in the readout. "Out" unless stated.
+   */
+  readonly outflowLabel?: string | undefined;
+  /**
+   * `Intl.NumberFormatOptions` the amounts are written with in the readout.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+/**
+ * Renders the chart's figure around the diagram and the caption.
+ *
+ * @param props - The nodes, the flows, the words and the figure's props.
+ */
+export declare function ChordDiagram({ caption, children, defaultIndex, empty, flows, inflowLabel, label, locale, nodes, outflowLabel, ratio, valueOptions, ...root }: ChordDiagramProps): ReactElement;
+//#endregion
+//#region src/chord-diagram/layout.d.ts
+/**
+ * Describes a span of the circle: a node's arc, or one end of a ribbon inside it.
+ */
+interface ChordSpan {
+  /**
+   * End of the span, in radians from 12 o'clock, clockwise.
+   */
+  readonly endAngle: number;
+  /**
+   * Key of the node the span is on.
+   */
+  readonly key: string;
+  /**
+   * Start of the span, in radians from 12 o'clock, clockwise.
+   */
+  readonly startAngle: number;
+  /**
+   * Amount the span is as long as: what an arc's node sends, or what a ribbon's end sends to the
+   * other end.
+   */
+  readonly value: number;
+}
+/**
+ * Describes a ribbon: two nodes and the two directions between them.
+ */
+interface ChordRibbon {
+  /**
+   * End on the node earlier in the nodes' order, as wide as what that node sends to the other.
+   */
+  readonly source: ChordSpan;
+  /**
+   * End on the other node, as wide as what it sends back, or the source's end for a node's flow to
+   * itself.
+   */
+  readonly target: ChordSpan;
+}
+/**
+ * Describes a chord diagram's layout: the arcs and the ribbons.
+ */
+interface ChordLayout {
+  /**
+   * Arcs of the nodes a counted flow touches, in the nodes' order.
+   */
+  readonly groups: readonly ChordSpan[];
+  /**
+   * Ribbons by their source's arc, then by their target's.
+   */
+  readonly ribbons: readonly ChordRibbon[];
+}
+/**
+ * Lays out the nodes' arcs and a ribbon per pair of nodes with a flow between them.
+ *
+ * @param nodes - The nodes in the order their arcs follow each other from 12 o'clock.
+ * @param flows - The flows between them, both ways and from a node to itself.
+ * @param pad - The space between two arcs, in radians.
+ */
+export declare function chordLayout(nodes: readonly SankeyNode[], flows: readonly SankeyFlow[], pad?: number): ChordLayout;
+//#endregion
+//#region src/heat/scale.d.ts
+/**
+ * Describes the values a heat grid's scale spans.
+ */
+interface HeatmapDomain {
+  /**
+   * Value a cell takes the scale's strongest color at.
+   */
+  readonly max: number;
+  /**
+   * Value a cell takes the scale's faintest color at.
+   */
+  readonly min: number;
+}
+/**
+ * Describes how a scale reads a value: `sequential` as an amount from least to most, `diverging` as
+ * a deviation either side of a midpoint.
+ */
+type HeatmapScale = "diverging" | "sequential";
+/**
+ * Describes the two colors of a diverging scale.
+ */
+interface HeatmapColors {
+  /**
+   * Color of a value under the midpoint.
+   */
+  readonly negative: ChartColor;
+  /**
+   * Color of a value over the midpoint.
+   */
+  readonly positive: ChartColor;
+}
+/**
+ * Describes a reading with a value, such as a heatmap's cell or a calendar's day.
+ */
+interface Valued {
+  /**
+   * Value, or `null` for a reading that is missing.
+   */
+  readonly value: null | number;
+}
+/**
+ * Returns the span of the values that are finite numbers, which is a heat grid's domain unless the
+ * caller pins one.
+ *
+ * @remarks
+ *   A value that is `null` or not finite is missing and does not stretch the domain. Two grids read
+ *   against each other take one domain, the span of both grids' values together.
+ * @param cells - The readings, such as a heatmap's cells or a calendar's days.
+ * @returns The least and the greatest value, or 0 and 0 without a value.
+ */
+export declare function heatmapDomain(cells: readonly Valued[]): HeatmapDomain;
+//#endregion
+//#region src/heatmap/cells.d.ts
+/**
+ * Describes one reading: the row and the column it belongs to, its value, and the words that name
+ * it or its value where the caller writes them.
+ */
+interface HeatmapCell {
+  /**
+   * Key of the column.
+   */
+  readonly column: string;
+  /**
+   * Words that name the reading, such as its date, which the readout writes as its heading and a
+   * screen reader reads before the value. The row's and the column's words unless stated.
+   */
+  readonly label?: string | undefined;
+  /**
+   * Key of the row.
+   */
+  readonly row: string;
+  /**
+   * Words the cell prints and reads for its value, such as a head count while the fill shows a
+   * rate. The value written in `valueOptions` unless stated.
+   */
+  readonly text?: string | undefined;
+  /**
+   * Value, or `null` for a reading that is missing, which renders apart from any value.
+   */
+  readonly value: null | number;
+}
+/**
+ * Describes the heading of a row, a column or a group of columns: the key the cells name it by and
+ * its words.
+ */
+interface HeatmapHeading {
+  /**
+   * Key of the group of columns the column belongs to, one of the `groups` keys.
+   */
+  readonly group?: string | undefined;
+  /**
+   * Whether a screen reader reads the heading alone, such as a calendar's week heading.
+   */
+  readonly hidden?: boolean | undefined;
+  /**
+   * Key the cells name the row or the column by.
+   */
+  readonly key: string;
+  /**
+   * Words of the heading.
+   */
+  readonly label: ReactNode;
+}
+//#endregion
+//#region src/cohort/cohorts.d.ts
+/**
+ * Describes one intake: who arrived together and how many of them remained at each period since.
+ */
+interface Cohort {
+  /**
+   * Key of the cohort, unique among the cohorts.
+   */
+  readonly key: string;
+  /**
+   * Words that name the cohort, such as "Jan 2026".
+   */
+  readonly label: string;
+  /**
+   * How many remained at each period since the cohort arrived, as far as it is observed, with
+   * `null` for a count nobody measured.
+   */
+  readonly retained: ReadonlyArray<null | number>;
+  /**
+   * How many arrived, the denominator of every rate of the cohort.
+   */
+  readonly size: number;
+}
+/**
+ * Describes a heatmap cell of a cohort grid, which `onSelect` receives with its cohort, its period
+ * and its count.
+ */
+interface CohortCell extends HeatmapCell {
+  /**
+   * Cohort of the cell, or undefined for the average's cell.
+   */
+  readonly cohort: Cohort | undefined;
+  /**
+   * Period of the cell, 0 being the period the cohort arrived in.
+   */
+  readonly period: number;
+  /**
+   * How many remained, or `null` for the average and for a count nobody measured.
+   */
+  readonly retained: null | number;
+}
+/**
+ * Describes the words of a cohort grid and what its cells write.
+ */
+interface CohortOptions {
+  /**
+   * Words of a last row of the size-weighted rate per period, which renders while stated.
+   */
+  readonly average?: string | undefined;
+  /**
+   * Returns the words of a cohort's row, such as its label with its size. The cohort's label unless
+   * stated.
+   */
+  readonly label?: ((cohort: Cohort) => string) | undefined;
+  /**
+   * Locale the counts are written in.
+   */
+  readonly locale: string;
+  /**
+   * Value a cohort's cells write: the rate, or the count that remained. The fill is the rate either
+   * way. `rate` unless stated.
+   */
+  readonly measure?: "count" | "rate" | undefined;
+  /**
+   * Returns the words of a period's column, such as "M3". The period's number unless stated.
+   */
+  readonly periodLabel?: ((period: number) => string) | undefined;
+}
+/**
+ * Describes the heatmap props of a cohort grid: its cells, its periods, its cohorts, rates on a
+ * scale from 0 to 1 written as percentages, and a sparse grid.
+ */
+interface CohortGrid {
+  /**
+   * Cells of the observed periods of each cohort, and of the average.
+   */
+  readonly cells: readonly CohortCell[];
+  /**
+   * Periods, from 0 to the widest cohort's last.
+   */
+  readonly columns: readonly HeatmapHeading[];
+  /**
+   * Scale of the rates, from 0 to 1.
+   */
+  readonly domain: HeatmapDomain;
+  /**
+   * Cohorts in order, then the average while it renders.
+   */
+  readonly rows: readonly HeatmapHeading[];
+  /**
+   * Whether a period past a cohort's last count is an empty place, which it is.
+   */
+  readonly sparse: true;
+  /**
+   * Options a rate is written with, as a percentage.
+   */
+  readonly valueOptions: Intl.NumberFormatOptions;
+}
+/**
+ * Returns the share of a cohort that remained at a period, 0 being the period it arrived in, or
+ * `null` without a count or without anyone in the cohort.
+ */
+export declare function retentionRate(cohort: Cohort, period: number): null | number;
+/**
+ * Returns the share of the cohorts that remained at each period, each cohort weighed by its size,
+ * over the cohorts with a rate at the period, or `null` at a period without one.
+ */
+export declare function cohortAverages(cohorts: readonly Cohort[]): ReadonlyArray<null | number>;
+/**
+ * Returns the heatmap props of a cohort grid: a row per cohort, a column per period, a cell per
+ * observed period of each cohort filled from its rate, and a last row of the averages while
+ * `average` names it.
+ *
+ * @param cohorts - The cohorts, oldest first.
+ * @param options - The words, the locale and what the cells write.
+ * @returns The props to spread into `Heatmap`.
+ */
+export declare function cohortCells(cohorts: readonly Cohort[], options: CohortOptions): CohortGrid;
+//#endregion
+//#region src/cohort/series.d.ts
+/**
+ * Describes a row of a retention chart: the period's words, each cohort's rate under its series
+ * key, and the average split into its solid and its dashed part.
+ */
+interface RetentionRow {
+  /**
+   * Words of the period.
+   */
+  readonly period: string;
+  /**
+   * Rate of a cohort under `cohortSeriesKey` of its key, the average, or its dashed part.
+   */
+  readonly [key: string]: null | number | string;
+}
+/**
+ * Describes the words and the colors of a retention chart.
+ */
+interface RetentionOptions {
+  /**
+   * Name of the average. "All cohorts" unless stated.
+   */
+  readonly averageLabel?: ReactNode;
+  /**
+   * Color every line mixes from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * How many cohorts need a rate at a period for the average to render solid there. 3 unless
+   * stated.
+   */
+  readonly minCohorts?: number | undefined;
+  /**
+   * Returns the words of a period, such as "M3". The period's number unless stated.
+   */
+  readonly periodLabel?: ((period: number) => string) | undefined;
+  /**
+   * Name of the dashed part of the average. "All cohorts, few old enough" unless stated.
+   */
+  readonly sparseLabel?: ReactNode;
+}
+/**
+ * Describes the line chart props of a retention chart: the rows, the series, a value axis from 0
+ * to 1 and rates written as percentages.
+ */
+interface Retention {
+  /**
+   * Field of each row the category axis reads, the period's words.
+   */
+  readonly categoryKey: "period";
+  /**
+   * A row per period.
+   */
+  readonly data: RetentionRow[];
+  /**
+   * A line per cohort, oldest first, then the average's solid and dashed parts while they have a
+   * value.
+   */
+  readonly series: readonly CartesianSeries[];
+  /**
+   * Domain of the value axis, from 0 to 1.
+   */
+  readonly valueDomain: [number, number];
+  /**
+   * Options a rate is written with, as a percentage.
+   */
+  readonly valueOptions: Intl.NumberFormatOptions;
+}
+/**
+ * Returns the series key of a cohort's rate from the cohort's key, which no other field of a row
+ * takes.
+ *
+ * @remarks
+ *   The key is `cohort:` and the cohort's key URI-encoded with its dots as `%2E`, because recharts
+ *   reads a dot or a bracket in a key as a path. Two cohort keys never share a series key.
+ */
+export declare function cohortSeriesKey(key: string): string;
+/**
+ * Returns the line chart props of a retention chart: a row per period, a line per cohort, and the
+ * average's solid and dashed parts.
+ *
+ * @param cohorts - The cohorts, oldest first.
+ * @param options - The words, the color and how many cohorts make the average solid.
+ * @returns The props to spread into `LineChart`.
+ */
+export declare function retentionSeries(cohorts: readonly Cohort[], options?: RetentionOptions): Retention;
+//#endregion
+//#region src/combo-chart/combo-chart.d.ts
+/**
+ * Describes the props of a combo chart: the cartesian props, series that state their marks and
+ * axes, the end axis and the path of a line.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface ComboChartProps<Row> extends Omit<CartesianProps<Row>, "series"> {
+  /**
+   * Path of each line and area's edge between two points. Smoothed through them unless stated.
+   */
+  readonly curve?: Curve | undefined;
+  /**
+   * Domain of the end axis in recharts' terms, such as `[0, 1]`. From zero unless stated.
+   */
+  readonly endDomain?: YAxisProps["domain"];
+  /**
+   * `Intl.NumberFormat` options the end axis' ticks and its series' values are written with.
+   */
+  readonly endOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Series the chart plots, each with its mark and value axis, in the order the legend lists them.
+   */
+  readonly series: readonly ComboSeries[];
+}
+/**
+ * Renders the chart's figure around a mark per series, each in the mark it states.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words, the end axis and the curve.
+ */
+export declare function ComboChart<Row>({ curve, ...props }: ComboChartProps<Row>): ReactElement;
+//#endregion
+//#region src/distribution-chart/distribution-chart.d.ts
+/**
+ * Describes a series of a distribution chart: the kit's series and its own values.
+ */
+interface DistributionSeries extends SeriesOptions {
+  /**
+   * Values of the series, one per thing measured. A value that is not a finite number is left out.
+   */
+  readonly values: readonly unknown[];
+}
+/**
+ * Describes the props of a distribution chart: the series and their values, the bins, the words,
+ * the switches and the figure's props.
+ */
+interface DistributionChartProps extends Omit<ChartOptions<unknown>, "data" | "series">, Omit<RootProps, "chart" | "children" | "grid"> {
+  /**
+   * Whether the bars animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Number of bins to aim for, at most 30. Freedman–Diaconis' count of every value together unless
+   * stated.
+   */
+  readonly bins?: number | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the bars, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Index of the bin the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while no series has a value.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Delivery times by region".
+   */
+  readonly label: string;
+  /**
+   * Whether the legend renders below the plot. It renders while two or more series have values
+   * unless stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Whether each bin reads as a share of its series' total, for series of different sizes. The
+   * value axis and the tooltip then write percents.
+   */
+  readonly normalize?: boolean | undefined;
+  /**
+   * Series the chart compares, in the order the legend lists them and a bin places their bars.
+   */
+  readonly series: readonly DistributionSeries[];
+  /**
+   * `Intl.NumberFormat` options the bin edges are written with, on the axis and in the tooltip.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+/**
+ * Renders the chart's figure around the bars, the legend and the caption.
+ *
+ * @param props - The series, the bins, the words, the switches and the figure's props.
+ */
+export declare function DistributionChart({ animate, bins, caption, children, defaultHiddenKeys, defaultIndex, empty, grid, hiddenKeys, label, legend, legendLabel, locale, normalize, onHiddenKeysChange, series, valueOptions, ...root }: DistributionChartProps): ReactElement;
+//#endregion
+//#region src/polar/types.d.ts
+/**
+ * Describes one slice of a pie, a part of the whole.
+ */
+interface PieSlice {
+  /**
+   * Palette the slice takes its color from. The theme's series color at the slice's place, largest
+   * first, unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Key of the slice, which the legend, the tooltip and the hidden keys name.
+   */
+  readonly key: string;
+  /**
+   * Name the tooltip and the legend show. The key unless stated.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Size of the part. A value that is not a finite number counts as zero.
+   */
+  readonly value: number;
+}
+/**
+ * Describes the props of a pie.
+ */
+interface PolarProps extends Omit<ChartOptions<PieSlice>, "data" | "series">, Omit<RootProps, "chart" | "children"> {
+  /**
+   * Whether the slices animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the pie.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Index of the slice, largest first, the tooltip shows when the chart first renders. No tooltip
+   * shows at first unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no slices.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Storage per kind of file".
+   */
+  readonly label: string;
+  /**
+   * Whether the legend renders below the plot. It renders while the chart has slices unless
+   * stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Largest number of slices the pie renders. The slices past it gather into one slice named by
+   * `otherLabel`. Every slice renders unless stated.
+   */
+  readonly maxSlices?: number | undefined;
+  /**
+   * Name of the slice the tail gathers into.
+   */
+  readonly otherLabel?: ReactNode;
+  /**
+   * Whether each slice's share of the slices shown is written on it.
+   */
+  readonly shares?: boolean | undefined;
+  /**
+   * Parts of the whole, in any order. The pie renders them largest first.
+   */
+  readonly slices: readonly PieSlice[];
+  /**
+   * `Intl.NumberFormat` options the tooltip writes a slice's value with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+//#endregion
+//#region src/donut-chart/donut-chart.d.ts
+/**
+ * Describes the props of a donut chart: the polar props and the content of the hole.
+ */
+interface DonutChartProps extends PolarProps {
+  /**
+   * Figure in the hole, such as the total the slices add up to.
+   */
+  readonly center?: ReactNode;
+  /**
+   * Words under the figure, such as what the total counts.
+   */
+  readonly centerLabel?: ReactNode;
+}
+/**
+ * Renders the chart's figure around a ring of the slices with the figure in its hole.
+ *
+ * @param props - The slices, the words and the content of the hole.
+ */
+export declare function DonutChart(props: DonutChartProps): ReactElement;
+//#endregion
+//#region src/funnel-chart/steps.d.ts
+/**
+ * Describes one stage of a funnel: its key, its name and its count.
+ */
+interface FunnelStage {
+  /**
+   * Key of the stage among the funnel's stages.
+   */
+  readonly key: string;
+  /**
+   * Name of the stage in the table and the tooltip. The key unless stated.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Count at the stage, such as sessions or people. A value that is not a finite number or is below
+   * zero counts as 0.
+   */
+  readonly value: number;
+}
+/**
+ * Describes one step of a funnel: a stage, its count, its two rates and the count lost before it.
+ */
+interface FunnelStep {
+  /**
+   * Count at this stage as a share of the count at the stage before, or `null` for the first stage.
+   */
+  readonly conversion: null | number;
+  /**
+   * Count lost between the stage before and this stage. 0 for the first stage and for a stage that
+   * widens.
+   */
+  readonly dropped: number;
+  /**
+   * Count at this stage as a share of the count at the first stage.
+   */
+  readonly overall: number;
+  /**
+   * Stage the step describes.
+   */
+  readonly stage: FunnelStage;
+  /**
+   * Count at the stage, 0 for a value that is not a finite number or is below zero.
+   */
+  readonly value: number;
+}
+/**
+ * Returns each stage with its count, its share of the stage before, its share of the first stage
+ * and the count lost before it.
+ *
+ * @remarks
+ *   A stage after a stage of 0 converts at 0, and every stage of a funnel whose first stage is 0 is
+ *   0% of it, so an empty funnel renders rather than divides by zero.
+ * @param stages - The stages from the top of the funnel.
+ */
+export declare function funnelSteps(stages: readonly FunnelStage[]): FunnelStep[];
+/**
+ * Returns the step that loses the most, the first of equal ones, or `undefined` while no step
+ * loses anything.
+ *
+ * @remarks
+ *   The steps are ranked by the count they lose, not by their rate: a step that loses 40% of 2,000
+ *   loses more people than a step that loses 80% of 50.
+ * @param steps - The steps `funnelSteps` returns.
+ */
+export declare function biggestDrop(steps: readonly FunnelStep[]): FunnelStep | undefined;
+/**
+ * Returns the stages whose count is above the count of the stage before them.
+ *
+ * @remarks
+ *   A stage that widens means the counts come from sets that are not nested, such as two queries
+ *   filtered apart. The chart renders it as it is, and its share of the stage before is above 100%.
+ * @param stages - The stages from the top of the funnel.
+ */
+export declare function funnelWidenings(stages: readonly FunnelStage[]): FunnelStage[];
+//#endregion
+//#region src/funnel-chart/funnel-chart.d.ts
+/**
+ * Describes the props of a funnel chart: the stages, the words, the switches and the figure's
+ * props.
+ */
+interface FunnelChartProps extends Omit<RootProps, "chart" | "children" | "color"> {
+  /**
+   * Whether the stages grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the stages.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette the stages take their color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Index of the stage the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no stages.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Checkout funnel".
+   */
+  readonly label: string;
+  /**
+   * Locale the counts and the rates are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Heading of each stage's share of the first stage, in the table and the tooltip. "Of first"
+   * unless stated.
+   */
+  readonly overallLabel?: string | undefined;
+  /**
+   * Heading of the stages' names in the table. "Stage" unless stated.
+   */
+  readonly stageLabel?: string | undefined;
+  /**
+   * Stages from the top of the funnel, each a subset of the one before it.
+   */
+  readonly stages: readonly FunnelStage[];
+  /**
+   * Heading of each stage's share of the stage before, in the table and the tooltip. "Of
+   * previous" unless stated.
+   */
+  readonly stepLabel?: string | undefined;
+  /**
+   * Whether the table of each stage's count and rates renders under the plot.
+   */
+  readonly steps?: boolean | undefined;
+  /**
+   * Accessible name of the table's scroll area, which a screen reader announces while the table
+   * scrolls sideways. "Conversion by stage" unless stated.
+   */
+  readonly stepsLabel?: string | undefined;
+  /**
+   * Heading of the counts in the table and the tooltip. "Count" unless stated.
+   */
+  readonly valueLabel?: string | undefined;
+  /**
+   * `Intl.NumberFormat` options the counts are written with, on the stages, in the table and in
+   * the tooltip.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether each stage's count is written on it.
+   */
+  readonly values?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the funnel, the table of its steps and the caption.
+ *
+ * @param props - The stages, the words, the switches and the figure's props.
+ */
+export declare function FunnelChart({ caption, empty, locale, overallLabel, ratio, stageLabel, stages, stepLabel, steps, stepsLabel, valueLabel, valueOptions, ...rest }: FunnelChartProps): ReactElement;
+//#endregion
+//#region src/gauge-chart/gauge-chart.d.ts
+/**
+ * Describes the props of a gauge: the value and its range, the zones, the words, the switches and
+ * the figure's props.
+ */
+interface GaugeChartProps extends Omit<RootProps, "chart" | "children" | "color"> {
+  /**
+   * Whether the dial fills in, which it does only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Words under the figure in the middle. The name of the zone the value is in unless stated.
+   */
+  readonly centerLabel?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the dial.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette the reading takes where its zone states none. The theme's first series color unless
+   * stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Message the chart renders in the plot's place while the value is not a finite number.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Angle the dial ends at, in recharts' degrees, where clockwise is negative. -45 unless stated.
+   */
+  readonly endAngle?: number | undefined;
+  /**
+   * Accessible name of the meter, such as "Checkout latency".
+   */
+  readonly label: string;
+  /**
+   * Whether the range's minimum and maximum are written under the dial's ends.
+   */
+  readonly limits?: boolean | undefined;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Value the dial ends at.
+   */
+  readonly max: number;
+  /**
+   * Value the dial starts at. 0 unless stated.
+   */
+  readonly min?: number | undefined;
+  /**
+   * Angle the dial starts at, in recharts' degrees, where 90 is 12 o'clock. 225 unless stated.
+   */
+  readonly startAngle?: number | undefined;
+  /**
+   * Value the gauge shows.
+   */
+  readonly value: number;
+  /**
+   * `Intl.NumberFormat` options the figure, the range's ends and the meter's text are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Zones of the range in any order, such as healthy, watch and critical. None unless stated.
+   */
+  readonly zones?: readonly GaugeZone[] | undefined;
+}
+/**
+ * Renders the chart's figure around the meter, the figure and zone in its middle, and the caption.
+ *
+ * @param props - The value and its range, the zones, the words, the switches and the figure's
+ *   props.
+ */
+export declare function GaugeChart({ caption, centerLabel, empty, label, locale, max, min, ratio, value, valueOptions, zones, ...rest }: GaugeChartProps): ReactElement;
+//#endregion
+//#region src/heat/grid.d.ts
+/**
+ * Describes the shapes of a heat grid's cells: a block, which widens to a printed value, or a
+ * square.
+ */
+type HeatShape = "block" | "square";
+/**
+ * Describes the sizes of a heat grid's cells.
+ */
+type HeatSize = "lg" | "md" | "sm";
+//#endregion
+//#region src/heatmap/calendar.d.ts
+/**
+ * Describes one day's reading: its civil date and its value.
+ */
+interface CalendarDay {
+  /**
+   * Civil date of the day, written `YYYY-MM-DD`.
+   */
+  readonly date: string;
+  /**
+   * Value, or `null` for a day nobody measured.
+   */
+  readonly value: null | number;
+}
+/**
+ * Describes a day of the calendar as a heatmap cell, which `onSelect` receives with its date.
+ */
+interface CalendarCell extends HeatmapCell {
+  /**
+   * Civil date of the day, written `YYYY-MM-DD`.
+   */
+  readonly date: string;
+}
+/**
+ * Describes the window and the words of a calendar.
+ */
+interface CalendarOptions {
+  /**
+   * First day of the window, written `YYYY-MM-DD`. The earliest day unless stated.
+   */
+  readonly from?: string | undefined;
+  /**
+   * Locale of the weekday and month words and of each day's date, and of the week's first day.
+   */
+  readonly locale: string;
+  /**
+   * Last day of the window, written `YYYY-MM-DD`. The latest day unless stated.
+   */
+  readonly to?: string | undefined;
+  /**
+   * Day each week starts on. The locale's first day of the week unless stated.
+   */
+  readonly weekStartsOn?: DayOfWeek | undefined;
+}
+/**
+ * Describes the heatmap props of a calendar: its days, its weeks, its months, its weekdays, and
+ * square cells in a sparse grid.
+ */
+interface Calendar {
+  /**
+   * Days of the window, each with its date as its label.
+   */
+  readonly cells: readonly CalendarCell[];
+  /**
+   * Weeks, each keyed by its first date, with a hidden heading of its dates in the window.
+   */
+  readonly columns: readonly HeatmapHeading[];
+  /**
+   * Months the weeks belong to, the first with its year.
+   */
+  readonly groups: readonly HeatmapHeading[];
+  /**
+   * Weekdays from the week's first day, each keyed by its `DayOfWeek`.
+   */
+  readonly rows: readonly HeatmapHeading[];
+  /**
+   * Shape of the cells, a square per day.
+   */
+  readonly shape: "square";
+  /**
+   * Whether a place outside the window is empty, which it is.
+   */
+  readonly sparse: true;
+}
+/**
+ * Returns the heatmap props of a calendar of daily readings: a square per day of the window, a row
+ * per weekday, a hidden heading per week and a group per month.
+ *
+ * @param days - The readings, one per civil date, in any order.
+ * @param options - The window, the locale and the week's first day.
+ * @returns The props to spread into `Heatmap`, without cells, weeks or weekdays without a window.
+ */
+export declare function calendarCells(days: readonly CalendarDay[], options: CalendarOptions): Calendar;
+//#endregion
+//#region src/heatmap/heatmap.d.ts
+/**
+ * Describes the props of a heatmap: the readings and their axes, the scale, the words and the
+ * figure's props.
+ *
+ * @remarks
+ *   The figure's props leave out `color`, `columns` and `scale`, the style props, because the
+ *   heatmap takes those names for its scale and its axis.
+ * @typeParam Cell - A reading, as the caller passes it, which `onSelect` receives.
+ */
+interface HeatmapProps<Cell extends HeatmapCell = HeatmapCell> extends Omit<RootProps, "chart" | "children" | "color" | "columns" | "onSelect" | "scale">, Pick<ChartOptions<Cell>, "locale"> {
+  /**
+   * Finding the heatmap shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Readings, one per pair of a row and a column, in any order.
+   */
+  readonly cells: readonly Cell[];
+  /**
+   * Color of a sequential scale. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Colors of a diverging scale. Orange under the midpoint and blue over it unless stated.
+   */
+  readonly colors?: HeatmapColors | undefined;
+  /**
+   * Columns in order. Each column the cells name, in the order they first name it, unless stated.
+   */
+  readonly columns?: readonly HeatmapHeading[] | undefined;
+  /**
+   * Words over the row headings, such as what the rows are.
+   */
+  readonly corner?: ReactNode;
+  /**
+   * Index in `cells` of the reading the readout shows when the heatmap first renders, until the
+   * pointer or a key moves it.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Values the scale spans. The readings' span unless stated.
+   */
+  readonly domain?: HeatmapDomain | undefined;
+  /**
+   * Message the heatmap renders in the grid's place while it has no row or no column.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Headings of the groups of columns, such as a calendar's months, above the columns' headings. A
+   * group spans the consecutive columns whose `group` is its key.
+   */
+  readonly groups?: readonly HeatmapHeading[] | undefined;
+  /**
+   * Accessible name of the grid, such as "Card authorisations per hour".
+   */
+  readonly label: string;
+  /**
+   * Value a diverging scale takes the panel at. 0 unless stated.
+   */
+  readonly midpoint?: number | undefined;
+  /**
+   * Words of a cell without a value, which a screen reader reads. "No data" unless stated.
+   */
+  readonly missingLabel?: string | undefined;
+  /**
+   * Called with the reading of the cell Enter, Space or a press selects. A pair without a reading
+   * calls nothing.
+   */
+  readonly onSelect?: ((cell: Cell) => void) | undefined;
+  /**
+   * Rows in order. Each row the cells name, in the order they first name it, unless stated.
+   */
+  readonly rows?: readonly HeatmapHeading[] | undefined;
+  /**
+   * How the scale reads a value. `sequential` unless stated.
+   */
+  readonly scale?: HeatmapScale | undefined;
+  /**
+   * Shape of the cells: `block`, which widens to a printed value, or `square`, which prints none.
+   * `block` unless stated.
+   */
+  readonly shape?: HeatShape | undefined;
+  /**
+   * Size of the cells. `md` unless stated.
+   */
+  readonly size?: HeatSize | undefined;
+  /**
+   * Whether a pair of a row and a column without a reading is an empty place, which the walk passes
+   * over, in place of a missing value. `false` unless stated.
+   */
+  readonly sparse?: boolean | undefined;
+  /**
+   * Name of the values, in the readout and the key. "Value" unless stated.
+   */
+  readonly valueLabel?: ReactNode;
+  /**
+   * `Intl.NumberFormat` options the values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether each block cell prints its value.
+   */
+  readonly values?: boolean | undefined;
+}
+/**
+ * Renders the figure around the grid, the key and the caption, or the empty state while there is no
+ * row or no column.
+ *
+ * @param props - The readings and their axes, the scale, the words and the figure's props.
+ */
+export declare function Heatmap<Cell extends HeatmapCell>(props: HeatmapProps<Cell>): ReactElement;
+//#endregion
+//#region src/hierarchy/hierarchy.d.ts
+/**
+ * Describes one node of a hierarchy: a leaf with a value, or a parent of other nodes.
+ */
+interface HierarchyNode {
+  /**
+   * Nodes the part is made of. A node with `children` is a parent, even with none.
+   */
+  readonly children?: readonly HierarchyNode[] | undefined;
+  /**
+   * Palette a top-level node's family takes its colors from. The theme's series color at the
+   * node's place, largest first, unless stated. A deeper node's color is ignored.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Key of the node, which the legend, the tooltip and the hidden keys name.
+   */
+  readonly key: string;
+  /**
+   * Name the chart, the tooltip and the legend show. The key unless stated.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Size of a leaf. A parent's size is its children's sum.
+   */
+  readonly value?: number | undefined;
+}
+/**
+ * Describes one leaf of a hierarchy with its place in the whole.
+ */
+interface HierarchyLeaf {
+  /**
+   * Key of the top-level node the leaf belongs to, its own key at the top level.
+   */
+  readonly group: string;
+  /**
+   * Key of the leaf.
+   */
+  readonly key: string;
+  /**
+   * Name of the leaf: its label, else its key.
+   */
+  readonly label: ReactNode;
+  /**
+   * Share of the whole the leaf's size is, from 0 to 1. A leaf that renders nothing has a share of 0.
+   */
+  readonly share: number;
+  /**
+   * Value of the leaf as given, 0 without one.
+   */
+  readonly value: number;
+}
+/**
+ * Returns every leaf depth first, each with its top-level group, its value as given and its share
+ * of the whole.
+ *
+ * @remarks
+ *   A ranking sorts the leaves by value. The leaves the chart leaves out are those whose value is
+ *   below zero or not a finite number.
+ * @param nodes - The top-level nodes.
+ */
+export declare function hierarchyLeaves(nodes: readonly HierarchyNode[]): HierarchyLeaf[];
+//#endregion
+//#region src/hierarchy/types.d.ts
+/**
+ * Describes the props the treemap and the sunburst take.
+ */
+interface HierarchyProps extends Omit<ChartOptions<HierarchyNode>, "data" | "series">, Omit<RootProps, "chart" | "children"> {
+  /**
+   * Whether the marks grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the marks.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Place in the keyboard walk of the node the tooltip shows when the chart first renders: depth
+   * first, largest first, a parent before its parts. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no nodes.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Cloud spend by team and service".
+   */
+  readonly label: string;
+  /**
+   * Whether the legend renders below the plot. It renders while the chart has nodes unless stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Top-level nodes of the hierarchy, in any order. Each level renders largest first.
+   */
+  readonly nodes: readonly HierarchyNode[];
+  /**
+   * Name of a node's share of the nodes shown in the tooltip. "Of total" unless stated.
+   */
+  readonly shareLabel?: string | undefined;
+  /**
+   * Name of a node's size in the tooltip. "Value" unless stated.
+   */
+  readonly valueLabel?: string | undefined;
+  /**
+   * `Intl.NumberFormat` options the sizes are written with, on the marks, in the legend and in the
+   * tooltip.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether the legend writes each family's total beside its name, and a treemap's tile its value
+   * and share under its name.
+   */
+  readonly values?: boolean | undefined;
+}
+//#endregion
+//#region src/histogram-chart/bins.d.ts
+/**
+ * Counts values into the bins of a histogram.
+ *
+ * @remarks
+ *   The bins decide what a histogram shows: too few hide the shape, too many turn it into noise.
+ *   The count comes from Freedman–Diaconis' rule, which reads the interquartile range and so
+ *   ignores a few outliers. The width snaps to the nearest of 1, 2 or 5 times a power of ten, as
+ *   d3's and Vega's bins do, so the edges read as round numbers, and one step coarser where the
+ *   bins would pass 30. Every bin is half-open, from its lower edge up to its upper edge, except
+ *   the last, which includes its upper edge, so the largest value is counted.
+ */
+/**
+ * Describes one bin: its two edges and the count of values in it.
+ */
+interface ChartBin {
+  /**
+   * Number of values in the bin.
+   */
+  readonly count: number;
+  /**
+   * Lower edge, which the bin includes.
+   */
+  readonly from: number;
+  /**
+   * Upper edge, which only the last bin includes.
+   */
+  readonly to: number;
+}
+/**
+ * Describes how values are binned.
+ */
+interface BinOptions {
+  /**
+   * Number of bins to aim for, at most 30. Freedman–Diaconis' count unless stated.
+   */
+  readonly bins?: number | undefined;
+  /**
+   * Range to bin, which the first bin starts at. The values' own range unless stated. A value
+   * outside the bins is left out.
+   */
+  readonly domain?: readonly [number, number] | undefined;
+}
+/**
+ * Returns the number of bins a set of values takes: Freedman–Diaconis' count, else Sturges' where
+ * the middle half of the values has no spread, at most 30.
+ *
+ * @remarks
+ *   Freedman–Diaconis sets the width to twice the interquartile range over the cube root of the
+ *   count. Where a quarter or more of the values tie, the interquartile range is 0 and the rule
+ *   asks for infinitely many bins, so Sturges' `log2(n) + 1` replaces it.
+ * @param values - The values, in any order.
+ */
+export declare function binCount(values: readonly number[]): number;
+/**
+ * Returns the values counted into bins of a round width, in ascending order.
+ *
+ * @remarks
+ *   A value that is not a finite number is left out. `bins` is a target, because the width snaps to
+ *   a round number and the first edge to a multiple of it. A `domain` fixes the first edge and the
+ *   range, and its width snaps too. A domain whose upper edge is not above its lower edge bins
+ *   nothing. Values that are all equal make one bin a tenth of the value wide.
+ * @param values - The values, of any type.
+ * @param options - The number of bins to aim for and the range to bin.
+ */
+export declare function binValues(values: readonly unknown[], options?: BinOptions): ChartBin[];
+//#endregion
+//#region src/histogram-chart/histogram-chart.d.ts
+/**
+ * Describes the props of a histogram: the values, the bins, the words, the switches and the
+ * figure's props.
+ */
+interface HistogramChartProps extends Omit<RootProps, "chart" | "children" | "color" | "grid"> {
+  /**
+   * Whether the bars animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Number of bins to aim for, at most 30. Freedman–Diaconis' count unless stated.
+   */
+  readonly bins?: number | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the bars, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette the bars take their color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Name of the counts in the tooltip.
+   */
+  readonly countLabel?: ReactNode;
+  /**
+   * Index of the bin the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Range to bin, which the first bin starts at. The values' own range unless stated. A value
+   * outside the bins is left out.
+   */
+  readonly domain?: readonly [number, number] | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no values.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the count ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Response times of the checkout API".
+   */
+  readonly label: string;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * `Intl.NumberFormat` options the bin edges are written with, on the axis and in the tooltip.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Values to count, one per thing measured. A value that is not a finite number is left out.
+   */
+  readonly values: readonly unknown[];
+}
+/**
+ * Renders the chart's figure around the bars.
+ *
+ * @param props - The values, the bins, the words, the switches and the figure's props.
+ */
+export declare function HistogramChart({ animate, bins, caption, children, color, countLabel, defaultIndex, domain, empty, grid, label, locale, valueOptions, values, ...root }: HistogramChartProps): ReactElement;
+//#endregion
+//#region src/horizontal-bar-chart/horizontal-bar-chart.d.ts
+/**
+ * Describes the props of a horizontal bar chart: a bar chart's props.
+ *
+ * @typeParam Row - One row of the data.
+ */
+type HorizontalBarChartProps<Row> = BarChartProps<Row>;
+/**
+ * Renders the chart's figure around a horizontal bar per series in each category.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words, the targets and the zones.
+ */
+export declare function HorizontalBarChart<Row>(props: HorizontalBarChartProps<Row>): ReactElement;
+//#endregion
+//#region src/line-chart/line-chart.d.ts
+/**
+ * Describes the props of a line chart: the cartesian props and the path between two points.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface LineChartProps<Row> extends CartesianProps<Row> {
+  /**
+   * Path of each line between two points. Smoothed through them unless stated.
+   */
+  readonly curve?: Curve | undefined;
+}
+/**
+ * Renders the chart's figure around a line per series.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words and the curve.
+ */
+export declare function LineChart<Row>({ curve, ...props }: LineChartProps<Row>): ReactElement;
+//#endregion
+//#region src/pareto-chart/pareto-chart.d.ts
+/**
+ * Describes the props of a Pareto chart: the cartesian props without series, the field the bars
+ * read, and the threshold.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface ParetoChartProps<Row> extends Omit<CartesianProps<Row>, "series"> {
+  /**
+   * Name of the running share's line in the legend and the tooltip.
+   */
+  readonly cumulativeLabel?: ReactNode;
+  /**
+   * Share of the total the dashed line marks, from 0 to 1. 0 renders no line.
+   */
+  readonly threshold?: number | undefined;
+  /**
+   * Words written on the threshold's line, such as "80% of tickets". None unless stated.
+   */
+  readonly thresholdLabel?: string | undefined;
+  /**
+   * Field of each row the bars read.
+   */
+  readonly valueKey: Extract<keyof Row, string>;
+  /**
+   * Name of the bars in the legend and the tooltip. The field's name unless stated.
+   */
+  readonly valueLabel?: ReactNode;
+}
+/**
+ * Renders the chart's figure around the sorted bars, the running share and the threshold.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the field the bars read, the words and the threshold.
+ */
+export declare function ParetoChart<Row extends object>({ children, cumulativeLabel, data, threshold, thresholdLabel, valueKey, valueLabel, ...props }: ParetoChartProps<Row>): ReactElement;
+//#endregion
+//#region src/pareto-chart/rows.d.ts
+/**
+ * Sorts a Pareto chart's rows by size and adds each row's share and the running share of the
+ * total.
+ */
+/**
+ * Describes the shares a Pareto chart adds to each row.
+ */
+interface ParetoShares {
+  /**
+   * Running share of the total after this row, from 0 to 1.
+   */
+  readonly cumulative: number;
+  /**
+   * This row's share of the total, from 0 to 1.
+   */
+  readonly share: number;
+}
+/**
+ * Returns the rows sorted largest first, each with its share and the running share of the total.
+ *
+ * @remarks
+ *   The sort and the running share are the analysis, so a caption or a table reads these numbers
+ *   and does not compute its own. A value that is not a finite number counts as zero. Without a
+ *   total every share is zero.
+ * @typeParam Row - One row of the data.
+ * @param rows - The rows, in any order.
+ * @param valueKey - The field each row's value is read from.
+ */
+export declare function paretoRows<Row extends object>(rows: readonly Row[], valueKey: Extract<keyof Row, string>): Array<ParetoShares & Row>;
+/**
+ * Returns how many rows it takes to add up to a share of the total, such as the four causes of
+ * nineteen that account for 80% of the failures.
+ *
+ * @param rows - The rows `paretoRows` returns.
+ * @param threshold - The share the running share must meet, from 0 to 1.
+ */
+export declare function paretoCutoff(rows: readonly ParetoShares[], threshold?: number): number;
+//#endregion
+//#region src/percent-stacked-bar/percent-stacked-bar.d.ts
+/**
+ * Describes the props of a percent stacked bar chart: the cartesian props.
+ *
+ * @typeParam Row - One row of the data.
+ */
+type PercentStackedBarProps<Row> = CartesianProps<Row>;
+/**
+ * Renders the chart's figure around a bar of 100% per category, split into its series' shares.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series and the words.
+ */
+export declare function PercentStackedBar<Row>(props: PercentStackedBarProps<Row>): ReactElement;
+//#endregion
+//#region src/pie-chart/pie-chart.d.ts
+/**
+ * Describes the props of a pie chart: the polar props.
+ */
+type PieChartProps = PolarProps;
+/**
+ * Renders the chart's figure around a whole pie of the slices.
+ *
+ * @param props - The slices and the words.
+ */
+export declare function PieChart(props: PieChartProps): ReactElement;
+//#endregion
+//#region src/polar-area-chart/polar-area-chart.d.ts
+/**
+ * Describes the props of a polar area chart: the slices, the scale, the words, the switches and
+ * the figure's props.
+ */
+interface PolarAreaChartProps extends Omit<ChartOptions<PieSlice>, "data" | "series">, Omit<RootProps, "chart" | "children" | "color"> {
+  /**
+   * Whether the wedges grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the wedges.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette every wedge takes its color from, unless its slice states one. The theme's first
+   * series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Index of the slice the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no slices.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Requests by hour".
+   */
+  readonly label: string;
+  /**
+   * Whether the legend renders below the plot. It renders while the chart has slices unless
+   * stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Value of a full radius, such as a capacity. The largest value shown unless stated.
+   */
+  readonly max?: number | undefined;
+  /**
+   * Whether each slice's name renders around the rose.
+   */
+  readonly names?: boolean | undefined;
+  /**
+   * Categories of the cycle in their order, such as hours or months, the first at 12 o'clock.
+   */
+  readonly slices: readonly PieSlice[];
+  /**
+   * `Intl.NumberFormat` options the legend's and the tooltip's values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether the legend writes each slice's value beside its name.
+   */
+  readonly values?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the wedges, the legend and the caption.
+ *
+ * @param props - The slices, the scale, the words, the switches and the figure's props.
+ */
+export declare function PolarAreaChart({ caption, color, defaultHiddenKeys, empty, hiddenKeys, legend, legendLabel, locale, onHiddenKeysChange, ratio, slices, valueOptions, values, ...rest }: PolarAreaChartProps): ReactElement;
+//#endregion
+//#region src/polar-area-chart/wedges.d.ts
+/**
+ * Returns the radius of a wedge as a share of the full radius, so the wedge's area follows its
+ * value: √(value / max), at most 1, and 0 for a value or a max that is not above zero.
+ *
+ * @remarks
+ *   A wedge's area grows with the square of its radius. A wedge worth four times another is twice
+ *   as long and covers four times the area. A radius in proportion to the value would render it
+ *   four times as long, with sixteen times the area.
+ */
+export declare function areaRadius(value: number, max: number): number;
+//#endregion
+//#region src/radar-chart/radar-chart.d.ts
+/**
+ * Describes a series of a radar chart: the kit's series, and whether its polygon fills.
+ */
+interface RadarSeries extends SeriesOptions {
+  /**
+   * Whether the polygon fills at 0.25 of its color. Filled unless stated.
+   */
+  readonly filled?: boolean | undefined;
+}
+/**
+ * Describes the props of a radar chart: the cartesian props, its series and the radius ticks.
+ *
+ * @remarks
+ *   The figure's props leave out `scale`, the style prop, because the chart takes `scale` as the
+ *   switch of its radius ticks. The props leave out `annotations`, because the spokes are not a
+ *   category axis to mark.
+ * @typeParam Row - One row of the data, one per spoke.
+ */
+interface RadarChartProps<Row> extends Omit<CartesianProps<Row>, "annotations" | "scale" | "series"> {
+  /**
+   * Whether the radius axis writes its ticks up the spoke at 12 o'clock.
+   */
+  readonly scale?: boolean | undefined;
+  /**
+   * Series the chart plots, in the order the legend lists them.
+   */
+  readonly series: readonly RadarSeries[];
+}
+/**
+ * Renders the chart's figure around a polygon per series, the legend and the caption.
+ *
+ * @typeParam Row - One row of the data, one per spoke.
+ * @param props - The rows, the series, the words and the switches.
+ */
+export declare function RadarChart<Row>({ animate, caption, categoryKey, children, data, defaultHiddenKeys, defaultIndex, empty, grid, hiddenKeys, label, labelOptions, legend, legendLabel, locale, onHiddenKeysChange, ratio, scale, series, valueDomain, valueOptions, ...root }: RadarChartProps<Row>): ReactElement;
+//#endregion
+//#region src/radial-bar-chart/rings.d.ts
+/**
+ * Describes one bar of a radial bar chart, a ring read against the value of a full turn.
+ */
+interface RadialBarDatum {
+  /**
+   * Palette the ring takes its color from. The theme's series color at the bar's place unless
+   * stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Key of the bar, which the legend, the tooltip and the hidden keys name.
+   */
+  readonly key: string;
+  /**
+   * Name the tooltip and the legend show. The key unless stated.
+   */
+  readonly label?: ReactNode;
+  /**
+   * Measure the ring shows. A value that is not a finite number counts as zero.
+   */
+  readonly value: number;
+}
+//#endregion
+//#region src/radial-bar-chart/radial-bar-chart.d.ts
+/**
+ * Describes the props of a radial bar chart: the bars, the scale, the words, the switches and the
+ * figure's props.
+ */
+interface RadialBarChartProps extends Omit<ChartOptions<RadialBarDatum>, "data" | "series">, Omit<RootProps, "chart" | "children"> {
+  /**
+   * Whether the rings grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Bars of the chart, one ring each, the outermost first.
+   */
+  readonly bars: readonly RadialBarDatum[];
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the rings.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Index of the bar the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no bars.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Angle the rings end at, in recharts' degrees, where clockwise is negative. -270 unless stated.
+   */
+  readonly endAngle?: number | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Plan usage".
+   */
+  readonly label: string;
+  /**
+   * Whether the legend renders below the plot. It renders while the chart has bars unless stated.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Accessible name of the legend's group of buttons.
+   */
+  readonly legendLabel?: string | undefined;
+  /**
+   * Value of a full turn, such as a quota, a target or a capacity. The largest value shown unless
+   * stated.
+   */
+  readonly max?: number | undefined;
+  /**
+   * Angle the rings start at, in recharts' degrees, where 90 is 12 o'clock. 90 unless stated.
+   */
+  readonly startAngle?: number | undefined;
+  /**
+   * Whether each ring's remainder renders as a track behind it.
+   */
+  readonly track?: boolean | undefined;
+  /**
+   * `Intl.NumberFormat` options the legend's and the tooltip's values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether the legend writes each ring's value beside its name.
+   */
+  readonly values?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the rings, the legend and the caption.
+ *
+ * @param props - The bars, the scale, the words, the switches and the figure's props.
+ */
+export declare function RadialBarChart({ bars, caption, defaultHiddenKeys, empty, hiddenKeys, legend, legendLabel, locale, onHiddenKeysChange, ratio, valueOptions, values, ...rest }: RadialBarChartProps): ReactElement;
+//#endregion
+//#region src/range-chart/range-chart.d.ts
+/**
+ * Describes the props of a range chart: the cartesian props, the band, the lines over it and the
+ * path of a line.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface RangeChartProps<Row> extends Omit<CartesianProps<Row>, "series"> {
+  /**
+   * Band between two fields of each row, such as the low and high ends of a forecast.
+   */
+  readonly band: RangeBand;
+  /**
+   * Path of each line and of the band's edges between two points. Smoothed through them unless
+   * stated.
+   */
+  readonly curve?: Curve | undefined;
+  /**
+   * Series plotted as lines over the band, such as the estimate or the actual value.
+   */
+  readonly series?: readonly CartesianSeries[] | undefined;
+}
+/**
+ * Renders the chart's figure around the band and a line per series over it.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the band, the series, the words and the curve.
+ */
+export declare function RangeChart<Row>({ band, curve, series, ...props }: RangeChartProps<Row>): ReactElement;
+//#endregion
+//#region src/cartesian/fit.d.ts
+/**
+ * Describes the least-squares line through a set of points.
+ */
+interface LinearFit {
+  /**
+   * Value of the line where `x` is 0.
+   */
+  readonly intercept: number;
+  /**
+   * Share of the variance the line accounts for, from 0 to 1.
+   */
+  readonly r2: number;
+  /**
+   * Change of the line's value per unit of `x`.
+   */
+  readonly slope: number;
+}
+//#endregion
+//#region src/regression-overlay/regression-overlay.d.ts
+/**
+ * Describes the props of a trend line: the points it fits, the fields their x and y are read from,
+ * and the series it summarises.
+ *
+ * @typeParam Point - One point of the scatter.
+ */
+interface RegressionOverlayProps<Point> {
+  /**
+   * Points to fit, the same points a scatter's series renders.
+   */
+  readonly data: readonly Point[];
+  /**
+   * Key of the series the line summarises, whose color the line takes and whose legend state it
+   * follows. The line takes the neutral palette's chart color and ignores the legend unless stated.
+   */
+  readonly series?: string | undefined;
+  /**
+   * Field each point's x is read from.
+   */
+  readonly xKey: Extract<keyof Point, string>;
+  /**
+   * Field each point's y is read from.
+   */
+  readonly yKey: Extract<keyof Point, string>;
+}
+/**
+ * Renders the trend line as recharts' `ReferenceLine` segment, or nothing where no line fits or
+ * the legend hides the line's series.
+ *
+ * @typeParam Point - One point of the scatter.
+ * @param props - The points, the fields their x and y are read from, and the series.
+ */
+export declare function RegressionOverlay<Point>({ data, series, xKey, yKey }: RegressionOverlayProps<Point>): null | ReactElement;
+//#endregion
+//#region src/regression-overlay/regression.d.ts
+/**
+ * Returns the least-squares line through the points and how much of the variance it accounts for,
+ * or nothing where no line fits.
+ *
+ * @remarks
+ *   A point whose x or y is not a finite number is left out. No line fits fewer than two points, or
+ *   points on one vertical line. `r2` is the page's evidence for rendering the line at all: a line
+ *   through a cloud with an r² of 0.04 pictures a relationship that is not there.
+ * @param points - The points, in any order.
+ * @param xKey - The field each point's x is read from.
+ * @param yKey - The field each point's y is read from.
+ */
+export declare function linearRegression(points: readonly unknown[], xKey: string, yKey: string): LinearFit | undefined;
+//#endregion
+//#region src/sankey-chart/sankey-chart.d.ts
+/**
+ * Describes the props of a sankey chart: the nodes and the flows, the words, the switches and the
+ * figure's props.
+ */
+interface SankeyChartProps extends Omit<RootProps, "chart" | "children"> {
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the marks.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Place in the keyboard walk of the mark the tooltip shows when the chart first renders: each
+   * node in the caller's order, then the flows it sends. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no flow to render.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Flows between the nodes, by key, in any order.
+   */
+  readonly flows: readonly SankeyFlow[];
+  /**
+   * Name of what flows into a node in the tooltip. "In" unless stated.
+   */
+  readonly inflowLabel?: string | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Visitors by channel and outcome".
+   */
+  readonly label: string;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Nodes the flows name, in the order the walk visits them and the series colors take.
+   */
+  readonly nodes: readonly SankeyNode[];
+  /**
+   * Name of what flows out of a node in the tooltip. "Out" unless stated.
+   */
+  readonly outflowLabel?: string | undefined;
+  /**
+   * Name of a flow's share of what its source sends in the tooltip. "Of source" unless stated.
+   */
+  readonly shareLabel?: string | undefined;
+  /**
+   * Name of a flow's value in the tooltip. "Value" unless stated.
+   */
+  readonly valueLabel?: string | undefined;
+  /**
+   * `Intl.NumberFormatOptions` the values are written with, beside the nodes and in the tooltip.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+  /**
+   * Whether each node writes its value under its name where its bar is two lines tall.
+   */
+  readonly values?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the sankey and the caption.
+ *
+ * @param props - The nodes, the flows, the words, the switches and the figure's props.
+ */
+export declare function SankeyChart({ caption, empty, flows, inflowLabel, locale, nodes, outflowLabel, ratio, shareLabel, valueLabel, valueOptions, ...rest }: SankeyChartProps): ReactElement;
+//#endregion
+//#region src/scatter-plot/scatter-plot.d.ts
+/**
+ * Renders the chart's figure around the points, the legend and the caption.
+ *
+ * @typeParam Point - One point of a series.
+ * @param props - The series, the axes, the size of a point, the quadrants, the words and the
+ *   figure's props.
+ */
+export declare function ScatterPlot<Point extends object>(props: ScatterPlotProps<Point>): ReactElement;
+//#endregion
+//#region src/spark/box.d.ts
+/**
+ * Renders the bound box a sparkline and a sparkbar render their run in.
+ *
+ * @remarks
+ *   The box is a `div`, because recharts renders `div` wrappers inside it, so a spark goes in a
+ *   table cell or a row of a layout and not inside a paragraph.
+ */
+/**
+ * Renders the spark's `div` with the recipe's variants.
+ */
+declare const Box: import("@stealthscale/theme").StyledComponent<"div", {
+  readonly size?: "lg" | "md" | "sm";
+  readonly stretch?: boolean;
+}>;
+//#endregion
+//#region src/spark/rows.d.ts
+/**
+ * Reads a run's values into the rows recharts plots, and names a run for assistive technology.
+ */
+/**
+ * Describes one value of a run: a number, or nothing where a reading is missing.
+ */
+type SparkValue = null | number | undefined;
+//#endregion
+//#region src/sparkbar/sparkbar.d.ts
+/**
+ * Describes the props of a sparkbar: the run, its colors and the props of the box.
+ */
+interface SparkbarProps extends Omit<ComponentProps<typeof Box>, "children" | "color"> {
+  /**
+   * Whether the bars animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Value a dashed line marks across the run, such as a target.
+   */
+  readonly baseline?: number | undefined;
+  /**
+   * Palette the bars take their color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Name of a run shown on its own. A run without one is hidden from assistive technology.
+   */
+  readonly label?: string | undefined;
+  /**
+   * Whether a value under zero takes the error palette's chart color.
+   */
+  readonly signed?: boolean | undefined;
+  /**
+   * The run, oldest first. A value that is not a finite number leaves its period empty.
+   */
+  readonly values: readonly SparkValue[];
+}
+/**
+ * Renders the run as bars from zero in its box.
+ *
+ * @param props - The run, its colors and the props of the box.
+ */
+export declare function Sparkbar({ animate, baseline, color, label, signed, values, ...props }: SparkbarProps): ReactElement;
+//#endregion
+//#region src/sparkline/sparkline.d.ts
+/**
+ * Describes the props of a sparkline: the run, its color and shape, and the props of the box.
+ */
+interface SparklineProps extends Omit<ComponentProps<typeof Box>, "children" | "color"> {
+  /**
+   * Whether the line animates in, which it does only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Whether the chart's gradient fills under the line.
+   */
+  readonly area?: boolean | undefined;
+  /**
+   * Value a dashed line marks across the run, such as a target.
+   */
+  readonly baseline?: number | undefined;
+  /**
+   * Palette the line takes its color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Path of the line between two values.
+   */
+  readonly curve?: Curve | undefined;
+  /**
+   * Name of a run shown on its own. A run without one is hidden from assistive technology.
+   */
+  readonly label?: string | undefined;
+  /**
+   * The run, oldest first. A value that is not a finite number leaves a gap.
+   */
+  readonly values: readonly SparkValue[];
+}
+/**
+ * Renders the run as a line in its box.
+ *
+ * @param props - The run, its color and shape, and the props of the box.
+ */
+export declare function Sparkline({ animate, area, baseline, color, curve, label, values, ...props }: SparklineProps): ReactElement;
+//#endregion
+//#region src/stacked-area-chart/stacked-area-chart.d.ts
+/**
+ * Describes the props of a stacked area chart: the cartesian props, the edges' path and the share.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface StackedAreaChartProps<Row> extends CartesianProps<Row> {
+  /**
+   * Path of each band's edge between two points. Smoothed through them unless stated.
+   */
+  readonly curve?: Curve | undefined;
+  /**
+   * Whether every point sums to 100%, so the chart shows each series' share.
+   */
+  readonly percent?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the series stacked into bands.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words, the curve and the share.
+ */
+export declare function StackedAreaChart<Row>({ curve, percent, ...props }: StackedAreaChartProps<Row>): ReactElement;
+//#endregion
+//#region src/stacked-bar-chart/stacked-bar-chart.d.ts
+/**
+ * Describes the props of a stacked bar chart: the cartesian props.
+ *
+ * @typeParam Row - One row of the data.
+ */
+type StackedBarChartProps<Row> = CartesianProps<Row>;
+/**
+ * Renders the chart's figure around a bar per category, split into its series.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series and the words.
+ */
+export declare function StackedBarChart<Row>(props: StackedBarChartProps<Row>): ReactElement;
+//#endregion
+//#region src/stats/density.d.ts
+/**
+ * Estimates the density of values as a violin plot renders it: Silverman's bandwidth, a Gaussian
+ * kernel density on an even grid from the smallest value to the largest, and the density's peaks.
+ *
+ * @remarks
+ *   The grid stops at the smallest and the largest value. A Gaussian kernel puts mass past the
+ *   data, such as below zero for a duration, so an outline sampled there would show values no one
+ *   measured. The bandwidth decides the shape: too narrow turns sampling noise into peaks, too wide
+ *   smooths a second peak away.
+ */
+/**
+ * Describes one point of an estimated density.
+ */
+interface DensityPoint {
+  /**
+   * Probability density at the value, which integrates to 1 over every value, not a probability.
+   */
+  readonly density: number;
+  /**
+   * Value the density is sampled at.
+   */
+  readonly value: number;
+}
+/**
+ * Describes how a density is estimated.
+ */
+interface DensityOptions {
+  /**
+   * Standard deviation of the Gaussian kernel, in the values' own units. Silverman's bandwidth
+   * unless stated.
+   */
+  readonly bandwidth?: number | undefined;
+  /**
+   * Number of points the density is sampled at, at least 2. 64 unless stated.
+   */
+  readonly resolution?: number | undefined;
+}
+/**
+ * Returns Silverman's bandwidth for a Gaussian kernel over the values: 0.9 times the smaller of the
+ * standard deviation and the interquartile range over 1.34, times the count to the power of -1/5.
+ *
+ * @remarks
+ *   The interquartile range keeps one far value from smoothing the whole shape flat, and the
+ *   standard deviation replaces it while the middle half has no spread. Values without spread, one
+ *   value or equal ones, have a bandwidth of 0. A value that is not a finite number is left out.
+ * @param values - The values, of any type and in any order.
+ */
+export declare function silvermanBandwidth(values: readonly unknown[]): number;
+/**
+ * Returns a Gaussian kernel density of the values, sampled at even steps from the smallest value to
+ * the largest, or no points without a finite value.
+ *
+ * @remarks
+ *   A bandwidth of 0, as for equal values, has no shape to smooth, so the density is one point at
+ *   the smallest value, with all the mass. A value that is not a finite number is left out.
+ * @param values - The values, of any type and in any order.
+ * @param options - The kernel's bandwidth and the number of points.
+ */
+export declare function kernelDensity(values: readonly unknown[], options?: DensityOptions): DensityPoint[];
+/**
+ * Returns the values a density peaks at, in ascending order: each local maximum at least `floor`
+ * of the tallest, a run of equal densities read as one peak at its middle.
+ *
+ * @remarks
+ *   The floor is a height, not a test of significance. Two peaks of different widths differ in
+ *   height even when both are plain to see, so the floor is low. No floor tells a real peak from
+ *   one a narrow bandwidth invents.
+ * @param density - The density, in ascending order of value.
+ * @param floor - The share of the tallest peak's height a peak needs.
+ */
+export declare function densityPeaks(density: readonly DensityPoint[], floor?: number): number[];
+//#endregion
+//#region src/stats/quantile.d.ts
+/**
+ * Reads a quantile of sorted values, the one definition every distribution chart in the package
+ * shares.
+ */
+/**
+ * Returns the value below which a share of the sorted values falls, interpolated between the two
+ * nearest values.
+ *
+ * @remarks
+ *   This is R's type 7, Excel's `PERCENTILE.INC`, SQL's `PERCENTILE_CONT` and NumPy's default.
+ *   Nine definitions are in common use, and they disagree on small samples, so a caller that
+ *   summarises values elsewhere reads this one to match the chart. A share outside 0 to 1 reads the
+ *   nearest end. No values return `NaN`.
+ * @param sorted - The values, in ascending order.
+ * @param share - The share of values below the quantile, from 0 to 1.
+ */
+export declare function quantile(sorted: readonly number[], share: number): number;
+//#endregion
+//#region src/step-line-chart/step-line-chart.d.ts
+/**
+ * Describes the props of a step line chart: the cartesian props.
+ *
+ * @typeParam Row - One row of the data.
+ */
+type StepLineChartProps<Row> = CartesianProps<Row>;
+/**
+ * Renders the chart's figure around a line of steps per series.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series and the words.
+ */
+export declare function StepLineChart<Row>(props: StepLineChartProps<Row>): ReactElement;
+//#endregion
+//#region src/stream-graph/order.d.ts
+/**
+ * Orders a stream graph's series inside out: the series whose mass arrives early in the middle of
+ * the stack, the late ones outside.
+ *
+ * @remarks
+ *   Recharts supplies the moving baseline (`stackOffset="wiggle"`). Without the order a series that
+ *   appears late is threaded through the middle and moves every band above it. The order is Byron
+ *   and Wattenberg's ("Stacked Graphs: Geometry and Aesthetics", 2008).
+ */
+/**
+ * Returns where a series' mass is along the rows: the index of its centre of gravity, or NaN for
+ * a series with no positive value.
+ *
+ * @param data - The rows, in order.
+ * @param key - The series' field.
+ */
+export declare function streamOnset(data: readonly unknown[], key: string): number;
+/**
+ * Returns the keys bottom of the stack first, ordered inside out.
+ *
+ * @remarks
+ *   The keys are sorted by onset and dealt onto whichever of two piles is lighter, and the lower
+ *   pile is reversed, so the earliest onset is at the join in the middle. A series without
+ *   weight goes outermost. Fewer than three keys keep their order.
+ * @param data - The rows, in order.
+ * @param keys - The series' fields.
+ */
+export declare function insideOutOrder(data: readonly unknown[], keys: readonly string[]): string[];
+//#endregion
+//#region src/stream-graph/stream-graph.d.ts
+/**
+ * Describes the props of a stream graph: the cartesian props, the baseline, the order and the path
+ * of a band's edge.
+ *
+ * @typeParam Row - One row of the data.
+ */
+interface StreamGraphProps<Row> extends CartesianProps<Row> {
+  /**
+   * How the baseline moves: `wiggle` keeps the bands as still as it can, `silhouette` centres the
+   * stack on a straight line.
+   */
+  readonly baseline?: "silhouette" | "wiggle" | undefined;
+  /**
+   * Path of each band's edge between two points. Smoothed through them unless stated, because a
+   * straight segment reads as a crease in every band at every point.
+   */
+  readonly curve?: Curve | undefined;
+  /**
+   * Whether the bands stack inside out, the early ones in the middle. The series' order, bottom
+   * first, when off.
+   */
+  readonly insideOut?: boolean | undefined;
+}
+/**
+ * Renders the chart's figure around the series stacked about a moving baseline.
+ *
+ * @typeParam Row - One row of the data.
+ * @param props - The rows, the series, the words, the baseline and the order.
+ */
+export declare function StreamGraph<Row>({ baseline, curve, data, grid, insideOut, legend, series, ...props }: StreamGraphProps<Row>): ReactElement;
+//#endregion
+//#region src/sunburst-chart/sunburst-chart.d.ts
+/**
+ * Describes the props of a sunburst chart: a hierarchy chart's props and the content of the hole.
+ */
+interface SunburstChartProps extends HierarchyProps {
+  /**
+   * Figure in the hole, such as the total the top-level nodes add up to.
+   */
+  readonly center?: ReactNode;
+  /**
+   * Words under the figure, such as what the total counts.
+   */
+  readonly centerLabel?: ReactNode;
+}
+/**
+ * Renders the chart's figure around the rings, the figure in the hole, the legend and the caption.
+ *
+ * @param props - The nodes, the words, the switches, the content of the hole and the figure's
+ *   props.
+ */
+export declare function SunburstChart({ caption, center, centerLabel, defaultHiddenKeys, empty, hiddenKeys, legend, legendLabel, locale, nodes, onHiddenKeysChange, ratio, shareLabel, valueLabel, valueOptions, values, ...rest }: SunburstChartProps): ReactElement;
+//#endregion
+//#region src/events/layout.d.ts
+/**
+ * Describes one moment: a deploy, an alert, a release.
+ */
+interface TimelineEvent {
+  /**
+   * Instant the moment happened: a `Date`, milliseconds since the epoch, or an ISO 8601 string.
+   */
+  readonly at: Date | number | string;
+  /**
+   * Color of the moment's marker. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Identity of the moment, unique among the events.
+   */
+  readonly key: string;
+  /**
+   * Words for the moment, which the tooltip writes.
+   */
+  readonly label: string;
+  /**
+   * Key of the lane the moment belongs to, such as a service. The other lane unless stated.
+   */
+  readonly lane?: string | undefined;
+}
+/**
+ * Describes moments of one lane close enough together that one marker renders them all.
+ */
+interface EventCluster {
+  /**
+   * Instant of the first moment, in milliseconds since the epoch.
+   */
+  readonly at: number;
+  /**
+   * Moments of the cluster in time order. One moment is a plain marker.
+   */
+  readonly events: readonly TimelineEvent[];
+  /**
+   * Key of the first moment, which identifies the cluster.
+   */
+  readonly key: string;
+  /**
+   * Key of the cluster's lane.
+   */
+  readonly lane: string;
+  /**
+   * Instant of the last moment, in milliseconds since the epoch.
+   */
+  readonly last: number;
+  /**
+   * Share of the window from its start to the cluster's first moment, from 0 to 1.
+   */
+  readonly share: number;
+}
+/**
+ * Describes one lane: its key and its clusters in time order.
+ */
+interface EventLane {
+  /**
+   * Clusters of the lane in time order, none where no moment of the lane is inside the window.
+   */
+  readonly clusters: readonly EventCluster[];
+  /**
+   * Key of the lane, or `OTHER_LANE` for the moments that name none.
+   */
+  readonly key: string;
+}
+/**
+ * Describes the window and the lanes `layoutEvents` returns.
+ */
+interface EventLayout {
+  /**
+   * Instant the window ends at, in milliseconds since the epoch.
+   */
+  readonly end: number;
+  /**
+   * Lanes in order.
+   */
+  readonly lanes: readonly EventLane[];
+  /**
+   * Instant the window starts at, in milliseconds since the epoch.
+   */
+  readonly start: number;
+}
+/**
+ * Describes how `layoutEvents` lays moments out.
+ */
+interface LayoutOptions {
+  /**
+   * Keys of the lanes in order. A moment of a lane not listed is left out.
+   */
+  readonly lanes?: readonly string[] | undefined;
+  /**
+   * Share of the window two moments of a lane keep apart before they join one cluster. 0.02 unless
+   * stated.
+   */
+  readonly minGap?: number | undefined;
+  /**
+   * Instant the window starts at. The earliest moment unless stated.
+   */
+  readonly since?: Date | number | string | undefined;
+  /**
+   * Instant the window ends at. The latest moment unless stated.
+   */
+  readonly until?: Date | number | string | undefined;
+}
+/**
+ * Key of the lane of the moments that name no lane.
+ */
+export declare const OTHER_LANE = "";
+/**
+ * Returns the window and the lanes of clusters the moments lay out into.
+ *
+ * @remarks
+ *   A moment whose instant cannot be read, or outside the window, is left out. The window spans
+ *   every readable moment unless `since` and `until` state it, so a caller who shows part of the
+ *   moments states the window and the markers keep their places.
+ * @param events - The moments in any order.
+ * @param options - The lanes, the gap and the window.
+ */
+export declare function layoutEvents(events: readonly TimelineEvent[], options?: LayoutOptions): EventLayout;
+//#endregion
+//#region src/timeline-chart/types.d.ts
+/**
+ * Describes one lane of a timeline: the key its moments name, and its name on the lane axis.
+ */
+interface TimelineLane {
+  /**
+   * Key the moments of the lane state in their `lane`.
+   */
+  readonly key: string;
+  /**
+   * Name of the lane on the lane axis and in the tooltip.
+   */
+  readonly label: string;
+}
+/**
+ * Describes the props of a timeline: the moments, the lanes, the window, the words, the switches
+ * and the figure's props.
+ *
+ * @remarks
+ *   The chart sets the plot's height from its lanes, so it takes no `ratio`.
+ */
+interface TimelineChartProps extends Omit<RootProps, "chart" | "children" | "grid" | "onSelect" | "ratio"> {
+  /**
+   * Whether the markers animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the markers, such as a `ReferenceLine` at the
+   * current time.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Place in the keyboard walk of the marker the tooltip shows when the chart first renders. No
+   * tooltip shows at first unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while no moment is inside the window.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Moments the chart places, in any order.
+   */
+  readonly events: readonly TimelineEvent[];
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Deploys and incidents today".
+   */
+  readonly label: string;
+  /**
+   * `Intl.DateTimeFormat` options the time ticks and the tooltip's times are written with.
+   */
+  readonly labelOptions?: Intl.DateTimeFormatOptions | undefined;
+  /**
+   * Lanes in order, each with its name. Each lane the moments name, in the order they first name
+   * it, unless stated. A moment of a lane not listed is left out.
+   */
+  readonly lanes?: readonly TimelineLane[] | undefined;
+  /**
+   * Locale the times are written in.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Share of the window two moments of a lane keep apart before one marker renders both.
+   */
+  readonly minGap?: number | undefined;
+  /**
+   * Writes the row that counts the moments of a marker its tooltip does not list.
+   */
+  readonly moreLabel?: ((count: number) => string) | undefined;
+  /**
+   * Called with a marker's moments when a press or the keys select the marker.
+   */
+  readonly onSelect?: ((events: readonly TimelineEvent[]) => void) | undefined;
+  /**
+   * Name of the lane of the moments that name no lane.
+   */
+  readonly otherLabel?: string | undefined;
+  /**
+   * Instant the window starts at. The earliest moment unless stated.
+   */
+  readonly since?: Date | number | string | undefined;
+  /**
+   * Number of times the time axis writes, evenly spaced, both ends included.
+   */
+  readonly ticks?: number | undefined;
+  /**
+   * Instant the window ends at. The latest moment unless stated.
+   */
+  readonly until?: Date | number | string | undefined;
+}
+//#endregion
+//#region src/timeline-chart/timeline-chart.d.ts
+/**
+ * Renders the chart's figure around the lanes, the markers and the caption.
+ *
+ * @param props - The moments, the lanes, the window, the words, the switches and the figure's
+ *   props.
+ */
+export declare function TimelineChart({ animate, caption, children, defaultIndex, empty, events, label, labelOptions, lanes, locale, minGap, moreLabel, onSelect, otherLabel, since, ticks, until, ...root }: TimelineChartProps): ReactElement;
+//#endregion
+//#region src/treemap-chart/treemap-chart.d.ts
+/**
+ * Describes the props of a treemap chart: a hierarchy chart's props.
+ */
+type TreemapChartProps = HierarchyProps;
+/**
+ * Renders the chart's figure around the tiles, the legend and the caption.
+ *
+ * @param props - The nodes, the words, the switches and the figure's props.
+ */
+export declare function TreemapChart({ caption, defaultHiddenKeys, empty, hiddenKeys, legend, legendLabel, locale, nodes, onHiddenKeysChange, ratio, shareLabel, valueLabel, valueOptions, values, ...rest }: TreemapChartProps): ReactElement;
+//#endregion
+//#region src/violin-plot/violin-plot.d.ts
+/**
+ * Describes a group of a violin plot: its key, its name and its values.
+ */
+interface ViolinGroup {
+  /**
+   * Key of the group.
+   */
+  readonly key: string;
+  /**
+   * Name of the group, which the category axis and the tooltip write.
+   */
+  readonly label: string;
+  /**
+   * Values of the group, one per thing measured. A value that is not a finite number is left out.
+   */
+  readonly values: readonly unknown[];
+}
+/**
+ * Describes the props of a violin plot: the groups, the kernel, the words, the switches and the
+ * figure's props.
+ */
+interface ViolinPlotProps extends Omit<RootProps, "chart" | "children" | "color" | "grid"> {
+  /**
+   * Whether the violins grow in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Standard deviation of the Gaussian kernel for every group, in the values' own units.
+   * Silverman's bandwidth of each group unless stated.
+   */
+  readonly bandwidth?: number | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the violins, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Palette the violins take their color from. The theme's first series color unless stated.
+   */
+  readonly color?: ChartColor | undefined;
+  /**
+   * Name of the number of values in the tooltip.
+   */
+  readonly countLabel?: ReactNode;
+  /**
+   * Index of the group the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Name of the outline in the key.
+   */
+  readonly densityLabel?: ReactNode;
+  /**
+   * Message the chart renders in the plot's place while no group has a value.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Groups the chart compares, in the order the category axis lists them.
+   */
+  readonly groups: readonly ViolinGroup[];
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Response times by cache".
+   */
+  readonly label: string;
+  /**
+   * Whether the key naming the violin's parts renders below the plot.
+   */
+  readonly legend?: boolean | undefined;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Name of the median in the tooltip and the key.
+   */
+  readonly medianLabel?: ReactNode;
+  /**
+   * Name of the values the density peaks at in the tooltip.
+   */
+  readonly peaksLabel?: ReactNode;
+  /**
+   * Whether the whisker line, the quartile bar and the median point render inside each violin.
+   */
+  readonly quartiles?: boolean | undefined;
+  /**
+   * Name of the first quartile to the third in the tooltip and the key.
+   */
+  readonly quartilesLabel?: ReactNode;
+  /**
+   * Name of the smallest value to the largest in the tooltip.
+   */
+  readonly rangeLabel?: ReactNode;
+  /**
+   * Number of points each density is sampled at, at least 2. 64 unless stated.
+   */
+  readonly resolution?: number | undefined;
+  /**
+   * Domain of the value axis in recharts' terms, such as `[0, 500]`. Rounded around the values
+   * unless stated.
+   */
+  readonly valueDomain?: YAxisProps["domain"];
+  /**
+   * `Intl.NumberFormat` options the value ticks and the tooltip's values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+/**
+ * Renders the chart's figure around the violins, the key and the caption.
+ *
+ * @param props - The groups, the kernel, the words, the switches and the figure's props.
+ */
+export declare function ViolinPlot({ animate, bandwidth, caption, children, color, countLabel, defaultIndex, densityLabel, empty, grid, groups, label, legend, locale, medianLabel, peaksLabel, quartiles, quartilesLabel, rangeLabel, resolution, valueDomain, valueOptions, ...root }: ViolinPlotProps): ReactElement;
+//#endregion
+//#region src/waterfall-chart/bars.d.ts
+/**
+ * Turns a waterfall's steps into floating bars on the running total.
+ */
+/**
+ * Describes one step of a waterfall.
+ */
+interface WaterfallStep {
+  /**
+   * Key of the step.
+   */
+  readonly key: string;
+  /**
+   * Name of the step on the category axis, such as "Refunds".
+   */
+  readonly label: string;
+  /**
+   * Whether the step is a total, which rises from zero in place of floating on the running total.
+   */
+  readonly total?: boolean | undefined;
+  /**
+   * Change the step makes, where a negative value subtracts. A total's `value` sets the running
+   * total, such as an opening balance, and a total without one shows the running total. A value
+   * that is not a finite number makes no change.
+   */
+  readonly value?: number | undefined;
+}
+/**
+ * Describes one bar a waterfall chart renders.
+ */
+interface WaterfallBar {
+  /**
+   * Change the step made, signed, or the running total for a total.
+   */
+  readonly change: number;
+  /**
+   * Whether the step rose, fell or shows the total.
+   */
+  readonly direction: "down" | "total" | "up";
+  /**
+   * Running total after the step.
+   */
+  readonly end: number;
+  /**
+   * Key of the step.
+   */
+  readonly key: string;
+  /**
+   * Name of the step.
+   */
+  readonly label: string;
+  /**
+   * Values the bar floats between, the lower first: the running totals before and after the step,
+   * or zero and the total.
+   */
+  readonly span: readonly [number, number];
+  /**
+   * Running total before the step, or zero for a total.
+   */
+  readonly start: number;
+}
+/**
+ * Returns a bar per step: a change floats from the running total before it to the total after it,
+ * and a total rises from zero.
+ *
+ * @remarks
+ *   The running total is the chart's content, so a caption reads these numbers and does not
+ *   compute its own. The running total starts at zero, and a total with a value sets it, so a
+ *   bridge opens on a balance. The steps keep their order, because the order is what happened.
+ * @param steps - The steps, in order.
+ */
+export declare function waterfallBars(steps: readonly WaterfallStep[]): WaterfallBar[];
+//#endregion
+//#region src/waterfall-chart/waterfall-chart.d.ts
+/**
+ * Describes the props of a waterfall chart: the steps, the words, the switches and the figure's
+ * props.
+ */
+interface WaterfallChartProps extends Omit<RootProps, "chart" | "children" | "grid"> {
+  /**
+   * Whether the bars animate in, which they do only outside reduced motion.
+   */
+  readonly animate?: boolean | undefined;
+  /**
+   * Finding the chart shows, in words, which names the figure.
+   */
+  readonly caption?: ReactNode;
+  /**
+   * Recharts elements rendered inside the chart after the bars, such as a `ReferenceLine`.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Whether dashed connectors join each bar to the next at the running total.
+   */
+  readonly connectors?: boolean | undefined;
+  /**
+   * Index of the step the tooltip shows when the chart first renders. None unless stated.
+   */
+  readonly defaultIndex?: number | undefined;
+  /**
+   * Message the chart renders in the plot's place while it has no steps.
+   */
+  readonly empty?: ReactNode;
+  /**
+   * Whether lines cross the plot at the value ticks.
+   */
+  readonly grid?: boolean | undefined;
+  /**
+   * Accessible name of the chart's keyboard layer, such as "Revenue bridge for September".
+   */
+  readonly label: string;
+  /**
+   * Locale the values are written in. The locale in scope unless stated.
+   */
+  readonly locale?: string | undefined;
+  /**
+   * Steps, in the order they happened.
+   */
+  readonly steps: readonly WaterfallStep[];
+  /**
+   * Name of the values in the tooltip.
+   */
+  readonly valueLabel?: ReactNode;
+  /**
+   * Whether the chart writes each bar's signed change or total above the bar.
+   */
+  readonly valueLabels?: boolean | undefined;
+  /**
+   * `Intl.NumberFormat` options the ticks, the tooltip and the bars' values are written with.
+   */
+  readonly valueOptions?: Intl.NumberFormatOptions | undefined;
+}
+/**
+ * Renders the chart's figure around the floating bars, their connectors and their values.
+ *
+ * @param props - The steps, the words, the switches and the figure's props.
+ */
+export declare function WaterfallChart({ animate, caption, children, connectors, defaultIndex, empty, grid, label, locale, steps, valueLabel, valueLabels, valueOptions, ...root }: WaterfallChartProps): ReactElement;
+//#endregion
+export { type AlignOptions, type Annotation, type AreaChartProps, type BarChartProps, type BarSeries, type BinOptions, type BoxGroup, type BoxPlotProps, type BoxSummary, type BubbleChartProps, type BulletProps, type BurndownChartProps, type BurndownOptions, type BurndownPoint, type BurndownRow, type Calendar, type CalendarCell, type CalendarDay, type CalendarOptions, type Candle, type CandleChange, type CandleDirection, type CandlestickChartProps, type CartesianProps, type CartesianSeries, index_d_exports as Chart, type ChartBin, type ChordDiagramProps, type ChordLayout, type ChordRibbon, type ChordSpan, type Cohort, type CohortCell, type CohortGrid, type CohortOptions, type ComboChartProps, type ComboSeries, type Curve, type DensityOptions, type DensityPoint, type DistributionChartProps, type DistributionSeries, type Division, type DonutChartProps, type EventCluster, type EventLane, type EventLayout, type FunnelChartProps, type FunnelStage, type FunnelStep, type GaugeBand, type GaugeChartProps, type GaugeZone, type HeatShape, type HeatSize, type HeatmapCell, type HeatmapColors, type HeatmapDomain, type HeatmapHeading, type HeatmapProps, type HeatmapScale, type HierarchyLeaf, type HierarchyNode, type HierarchyProps, type HistogramChartProps, type HorizontalBarChartProps, type LayoutOptions, type LineChartProps, type LinearFit, type Mark, type ParetoChartProps, type ParetoShares, type PercentStackedBarProps, type PieChartProps, type PieSlice, type PolarAreaChartProps, type PolarProps, type QuadrantId, type Quadrants, type RadarChartProps, type RadarSeries, type RadialBarChartProps, type RadialBarDatum, type RangeBand, type RangeChartProps, type RegressionOverlayProps, type Retention, type RetentionOptions, type RetentionRow, type SankeyBalance, type SankeyChartProps, type SankeyFlow, type SankeyNode, type ScatterPlotProps, type ScatterSeries, type Span, type SparkbarProps, type SparklineProps, type SpreadOptions, type StackedAreaChartProps, type StackedBarChartProps, type StepLineChartProps, type StreamGraphProps, type SunburstChartProps, type TimelineChartProps, type TimelineEvent, type TimelineLane, type TreemapChartProps, type ValueAxis, type Valued, type ViolinGroup, type ViolinPlotProps, type WaterfallBar, type WaterfallChartProps, type WaterfallStep };