@fusion.dev/helix-headless 0.176.1 → 0.177.1

package/types/jsx.d.ts

@@ -5071,7 +5071,7 @@ Here rather than on each control. */
   "onhelix-typing"?: ((
     e: HelixHeadlessChatComposerHelixTypingElementEvent,
   ) => void) | undefined;
-  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Sent on the composer and does not bubble. */
+  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is. */
   oninput?: ((e: HelixHeadlessChatComposerElementEvent) => void) | undefined;
 };
 
@@ -5162,7 +5162,7 @@ Here rather than on each control. */
   "on:helix-typing"?: ((
     e: HelixHeadlessChatComposerHelixTypingElementEvent,
   ) => void) | undefined;
-  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Sent on the composer and does not bubble. */
+  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is. */
   "on:input"?: ((e: HelixHeadlessChatComposerElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -12420,6 +12420,18 @@ Unset is horizontal, or across the toolbar the divider sits in. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessDonutChart` component event */
+export type HelixHeadlessDonutChartElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessDonutChart,
+  E
+>;
+/** `helix-reading-change` event type */
+export type HelixHeadlessDonutChartHelixReadingChangeElementEvent =
+  HelixHeadlessDonutChartElementEvent<HelixReadingChangeEvent>;
+/** `helix-reading-press` event type */
+export type HelixHeadlessDonutChartHelixReadingPressElementEvent =
+  HelixHeadlessDonutChartElementEvent<HelixReadingPressEvent>;
+
 export type HelixHeadlessDonutChartProps = {
   /** The size of the hole in the middle of the ring.
 
@@ -12485,6 +12497,25 @@ rotation that puts the first slice at nine o'clock, the aspect ratio of a
 box that is no longer square, and where the middle sits once the bottom of
 the circle is not drawn. */
   sweep?: (HelixHeadlessDonutChart["sweep"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessDonutChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessDonutChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessDonutChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessDonutChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessDonutChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -12544,6 +12575,15 @@ frame, and the summary, the keys and the readout are then the whole of
 what a screen reader is given. Set a new object to redraw: the chart
 does not look inside the one it has. */
   data?: (HelixHeadlessDonutChart["data"]) | undefined;
+
+  /** The slice shown moved, or was put away: `index` is the slice's row, or `-1` for none, with its `label` and the `pointerType` that moved it. */
+  "onhelix-reading-change"?: ((
+    e: HelixHeadlessDonutChartHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "onhelix-reading-press"?: ((
+    e: HelixHeadlessDonutChartHelixReadingPressElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessDonutChartSolidJsProps = {
@@ -12611,6 +12651,25 @@ rotation that puts the first slice at nine o'clock, the aspect ratio of a
 box that is no longer square, and where the middle sits once the bottom of
 the circle is not drawn. */
   "prop:sweep"?: (HelixHeadlessDonutChart["sweep"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessDonutChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessDonutChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessDonutChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessDonutChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessDonutChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -12670,6 +12729,14 @@ frame, and the summary, the keys and the readout are then the whole of
 what a screen reader is given. Set a new object to redraw: the chart
 does not look inside the one it has. */
   "prop:data"?: (HelixHeadlessDonutChart["data"]) | undefined;
+  /** The slice shown moved, or was put away: `index` is the slice's row, or `-1` for none, with its `label` and the `pointerType` that moved it. */
+  "on:helix-reading-change"?: ((
+    e: HelixHeadlessDonutChartHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "on:helix-reading-press"?: ((
+    e: HelixHeadlessDonutChartHelixReadingPressElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -14906,6 +14973,14 @@ own, since the fallback name is the same word. Empty leaves the role. */
   "selected-label"?: (HelixHeadlessGraph["selectedLabel"]) | undefined;
   /** How the selected note is described in the list. */
   selectedLabel?: (HelixHeadlessGraph["selectedLabel"]) | undefined;
+  /** What screen readers hear after a reader selects a note, in the list or in
+the drawing, with `{note}` for its name and `{count}` for how many notes
+the list then holds, written with `count-label`. */
+  "selection-label"?: (HelixHeadlessGraph["selectionLabel"]) | undefined;
+  /** What screen readers hear after a reader selects a note, in the list or in
+the drawing, with `{note}` for its name and `{count}` for how many notes
+the list then holds, written with `count-label`. */
+  selectionLabel?: (HelixHeadlessGraph["selectionLabel"]) | undefined;
   /** The hint shown when one finger swipes over the graph with `gestures="cooperative"`. */
   "two-finger-hint-label"?: (HelixHeadlessGraph["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the graph with `gestures="cooperative"`. */
@@ -15237,6 +15312,14 @@ own, since the fallback name is the same word. Empty leaves the role. */
   "attr:selected-label"?: (HelixHeadlessGraph["selectedLabel"]) | undefined;
   /** How the selected note is described in the list. */
   "prop:selectedLabel"?: (HelixHeadlessGraph["selectedLabel"]) | undefined;
+  /** What screen readers hear after a reader selects a note, in the list or in
+the drawing, with `{note}` for its name and `{count}` for how many notes
+the list then holds, written with `count-label`. */
+  "attr:selection-label"?: (HelixHeadlessGraph["selectionLabel"]) | undefined;
+  /** What screen readers hear after a reader selects a note, in the list or in
+the drawing, with `{note}` for its name and `{count}` for how many notes
+the list then holds, written with `count-label`. */
+  "prop:selectionLabel"?: (HelixHeadlessGraph["selectionLabel"]) | undefined;
   /** The hint shown when one finger swipes over the graph with `gestures="cooperative"`. */
   "attr:two-finger-hint-label"?: (HelixHeadlessGraph["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the graph with `gestures="cooperative"`. */
@@ -15609,8 +15692,9 @@ no order in it. */
   /** The name the `overview` gives the total of the readings drawn,
 `{totalLabel}` in `overview-label`. */
   totalLabel?: (HelixHeadlessHeatmap["totalLabel"]) | undefined;
-  /** The selected cells, by the names their rows have in the table, such as
-`2026-06-11`, separated by commas.
+  /** The selected cells, separated by commas: each by the date its row's
+header carries in a `<time datetime>`, such as `2026-06-11`, or by the
+header's words where it carries none.
 
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
@@ -15815,8 +15899,9 @@ no order in it. */
   /** The name the `overview` gives the total of the readings drawn,
 `{totalLabel}` in `overview-label`. */
   "prop:totalLabel"?: (HelixHeadlessHeatmap["totalLabel"]) | undefined;
-  /** The selected cells, by the names their rows have in the table, such as
-`2026-06-11`, separated by commas.
+  /** The selected cells, separated by commas: each by the date its row's
+header carries in a `<time datetime>`, such as `2026-06-11`, or by the
+header's words where it carries none.
 
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
@@ -19288,6 +19373,10 @@ loader is on the page.
 Names an element in the same tree. In React it arrives as a property, the
 way `Tooltip.for` does. */
   for?: (HelixHeadlessLoader["for"]) | undefined;
+  /** Whether no work is in progress. The loader draws nothing of its own, has
+no role, and marks no region busy, and what is in the `content` slot
+shows. Clearing it starts `delay` again. */
+  idle?: (HelixHeadlessLoader["idle"]) | undefined;
   /** The loader's name, announced by screen readers while the work is in
 progress. */
   label?: (HelixHeadlessLoader["label"]) | undefined;
@@ -19306,6 +19395,10 @@ loader is on the page.
 Names an element in the same tree. In React it arrives as a property, the
 way `Tooltip.for` does. */
   "prop:for"?: (HelixHeadlessLoader["for"]) | undefined;
+  /** Whether no work is in progress. The loader draws nothing of its own, has
+no role, and marks no region busy, and what is in the `content` slot
+shows. Clearing it starts `delay` again. */
+  "prop:idle"?: (HelixHeadlessLoader["idle"]) | undefined;
   /** The loader's name, announced by screen readers while the work is in
 progress. */
   "prop:label"?: (HelixHeadlessLoader["label"]) | undefined;
@@ -27790,6 +27883,18 @@ cannot be written in an attribute. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessSparkline` component event */
+export type HelixHeadlessSparklineElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessSparkline,
+  E
+>;
+/** `helix-reading-change` event type */
+export type HelixHeadlessSparklineHelixReadingChangeElementEvent =
+  HelixHeadlessSparklineElementEvent<HelixReadingChangeEvent>;
+/** `helix-reading-press` event type */
+export type HelixHeadlessSparklineHelixReadingPressElementEvent =
+  HelixHeadlessSparklineElementEvent<HelixReadingPressEvent>;
+
 export type HelixHeadlessSparklineProps = {
   /** How the line is drawn from one reading to the next.
 
@@ -27915,6 +28020,15 @@ with `values={[1240, 1318]}`. The attribute is the form to prefer, because
 a string is what survives React's hydration where an array property does
 not. */
   values?: (HelixHeadlessSparkline["values"]) | undefined;
+
+  /** The reading shown moved, or was put away: `index` is the reading, or `-1` for none, with its row's `label` from a table and the `pointerType` that moved it. */
+  "onhelix-reading-change"?: ((
+    e: HelixHeadlessSparklineHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "onhelix-reading-press"?: ((
+    e: HelixHeadlessSparklineHelixReadingPressElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessSparklineSolidJsProps = {
@@ -28042,6 +28156,14 @@ with `values={[1240, 1318]}`. The attribute is the form to prefer, because
 a string is what survives React's hydration where an array property does
 not. */
   "prop:values"?: (HelixHeadlessSparkline["values"]) | undefined;
+  /** The reading shown moved, or was put away: `index` is the reading, or `-1` for none, with its row's `label` from a table and the `pointerType` that moved it. */
+  "on:helix-reading-change"?: ((
+    e: HelixHeadlessSparklineHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "on:helix-reading-press"?: ((
+    e: HelixHeadlessSparklineHelixReadingPressElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -30757,8 +30879,9 @@ Absent selects nothing, and the tags carry no selected state at all. */
 
 Absent selects nothing, and the tags carry no selected state at all. */
   selectionMode?: (HelixHeadlessTagGroup["selectionMode"]) | undefined;
-  /** The selected tags' values, separated by commas, since a value may hold a
-space.
+  /** The selected tags' values, separated by commas with no space, as Toggle
+Group and Table write theirs, since a value may hold a space. A value
+written with a space after each comma is read the same way.
 
 Set it to start with tags selected. A tag's value is its `value`, or its
 words where it has none. */
@@ -30816,8 +30939,9 @@ Absent selects nothing, and the tags carry no selected state at all. */
 
 Absent selects nothing, and the tags carry no selected state at all. */
   "prop:selectionMode"?: (HelixHeadlessTagGroup["selectionMode"]) | undefined;
-  /** The selected tags' values, separated by commas, since a value may hold a
-space.
+  /** The selected tags' values, separated by commas with no space, as Toggle
+Group and Table write theirs, since a value may hold a space. A value
+written with a space after each comma is read the same way.
 
 Set it to start with tags selected. A tag's value is its `value`, or its
 words where it has none. */
@@ -31543,10 +31667,22 @@ never something this element would refuse to read back. */
   /** The message shown when `disable-times` bars a time. */
   unavailableMessage?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   "unreadable-message"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   unreadableMessage?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** Whether the panel shows one list of times or a column for each part of the
 time.
@@ -31939,10 +32075,22 @@ never something this element would refuse to read back. */
   /** The message shown when `disable-times` bars a time. */
   "prop:unavailableMessage"?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   "attr:unreadable-message"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   "prop:unreadableMessage"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** Whether the panel shows one list of times or a column for each part of the
 time.
@@ -37608,6 +37756,18 @@ export type CustomElements = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -37688,12 +37848,6 @@ export type CustomElements = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -37732,21 +37886,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -37792,8 +37931,6 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -37846,9 +37983,10 @@ export type CustomElements = {
    * - `live`: The readout: a polite live region that says the reading the keys moved to. Hide it visually.
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
    * - `svg`: The drawing surface the bands sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: One number on the axis, placed with `inset-block-start` at its level.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
@@ -37871,6 +38009,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-area-chart": Partial<
@@ -38065,7 +38206,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: Shown when there is no usable image, in place of the initials.
+   * - `(default)`: Shown when there is no usable image, in place of the initials. Hidden from assistive technology when the avatar has a `name`, which the host announces.
    *
    * ## CSS Parts
    *
@@ -38251,6 +38392,19 @@ export type CustomElements = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Down, Up under `orientation="horizontal"` | Moves to the next or the previous reading, and Right and Left move among the series. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -38390,12 +38544,6 @@ export type CustomElements = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -38434,21 +38582,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -38494,8 +38627,6 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -38554,9 +38685,10 @@ export type CustomElements = {
    * - `live`: The readout: a polite live region that says the reading the keys moved to. Hide it visually.
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The chart's name and each series' highest reading, written as a sentence for screen readers. Hide it visually.
    * - `svg`: The drawing surface the bars and lines sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: One number on an axis.
    * - `tooltip`: The tooltip bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
@@ -38579,6 +38711,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-bar-chart": Partial<
@@ -39738,7 +39873,11 @@ export type CustomElements = {
    * double click zooms out.
    *
    * Keyboard behavior:
-   * - One card holds the board's tab stop.
+   * - One card holds the board's tab stop, and the board itself leaves the tab
+   *   order while a card can hold it. Escape on a card goes back out to the
+   *   board, where the arrow keys pan it.
+   * - Plus and minus zoom the board, on the board and on a card or a
+   *   connection.
    * - The arrow keys move through the cards in reading order. The card you land
    *   on scrolls into view, and its connections are announced with it.
    * - The card you land on is selected. Control or Command with an arrow key,
@@ -40759,7 +40898,7 @@ export type CustomElements = {
    *
    * - `helix-send`: Fired when the user sends their turn, and cancelable.
    * - `helix-typing`: The user started or stopped writing, with `typing` saying which, as the composer's `typing` does.
-   * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Sent on the composer and does not bubble.
+   * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is.
    *
    * ## Slots
    *
@@ -40819,6 +40958,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -41428,6 +41569,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -41687,6 +41830,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -42382,6 +42527,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -42795,6 +42942,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -43233,6 +43382,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -43709,7 +43860,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -44715,6 +44867,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -45142,6 +45296,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -45683,6 +45839,27 @@ export type CustomElements = {
    * follows, the `live` part says the slice in words, and Escape puts the
    * tooltip away.
    *
+   * **A tap shows the slice under it**, and keeps it until a tap lands
+   * elsewhere. `helix-reading-change` says each move of the slice shown, by
+   * pointer, tap or key, and `helix-reading-press` says a slice was clicked,
+   * tapped, or pressed with Enter or Space, for a page that opens what a slice
+   * stands for. `index` is the slice's row in the table.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place.
+   *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first slice. |
+   * | Any arrow | Right and Down move to the next slice, Left and Up to the previous. On a right-to-left page, Left moves to the next. |
+   * | Home, End | Moves to the first or the last slice. |
+   * | Enter, Space | Presses the slice shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the slice and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -45740,6 +45917,16 @@ export type CustomElements = {
    * rotation that puts the first slice at nine o'clock, the aspect ratio of a
    * box that is no longer square, and where the middle sits once the bottom of
    * the circle is not drawn.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -45768,12 +45955,6 @@ export type CustomElements = {
    *
    * The mixin counts the table's rows, and a row with no amount draws no
    * slice, so a key stepping by rows would land on a slice that is not there. (property only) (readonly)
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -45812,21 +45993,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -45853,11 +46019,20 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-reading-change`: The slice shown moved, or was put away: `index` is the slice's row, or `-1` for none, with its `label` and the `pointerType` that moved it.
+   * - `helix-reading-press`: A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: Content in the middle of the ring, usually a total. It is read by screen readers, while the ring itself is hidden from them.
+   * - `empty`: Content shown in place of the ring when the table has no readings. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the ring while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    *
    * ## Methods
    *
@@ -45868,8 +46043,6 @@ export type CustomElements = {
    * no series the keys could move to.
    * - `showsReading(at: number) => boolean`: Whether the slice at this place is drawn, which a slice a legend hid is
    * not. The keys pass over it, as the ring closes over it.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
    * reading the same table hid it.
    *
@@ -45898,14 +46071,17 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `center`: The middle of the ring, holding whatever is slotted.
+   * - `empty`: The words in place of the ring when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.
    * - `live`: The readout: a polite live region that says the slice the keys moved to. Hide it visually.
+   * - `loading`: The words in place of the ring while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `segment`: One slice.
    * - `segment-active`: The slice under the pointer. Set alongside `segment`.
    * - `segment-edge`: One slice as a closed shape, used to draw its outline.
    * - `slice-label`: One slice's share, written on the slice under `slice-labels`. Placed with `left` and `top`, or `inset-inline-start` and `top` on a half ring, and carries its series color as `--chart-series`.
    * - `summary`: The chart's name and each slice's share, written as a sentence for screen readers. Hide it visually.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -45928,6 +46104,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a slice is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in place of the ring.
+   * - `loading`: While the `loading` part stands in place of the ring.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-donut-chart": Partial<
@@ -46783,8 +46962,9 @@ export type CustomElements = {
    *
    * Not through `commit`, and that is the point of the split: a reset is the
    * form's decision and there is nothing here for a listener to refuse. What it
-   * owes is the report and the platform's own announcement, which is what
-   * `settle` is.
+   * owes is the report to the form, and no `input` or `change`: a native file
+   * input sends neither on `form.reset()`, measured in Chromium, where this
+   * sent both.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -46824,6 +47004,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -47783,6 +47965,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -48029,7 +48213,9 @@ export type CustomElements = {
    *
    * Set `legend` to name the groups over the drawing, each a button that shows
    * or hides its notes. `hiddenGroups` holds the groups turned off, and the
-   * list holds only what the drawing shows.
+   * list holds only what the drawing shows. The legend is a toolbar and one tab
+   * stop: the arrow keys, Home, End and a group's first letters move between
+   * its buttons, and Space or Enter presses one.
    *
    * `nodes` and `links` are properties, never markup: a graph of ten thousand
    * notes as ten thousand elements would cost what the renderer exists to save.
@@ -48079,6 +48265,9 @@ export type CustomElements = {
    * own, since the fallback name is the same word. Empty leaves the role.
    * - `search-label`/`searchLabel`: The search field's name.
    * - `selected-label`/`selectedLabel`: How the selected note is described in the list.
+   * - `selection-label`/`selectionLabel`: What screen readers hear after a reader selects a note, in the list or in
+   * the drawing, with `{note}` for its name and `{count}` for how many notes
+   * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
@@ -48267,18 +48456,10 @@ export type CustomElements = {
    * **Said once the drawing has moved, and only then.** The frame asks and
    * the renderer moves, so a frame with nothing to answer it says nothing: a
    * move said that never happened is worse than silence.
+   * - `requestActive(next: string, cause?: string) => boolean`: Asks for a note to be selected, and remembers the ask, so the selection is said once it lands.
    * - `pan(to: ViewportWay) => void`: Pans the view one step in a direction.
    * - `zoom(by: number) => void`: Zooms the view one step: `1` zooms in and `-1` zooms out.
    * - `toggleFullscreen() => void`: Turns fullscreen on or off.
-   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
-   * a refusal and nothing moves. Unlike a native control, nothing has moved
-   * by the time this runs, so refusing is simply not writing: there is
-   * nothing to put back. Nobody refusing means the set updates itself,
-   * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction. `cause` says why, where the family names its
-   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -48297,7 +48478,7 @@ export type CustomElements = {
    * - `gesture-hint`: Words over the graph for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a graph with `gestures="activate"` has the gestures.
    * - `header`: The strip above the graph.
-   * - `legend`: The groups over the drawing, with `legend`, each a button that shows or hides its notes.
+   * - `legend`: The groups over the drawing, with `legend`: a toolbar of buttons, each showing or hiding its notes, which is one tab stop.
    * - `legend-item`: One group in the legend, pressed while its notes are shown. Carries `data-tone` where every note in the group has the same tone, which colors the notes over the group's own color.
    * - `legend-item-hidden`: A group in the legend whose notes are hidden.
    * - `legend-swatch`: The mark in a group's color, before its name.
@@ -48383,11 +48564,25 @@ export type CustomElements = {
    * `multiple` any number. Space, Enter or a press selects the cell the keys or
    * the pointer rest on, or lets it go, and under `multiple` Shift with an arrow,
    * Home, End, PageUp or PageDown takes in every cell from the last one pressed
-   * to where the key went. `value` holds the selected days, by the names their
-   * rows have in the table, separated by commas. A change asks with
+   * to where the key went. `value` holds the selected days, separated by
+   * commas: each by its row's `<time datetime>`, such as `2026-06-11`, or by
+   * its row's name where the row carries no date. A change asks with
    * `helix-before-change` and tells with `change`, and the `selection` part says
    * how many are selected, in `selection-label`.
    *
+   * **Keyboard.** The strip is one tab stop once it has cells.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the strip and shows the first cell. |
+   * | Down, Up | Moves to the next or the previous cell. |
+   * | Right, Left | Moves a column on or back, a week with `rows="7"`. On a right-to-left page, Left moves on. |
+   * | Home, End | Moves to the first or the last cell. |
+   * | Page Down, Page Up | Moves a month on or back where the rows carry dates, and four columns otherwise. |
+   * | Enter, Space | Selects the cell, or lets it go, under `selection-mode`. |
+   * | Shift with an arrow, Home, End, Page Up or Page Down | Selects every cell from the last one pressed to where the key went, under `selection-mode="multiple"`. |
+   * | Escape | Puts the cell's tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -48458,8 +48653,9 @@ export type CustomElements = {
    * no order in it.
    * - `total-label`/`totalLabel`: The name the `overview` gives the total of the readings drawn,
    * `{totalLabel}` in `overview-label`.
-   * - `value`: The selected cells, by the names their rows have in the table, such as
-   * `2026-06-11`, separated by commas.
+   * - `value`: The selected cells, separated by commas: each by the date its row's
+   * header carries in a `<time datetime>`, such as `2026-06-11`, or by the
+   * header's words where it carries none.
    *
    * Set it to start with cells selected. Written by a press or a key under
    * `selection-mode`.
@@ -48505,12 +48701,6 @@ export type CustomElements = {
    *
    * The mixin counts the table's rows, and a strip too narrow for all of them
    * draws the newest, so a key stepping by rows would walk off the drawing. (property only) (readonly)
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -48549,21 +48739,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -48613,8 +48788,6 @@ export type CustomElements = {
    * - `pageFrom(at: number, forward: boolean) => number | undefined`: Where PageUp or PageDown goes from the drawn cell at `at`: the same day a
    * month on or back, by the dates the rows' headers carry. Undefined where
    * they carry none, and the keys move four columns.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -48681,6 +48854,7 @@ export type CustomElements = {
    * - `start`: The leading slot's box.
    * - `strip`: The grid of cells, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `summary`: The middle slot's box.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -48702,6 +48876,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-heatmap": Partial<
@@ -48908,7 +49084,8 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -49569,6 +49746,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -50233,6 +50412,18 @@ export type CustomElements = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -50377,12 +50568,6 @@ export type CustomElements = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -50421,21 +50606,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -50481,8 +50651,6 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -50541,9 +50709,10 @@ export type CustomElements = {
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `marker`: The mark on one reading, under `markers`, and on a reading with a blank on either side. Placed with `inset-inline-start` and `inset-block-start`, and carries its series color as `--chart-series`.
    * - `marker-lone`: A `marker` on a reading with a blank on either side, which no line reaches. Set alongside `marker`.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
    * - `svg`: The drawing surface the lines and areas sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `terminus`: The mark on one series' last reading.
    * - `tick`: One number on the axis, placed with `inset-block-start` at its level.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
@@ -50567,6 +50736,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-line-chart": Partial<
@@ -51363,6 +51535,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -51427,6 +51601,13 @@ export type CustomElements = {
    * hidden, and silent, for that many milliseconds, and appears only if the work
    * is still going. While it waits it carries `:state(waiting)`.
    *
+   * **The loader can stand in for what it wraps.** Put the content in the
+   * `content` slot, such as a button or a card, and set `idle` while no work is
+   * in progress. While the work runs, the content keeps its size and is hidden
+   * and inert, and the ring draws over it. While `idle` is set, the loader draws
+   * nothing of its own, has no role, and marks no region busy, so only the
+   * content shows. Clearing `idle` starts `delay` again.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -51441,6 +51622,9 @@ export type CustomElements = {
    *
    * Names an element in the same tree. In React it arrives as a property, the
    * way `Tooltip.for` does.
+   * - `idle`: Whether no work is in progress. The loader draws nothing of its own, has
+   * no role, and marks no region busy, and what is in the `content` slot
+   * shows. Clearing it starts `delay` again.
    * - `label`: The loader's name, announced by screen readers while the work is in
    * progress.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -51469,11 +51653,13 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: An icon or logo that stays still at the center. Empty by default.
+   * - `content`: What the loader stands in for while the work runs, such as a button. It keeps its size, hidden and inert, until `idle` is set.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `content`: The box that holds the `content` slot. Hidden while the work runs, and shown while `idle` is set.
    * - `indicator`: The arc that turns.
    * - `mark`: The region that holds the slotted content at the center.
    * - `svg`: The rotating circle pair.
@@ -54459,6 +54645,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -55632,6 +55820,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -56012,6 +56202,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -56867,6 +57059,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -57051,7 +57245,8 @@ export type CustomElements = {
    *
    * Left and Right swap on a right-to-left page. The marks are a `radiogroup`
    * named by `label`, and each score is a `radio` named by `option-label`, such
-   * as "3 out of 5". A read-only rating is one `img` named by its score.
+   * as "3 out of 5". A read-only rating is one `img` named by its label and
+   * then its score, such as "Quality 3 out of 5".
    *
    * ## Attributes & Properties
    *
@@ -57300,6 +57495,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -57359,10 +57556,10 @@ export type CustomElements = {
    * readers.
    *
    * **The plot is read by key.** It takes focus, named by `label` or the caption.
-   * The left and right arrows move from row to row in the table's order, Home
-   * and End go to the first and the last, and the up and down arrows move among
-   * the series of a row. The tooltip sits on that point, the `live` part says the
-   * row in words, and Escape puts the tooltip away.
+   * The left and right arrows move from point to point, left to right across
+   * the plot, Home and End go to the first and the last, and the up and down
+   * arrows move among the series of a row. The tooltip sits on that point, the
+   * `live` part says the row in words, and Escape puts the tooltip away.
    *
    * Each point is a `<span>` placed by percentage over the drawing, as
    * `LineChart` places its end points, so points stay round when the drawing
@@ -57389,6 +57586,18 @@ export type CustomElements = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous point, left to right across the plot. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the point. With one series, moves to the next or the previous point. |
+   * | Home, End | Moves to the first or the last point. |
+   * | Page Down, Page Up | Moves a tenth of the points on or back. |
+   * | Enter, Space | Presses the point shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the point and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -57458,12 +57667,6 @@ export type CustomElements = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -57502,21 +57705,6 @@ export type CustomElements = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -57575,8 +57763,6 @@ export type CustomElements = {
    * The across gets no dot at all rather than a shifted one. It is an axis and
    * not a series: it has a scale under the plot with its name at the end of it,
    * which is where a reader is told what it is.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
    * reading the same table hid it.
    *
@@ -57613,11 +57799,12 @@ export type CustomElements = {
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `plane`: The grid that holds the plot, both axes, and their names. It runs left to right on every page.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `point`: One row, as a point.
    * - `point-active`: A point in the row under the pointer. Set alongside `point`.
    * - `summary`: The text that says how strongly the measures relate, for people who cannot see the points.
    * - `svg`: The drawing surface the gridlines and the trend lines sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -57637,7 +57824,7 @@ export type CustomElements = {
    * - `trend`: One series' line of best fit, under `trend`. Carries its series color as `--chart-series`.
    * - `x-axis`: The values along the horizontal axis, under the plot.
    * - `x-name`: The name of the horizontal measure.
-   * - `x-tick`: One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on.
+   * - `x-tick`: One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on. The one at the far edge carries `data-edge="end"`.
    * - `y-axis`: The values along the vertical axis, beside the plot.
    * - `y-name`: The name of the vertical measure.
    * - `y-tick`: One labeled value on the vertical axis.
@@ -57646,6 +57833,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-scatter-chart": Partial<
@@ -57807,7 +57997,9 @@ export type CustomElements = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them. For a list too long to draw
+   * so the listbox looks through slots to find them. Write them as `Option`,
+   * group them in `Option.Group`, and divide them with `Option.Separator`.
+   * Importing Select registers all three in the same tier. For a list too long to draw
    * whole, set `items` instead: the list draws only the options in sight, as
    * Listbox's `items` does, and the trigger, its keys and the form read the
    * whole set.
@@ -58118,6 +58310,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -58637,6 +58831,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -58700,6 +58896,10 @@ export type CustomElements = {
    * the lowest, in `overview-label`: "From 12 to 20, highest 30, lowest 8". An
    * `aria-label` on the element names it as `label` does.
    *
+   * `helix-reading-change` says each move of the reading, by pointer, tap or
+   * key, and `helix-reading-press` says a reading was clicked, tapped, or pressed
+   * with Enter or Space, as on every chart.
+   *
    * A pointer resting on the drawing shows the reading under it: the `cursor`
    * part marks it and the `readout` part writes it. `marks` adds a mark on the
    * highest and the lowest reading, and `range` draws a band between two values,
@@ -58714,6 +58914,17 @@ export type CustomElements = {
    * the component computes and CSS cannot, so a stylesheet can draw the sparkline
    * without measuring anything.
    *
+   * **Keyboard.** A sparkline with a `label` is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the drawing and shows the first reading, where there is a `label`. |
+   * | Any arrow | Right and Down move to the next reading, Left and Up to the previous. On a right-to-left page, Left moves to the next. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -58818,8 +59029,6 @@ export type CustomElements = {
    * with `values={[1240, 1318]}`. The attribute is the form to prefer, because
    * a string is what survives React's hydration where an array property does
    * not.
-   * - `pointer`: Finds the reading a pointer or a key rests on, as it does for every
-   * chart, so a sparkline is read the way they are. (property only) (readonly)
    * - `named`: The drawing's name: an `aria-label` written on the sparkline, then `label`. (property only) (readonly)
    * - `readings`: How many readings there are, which the pointer and the keys walk. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -58843,11 +59052,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
-   * ## Methods
+   * ## Events
    *
-   * Methods that can be called to access component functionality.
+   * Events that will be emitted by the component.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes; a new `aria-label` renames the drawing.
+   * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the reading, or `-1` for none, with its row's `label` from a table and the `pointerType` that moved it.
+   * - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
    *
    * ## CSS Custom Properties
    *
@@ -60174,6 +60384,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -61440,8 +61652,9 @@ export type CustomElements = {
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
-   * - `value`: The selected tags' values, separated by commas, since a value may hold a
-   * space.
+   * - `value`: The selected tags' values, separated by commas with no space, as Toggle
+   * Group and Table write theirs, since a value may hold a space. A value
+   * written with a space after each comma is read the same way.
    *
    * Set it to start with tags selected. A tag's value is its `value`, or its
    * words where it has none.
@@ -61899,6 +62112,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -62039,7 +62254,13 @@ export type CustomElements = {
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the list, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-times` bars a time.
    * - `unreadable-message`/`unreadableMessage`: The message for text that is no time, where `bad-input-message` is not
-   * set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+   * set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+   * written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+   * `de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+   *
+   * **The default names a time the field reads back.** It said "Enter a time
+   * as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+   * is words for a developer.
    * - `variant`: Whether the panel shows one list of times or a column for each part of the
    * time.
    *
@@ -62294,6 +62515,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -62777,6 +63000,8 @@ export type CustomElements = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -63667,6 +63892,8 @@ export type CustomElements = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -64562,9 +64789,9 @@ export type CustomElements = {
    * Each item is an element because it holds state: whether it is open, selected,
    * and focused.
    *
-   * An item is a branch when something is slotted into `children`. This is
-   * detected on the client, so server-rendered markup shows a leaf and the twisty
-   * appears on hydration.
+   * An item is a branch when an item is slotted into `children`, with
+   * `slot="children"` on each nested item. This is detected on the client, so
+   * server-rendered markup shows a leaf and the twisty appears on hydration.
    *
    * **`href` makes the whole row a link**, rendered as an `<a>`. Enter, middle
    * click, and the status bar then work anywhere on the row.
@@ -64686,7 +64913,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The item's label.
+   * - `(default)`: The item's label. A nested item does not go here: give it `slot="children"`. In a development build, an item nested here is reported.
    * - `chevron`: Replaces the expand and collapse mark of a branch, such as with your own icon.
    * - `children`: Nested items, which make this a branch.
    * - `end`: Content after the label, at the far side of the row, such as a count or a state.
@@ -66958,6 +67185,18 @@ export type CustomElementsSolidJs = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -67038,12 +67277,6 @@ export type CustomElementsSolidJs = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -67082,21 +67315,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -67142,8 +67360,6 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -67196,9 +67412,10 @@ export type CustomElementsSolidJs = {
    * - `live`: The readout: a polite live region that says the reading the keys moved to. Hide it visually.
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
    * - `svg`: The drawing surface the bands sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: One number on the axis, placed with `inset-block-start` at its level.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
@@ -67221,6 +67438,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-area-chart": Partial<
@@ -67419,7 +67639,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: Shown when there is no usable image, in place of the initials.
+   * - `(default)`: Shown when there is no usable image, in place of the initials. Hidden from assistive technology when the avatar has a `name`, which the host announces.
    *
    * ## CSS Parts
    *
@@ -67611,6 +67831,19 @@ export type CustomElementsSolidJs = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Down, Up under `orientation="horizontal"` | Moves to the next or the previous reading, and Right and Left move among the series. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -67750,12 +67983,6 @@ export type CustomElementsSolidJs = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -67794,21 +68021,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -67854,8 +68066,6 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -67914,9 +68124,10 @@ export type CustomElementsSolidJs = {
    * - `live`: The readout: a polite live region that says the reading the keys moved to. Hide it visually.
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The chart's name and each series' highest reading, written as a sentence for screen readers. Hide it visually.
    * - `svg`: The drawing surface the bars and lines sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: One number on an axis.
    * - `tooltip`: The tooltip bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
@@ -67939,6 +68150,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-bar-chart": Partial<
@@ -69113,7 +69327,11 @@ export type CustomElementsSolidJs = {
    * double click zooms out.
    *
    * Keyboard behavior:
-   * - One card holds the board's tab stop.
+   * - One card holds the board's tab stop, and the board itself leaves the tab
+   *   order while a card can hold it. Escape on a card goes back out to the
+   *   board, where the arrow keys pan it.
+   * - Plus and minus zoom the board, on the board and on a card or a
+   *   connection.
    * - The arrow keys move through the cards in reading order. The card you land
    *   on scrolls into view, and its connections are announced with it.
    * - The card you land on is selected. Control or Command with an arrow key,
@@ -70143,7 +70361,7 @@ export type CustomElementsSolidJs = {
    *
    * - `helix-send`: Fired when the user sends their turn, and cancelable.
    * - `helix-typing`: The user started or stopped writing, with `typing` saying which, as the composer's `typing` does.
-   * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Sent on the composer and does not bubble.
+   * - `input`: The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is.
    *
    * ## Slots
    *
@@ -70203,6 +70421,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -70817,6 +71037,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -71077,6 +71299,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -71781,6 +72005,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -72195,6 +72421,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -72634,6 +72862,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -73116,7 +73346,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -74126,6 +74357,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -74556,6 +74789,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -75106,6 +75341,27 @@ export type CustomElementsSolidJs = {
    * follows, the `live` part says the slice in words, and Escape puts the
    * tooltip away.
    *
+   * **A tap shows the slice under it**, and keeps it until a tap lands
+   * elsewhere. `helix-reading-change` says each move of the slice shown, by
+   * pointer, tap or key, and `helix-reading-press` says a slice was clicked,
+   * tapped, or pressed with Enter or Space, for a page that opens what a slice
+   * stands for. `index` is the slice's row in the table.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place.
+   *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first slice. |
+   * | Any arrow | Right and Down move to the next slice, Left and Up to the previous. On a right-to-left page, Left moves to the next. |
+   * | Home, End | Moves to the first or the last slice. |
+   * | Enter, Space | Presses the slice shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the slice and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -75163,6 +75419,16 @@ export type CustomElementsSolidJs = {
    * rotation that puts the first slice at nine o'clock, the aspect ratio of a
    * box that is no longer square, and where the middle sits once the bottom of
    * the circle is not drawn.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -75191,12 +75457,6 @@ export type CustomElementsSolidJs = {
    *
    * The mixin counts the table's rows, and a row with no amount draws no
    * slice, so a key stepping by rows would land on a slice that is not there. (property only) (readonly)
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -75235,21 +75495,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -75276,11 +75521,20 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-reading-change`: The slice shown moved, or was put away: `index` is the slice's row, or `-1` for none, with its `label` and the `pointerType` that moved it.
+   * - `helix-reading-press`: A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: Content in the middle of the ring, usually a total. It is read by screen readers, while the ring itself is hidden from them.
+   * - `empty`: Content shown in place of the ring when the table has no readings. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the ring while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    *
    * ## Methods
    *
@@ -75291,8 +75545,6 @@ export type CustomElementsSolidJs = {
    * no series the keys could move to.
    * - `showsReading(at: number) => boolean`: Whether the slice at this place is drawn, which a slice a legend hid is
    * not. The keys pass over it, as the ring closes over it.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
    * reading the same table hid it.
    *
@@ -75321,14 +75573,17 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `center`: The middle of the ring, holding whatever is slotted.
+   * - `empty`: The words in place of the ring when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.
    * - `live`: The readout: a polite live region that says the slice the keys moved to. Hide it visually.
+   * - `loading`: The words in place of the ring while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `segment`: One slice.
    * - `segment-active`: The slice under the pointer. Set alongside `segment`.
    * - `segment-edge`: One slice as a closed shape, used to draw its outline.
    * - `slice-label`: One slice's share, written on the slice under `slice-labels`. Placed with `left` and `top`, or `inset-inline-start` and `top` on a half ring, and carries its series color as `--chart-series`.
    * - `summary`: The chart's name and each slice's share, written as a sentence for screen readers. Hide it visually.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -75351,6 +75606,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a slice is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in place of the ring.
+   * - `loading`: While the `loading` part stands in place of the ring.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-donut-chart": Partial<
@@ -76217,8 +76475,9 @@ export type CustomElementsSolidJs = {
    *
    * Not through `commit`, and that is the point of the split: a reset is the
    * form's decision and there is nothing here for a listener to refuse. What it
-   * owes is the report and the platform's own announcement, which is what
-   * `settle` is.
+   * owes is the report to the form, and no `input` or `change`: a native file
+   * input sends neither on `form.reset()`, measured in Chromium, where this
+   * sent both.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -76258,6 +76517,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -77224,6 +77485,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -77472,7 +77735,9 @@ export type CustomElementsSolidJs = {
    *
    * Set `legend` to name the groups over the drawing, each a button that shows
    * or hides its notes. `hiddenGroups` holds the groups turned off, and the
-   * list holds only what the drawing shows.
+   * list holds only what the drawing shows. The legend is a toolbar and one tab
+   * stop: the arrow keys, Home, End and a group's first letters move between
+   * its buttons, and Space or Enter presses one.
    *
    * `nodes` and `links` are properties, never markup: a graph of ten thousand
    * notes as ten thousand elements would cost what the renderer exists to save.
@@ -77522,6 +77787,9 @@ export type CustomElementsSolidJs = {
    * own, since the fallback name is the same word. Empty leaves the role.
    * - `search-label`/`searchLabel`: The search field's name.
    * - `selected-label`/`selectedLabel`: How the selected note is described in the list.
+   * - `selection-label`/`selectionLabel`: What screen readers hear after a reader selects a note, in the list or in
+   * the drawing, with `{note}` for its name and `{count}` for how many notes
+   * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
@@ -77710,18 +77978,10 @@ export type CustomElementsSolidJs = {
    * **Said once the drawing has moved, and only then.** The frame asks and
    * the renderer moves, so a frame with nothing to answer it says nothing: a
    * move said that never happened is worse than silence.
+   * - `requestActive(next: string, cause?: string) => boolean`: Asks for a note to be selected, and remembers the ask, so the selection is said once it lands.
    * - `pan(to: ViewportWay) => void`: Pans the view one step in a direction.
    * - `zoom(by: number) => void`: Zooms the view one step: `1` zooms in and `-1` zooms out.
    * - `toggleFullscreen() => void`: Turns fullscreen on or off.
-   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
-   * a refusal and nothing moves. Unlike a native control, nothing has moved
-   * by the time this runs, so refusing is simply not writing: there is
-   * nothing to put back. Nobody refusing means the set updates itself,
-   * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction. `cause` says why, where the family names its
-   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -77740,7 +78000,7 @@ export type CustomElementsSolidJs = {
    * - `gesture-hint`: Words over the graph for a moment when it lets a gesture pass to the page, such as how to zoom it.
    * - `gesture-status`: The line shown while a graph with `gestures="activate"` has the gestures.
    * - `header`: The strip above the graph.
-   * - `legend`: The groups over the drawing, with `legend`, each a button that shows or hides its notes.
+   * - `legend`: The groups over the drawing, with `legend`: a toolbar of buttons, each showing or hiding its notes, which is one tab stop.
    * - `legend-item`: One group in the legend, pressed while its notes are shown. Carries `data-tone` where every note in the group has the same tone, which colors the notes over the group's own color.
    * - `legend-item-hidden`: A group in the legend whose notes are hidden.
    * - `legend-swatch`: The mark in a group's color, before its name.
@@ -77829,11 +78089,25 @@ export type CustomElementsSolidJs = {
    * `multiple` any number. Space, Enter or a press selects the cell the keys or
    * the pointer rest on, or lets it go, and under `multiple` Shift with an arrow,
    * Home, End, PageUp or PageDown takes in every cell from the last one pressed
-   * to where the key went. `value` holds the selected days, by the names their
-   * rows have in the table, separated by commas. A change asks with
+   * to where the key went. `value` holds the selected days, separated by
+   * commas: each by its row's `<time datetime>`, such as `2026-06-11`, or by
+   * its row's name where the row carries no date. A change asks with
    * `helix-before-change` and tells with `change`, and the `selection` part says
    * how many are selected, in `selection-label`.
    *
+   * **Keyboard.** The strip is one tab stop once it has cells.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the strip and shows the first cell. |
+   * | Down, Up | Moves to the next or the previous cell. |
+   * | Right, Left | Moves a column on or back, a week with `rows="7"`. On a right-to-left page, Left moves on. |
+   * | Home, End | Moves to the first or the last cell. |
+   * | Page Down, Page Up | Moves a month on or back where the rows carry dates, and four columns otherwise. |
+   * | Enter, Space | Selects the cell, or lets it go, under `selection-mode`. |
+   * | Shift with an arrow, Home, End, Page Up or Page Down | Selects every cell from the last one pressed to where the key went, under `selection-mode="multiple"`. |
+   * | Escape | Puts the cell's tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -77904,8 +78178,9 @@ export type CustomElementsSolidJs = {
    * no order in it.
    * - `total-label`/`totalLabel`: The name the `overview` gives the total of the readings drawn,
    * `{totalLabel}` in `overview-label`.
-   * - `value`: The selected cells, by the names their rows have in the table, such as
-   * `2026-06-11`, separated by commas.
+   * - `value`: The selected cells, separated by commas: each by the date its row's
+   * header carries in a `<time datetime>`, such as `2026-06-11`, or by the
+   * header's words where it carries none.
    *
    * Set it to start with cells selected. Written by a press or a key under
    * `selection-mode`.
@@ -77951,12 +78226,6 @@ export type CustomElementsSolidJs = {
    *
    * The mixin counts the table's rows, and a strip too narrow for all of them
    * draws the newest, so a key stepping by rows would walk off the drawing. (property only) (readonly)
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -77995,21 +78264,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -78059,8 +78313,6 @@ export type CustomElementsSolidJs = {
    * - `pageFrom(at: number, forward: boolean) => number | undefined`: Where PageUp or PageDown goes from the drawn cell at `at`: the same day a
    * month on or back, by the dates the rows' headers carry. Undefined where
    * they carry none, and the keys move four columns.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -78127,6 +78379,7 @@ export type CustomElementsSolidJs = {
    * - `start`: The leading slot's box.
    * - `strip`: The grid of cells, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `summary`: The middle slot's box.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -78148,6 +78401,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-heatmap": Partial<
@@ -78357,7 +78612,8 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
    * **The argument is the effective state, and taking it whole is what latched
@@ -79025,6 +79281,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -79702,6 +79960,18 @@ export type CustomElementsSolidJs = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -79846,12 +80116,6 @@ export type CustomElementsSolidJs = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -79890,21 +80154,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -79950,8 +80199,6 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `seriesOf(cell: number) => number | undefined`: The palette slot for the cell at this position in a row.
    *
    * **A cell's place in its row is not its series' depth, and the tooltip
@@ -80010,9 +80257,10 @@ export type CustomElementsSolidJs = {
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `marker`: The mark on one reading, under `markers`, and on a reading with a blank on either side. Placed with `inset-inline-start` and `inset-block-start`, and carries its series color as `--chart-series`.
    * - `marker-lone`: A `marker` on a reading with a blank on either side, which no line reaches. Set alongside `marker`.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
    * - `svg`: The drawing surface the lines and areas sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `terminus`: The mark on one series' last reading.
    * - `tick`: One number on the axis, placed with `inset-block-start` at its level.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
@@ -80036,6 +80284,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-line-chart": Partial<
@@ -80841,6 +81092,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -80908,6 +81161,13 @@ export type CustomElementsSolidJs = {
    * hidden, and silent, for that many milliseconds, and appears only if the work
    * is still going. While it waits it carries `:state(waiting)`.
    *
+   * **The loader can stand in for what it wraps.** Put the content in the
+   * `content` slot, such as a button or a card, and set `idle` while no work is
+   * in progress. While the work runs, the content keeps its size and is hidden
+   * and inert, and the ring draws over it. While `idle` is set, the loader draws
+   * nothing of its own, has no role, and marks no region busy, so only the
+   * content shows. Clearing `idle` starts `delay` again.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -80922,6 +81182,9 @@ export type CustomElementsSolidJs = {
    *
    * Names an element in the same tree. In React it arrives as a property, the
    * way `Tooltip.for` does.
+   * - `idle`: Whether no work is in progress. The loader draws nothing of its own, has
+   * no role, and marks no region busy, and what is in the `content` slot
+   * shows. Clearing it starts `delay` again.
    * - `label`: The loader's name, announced by screen readers while the work is in
    * progress.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -80950,11 +81213,13 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: An icon or logo that stays still at the center. Empty by default.
+   * - `content`: What the loader stands in for while the work runs, such as a button. It keeps its size, hidden and inert, until `idle` is set.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `content`: The box that holds the `content` slot. Hidden while the work runs, and shown while `idle` is set.
    * - `indicator`: The arc that turns.
    * - `mark`: The region that holds the slotted content at the center.
    * - `svg`: The rotating circle pair.
@@ -83983,6 +84248,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -85167,6 +85434,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -85549,6 +85818,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -86419,6 +86690,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -86607,7 +86880,8 @@ export type CustomElementsSolidJs = {
    *
    * Left and Right swap on a right-to-left page. The marks are a `radiogroup`
    * named by `label`, and each score is a `radio` named by `option-label`, such
-   * as "3 out of 5". A read-only rating is one `img` named by its score.
+   * as "3 out of 5". A read-only rating is one `img` named by its label and
+   * then its score, such as "Quality 3 out of 5".
    *
    * ## Attributes & Properties
    *
@@ -86856,6 +87130,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -86918,10 +87194,10 @@ export type CustomElementsSolidJs = {
    * readers.
    *
    * **The plot is read by key.** It takes focus, named by `label` or the caption.
-   * The left and right arrows move from row to row in the table's order, Home
-   * and End go to the first and the last, and the up and down arrows move among
-   * the series of a row. The tooltip sits on that point, the `live` part says the
-   * row in words, and Escape puts the tooltip away.
+   * The left and right arrows move from point to point, left to right across
+   * the plot, Home and End go to the first and the last, and the up and down
+   * arrows move among the series of a row. The tooltip sits on that point, the
+   * `live` part says the row in words, and Escape puts the tooltip away.
    *
    * Each point is a `<span>` placed by percentage over the drawing, as
    * `LineChart` places its end points, so points stay round when the drawing
@@ -86948,6 +87224,18 @@ export type CustomElementsSolidJs = {
    * there until readings arrive. The `empty` and `loading` slots take markup in
    * their place, such as a link to add the first reading.
    *
+   * **Keyboard.** The plot is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the plot and shows the first reading. |
+   * | Right, Left | Moves to the next or the previous point, left to right across the plot. On a right-to-left page, Left moves to the next. |
+   * | Down, Up | Moves among the series of the point. With one series, moves to the next or the previous point. |
+   * | Home, End | Moves to the first or the last point. |
+   * | Page Down, Page Up | Moves a tenth of the points on or back. |
+   * | Enter, Space | Presses the point shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the point and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -87017,12 +87305,6 @@ export type CustomElementsSolidJs = {
    * Set it to the words of the page's language, such as `{position} von
    * {count}`, or to nothing to say no position. A slice or a series a
    * legend hid is not counted.
-   * - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
-   *
-   * Public for the same reason `series` and `named` are: a protected member
-   * cannot be cast onto across unrelated classes, so it would be invisible to
-   * every chart that needs it. Reading where a pointer is resting is a fair
-   * thing to ask a chart anyway. (property only) (readonly)
    * - `data`: The readings as data, in the shape of a table, where the page has no
    * table to point `for` at. `for` wins where both are set.
    *
@@ -87061,21 +87343,6 @@ export type CustomElementsSolidJs = {
    * names an element, and the chart is a generic around its plot: written
    * on the host, the name reached nobody. The plot takes it, as Heatmap's
    * strip always did. (property only) (readonly)
-   * - `readingsKnown`: Whether the readings have been looked for: false on the server and
-   * while hydrating, where no table is resolved and no data is read. A
-   * chart says it has no readings only once this is true. (property only) (readonly)
-   * - `sourceRows`: Every row of the table, with each cell's text and number.
-   *
-   * This is where a tooltip's content comes from, and it is deliberately not
-   * `series`. A chart draws numbers; a reader resting a pointer on one wants
-   * what the table says, which is `$128k` and not `128000`, and often wants
-   * the column beside it that nothing plotted at all.
-   *
-   * **Not `rows`.** It is the source table's rows, and `rows` on a chart is a
-   * name a chart wants for itself: `helix-heatmap` takes `rows="7"` to mean a
-   * calendar week, and declaring that against a base class whose `rows` is a
-   * `Row[]` getter is a type error at best. Name the member for what it holds
-   * rather than for the shortest word available. (property only) (readonly)
    * - `plottedColumns`: The positions of the cells in a row that hold numbers, in table order.
    *
    * The same test `readSeries` applies when it drops a column of notes: a
@@ -87134,8 +87401,6 @@ export type CustomElementsSolidJs = {
    * The across gets no dot at all rather than a shifted one. It is an axis and
    * not a series: it has a scale under the plot with its name at the end of it,
    * which is where a reader is told what it is.
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
-   * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
    * reading the same table hid it.
    *
@@ -87172,11 +87437,12 @@ export type CustomElementsSolidJs = {
    * - `loading`: The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `plane`: The grid that holds the plot, both axes, and their names. It runs left to right on every page.
-   * - `plot`: The drawing, which takes focus to be read by key.
+   * - `plot`: The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.
    * - `point`: One row, as a point.
    * - `point-active`: A point in the row under the pointer. Set alongside `point`.
    * - `summary`: The text that says how strongly the measures relate, for people who cannot see the points.
    * - `svg`: The drawing surface the gridlines and the trend lines sit on.
+   * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tooltip`: The bubble, forwarded from `Tooltip`.
    * - `tooltip-anchor`: The `Tooltip` element itself.
    * - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
@@ -87196,7 +87462,7 @@ export type CustomElementsSolidJs = {
    * - `trend`: One series' line of best fit, under `trend`. Carries its series color as `--chart-series`.
    * - `x-axis`: The values along the horizontal axis, under the plot.
    * - `x-name`: The name of the horizontal measure.
-   * - `x-tick`: One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on.
+   * - `x-tick`: One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on. The one at the far edge carries `data-edge="end"`.
    * - `y-axis`: The values along the vertical axis, beside the plot.
    * - `y-name`: The name of the vertical measure.
    * - `y-tick`: One labeled value on the vertical axis.
@@ -87205,6 +87471,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `active`: While a reading is shown, under the pointer or the keys, with its tooltip open.
+   * - `empty`: While the `empty` part stands in the plot.
+   * - `loading`: While the `loading` part stands in the plot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-scatter-chart": Partial<
@@ -87368,7 +87637,9 @@ export type CustomElementsSolidJs = {
    * place for focus to return to when the list closes.
    *
    * Your options stay in your light DOM and are slotted through into the listbox,
-   * so the listbox looks through slots to find them. For a list too long to draw
+   * so the listbox looks through slots to find them. Write them as `Option`,
+   * group them in `Option.Group`, and divide them with `Option.Separator`.
+   * Importing Select registers all three in the same tier. For a list too long to draw
    * whole, set `items` instead: the list draws only the options in sight, as
    * Listbox's `items` does, and the trigger, its keys and the form read the
    * whole set.
@@ -87679,6 +87950,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -88207,6 +88480,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Custom Properties
    *
@@ -88273,6 +88548,10 @@ export type CustomElementsSolidJs = {
    * the lowest, in `overview-label`: "From 12 to 20, highest 30, lowest 8". An
    * `aria-label` on the element names it as `label` does.
    *
+   * `helix-reading-change` says each move of the reading, by pointer, tap or
+   * key, and `helix-reading-press` says a reading was clicked, tapped, or pressed
+   * with Enter or Space, as on every chart.
+   *
    * A pointer resting on the drawing shows the reading under it: the `cursor`
    * part marks it and the `readout` part writes it. `marks` adds a mark on the
    * highest and the lowest reading, and `range` draws a band between two values,
@@ -88287,6 +88566,17 @@ export type CustomElementsSolidJs = {
    * the component computes and CSS cannot, so a stylesheet can draw the sparkline
    * without measuring anything.
    *
+   * **Keyboard.** A sparkline with a `label` is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab | Moves focus to the drawing and shows the first reading, where there is a `label`. |
+   * | Any arrow | Right and Down move to the next reading, Left and Up to the previous. On a right-to-left page, Left moves to the next. |
+   * | Home, End | Moves to the first or the last reading. |
+   * | Page Down, Page Up | Moves a tenth of the readings on or back. |
+   * | Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |
+   * | Escape | Puts the reading and its tooltip away. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -88391,8 +88681,6 @@ export type CustomElementsSolidJs = {
    * with `values={[1240, 1318]}`. The attribute is the form to prefer, because
    * a string is what survives React's hydration where an array property does
    * not.
-   * - `pointer`: Finds the reading a pointer or a key rests on, as it does for every
-   * chart, so a sparkline is read the way they are. (property only) (readonly)
    * - `named`: The drawing's name: an `aria-label` written on the sparkline, then `label`. (property only) (readonly)
    * - `readings`: How many readings there are, which the pointer and the keys walk. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -88416,11 +88704,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
-   * ## Methods
+   * ## Events
    *
-   * Methods that can be called to access component functionality.
+   * Events that will be emitted by the component.
    *
-   * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes; a new `aria-label` renames the drawing.
+   * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the reading, or `-1` for none, with its row's `label` from a table and the `pointerType` that moved it.
+   * - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
    *
    * ## CSS Custom Properties
    *
@@ -89770,6 +90059,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -91058,8 +91349,9 @@ export type CustomElementsSolidJs = {
    * - `selection-mode`/`selectionMode`: How many tags a reader can select: `single`, `multiple`, or none.
    *
    * Absent selects nothing, and the tags carry no selected state at all.
-   * - `value`: The selected tags' values, separated by commas, since a value may hold a
-   * space.
+   * - `value`: The selected tags' values, separated by commas with no space, as Toggle
+   * Group and Table write theirs, since a value may hold a space. A value
+   * written with a space after each comma is read the same way.
    *
    * Set it to start with tags selected. A tag's value is its `value`, or its
    * words where it has none.
@@ -91523,6 +91815,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -91666,7 +91960,13 @@ export type CustomElementsSolidJs = {
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the list, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-times` bars a time.
    * - `unreadable-message`/`unreadableMessage`: The message for text that is no time, where `bad-input-message` is not
-   * set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+   * set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+   * written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+   * `de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+   *
+   * **The default names a time the field reads back.** It said "Enter a time
+   * as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+   * is words for a developer.
    * - `variant`: Whether the panel shows one list of times or a column for each part of the
    * time.
    *
@@ -91921,6 +92221,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -92407,6 +92709,8 @@ export type CustomElementsSolidJs = {
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -93309,6 +93613,8 @@ export type CustomElementsSolidJs = {
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
+   * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
+   * form's `checkValidity()`, as connecting does for the form it starts in.
    *
    * ## CSS Parts
    *
@@ -94220,9 +94526,9 @@ export type CustomElementsSolidJs = {
    * Each item is an element because it holds state: whether it is open, selected,
    * and focused.
    *
-   * An item is a branch when something is slotted into `children`. This is
-   * detected on the client, so server-rendered markup shows a leaf and the twisty
-   * appears on hydration.
+   * An item is a branch when an item is slotted into `children`, with
+   * `slot="children"` on each nested item. This is detected on the client, so
+   * server-rendered markup shows a leaf and the twisty appears on hydration.
    *
    * **`href` makes the whole row a link**, rendered as an `<a>`. Enter, middle
    * click, and the status bar then work anywhere on the row.
@@ -94344,7 +94650,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
-   * - `(default)`: The item's label.
+   * - `(default)`: The item's label. A nested item does not go here: give it `slot="children"`. In a development build, an item nested here is reported.
    * - `chevron`: Replaces the expand and collapse mark of a branch, such as with your own icon.
    * - `children`: Nested items, which make this a branch.
    * - `end`: Content after the label, at the far side of the row, such as a count or a state.