@nxgt/material 3.39.0 → 3.42.0

package/dist/lib/components/ui/selection/autocomplete/use-autocomplete-handlers.d.ts

@@ -1,17 +1,24 @@
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, FocusEvent, SetStateAction } from 'react';
 import { ChangeEventDetails } from '../combobox/combobox.js';
 import { AutocompleteOption, AutocompleteProps } from './types.js';
 type State<T> = {
     setQuery: Dispatch<SetStateAction<string>>;
     setOpen: Dispatch<SetStateAction<boolean>>;
+    /** `display="text"`: the input shows what is typed, not the label. */
+    text: boolean;
+    editing: boolean;
+    setEditing: Dispatch<SetStateAction<boolean>>;
+    query: string;
     getOptionValue: (option: T) => string;
     /** Keeps the picked options, for their chips once the list moves on. */
     remember: (options: T[]) => void;
 };
 /** What the Combobox and the chips call back: a pick, a removal, typing. */
-export declare function useAutocompleteHandlers<T extends AutocompleteOption>(props: AutocompleteProps<T>, { setQuery, setOpen, getOptionValue: readValue, remember }: State<T>): {
+export declare function useAutocompleteHandlers<T extends AutocompleteOption>(props: AutocompleteProps<T>, { setQuery, setOpen, text, editing, setEditing, query, getOptionValue: readValue, remember, }: State<T>): {
     handleRemove: (value: string) => void;
-    handleValueChange: (value: any) => void;
+    handleValueChange: (value: any, details?: ChangeEventDetails) => void;
     handleInputValueChange: (value: string, eventDetails: ChangeEventDetails) => void;
+    handleOpenChange: (open: boolean, details: ChangeEventDetails) => void;
+    handleFieldBlur: (event: FocusEvent<HTMLElement>) => void;
 };
 export {};

package/dist/lib/components/ui/selection/autocomplete/use-autocomplete.d.ts

@@ -6,8 +6,10 @@ type Readers<T> = {
 /** Autocomplete's state and callbacks; the component only lays them out. */
 export declare function useAutocomplete<T extends AutocompleteOption>(props: AutocompleteProps<T>, readers: Readers<T>): {
     handleRemove: (value: string) => void;
-    handleValueChange: (value: any) => void;
+    handleValueChange: (value: any, details?: import('../index.js').ChangeEventDetails) => void;
     handleInputValueChange: (value: string, eventDetails: import('../index.js').ChangeEventDetails) => void;
+    handleOpenChange: (open: boolean, details: import('../index.js').ChangeEventDetails) => void;
+    handleFieldBlur: (event: import('react').FocusEvent<HTMLElement>) => void;
     fullOptions: T[];
     selectable: T[];
     showAddButton: boolean;
@@ -25,5 +27,8 @@ export declare function useAutocomplete<T extends AutocompleteOption>(props: Aut
         emptyText: string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null;
         announcement: string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null;
     };
+    text: boolean;
+    selected: T | null;
+    inputValue: string;
 };
 export {};

package/dist/lib/components/ui/selection/combobox/combobox-input.d.ts

@@ -13,7 +13,9 @@ export type ComboboxInputSize = FieldSize;
  * `leading`: a flag, an avatar or an icon before the input.
  * `suffix`: muted text after it ("GMT+2"), before the clear button.
  */
-export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, size, leading, suffix, labelId, ...props }: Omit<ComboboxPrimitive.Input.Props, 'size'> & {
+export declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, size, leading, suffix, labelId, anchorRef, ...props }: Omit<ComboboxPrimitive.Input.Props, 'size'> & {
+    /** Also measured by a list that hangs under the box (Autocomplete's Drawer room). */
+    anchorRef?: React.Ref<HTMLDivElement>;
     /** The id of the field's label: describes the clear and chevron buttons. */
     labelId?: string;
     showTrigger?: boolean;

package/dist/lib/components/ui/widgets/native-charts/core/point-tones.d.ts

@@ -0,0 +1,17 @@
+import { Tone } from '../../../tones.js';
+import { ChartTranslate } from './translate.js';
+/** A point's tone and the word that names it: the tooltip, the live status, the summary and the table read the word. */
+export type ToneMark = {
+    tone: Tone;
+    word: string;
+};
+/** Per-tone words an application gives (its own language, its own domain), by tone. */
+export type ToneWords = Partial<Record<string, string>>;
+/**
+ * The word for a tone: the caller's, else the library's neutral one in the
+ * provider's language (`material.charts.tone.*`), else the tone's own name
+ * (an app's tone).
+ */
+export declare function toneWord(t: ChartTranslate, tone: Tone, words?: ToneWords): string;
+/** The marks of a series counted by word, in order of first appearance: `[['High', 2], ['Critical', 1]]`. */
+export declare function countWords(marks: readonly (ToneMark | null | undefined)[]): [string, number][];

package/dist/lib/components/ui/widgets/native-charts/core/reference-text.d.ts

@@ -0,0 +1,30 @@
+import { ToneMark } from './point-tones.js';
+import { ChartTranslate } from './translate.js';
+import { ChartBand, ChartThreshold } from './types.js';
+/**
+ * The words of a chart's reference bands, thresholds and toned points, for
+ * the summary and the "View data" notes. Pure: the translator comes in as an
+ * argument.
+ */
+export type ReferenceSeries = {
+    label: string;
+    values: readonly (number | null | undefined)[];
+    /** The tone mark of each row, null where there is none. */
+    tones?: readonly (ToneMark | null)[];
+};
+/** One line per band ("Normal range: 40 to 60") then one per threshold ("High: 70"): the notes under the data table. */
+export declare function referenceNotes(t: ChartTranslate, input: {
+    bands: readonly ChartBand[];
+    thresholds: readonly ChartThreshold[];
+    format: (value: number) => string;
+}): string[];
+/**
+ * The summary sentences: the ranges and the lines, then for each series how
+ * many values lie outside each band, then how many points carry each tone.
+ */
+export declare function referenceSummary(t: ChartTranslate, input: {
+    bands: readonly ChartBand[];
+    thresholds: readonly ChartThreshold[];
+    series: readonly ReferenceSeries[];
+    format: (value: number) => string;
+}): string[];

package/dist/lib/components/ui/widgets/native-charts/core/reference.d.ts

@@ -0,0 +1,45 @@
+import { ChartBand, ChartThreshold } from './types.js';
+/**
+ * The maths of a line chart's reference bands and threshold lines: they are
+ * cleaned once (a range given backwards, a value that is not a number), fed
+ * to the value domain so the chart shows them, clipped to the domain when an
+ * axis pins it, and counted against the data for the summary.
+ */
+/** A value-axis span, low then high. */
+export type Domain = readonly [number, number];
+/** The bands with a finite range, each as `from <= to`; the rest are dropped. */
+export declare function normalizeBands(bands: readonly ChartBand[] | undefined): ChartBand[];
+/** The thresholds with a finite value. */
+export declare function normalizeThresholds(thresholds: readonly ChartThreshold[] | undefined): ChartThreshold[];
+/** Every value a band or a threshold marks: the value domain grows to hold them. */
+export declare function referenceValues(bands: readonly ChartBand[], thresholds: readonly ChartThreshold[]): number[];
+/** The part of `band` inside `domain`; null when none of it is, or it has no height. */
+export declare function clipBand(band: Pick<ChartBand, 'from' | 'to'>, domain: Domain): {
+    from: number;
+    to: number;
+} | null;
+/** A band's box on the plot, `y` mapping a value to a pixel: its top and height, clipped to the domain; null when it is out of view. */
+export declare function bandBox(band: Pick<ChartBand, 'from' | 'to'>, domain: Domain, y: (value: number) => number): {
+    top: number;
+    height: number;
+} | null;
+/** Where a threshold's line falls; null when its value is outside the domain. */
+export declare function thresholdAt(value: number, domain: Domain, y: (value: number) => number): number | null;
+/** The baseline of a band's label: inside the band under its top edge, or above a band too thin to hold it. */
+export declare function bandLabelBaseline(top: number, height: number): number;
+/** The baseline of a threshold's label: above its line, or under it at the top of the plot. */
+export declare function thresholdLabelBaseline(lineY: number): number;
+/** How many of `values` lie outside `band` (a missing value is not counted), and how many there are. */
+export declare function outsideBand(values: readonly (number | null | undefined)[], band: Pick<ChartBand, 'from' | 'to'>): {
+    outside: number;
+    total: number;
+};
+/**
+ * How a label sits at a plot's physical `edge` (the plot is drawn left to
+ * right whatever the page): a label in a right-to-left script is set `rtl`,
+ * and the anchor that grows it inward from that edge flips with it.
+ */
+export declare function labelFlow(label: string, edge: 'left' | 'right'): {
+    direction: 'ltr' | 'rtl';
+    textAnchor: 'start' | 'end';
+};

package/dist/lib/components/ui/widgets/native-charts/core/summary.d.ts

@@ -20,6 +20,8 @@ export type SummaryInput = {
     series: readonly SummarySeries[];
     /** The hidden series' labels. */
     hidden?: readonly string[];
+    /** Sentences a chart adds after its series' (a line chart's bands, thresholds and toned points). */
+    extra?: readonly string[];
 };
 /** The chart kind's name ("line chart"), also the plot's `aria-roledescription`. */
 export declare function kindName(t: ChartTranslate, kind: ChartKind): string;
@@ -30,6 +32,7 @@ export declare function summarize(t: ChartTranslate, input: SummaryInput): strin
 export declare function pointStatus(t: ChartTranslate, label: string, values: readonly {
     series: string;
     value: string;
+    tone?: string;
 }[]): string;
 /** The summary a chart shows: its `summary` prop (a text, or a function of the generated one), else the generated one. */
 export declare function applySummary(summary: string | ((auto: string) => string) | undefined, auto: string): string;

package/dist/lib/components/ui/widgets/native-charts/core/table.d.ts

@@ -15,12 +15,19 @@ export type ChartTableModel = {
     corner: string;
     columns: TableColumn[];
     rows: TableRowModel[];
+    /** Lines read under the table (a line chart's reference bands and thresholds). */
+    notes?: string[];
 };
 export type TableSeries = {
     key: string;
     label: string;
     values: readonly (number | null | undefined)[];
     format: (value: number) => string;
+    /** Adds a column after the series' own: its header, and the word of each row (null for none). */
+    tone?: {
+        label: string;
+        words: readonly (string | null)[];
+    };
 };
 /**
  * Rows of `labels` × `series`. Hidden series stay out: the table shows what

package/dist/lib/components/ui/widgets/native-charts/core/types.d.ts

@@ -95,6 +95,31 @@ export interface ChartPoint {
  * the colour's ink (lines, points and swatches in the ink).
  */
 export type ChartPalette = 'default' | 'soft';
+/**
+ * A shaded range of the value axis, drawn behind the lines: a normal range,
+ * a target zone. Its `label` is drawn in the band and listed in the summary
+ * and in "View data"; the shade is decorative, the label carries the meaning.
+ */
+export interface ChartBand {
+    /** One end of the range, in the value axis' units (either order). */
+    from: number;
+    /** The other end. */
+    to: number;
+    /** Names the range: drawn in it, read by the summary and the table. */
+    label: string;
+    /** Tints the band and its label in the tone; default a neutral wash. */
+    tone?: Tone;
+}
+/** A horizontal line at a value, with a direct label at its end. */
+export interface ChartThreshold {
+    value: number;
+    /** Names the line: drawn at its end, read by the summary and the table. */
+    label: string;
+    /** Draws the line and its label in the tone's colour; default the axis colour. */
+    tone?: Tone;
+    /** Dashed (default) or, with `false`, solid. */
+    dash?: boolean;
+}
 /** What every chart accepts. */
 export interface ChartBaseProps {
     /** The card's title, and the chart's accessible name. */

package/dist/lib/components/ui/widgets/native-charts/hooks/chart-model-types.d.ts

@@ -1,7 +1,9 @@
+import { Tone } from '../../../tones.js';
 import { ResolvedSeries } from '../core/colors.js';
 import { SeriesAxis } from '../core/combo-axes.js';
+import { ToneMark, ToneWords } from '../core/point-tones.js';
 import { ChartTableModel } from '../core/table.js';
-import { ChartAxis, ChartBaseProps, ChartPoint, ChartRow, ChartSeries, ChartXAxis, RowKey } from '../core/types.js';
+import { ChartAxis, ChartBand, ChartBaseProps, ChartPoint, ChartRow, ChartSeries, ChartThreshold, ChartXAxis, RowKey } from '../core/types.js';
 import { LegendItem } from '../partials/chart-legend.js';
 import { ModelSeries } from './model-series.js';
 import { useChartSize } from './use-chart-size.js';
@@ -26,7 +28,20 @@ export type ChartModelProps<T extends object = ChartRow> = ChartBaseProps & {
     /** The header of the View data table's category column (the x values; the heat map's row labels). Defaults, on the line, area and bar charts, to the x axis label when set, else a translated "Category"; the radar and heat map charts have no x axis label, so they always read "Category" unless this is set. */
     categoryLabel?: string;
 };
+/** What a chart reads against its data: ranges and lines on the value axis, and a tone per point. */
+export type ChartReferenceProps = {
+    bands?: ChartBand[];
+    thresholds?: ChartThreshold[];
+    pointTone?: (point: ChartPoint, series: ChartSeries) => Tone | undefined;
+    toneLabels?: ToneWords;
+};
+export type { ToneMark };
 export type ChartModel = {
+    /** The bands and thresholds, cleaned (`from <= to`, finite). */
+    refs: {
+        bands: ChartBand[];
+        thresholds: ChartThreshold[];
+    };
     size: ReturnType<typeof useChartSize<HTMLDivElement>>;
     /** Every series, resolved (colour, shape, dash, position). */
     series: ResolvedSeries[];
@@ -63,4 +78,6 @@ export type ChartModelOptions = {
     };
     /** Names the axis each series reads and formats it by that axis (two-axis charts). Keep it stable (memoized). */
     axes?: (series: ChartSeries) => SeriesAxis;
+    /** A line chart's bands, thresholds and point tones. Keep the arrays and the function stable (memoized): they key the summary and the table. */
+    reference?: ChartReferenceProps;
 };

package/dist/lib/components/ui/widgets/native-charts/hooks/model-parts.d.ts

@@ -14,6 +14,7 @@ export declare function summaryText(t: ChartTranslate, input: {
     series: readonly ResolvedSeries[];
     hidden: readonly string[];
     summary: Parameters<typeof applySummary>[0];
+    extra?: readonly string[];
 }): string;
 /** What the live status reads for row `index`; null when none is active. */
 export declare function statusText(t: ChartTranslate, labels: readonly string[], shown: readonly ModelSeries[], index: number | null): string | null;
@@ -26,6 +27,8 @@ export declare function viewTable(t: ChartTranslate, input: {
     shown: readonly ModelSeries[];
     categoryLabel?: string;
     axisLabel?: string;
+    /** Lines read under the table: the reference bands and thresholds. */
+    notes?: string[];
 }): ChartTableModel;
 /** The point at row `index` of the rows shown on the series at `position`; `offset` (a zoomed window's first row) makes its `index` the row of the full data. */
 export declare function pointAt(input: {

package/dist/lib/components/ui/widgets/native-charts/hooks/model-series.d.ts

@@ -1,5 +1,6 @@
 import { PaintAttributes, ResolvedSeries } from '../core/colors.js';
 import { SeriesAxis } from '../core/combo-axes.js';
+import { ToneMark } from '../core/point-tones.js';
 import { ChartAxis, ChartRow, ChartSeries } from '../core/types.js';
 /** A visible series, ready to draw: its paint, values and formatter. */
 export type ModelSeries = ResolvedSeries & {
@@ -10,6 +11,8 @@ export type ModelSeries = ResolvedSeries & {
     tag?: string;
     /** The label of the axis the series reads. */
     axisLabel?: string;
+    /** The tone of each row's point, null for none (`pointTone`); unset when no point of the series has one. */
+    tones?: (ToneMark | null)[];
 };
 /**
  * The visible series with their values and formatters. `axes` names the axis

package/dist/lib/components/ui/widgets/native-charts/hooks/model-tones.d.ts

@@ -0,0 +1,19 @@
+import { ToneWords } from '../core/point-tones.js';
+import { ChartTranslate } from '../core/translate.js';
+import { ChartRow } from '../core/types.js';
+import { ChartReferenceProps } from './chart-model-types.js';
+import { ModelSeries } from './model-series.js';
+/**
+ * Asks `pointTone` for the tone of every value of every visible series, and
+ * gives each series that has any the marks, with their words (`toneLabels`,
+ * else the library's neutral ones). The point it is given is the one
+ * `onPointClick` gets: `index` is the row of the full data, even in a zoomed window.
+ */
+export declare function withPointTones(t: ChartTranslate, input: {
+    shown: ModelSeries[];
+    labels: readonly string[];
+    data: readonly ChartRow[];
+    offset?: number;
+    pointTone: NonNullable<ChartReferenceProps['pointTone']>;
+    words?: ToneWords;
+}): ModelSeries[];

package/dist/lib/components/ui/widgets/native-charts/hooks/use-chart-model.d.ts

@@ -1,7 +1,7 @@
 import { ChartKind } from '../core/summary.js';
-import { ChartModel, ChartModelOptions, ChartModelProps } from './chart-model-types.js';
+import { ChartModel, ChartModelOptions, ChartModelProps, ChartReferenceProps } from './chart-model-types.js';
 import { ModelSeries } from './model-series.js';
-export type { ChartModel, ChartModelOptions, ChartModelProps, ModelSeries };
+export type { ChartModel, ChartModelOptions, ChartModelProps, ChartReferenceProps, ModelSeries, };
 /**
  * Everything a chart computes besides its SVG: series, visibility, labels,
  * the keyboard point, summary, status, legend and table. A chart calls it,
@@ -10,4 +10,4 @@ export type { ChartModel, ChartModelOptions, ChartModelProps, ModelSeries };
  * parts are memoized on the data, the series, the hidden ones and the
  * language, so a hover only recomputes the status.
  */
-export declare function useChartModel(props: ChartModelProps, kind: ChartKind, { keyMap, axes, span }?: ChartModelOptions): ChartModel;
+export declare function useChartModel(props: ChartModelProps, kind: ChartKind, { keyMap, axes, span, reference }?: ChartModelOptions): ChartModel;

package/dist/lib/components/ui/widgets/native-charts/index.d.ts

@@ -4,7 +4,7 @@ export type { BarChartProps, BarLayout, BarOrientation, } from './bar-chart/bar-
 export { ComboChart } from './combo-chart/combo-chart.js';
 export type { ComboChartProps } from './combo-chart/combo-chart-types.js';
 export type { ChartRange, ChartRangeProps, ChartScrollOptions, ChartZoomOptions, } from './core/range-types.js';
-export type { ChartAxis, ChartBaseProps, ChartColor, ChartPalette, ChartPoint, ChartRow, ChartSeries, ChartShape, ChartSlice, ChartValue, ChartXAxis, ComboSeries, RowKey, ScatterPoint, ScatterSeries, } from './core/types.js';
+export type { ChartAxis, ChartBand, ChartBaseProps, ChartColor, ChartPalette, ChartPoint, ChartRow, ChartSeries, ChartShape, ChartSlice, ChartThreshold, ChartValue, ChartXAxis, ComboSeries, RowKey, ScatterPoint, ScatterSeries, } from './core/types.js';
 export { FunnelChart } from './funnel-chart/funnel-chart.js';
 export type { FunnelChartProps } from './funnel-chart/funnel-chart-types.js';
 export { Gauge } from './gauge/gauge.js';

package/dist/lib/components/ui/widgets/native-charts/line-chart/line-chart-types.d.ts

@@ -1,6 +1,8 @@
+import { Tone } from '../../../tones.js';
 import { ChartCurve } from '../core/lines.js';
+import { ToneWords } from '../core/point-tones.js';
 import { ChartRangeProps } from '../core/range-types.js';
-import { ChartRow } from '../core/types.js';
+import { ChartBand, ChartPoint, ChartRow, ChartSeries, ChartThreshold } from '../core/types.js';
 import { ChartModelProps } from '../hooks/use-chart-model.js';
 export type { ChartCurve };
 /**
@@ -13,6 +15,29 @@ export type LineChartProps<T extends object = ChartRow> = ChartModelProps<T> & C
     curve?: ChartCurve;
     /** Draws a dot on every value; patterns mode draws each series' shape instead. */
     points?: boolean;
+    /**
+     * Shaded ranges of the value axis behind the lines (a normal range, a
+     * target zone), each with its label. The value axis grows to show them
+     * unless `yAxis.min` / `max` pin it (a band is then clipped); the
+     * summary says how many values fall outside each, and "View data"
+     * lists them. Keep the array stable (memoize it).
+     */
+    bands?: ChartBand[];
+    /** Horizontal lines at a value with a label at their end, also in the summary and in "View data". Keep the array stable. */
+    thresholds?: ChartThreshold[];
+    /**
+     * The tone of a point, or undefined for none. A toned point is drawn
+     * as a ringed marker (never colour alone) and its word ("High") joins the
+     * tooltip, the live status, the summary and a tone column of "View data".
+     * It is given the point `onPointClick` gets (`index` is the row of the full
+     * data) and its series. Keep the function stable (`useCallback`).
+     */
+    pointTone?: (point: ChartPoint, series: ChartSeries) => Tone | undefined;
+    /**
+     * The word of each tone, in your language and domain ({ error: 'High' });
+     * unset, the library's neutral word ("Error", translated).
+     */
+    toneLabels?: ToneWords;
 };
 export type AreaChartProps<T extends object = ChartRow> = LineChartProps<T> & {
     /** Stacks the series on one another; the areas are all filled. Expects values of 0 or more: a negative value is subtracted from the band below. */

package/dist/lib/components/ui/widgets/native-charts/line-chart/line-geometry.d.ts

@@ -23,6 +23,8 @@ export type LineGeometry = {
     x: ScaleLinear<number, number>;
     y: ScaleLinear<number, number>;
     ticks: number[];
+    /** The value axis' span, low then high. */
+    domain: [number, number];
     /** The x labels, cut to the room each drawn one gets, and every how many is drawn. */
     labels: string[];
     step: number;
@@ -37,6 +39,8 @@ export type LineGeometryInput = {
     yAxis?: ChartAxis;
     curve?: ChartCurve;
     stacked?: boolean;
+    /** Values the domain must also hold: the bands' ends and the thresholds. */
+    extra?: readonly number[];
     /** The y axis' formatted tick labels decide the left margin. */
     margin: (ticks: number[]) => number;
 };

package/dist/lib/components/ui/widgets/native-charts/line-chart/partials/reference-marks.d.ts

@@ -0,0 +1,17 @@
+import { ChartModel } from '../../hooks/use-chart-model.js';
+import { LineGeometry } from '../line-geometry.js';
+/**
+ * The reference bands and threshold lines, behind the series: a band is a
+ * tint across the plot (decorative: its label carries the meaning), a
+ * threshold a dashed line. Both are clipped to the value axis, so a
+ * pinned `yAxis` or a zoomed window never draws outside the plot.
+ */
+export declare function ReferenceLayer({ refs, geo, }: {
+    refs: ChartModel['refs'];
+    geo: LineGeometry;
+}): import("react").JSX.Element;
+/** The labels of the bands (inside, at the plot's left) and of the thresholds (above the line, at its right end), over the series. */
+export declare function ReferenceLabels({ refs, geo, }: {
+    refs: ChartModel['refs'];
+    geo: LineGeometry;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/native-charts/line-chart/partials/tone-points.d.ts

@@ -0,0 +1,11 @@
+import { LineGeometry } from '../line-geometry.js';
+/**
+ * The points a `pointTone` marks: a ring in the tone's colour round the
+ * value, never a colour change alone, with the series' shape inside in
+ * patterns mode, else a dot. Drawn over the series' own dots. The ring stays
+ * on the plot's layer: the word itself is in the tooltip, the summary and the table.
+ */
+export declare function TonePoints({ geo, patterns, }: {
+    geo: LineGeometry;
+    patterns?: boolean;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/native-charts/partials/chart-tooltip.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { PaintAttributes } from '../core/colors.js';
+import { ToneMark } from '../core/point-tones.js';
 /** The tooltip's drawn size, in px. */
 export type TipSize = {
     width: number;
@@ -12,6 +13,8 @@ export type TooltipRow = {
     paint: PaintAttributes;
     /** The axis the value belongs to, when the chart has two. */
     note?: string;
+    /** The point's tone and its word ("High"), when it has one. */
+    tone?: ToneMark;
 };
 /**
  * The tooltip's content, direction B: the x label, the first (active)

package/dist/lib/i18n/resources/en/en.d.ts

@@ -2076,6 +2076,7 @@ export declare const en: {
             "error-hint": string;
             "bulk-action": string;
             "bulk-action-name": string;
+            "bulk-max-notice": string;
             "bulk-more": string;
         };
         "list-empty": {
@@ -2725,6 +2726,8 @@ export declare const en: {
             "no-data": string;
             loading: string;
             "status-value": string;
+            "status-value-tone": string;
+            "table-tone": string;
             "status-point": string;
             "table-caption": string;
             "status-slice": string;
@@ -2768,6 +2771,20 @@ export declare const en: {
             "zoom-reset": string;
             "zoom-showing": string;
             "zoom-range": string;
+            tone: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                info: string;
+                warning: string;
+                error: string;
+                neutral: string;
+            };
+            reference: {
+                band: string;
+                threshold: string;
+            };
             kind: {
                 line: string;
                 area: string;
@@ -2787,6 +2804,11 @@ export declare const en: {
                 range: string;
                 series: string;
                 hidden: string;
+                bands: string;
+                thresholds: string;
+                outside: string;
+                tones: string;
+                "tone-count": string;
                 slices: string;
                 largest: string;
                 slice: string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -2066,6 +2066,7 @@ declare const _default: {
 		"error-hint": "Check your connection, then try again.",
 		"bulk-action": "{label} ({count})",
 		"bulk-action-name": "{label} {count, plural, one {# row} other {# rows}}",
+		"bulk-max-notice": "Select {max, plural, one {# row} other {# rows}} or fewer to {label}",
 		"bulk-more": "More"
 	},
 	"list-empty": {
@@ -2715,6 +2716,8 @@ declare const _default: {
 		"no-data": "No data to show",
 		"loading": "Loading chart",
 		"status-value": "{series} {value}",
+		"status-value-tone": "{series} {value} ({tone})",
+		"table-tone": "{series} tone",
 		"status-point": "{label}: {values}",
 		"table-caption": "{title}: the data",
 		"status-slice": "{label}: {value}, {share}",
@@ -2758,6 +2761,20 @@ declare const _default: {
 		"zoom-reset": "Reset zoom",
 		"zoom-showing": "Showing {from} to {to}",
 		"zoom-range": "{from} to {to}",
+		"tone": {
+			"primary": "Primary",
+			"secondary": "Secondary",
+			"tertiary": "Tertiary",
+			"success": "Success",
+			"info": "Info",
+			"warning": "Warning",
+			"error": "Error",
+			"neutral": "Neutral"
+		},
+		"reference": {
+			"band": "{label}: {from} to {to}",
+			"threshold": "{label}: {value}"
+		},
 		"kind": {
 			"line": "line chart",
 			"area": "area chart",
@@ -2777,6 +2794,11 @@ declare const _default: {
 			"range": "{count, plural, one {# point} other {# points}}, from {first} to {last}.",
 			"series": "{series}: from {start} to {end}, highest {max} ({maxAt}), lowest {min} ({minAt}).",
 			"hidden": "Hidden: {series}.",
+			"bands": "Reference ranges: {list}.",
+			"thresholds": "Thresholds: {list}.",
+			"outside": "{series}: {count} of {total, plural, one {# point} other {# points}} outside {band}.",
+			"tones": "{series}: {list}, of {total, plural, one {# point} other {# points}}.",
+			"tone-count": "{count} {tone}",
 			"slices": "{count, plural, one {# slice} other {# slices}}, {total} in all.",
 			"largest": "Largest: {list}.",
 			"slice": "{label} {value} ({share})",

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -2076,6 +2076,7 @@ export declare const fr: {
             "error-hint": string;
             "bulk-action": string;
             "bulk-action-name": string;
+            "bulk-max-notice": string;
             "bulk-more": string;
         };
         "list-empty": {
@@ -2725,6 +2726,8 @@ export declare const fr: {
             "no-data": string;
             loading: string;
             "status-value": string;
+            "status-value-tone": string;
+            "table-tone": string;
             "status-point": string;
             "table-caption": string;
             "status-slice": string;
@@ -2768,6 +2771,20 @@ export declare const fr: {
             "zoom-reset": string;
             "zoom-showing": string;
             "zoom-range": string;
+            tone: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                success: string;
+                info: string;
+                warning: string;
+                error: string;
+                neutral: string;
+            };
+            reference: {
+                band: string;
+                threshold: string;
+            };
             kind: {
                 line: string;
                 area: string;
@@ -2787,6 +2804,11 @@ export declare const fr: {
                 range: string;
                 series: string;
                 hidden: string;
+                bands: string;
+                thresholds: string;
+                outside: string;
+                tones: string;
+                "tone-count": string;
                 slices: string;
                 largest: string;
                 slice: string;