@fusion.dev/helix-headless 0.152.0 → 0.154.0

package/types/jsx.d.ts

@@ -1128,6 +1128,25 @@ them, and the tooltip and the table hold every reading. */
 Absent draws none: bands read as a composition need no numbers beside
 them, and the tooltip and the table hold every reading. */
   valueAxis?: (HelixHeadlessAreaChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessAreaChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessAreaChart["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?: (HelixHeadlessAreaChart["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"?: (HelixHeadlessAreaChart["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?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1164,6 +1183,29 @@ 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. */
   positionLabel?: (HelixHeadlessAreaChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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?: (HelixHeadlessAreaChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -1237,6 +1279,25 @@ them, and the tooltip and the table hold every reading. */
 Absent draws none: bands read as a composition need no numbers beside
 them, and the tooltip and the table hold every reading. */
   "prop:valueAxis"?: (HelixHeadlessAreaChart["valueAxis"]) | 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"?: (HelixHeadlessAreaChart["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"?: (HelixHeadlessAreaChart["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"?: (HelixHeadlessAreaChart["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"?: (HelixHeadlessAreaChart["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"?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1273,6 +1334,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessAreaChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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"?: (HelixHeadlessAreaChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessAreaChartHelixReadingChangeElementEvent,
@@ -1734,6 +1818,25 @@ bottom of bars under `orientation="horizontal"`.
 Absent draws none with one scale, since bars compared with each other need
 no numbers. With `secondary` both scales are drawn whatever this says. */
   valueAxis?: (HelixHeadlessBarChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessBarChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessBarChart["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?: (HelixHeadlessBarChart["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"?: (HelixHeadlessBarChart["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?: (HelixHeadlessBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1770,6 +1873,29 @@ 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. */
   positionLabel?: (HelixHeadlessBarChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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?: (HelixHeadlessBarChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -1905,6 +2031,25 @@ bottom of bars under `orientation="horizontal"`.
 Absent draws none with one scale, since bars compared with each other need
 no numbers. With `secondary` both scales are drawn whatever this says. */
   "prop:valueAxis"?: (HelixHeadlessBarChart["valueAxis"]) | 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"?: (HelixHeadlessBarChart["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"?: (HelixHeadlessBarChart["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"?: (HelixHeadlessBarChart["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"?: (HelixHeadlessBarChart["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"?: (HelixHeadlessBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1941,6 +2086,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessBarChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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"?: (HelixHeadlessBarChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessBarChartHelixReadingChangeElementEvent,
@@ -3962,12 +4130,6 @@ twice what this says once.
 Reflected and undefaulted, so a card that has not asked reads as a card
 with no attribute on it and the stylesheet only describes the departure. */
   mediaPlacement?: (HelixHeadlessCard["mediaPlacement"]) | undefined;
-  /**  */
-  "aria-labelledby"?: unknown;
-  /**  */
-  undefined?: unknown;
-  /**  */
-  "aria-label"?: unknown;
 };
 
 export type HelixHeadlessCardSolidJsProps = {
@@ -4001,12 +4163,6 @@ twice what this says once.
 Reflected and undefaulted, so a card that has not asked reads as a card
 with no attribute on it and the stylesheet only describes the departure. */
   "prop:mediaPlacement"?: (HelixHeadlessCard["mediaPlacement"]) | undefined;
-  /**  */
-  "attr:aria-labelledby"?: unknown;
-  /**  */
-  "prop:undefined"?: unknown;
-  /**  */
-  "attr:aria-label"?: unknown;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -5596,6 +5752,22 @@ Here rather than on each control. */
 };
 
 export type HelixHeadlessCodeBlockProps = {
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "code-label"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  codeLabel?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "code-name-label"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  codeNameLabel?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -5736,6 +5908,22 @@ read, nor for a diff. */
 };
 
 export type HelixHeadlessCodeBlockSolidJsProps = {
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "attr:code-label"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, which is a tab stop while it does.
+
+Where the block has a name, the scroller says it too, such as "Code,
+app.ts", as `code-name-label` puts it. */
+  "prop:codeLabel"?: (HelixHeadlessCodeBlock["codeLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "attr:code-name-label"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
+  /** The name of a block that scrolls, where the block has a name. `{code}` is
+`code-label` and `{name}` the block's name. */
+  "prop:codeNameLabel"?: (HelixHeadlessCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "attr:collapse-label"?: (HelixHeadlessCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -11147,6 +11335,29 @@ 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. */
   positionLabel?: (HelixHeadlessDonutChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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;
 };
 
 export type HelixHeadlessDonutChartSolidJsProps = {
@@ -11250,6 +11461,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessDonutChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -13888,6 +14122,29 @@ 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. */
   positionLabel?: (HelixHeadlessHeatmap["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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?: (HelixHeadlessHeatmap["data"]) | undefined;
 
   /** Fired once a press or a key has changed which cells are selected. */
   onchange?: ((e: HelixHeadlessHeatmapElementEvent) => void) | undefined;
@@ -14071,6 +14328,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessHeatmap["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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"?: (HelixHeadlessHeatmap["data"]) | undefined;
   /** Fired once a press or a key has changed which cells are selected. */
   "on:change"?: ((e: HelixHeadlessHeatmapElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable. */
@@ -14491,6 +14771,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   name?: (HelixHeadlessIcon["name"]) | undefined;
+  /** The URL of an SVG file to draw, fetched once a page and drawn in
+`currentColor` where the file does not color its shapes.
+
+Wins over `name`; `icon` wins over both. Absent draws `name`. */
+  src?: (HelixHeadlessIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -14505,9 +14790,9 @@ frameworks set properties and plain markup cannot, which is what `name` is
 for. Set both and this wins, the value being the more specific statement. */
   icon?: (HelixHeadlessIcon["icon"]) | undefined;
 
-  /** `name` matches no registered icon and no library answers it, so nothing is drawn. */
+  /** `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn. */
   onerror?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
-  /** A glyph a library gave later for `name` is drawn. */
+  /** A glyph a library gave later for `name`, or the file at `src`, is drawn. */
   onload?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
 };
 
@@ -14535,6 +14820,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   "prop:name"?: (HelixHeadlessIcon["name"]) | undefined;
+  /** The URL of an SVG file to draw, fetched once a page and drawn in
+`currentColor` where the file does not color its shapes.
+
+Wins over `name`; `icon` wins over both. Absent draws `name`. */
+  "prop:src"?: (HelixHeadlessIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -14548,9 +14838,9 @@ consumer's own drawings.
 frameworks set properties and plain markup cannot, which is what `name` is
 for. Set both and this wins, the value being the more specific statement. */
   "prop:icon"?: (HelixHeadlessIcon["icon"]) | undefined;
-  /** `name` matches no registered icon and no library answers it, so nothing is drawn. */
+  /** `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn. */
   "on:error"?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
-  /** A glyph a library gave later for `name` is drawn. */
+  /** A glyph a library gave later for `name`, or the file at `src`, is drawn. */
   "on:load"?: ((e: HelixHeadlessIconElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -16031,6 +16321,25 @@ Set it where the distance from nothing is the point rather than the shape,
 and accept that a series which never approaches zero becomes a flat rule
 near the top of the box. */
   zero?: (HelixHeadlessLineChart["zero"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessLineChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessLineChart["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?: (HelixHeadlessLineChart["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"?: (HelixHeadlessLineChart["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?: (HelixHeadlessLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -16067,6 +16376,29 @@ 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. */
   positionLabel?: (HelixHeadlessLineChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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?: (HelixHeadlessLineChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -16200,6 +16532,25 @@ Set it where the distance from nothing is the point rather than the shape,
 and accept that a series which never approaches zero becomes a flat rule
 near the top of the box. */
   "prop:zero"?: (HelixHeadlessLineChart["zero"]) | 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"?: (HelixHeadlessLineChart["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"?: (HelixHeadlessLineChart["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"?: (HelixHeadlessLineChart["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"?: (HelixHeadlessLineChart["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"?: (HelixHeadlessLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -16236,6 +16587,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessLineChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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"?: (HelixHeadlessLineChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessLineChartHelixReadingChangeElementEvent,
@@ -22352,7 +22726,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "format-options"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** `Intl.NumberFormat` options the reading is written with, as React Aria's
 Meter and ProgressBar take them: a unit, a currency, or a number of
@@ -22364,7 +22739,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   formatOptions?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -22480,7 +22856,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "attr:format-options"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** `Intl.NumberFormat` options the reading is written with, as React Aria's
 Meter and ProgressBar take them: a unit, a currency, or a number of
@@ -22492,7 +22869,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "prop:formatOptions"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -22704,11 +23082,39 @@ which is what makes it read as dots rather than as a softened square code. */
 export type HelixHeadlessQuoteProps = {
   /** URL identifying where the quotation came from. */
   cite?: (HelixHeadlessQuote["cite"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "no-marks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  noMarks?: (HelixHeadlessQuote["noMarks"]) | undefined;
 };
 
 export type HelixHeadlessQuoteSolidJsProps = {
   /** URL identifying where the quotation came from. */
   "prop:cite"?: (HelixHeadlessQuote["cite"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "bool:no-marks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
+  /** Whether to leave the quotation marks off, for a quotation set where the
+page draws its own.
+
+Negative, because the marks are on by default and a boolean attribute is
+true whenever it is present. Reflected, because a stylesheet takes the
+marks off on it. */
+  "prop:noMarks"?: (HelixHeadlessQuote["noMarks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -23576,6 +23982,25 @@ Absent draws none. A series with fewer than two points, or with every
 point at one measure across, has no line to draw. The summary already
 gives each series' correlation, which says how near the points are to it. */
   trend?: (HelixHeadlessScatterChart["trend"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessScatterChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessScatterChart["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?: (HelixHeadlessScatterChart["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"?: (HelixHeadlessScatterChart["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?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -23612,6 +24037,29 @@ 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. */
   positionLabel?: (HelixHeadlessScatterChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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?: (HelixHeadlessScatterChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -23683,6 +24131,25 @@ Absent draws none. A series with fewer than two points, or with every
 point at one measure across, has no line to draw. The summary already
 gives each series' correlation, which says how near the points are to it. */
   "prop:trend"?: (HelixHeadlessScatterChart["trend"]) | 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"?: (HelixHeadlessScatterChart["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"?: (HelixHeadlessScatterChart["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"?: (HelixHeadlessScatterChart["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"?: (HelixHeadlessScatterChart["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"?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -23719,6 +24186,29 @@ 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. */
   "prop:positionLabel"?: (HelixHeadlessScatterChart["positionLabel"]) | undefined;
+  /** 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.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+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"?: (HelixHeadlessScatterChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessScatterChartHelixReadingChangeElementEvent,
@@ -25503,12 +25993,18 @@ The arrow keys move by `step` and do not snap. */
 };
 
 export type HelixHeadlessStatGroupProps = {
-  /** Accessible name for the group. */
+  /** Accessible name for the group, which makes it a group.
+
+Absent leaves the stats with no group around them, unless `aria-label` or
+`aria-labelledby` names it. */
   label?: (HelixHeadlessStatGroup["label"]) | undefined;
 };
 
 export type HelixHeadlessStatGroupSolidJsProps = {
-  /** Accessible name for the group. */
+  /** Accessible name for the group, which makes it a group.
+
+Absent leaves the stats with no group around them, unless `aria-label` or
+`aria-labelledby` names it. */
   "prop:label"?: (HelixHeadlessStatGroup["label"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -25544,6 +26040,29 @@ reports a hydration mismatch. The absent attribute is the column, which the
 stylesheet reads as the base case, and the server spec asserts the host
 carries nothing nobody wrote. */
   direction?: (HelixHeadlessStat["direction"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "format-options"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  formatOptions?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** The locale `value` is written in, such as `de` for `1.234.567`.
+
+Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+rendered on a server, so the server and the browser write the figure
+alike. */
+  locale?: (HelixHeadlessStat["locale"]) | undefined;
+  /** The figure as a number, written with `format-options` in `locale` in
+place of a slotted value.
+
+Absent leaves the figure to the slot. */
+  value?: (HelixHeadlessStat["value"]) | undefined;
 };
 
 export type HelixHeadlessStatSolidJsProps = {
@@ -25573,6 +26092,29 @@ reports a hydration mismatch. The absent attribute is the column, which the
 stylesheet reads as the base case, and the server spec asserts the host
 carries nothing nobody wrote. */
   "prop:direction"?: (HelixHeadlessStat["direction"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "attr:format-options"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, such as
+`{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+written as JSON in the attribute.
+
+Absent writes the number as the locale writes any number. */
+  "prop:formatOptions"?: (HelixHeadlessStat["formatOptions"]) | undefined;
+  /** The locale `value` is written in, such as `de` for `1.234.567`.
+
+Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+rendered on a server, so the server and the browser write the figure
+alike. */
+  "prop:locale"?: (HelixHeadlessStat["locale"]) | undefined;
+  /** The figure as a number, written with `format-options` in `locale` in
+place of a slotted value.
+
+Absent leaves the figure to the slot. */
+  "prop:value"?: (HelixHeadlessStat["value"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -33142,6 +33684,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -33188,6 +33740,16 @@ export type CustomElements = {
    *
    * Absent draws none: bands read as a composition need no numbers beside
    * them, and the tooltip and the table hold every reading.
+   * - `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
@@ -33218,6 +33780,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -33234,6 +33818,9 @@ 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
@@ -33280,6 +33867,13 @@ export type CustomElements = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -33329,12 +33923,14 @@ export type CustomElements = {
    * - `area`: One part's band.
    * - `axis`: The numbers of the scale beside the plot, under `value-axis`.
    * - `baseline`: The rule at zero, which is the floor of the drawing.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One rule across the plot, under `gridlines`.
    * - `guide`: A rule down the reading a pointer is resting on.
    * - `label`: One reading's name.
    * - `labels`: The row of reading names.
    * - `line`: The top edge of one part's band.
    * - `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.
    * - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
@@ -33607,6 +34203,12 @@ export type CustomElements = {
    * button "Inbox 8 unread", and stays current as the count changes. The styled
    * tier's `placement="inline"` draws the mark in the line for that case.
    *
+   * **An icon goes inside the mark** through the `icon` slot, before the count,
+   * as Web Awesome's badge takes one at its start. With no `value` the icon is
+   * the whole mark, such as a check on an avatar, drawn where the dot would be.
+   * The icon is hidden from screen readers: the count and `label` are what the
+   * mark says.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -33670,12 +34272,14 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The element being decorated.
+   * - `icon`: An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `indicator`: The count, or the dot when there is no value.
+   * - `icon`: The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.
+   * - `indicator`: The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.
    *
    * ## CSS States
    *
@@ -33683,7 +34287,8 @@ export type CustomElements = {
    *
    * - `blank`: The value is zero, so there is no mark.
    * - `capped`: The count is past `max`, so the mark shows `{max}+`.
-   * - `dot`: There is no value, so the mark is a dot.
+   * - `dot`: There is no value and no icon, so the mark is a dot.
+   * - `has-icon`: Something is slotted into `icon`, so it is drawn inside the mark.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-badge": Partial<
@@ -33720,6 +34325,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -33825,6 +34440,16 @@ export type CustomElements = {
    *
    * Absent draws none with one scale, since bars compared with each other need
    * no numbers. With `secondary` both scales are drawn whatever this says.
+   * - `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
@@ -33855,6 +34480,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -33871,6 +34518,9 @@ 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
@@ -33917,6 +34567,13 @@ export type CustomElements = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -33971,6 +34628,7 @@ export type CustomElements = {
    * - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
    * - `bar-wash-start`: The stop of a bar's gradient at its base.
    * - `baseline`: The line the columns stand on.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One gridline across the plot, drawn when `gridlines` is set.
    * - `group`: One category's columns, together.
    * - `group-active`: The group the tooltip describes. Set together with `group`.
@@ -33978,6 +34636,7 @@ export type CustomElements = {
    * - `labels`: The row of category names.
    * - `line`: A series drawn as a line, named in `lines`.
    * - `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.
    * - `summary`: The chart's name and each series' highest reading, written as a sentence for screen readers. Hide it visually.
@@ -35519,13 +36178,17 @@ export type CustomElements = {
    * through with `::part`.
    *
    * Name the card with `label`, as a Stat Group is named, or with `aria-label`
-   * or `aria-labelledby`. These are the only names that work with server
-   * rendering, because reading a title from the light DOM needs a DOM, and the
-   * server has none. `label` is set through `ElementInternals`, so it writes no
-   * attribute onto the card. **A named card is a group**, so a
+   * or `aria-labelledby`. `label` is set through `ElementInternals`, so it
+   * writes no attribute onto the card. **A named card is a group**, so a
    * reader entering it hears its name; an unnamed one has no role, since a group
    * with no name only adds "group" to what a reader says.
    *
+   * **With none of those, a heading in `header` names the card**, such as the
+   * `<h2>` of its title, by reference, so the name follows the heading's words.
+   * Reading a heading needs a DOM, so a served card is named by it once the
+   * script runs; `label`, `aria-label` and `aria-labelledby` are the names a
+   * server writes.
+   *
    * Each region's slot is a part of the same name, `body` for the main content,
    * as Web Awesome's card names its regions. A slot draws no box, so a part
    * passes inherited properties to what is slotted, and a page wanting a box
@@ -35535,7 +36198,9 @@ export type CustomElements = {
    * header's and the footer's line, as Web Awesome's card does. While one holds
    * something, its line is a `header-row` or `footer-row` part; otherwise there
    * is no wrapper and every region is a bare slot. A server cannot see slotted
-   * content, so served actions sit on their own line until the script runs.
+   * content, so a served card has no row; the styled tier sets served actions at
+   * the end of their line from the stylesheet alone, so they do not move when
+   * the script runs.
    *
    * **The card says which regions it holds**, as `:state(has-media)`,
    * `:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card
@@ -35563,8 +36228,6 @@ export type CustomElements = {
    *
    * Reflected and undefaulted, so a card that has not asked reads as a card
    * with no attribute on it and the stylesheet only describes the departure.
-   * - `aria-labelledby`/`undefined`: undefined
-   * - `aria-label`/`undefined`: undefined
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -35597,6 +36260,14 @@ export type CustomElements = {
    * - `header-actions`: Controls for the whole card at the end of the header's line, such as a menu.
    * - `media`: Image, video, or chart that runs edge to edge, outside the inset.
    *
+   * ## Methods
+   *
+   * 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 name written
+   * or taken off asks for an update, because it decides whether the card is a
+   * group and whether its heading names it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -36945,6 +37616,18 @@ export type CustomElements = {
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
    *
+   * **A block that scrolls is a tab stop.** While its lines run past its width or
+   * its cap, the scroller is a region named for the block, such as "Code,
+   * app.ts", that Tab reaches, so a keyboard scrolls it with the arrow keys in
+   * every browser. Chromium and Firefox make a scrolling box focusable on their
+   * own, and Safari does not. A block that fits is no stop at all.
+   *
+   * **The code the block draws is marked untranslated**, `translate="no"` on
+   * its `<pre>`, so a page translator leaves highlighted lines and a diff as
+   * written. Code in the slot takes its translation mode from the element, which
+   * writes nothing onto itself, so set `translate="no"` on the element to keep a
+   * translator off plain code too.
+   *
    * On the server, the slot renders as ordinary code, so a diff first appears as
    * the patch text in a `<pre>`. The client makes the same first render, which
    * keeps hydration clean, and draws the diff once it can read the content. Diff
@@ -36954,6 +37637,12 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
+   *
+   * Where the block has a name, the scroller says it too, such as "Code,
+   * app.ts", as `code-name-label` puts it.
+   * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
+   * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
@@ -37119,6 +37808,13 @@ export type CustomElements = {
    * tools and document search. A styled span carries no such meaning, and a
    * screen reader announces nothing about it.
    *
+   * **Set `translate="no"` on the element to keep a page translator off the
+   * code.** A translator that rewrites prose would also rewrite an identifier.
+   * The slotted text takes its translation mode from the element, its parent in
+   * the page, and the element writes nothing onto itself, so the attribute is
+   * yours to set. The `<code>` inside carries `translate="no"` for anything the
+   * element draws itself.
+   *
    * `Code` is inline only and never scrolls. For a block of code with its own
    * box, its own overflow, and copying, use `CodeBlock`, which is a separate
    * family.
@@ -40516,6 +41212,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -40532,6 +41250,9 @@ 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
@@ -41154,7 +41875,16 @@ export type CustomElements = {
    *
    * Every region is a bare slot. There is no `empty-state-heading` or
    * `empty-state-actions` element: assign your own heading and actions to the
-   * slots.
+   * slots. The icon, the message and the actions slots are parts of the same
+   * names, as Card's regions are. A slot draws no box, so a part passes
+   * inherited properties, such as color and font, to what is slotted, and a
+   * page wanting a box there gives it one with `display`, such as a row of
+   * actions with `display: flex`.
+   *
+   * **The view says which regions it holds**, as `:state(has-icon)` and
+   * `:state(has-actions)`, so a sheet can space a view with no icon or no
+   * actions differently. Read in the browser, so a served view carries neither
+   * until the script runs.
    *
    * **Or give the heading as words.** `heading` draws them in a `heading` part
    * that is a heading at `heading-level`, 3 where it is not set, so a page
@@ -41219,13 +41949,18 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.
    * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
+   * - `icon`: The slot the icon arrives through, drawing no box, as `actions` does.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
+   * - `message`: The slot the message arrives through, drawing no box, as `actions` does.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-actions`: Something is slotted into `actions`.
+   * - `has-icon`: Something is slotted into `icon`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-empty": Partial<
@@ -43055,6 +43790,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -43071,6 +43828,9 @@ 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
@@ -43521,8 +44281,16 @@ export type CustomElements = {
    * a glyph that came later is drawn. A glyph registered after the element
    * rendered is drawn then.
    *
-   * A name with no match renders nothing, and the element fires `error`, so a
-   * typo in a name can be heard. It waits until the page has loaded and painted
+   * **Or point `src` at an SVG file**, such as `src="/icons/rocket.svg"`, and
+   * the element fetches it and draws its shapes in `currentColor` where the file
+   * does not color them. A file is fetched once a page, however many icons name
+   * it, and `load` fires when it is drawn. Scripts, event handlers and
+   * `javascript:` links in the file are taken out before it is drawn. A server
+   * fetches nothing, so a served icon with a `src` is drawn once the script
+   * runs.
+   *
+   * A name with no match, or a `src` that is no SVG, renders nothing, and the
+   * element fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted
    * first, so a library a later module registers is not taken for a typo.
    *
    * An icon is decorative by default and hidden from assistive technology. Set
@@ -43559,6 +44327,10 @@ export type CustomElements = {
    *
    * A name written `prefix:name` asks the library registered under that
    * prefix.
+   * - `src`: The URL of an SVG file to draw, fetched once a page and drawn in
+   * `currentColor` where the file does not color its shapes.
+   *
+   * Wins over `name`; `icon` wins over both. Absent draws `name`.
    * - `icon`: The icon to draw, as an object you import.
    *
    * **The scalable door, and the one this library uses internally.** An icon is
@@ -43596,8 +44368,8 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
-   * - `error`: `name` matches no registered icon and no library answers it, so nothing is drawn.
-   * - `load`: A glyph a library gave later for `name` is drawn.
+   * - `error`: `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.
+   * - `load`: A glyph a library gave later for `name`, or the file at `src`, is drawn.
    *
    * ## Methods
    *
@@ -44709,6 +45481,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -44819,6 +45601,16 @@ export type CustomElements = {
    * Set it where the distance from nothing is the point rather than the shape,
    * and accept that a series which never approaches zero becomes a flat rule
    * near the top of the box.
+   * - `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
@@ -44849,6 +45641,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -44865,6 +45679,9 @@ 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
@@ -44911,6 +45728,13 @@ export type CustomElements = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -44963,6 +45787,7 @@ export type CustomElements = {
    * - `axis`: The numbers of the scale beside the plot, under `value-axis`.
    * - `band`: The band around the reading under the pointer.
    * - `baseline`: The rule at zero, where zero is inside the range.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One rule across the plot, under `gridlines`.
    * - `guide`: A rule down the reading a pointer is resting on.
    * - `label`: One reading's name.
@@ -44970,6 +45795,7 @@ export type CustomElements = {
    * - `line`: The line for one series.
    * - `line-dashed`: A `line` whose series `dashed` names. Set alongside `line`.
    * - `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.
    * - `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`.
@@ -45753,6 +46579,11 @@ export type CustomElements = {
    * Draws two concentric circles: a track and a moving arc. The track shows the
    * arc as a proportion of a whole, and costs one element.
    *
+   * **For work whose length is known, use `Progress` with `shape="ring"`.** It
+   * draws the same ring filled to the value, says the value as a progress bar
+   * does, and says when the work is complete. A loader claims no proportion, so
+   * it takes no value.
+   *
    * **The center is a slot, empty by default.** Put your logo there once, where
    * your app wraps the loader. When nothing is slotted, nothing extra is
    * rendered.
@@ -50259,6 +51090,15 @@ export type CustomElements = {
    *
    * The fill is a fraction of the track, written as a custom property.
    *
+   * **The reading is said in the words the bar would show**: a whole percentage
+   * of the range in `locale`, the reading `format-options` writes, or
+   * `value-text`, as `aria-valuetext` beside the number.
+   *
+   * **Words set in the default slot are drawn on the bar**, or in the middle of a
+   * ring, such as `62%` or `3 of 8`, and are what the bar says as its reading
+   * where `value-text` is not set. While there are any, the bar carries
+   * `:state(content)`, so a sheet can make room for them.
+   *
    * **Reaching `max` is said and sent.** When the value arrives at `max` from
    * below, the bar says `complete-label`, "Complete" by default, in a polite
    * `live` region and sends `helix-complete`, so a reader hears that the work is
@@ -50285,7 +51125,8 @@ export type CustomElements = {
    *
    * A `percent` style writes the share of the range, and any other the value
    * itself, so the example says "18 GB". Absent is a whole percentage. The
-   * words are announced as well as shown. `value-text` still wins.
+   * words are announced whether or not `show-value` shows them. `value-text`
+   * still wins.
    * - `indeterminate`: Whether the length of the task is unknown. The bar then shows activity
    * without a value.
    *
@@ -50374,6 +51215,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: Words drawn on the bar, or in the middle of a ring, such as the reading. Said as the reading where `value-text` is not set.
    * - `label`: A visible label. Its words name the progress bar in place of `label`.
    *
    * ## CSS Custom Properties
@@ -50386,6 +51228,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `content`: The box holding the words of the default slot, over the track or in the middle of the ring. Carries `--progress-fraction`.
    * - `groove`: The unfilled circle under the ring's filled arc.
    * - `indicator`: The filled part that shows the work done.
    * - `live`: A polite region that says `complete-label` when the work is done, rendered from that moment. Hide it visually.
@@ -50397,6 +51240,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `complete`: The value is at `max` and the bar is not indeterminate.
+   * - `content`: Words are set in the default slot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-progress": Partial<
@@ -50559,6 +51403,12 @@ export type CustomElements = {
    * element, and its marks follow it: `lang="de"` sets „…“ and `lang="fr"` «…»
    * inside an English page.
    *
+   * **`no-marks` leaves the marks off**, for a quotation set where the page draws
+   * its own, such as a pull quote with a large decorative mark beside it or a
+   * table of sayings. The quotation still counts toward nesting, so a quote
+   * inside it takes the inner marks it would have had. Text with marks typed
+   * into it raises no warning under `no-marks`.
+   *
    * For a passage set off from the surrounding text, use a blockquote.
    *
    * ## Attributes & Properties
@@ -50566,6 +51416,12 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `cite`: URL identifying where the quotation came from.
+   * - `no-marks`/`noMarks`: Whether to leave the quotation marks off, for a quotation set where the
+   * page draws its own.
+   *
+   * Negative, because the marks are on by default and a boolean attribute is
+   * true whenever it is present. Reflected, because a stylesheet takes the
+   * marks off on it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -51330,6 +52186,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -51365,6 +52231,16 @@ export type CustomElements = {
    * Absent draws none. A series with fewer than two points, or with every
    * point at one measure across, has no line to draw. The summary already
    * gives each series' correlation, which says how near the points are to it.
+   * - `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
@@ -51395,6 +52271,28 @@ export type CustomElements = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -51411,6 +52309,9 @@ 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
@@ -51457,6 +52358,13 @@ export type CustomElements = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -51506,8 +52414,10 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One line across the plot, drawn when `gridlines` is set.
    * - `live`: The readout: a polite live region that says the row 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.
    * - `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.
@@ -53235,15 +54145,21 @@ export type CustomElements = {
   >;
 
   /**
-   * Screen readers announce the stats as a group. The figures are read together
-   * and their order has no meaning, so the group does not announce positions such
-   * as "1 of 4".
+   * **A named group is a group**, so a screen reader announces the stats
+   * together under its name, such as "Usage, group". Name it with `label`,
+   * `aria-label` or `aria-labelledby`. An unnamed one has no role, since a group
+   * with no name only adds "group" to what a reader says, as an unnamed Card
+   * has none. The figures are read together and their order has no meaning, so
+   * the group does not announce positions such as "1 of 4".
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `label`: Accessible name for the group.
+   * - `label`: Accessible name for the group, which makes it a group.
+   *
+   * Absent leaves the stats with no group around them, unless `aria-label` or
+   * `aria-labelledby` names it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -53271,6 +54187,14 @@ export type CustomElements = {
    *
    * - `(default)`: The stats.
    *
+   * ## Methods
+   *
+   * 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 name written
+   * or taken off asks for an update, because it decides whether the stats are
+   * a group.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -53297,6 +54221,19 @@ export type CustomElements = {
    * attribute; a stat with no label has no role. Put a `Trend` in the `trend`
    * slot to have it read inside the group, after the figure it qualifies.
    *
+   * **Or give the figure as a number.** `value` is written with
+   * `Intl.NumberFormat`, in `locale` and with `format-options`, so
+   * `value="1234567" format-options='{"notation":"compact"}'` shows `1.2M`, and
+   * a server writes it as the browser does. A number in `value` takes the place
+   * of a slotted figure.
+   *
+   * **Each slot is a part of the same name**, and `value` for the figure, so a
+   * page reaches the label, the unit and the trend from outside. A slot draws no
+   * box, so a part passes inherited properties to what is slotted. **The stat
+   * says which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and
+   * `:state(has-trend)`, read in the browser, so a served stat carries none
+   * until the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -53326,6 +54263,20 @@ export type CustomElements = {
    * reports a hydration mismatch. The absent attribute is the column, which the
    * stylesheet reads as the base case, and the server spec asserts the host
    * carries nothing nobody wrote.
+   * - `format-options`/`formatOptions`: `Intl.NumberFormat` options `value` is written with, such as
+   * `{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+   * written as JSON in the attribute.
+   *
+   * Absent writes the number as the locale writes any number.
+   * - `locale`: The locale `value` is written in, such as `de` for `1.234.567`.
+   *
+   * Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+   * rendered on a server, so the server and the browser write the figure
+   * alike.
+   * - `value`: The figure as a number, written with `format-options` in `locale` in
+   * place of a slotted value.
+   *
+   * Absent leaves the figure to the slot.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -53360,12 +54311,18 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `value`: The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
+   * - `label`: The slot the label arrives through, drawing no box, as `value` does.
+   * - `trend`: The slot the trend arrives through, drawing no box, as `value` does.
+   * - `unit`: The slot the unit arrives through, drawing no box, as `value` does.
+   * - `value`: The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-label`: Something is slotted into `label`.
+   * - `has-trend`: Something is slotted into `trend`.
+   * - `has-unit`: Something is slotted into `unit`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-stat": Partial<
@@ -59872,6 +60829,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -59918,6 +60885,16 @@ export type CustomElementsSolidJs = {
    *
    * Absent draws none: bands read as a composition need no numbers beside
    * them, and the tooltip and the table hold every reading.
+   * - `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
@@ -59948,6 +60925,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -59964,6 +60963,9 @@ 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
@@ -60010,6 +61012,13 @@ export type CustomElementsSolidJs = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -60059,12 +61068,14 @@ export type CustomElementsSolidJs = {
    * - `area`: One part's band.
    * - `axis`: The numbers of the scale beside the plot, under `value-axis`.
    * - `baseline`: The rule at zero, which is the floor of the drawing.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One rule across the plot, under `gridlines`.
    * - `guide`: A rule down the reading a pointer is resting on.
    * - `label`: One reading's name.
    * - `labels`: The row of reading names.
    * - `line`: The top edge of one part's band.
    * - `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.
    * - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
@@ -60344,6 +61355,12 @@ export type CustomElementsSolidJs = {
    * button "Inbox 8 unread", and stays current as the count changes. The styled
    * tier's `placement="inline"` draws the mark in the line for that case.
    *
+   * **An icon goes inside the mark** through the `icon` slot, before the count,
+   * as Web Awesome's badge takes one at its start. With no `value` the icon is
+   * the whole mark, such as a check on an avatar, drawn where the dot would be.
+   * The icon is hidden from screen readers: the count and `label` are what the
+   * mark says.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -60407,12 +61424,14 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The element being decorated.
+   * - `icon`: An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `indicator`: The count, or the dot when there is no value.
+   * - `icon`: The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.
+   * - `indicator`: The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.
    *
    * ## CSS States
    *
@@ -60420,7 +61439,8 @@ export type CustomElementsSolidJs = {
    *
    * - `blank`: The value is zero, so there is no mark.
    * - `capped`: The count is past `max`, so the mark shows `{max}+`.
-   * - `dot`: There is no value, so the mark is a dot.
+   * - `dot`: There is no value and no icon, so the mark is a dot.
+   * - `has-icon`: Something is slotted into `icon`, so it is drawn inside the mark.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-badge": Partial<
@@ -60460,6 +61480,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -60565,6 +61595,16 @@ export type CustomElementsSolidJs = {
    *
    * Absent draws none with one scale, since bars compared with each other need
    * no numbers. With `secondary` both scales are drawn whatever this says.
+   * - `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
@@ -60595,6 +61635,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -60611,6 +61673,9 @@ 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
@@ -60657,6 +61722,13 @@ export type CustomElementsSolidJs = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -60711,6 +61783,7 @@ export type CustomElementsSolidJs = {
    * - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
    * - `bar-wash-start`: The stop of a bar's gradient at its base.
    * - `baseline`: The line the columns stand on.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One gridline across the plot, drawn when `gridlines` is set.
    * - `group`: One category's columns, together.
    * - `group-active`: The group the tooltip describes. Set together with `group`.
@@ -60718,6 +61791,7 @@ export type CustomElementsSolidJs = {
    * - `labels`: The row of category names.
    * - `line`: A series drawn as a line, named in `lines`.
    * - `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.
    * - `summary`: The chart's name and each series' highest reading, written as a sentence for screen readers. Hide it visually.
@@ -62277,13 +63351,17 @@ export type CustomElementsSolidJs = {
    * through with `::part`.
    *
    * Name the card with `label`, as a Stat Group is named, or with `aria-label`
-   * or `aria-labelledby`. These are the only names that work with server
-   * rendering, because reading a title from the light DOM needs a DOM, and the
-   * server has none. `label` is set through `ElementInternals`, so it writes no
-   * attribute onto the card. **A named card is a group**, so a
+   * or `aria-labelledby`. `label` is set through `ElementInternals`, so it
+   * writes no attribute onto the card. **A named card is a group**, so a
    * reader entering it hears its name; an unnamed one has no role, since a group
    * with no name only adds "group" to what a reader says.
    *
+   * **With none of those, a heading in `header` names the card**, such as the
+   * `<h2>` of its title, by reference, so the name follows the heading's words.
+   * Reading a heading needs a DOM, so a served card is named by it once the
+   * script runs; `label`, `aria-label` and `aria-labelledby` are the names a
+   * server writes.
+   *
    * Each region's slot is a part of the same name, `body` for the main content,
    * as Web Awesome's card names its regions. A slot draws no box, so a part
    * passes inherited properties to what is slotted, and a page wanting a box
@@ -62293,7 +63371,9 @@ export type CustomElementsSolidJs = {
    * header's and the footer's line, as Web Awesome's card does. While one holds
    * something, its line is a `header-row` or `footer-row` part; otherwise there
    * is no wrapper and every region is a bare slot. A server cannot see slotted
-   * content, so served actions sit on their own line until the script runs.
+   * content, so a served card has no row; the styled tier sets served actions at
+   * the end of their line from the stylesheet alone, so they do not move when
+   * the script runs.
    *
    * **The card says which regions it holds**, as `:state(has-media)`,
    * `:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card
@@ -62321,8 +63401,6 @@ export type CustomElementsSolidJs = {
    *
    * Reflected and undefaulted, so a card that has not asked reads as a card
    * with no attribute on it and the stylesheet only describes the departure.
-   * - `aria-labelledby`/`undefined`: undefined
-   * - `aria-label`/`undefined`: undefined
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -62355,6 +63433,14 @@ export type CustomElementsSolidJs = {
    * - `header-actions`: Controls for the whole card at the end of the header's line, such as a menu.
    * - `media`: Image, video, or chart that runs edge to edge, outside the inset.
    *
+   * ## Methods
+   *
+   * 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 name written
+   * or taken off asks for an update, because it decides whether the card is a
+   * group and whether its heading names it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -63718,6 +64804,18 @@ export type CustomElementsSolidJs = {
    * and its copy button copies the new version of the file. `variant="split"`
    * shows the old version beside the new, each removal opposite its replacement.
    *
+   * **A block that scrolls is a tab stop.** While its lines run past its width or
+   * its cap, the scroller is a region named for the block, such as "Code,
+   * app.ts", that Tab reaches, so a keyboard scrolls it with the arrow keys in
+   * every browser. Chromium and Firefox make a scrolling box focusable on their
+   * own, and Safari does not. A block that fits is no stop at all.
+   *
+   * **The code the block draws is marked untranslated**, `translate="no"` on
+   * its `<pre>`, so a page translator leaves highlighted lines and a diff as
+   * written. Code in the slot takes its translation mode from the element, which
+   * writes nothing onto itself, so set `translate="no"` on the element to keep a
+   * translator off plain code too.
+   *
    * On the server, the slot renders as ordinary code, so a diff first appears as
    * the patch text in a `<pre>`. The client makes the same first render, which
    * keeps hydration clean, and draws the diff once it can read the content. Diff
@@ -63727,6 +64825,12 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
+   *
+   * Where the block has a name, the scroller says it too, such as "Code,
+   * app.ts", as `code-name-label` puts it.
+   * - `code-name-label`/`codeNameLabel`: The name of a block that scrolls, where the block has a name. `{code}` is
+   * `code-label` and `{name}` the block's name.
    * - `collapse-label`/`collapseLabel`: The expand button's words while the block shows every line.
    * - `copied-label`/`copiedLabel`: The copy button's name and tooltip text after a copy.
    * - `copy-label`/`copyLabel`: The copy button's name and tooltip text before a copy.
@@ -63895,6 +64999,13 @@ export type CustomElementsSolidJs = {
    * tools and document search. A styled span carries no such meaning, and a
    * screen reader announces nothing about it.
    *
+   * **Set `translate="no"` on the element to keep a page translator off the
+   * code.** A translator that rewrites prose would also rewrite an identifier.
+   * The slotted text takes its translation mode from the element, its parent in
+   * the page, and the element writes nothing onto itself, so the attribute is
+   * yours to set. The `<code>` inside carries `translate="no"` for anything the
+   * element draws itself.
+   *
    * `Code` is inline only and never scrolls. For a block of code with its own
    * box, its own overflow, and copying, use `CodeBlock`, which is a separate
    * family.
@@ -67319,6 +68430,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -67335,6 +68468,9 @@ 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
@@ -67965,7 +69101,16 @@ export type CustomElementsSolidJs = {
    *
    * Every region is a bare slot. There is no `empty-state-heading` or
    * `empty-state-actions` element: assign your own heading and actions to the
-   * slots.
+   * slots. The icon, the message and the actions slots are parts of the same
+   * names, as Card's regions are. A slot draws no box, so a part passes
+   * inherited properties, such as color and font, to what is slotted, and a
+   * page wanting a box there gives it one with `display`, such as a row of
+   * actions with `display: flex`.
+   *
+   * **The view says which regions it holds**, as `:state(has-icon)` and
+   * `:state(has-actions)`, so a sheet can space a view with no icon or no
+   * actions differently. Read in the browser, so a served view carries neither
+   * until the script runs.
    *
    * **Or give the heading as words.** `heading` draws them in a `heading` part
    * that is a heading at `heading-level`, 3 where it is not set, so a page
@@ -68030,13 +69175,18 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.
    * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
+   * - `icon`: The slot the icon arrives through, drawing no box, as `actions` does.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
+   * - `message`: The slot the message arrives through, drawing no box, as `actions` does.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-actions`: Something is slotted into `actions`.
+   * - `has-icon`: Something is slotted into `icon`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-empty": Partial<
@@ -69881,6 +71031,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -69897,6 +71069,9 @@ 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
@@ -70351,8 +71526,16 @@ export type CustomElementsSolidJs = {
    * a glyph that came later is drawn. A glyph registered after the element
    * rendered is drawn then.
    *
-   * A name with no match renders nothing, and the element fires `error`, so a
-   * typo in a name can be heard. It waits until the page has loaded and painted
+   * **Or point `src` at an SVG file**, such as `src="/icons/rocket.svg"`, and
+   * the element fetches it and draws its shapes in `currentColor` where the file
+   * does not color them. A file is fetched once a page, however many icons name
+   * it, and `load` fires when it is drawn. Scripts, event handlers and
+   * `javascript:` links in the file are taken out before it is drawn. A server
+   * fetches nothing, so a served icon with a `src` is drawn once the script
+   * runs.
+   *
+   * A name with no match, or a `src` that is no SVG, renders nothing, and the
+   * element fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted
    * first, so a library a later module registers is not taken for a typo.
    *
    * An icon is decorative by default and hidden from assistive technology. Set
@@ -70389,6 +71572,10 @@ export type CustomElementsSolidJs = {
    *
    * A name written `prefix:name` asks the library registered under that
    * prefix.
+   * - `src`: The URL of an SVG file to draw, fetched once a page and drawn in
+   * `currentColor` where the file does not color its shapes.
+   *
+   * Wins over `name`; `icon` wins over both. Absent draws `name`.
    * - `icon`: The icon to draw, as an object you import.
    *
    * **The scalable door, and the one this library uses internally.** An icon is
@@ -70426,8 +71613,8 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
-   * - `error`: `name` matches no registered icon and no library answers it, so nothing is drawn.
-   * - `load`: A glyph a library gave later for `name` is drawn.
+   * - `error`: `name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.
+   * - `load`: A glyph a library gave later for `name`, or the file at `src`, is drawn.
    *
    * ## Methods
    *
@@ -71558,6 +72745,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -71668,6 +72865,16 @@ export type CustomElementsSolidJs = {
    * Set it where the distance from nothing is the point rather than the shape,
    * and accept that a series which never approaches zero becomes a flat rule
    * near the top of the box.
+   * - `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
@@ -71698,6 +72905,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -71714,6 +72943,9 @@ 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
@@ -71760,6 +72992,13 @@ export type CustomElementsSolidJs = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -71812,6 +73051,7 @@ export type CustomElementsSolidJs = {
    * - `axis`: The numbers of the scale beside the plot, under `value-axis`.
    * - `band`: The band around the reading under the pointer.
    * - `baseline`: The rule at zero, where zero is inside the range.
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One rule across the plot, under `gridlines`.
    * - `guide`: A rule down the reading a pointer is resting on.
    * - `label`: One reading's name.
@@ -71819,6 +73059,7 @@ export type CustomElementsSolidJs = {
    * - `line`: The line for one series.
    * - `line-dashed`: A `line` whose series `dashed` names. Set alongside `line`.
    * - `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.
    * - `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`.
@@ -72614,6 +73855,11 @@ export type CustomElementsSolidJs = {
    * Draws two concentric circles: a track and a moving arc. The track shows the
    * arc as a proportion of a whole, and costs one element.
    *
+   * **For work whose length is known, use `Progress` with `shape="ring"`.** It
+   * draws the same ring filled to the value, says the value as a progress bar
+   * does, and says when the work is complete. A loader claims no proportion, so
+   * it takes no value.
+   *
    * **The center is a slot, empty by default.** Put your logo there once, where
    * your app wraps the loader. When nothing is slotted, nothing extra is
    * rendered.
@@ -77182,6 +78428,15 @@ export type CustomElementsSolidJs = {
    *
    * The fill is a fraction of the track, written as a custom property.
    *
+   * **The reading is said in the words the bar would show**: a whole percentage
+   * of the range in `locale`, the reading `format-options` writes, or
+   * `value-text`, as `aria-valuetext` beside the number.
+   *
+   * **Words set in the default slot are drawn on the bar**, or in the middle of a
+   * ring, such as `62%` or `3 of 8`, and are what the bar says as its reading
+   * where `value-text` is not set. While there are any, the bar carries
+   * `:state(content)`, so a sheet can make room for them.
+   *
    * **Reaching `max` is said and sent.** When the value arrives at `max` from
    * below, the bar says `complete-label`, "Complete" by default, in a polite
    * `live` region and sends `helix-complete`, so a reader hears that the work is
@@ -77208,7 +78463,8 @@ export type CustomElementsSolidJs = {
    *
    * A `percent` style writes the share of the range, and any other the value
    * itself, so the example says "18 GB". Absent is a whole percentage. The
-   * words are announced as well as shown. `value-text` still wins.
+   * words are announced whether or not `show-value` shows them. `value-text`
+   * still wins.
    * - `indeterminate`: Whether the length of the task is unknown. The bar then shows activity
    * without a value.
    *
@@ -77297,6 +78553,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: Words drawn on the bar, or in the middle of a ring, such as the reading. Said as the reading where `value-text` is not set.
    * - `label`: A visible label. Its words name the progress bar in place of `label`.
    *
    * ## CSS Custom Properties
@@ -77309,6 +78566,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `content`: The box holding the words of the default slot, over the track or in the middle of the ring. Carries `--progress-fraction`.
    * - `groove`: The unfilled circle under the ring's filled arc.
    * - `indicator`: The filled part that shows the work done.
    * - `live`: A polite region that says `complete-label` when the work is done, rendered from that moment. Hide it visually.
@@ -77320,6 +78578,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `complete`: The value is at `max` and the bar is not indeterminate.
+   * - `content`: Words are set in the default slot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-progress": Partial<
@@ -77488,6 +78747,12 @@ export type CustomElementsSolidJs = {
    * element, and its marks follow it: `lang="de"` sets „…“ and `lang="fr"` «…»
    * inside an English page.
    *
+   * **`no-marks` leaves the marks off**, for a quotation set where the page draws
+   * its own, such as a pull quote with a large decorative mark beside it or a
+   * table of sayings. The quotation still counts toward nesting, so a quote
+   * inside it takes the inner marks it would have had. Text with marks typed
+   * into it raises no warning under `no-marks`.
+   *
    * For a passage set off from the surrounding text, use a blockquote.
    *
    * ## Attributes & Properties
@@ -77495,6 +78760,12 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `cite`: URL identifying where the quotation came from.
+   * - `no-marks`/`noMarks`: Whether to leave the quotation marks off, for a quotation set where the
+   * page draws its own.
+   *
+   * Negative, because the marks are on by default and a boolean attribute is
+   * true whenever it is present. Reflected, because a stylesheet takes the
+   * marks off on it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -78269,6 +79540,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **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, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -78304,6 +79585,16 @@ export type CustomElementsSolidJs = {
    * Absent draws none. A series with fewer than two points, or with every
    * point at one measure across, has no line to draw. The summary already
    * gives each series' correlation, which says how near the points are to it.
+   * - `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
@@ -78334,6 +79625,28 @@ export type CustomElementsSolidJs = {
    * 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.
+   *
+   * ```js
+   * chart.data = {
+   *   caption: 'Sessions by channel',
+   *   columns: ['Month', 'Direct', 'Referral'],
+   *   rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+   * }
+   * ```
+   *
+   * The first column holds each row's label and every column after it a
+   * series, as in a table. A cell is a number, words, `null` for a blank,
+   * or `{ value, text }` for a number shown as words, such as `$128k`. A
+   * number is shown in `locale`.
+   *
+   * **A table is still the better source where the page can show one**:
+   * it reads with no script and before hydration, and a reader can sort and
+   * copy it. Data is drawn on the client only, so a server serves the
+   * 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. (property only)
    * - `series`: The table's columns, one series each. Empty when there is no table.
    *
    * Held by the controller between edits, so a render reading this five
@@ -78350,6 +79663,9 @@ 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
@@ -78396,6 +79712,13 @@ export type CustomElementsSolidJs = {
    * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, 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`.
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `empty`: Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.
+   *
    * ## Methods
    *
    * Methods that can be called to access component functionality.
@@ -78445,8 +79768,10 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `empty`: The words in place of the drawing 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.
    * - `gridline`: One line across the plot, drawn when `gridlines` is set.
    * - `live`: The readout: a polite live region that says the row 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.
    * - `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.
@@ -80199,15 +81524,21 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Screen readers announce the stats as a group. The figures are read together
-   * and their order has no meaning, so the group does not announce positions such
-   * as "1 of 4".
+   * **A named group is a group**, so a screen reader announces the stats
+   * together under its name, such as "Usage, group". Name it with `label`,
+   * `aria-label` or `aria-labelledby`. An unnamed one has no role, since a group
+   * with no name only adds "group" to what a reader says, as an unnamed Card
+   * has none. The figures are read together and their order has no meaning, so
+   * the group does not announce positions such as "1 of 4".
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `label`: Accessible name for the group.
+   * - `label`: Accessible name for the group, which makes it a group.
+   *
+   * Absent leaves the stats with no group around them, unless `aria-label` or
+   * `aria-labelledby` names it.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -80235,6 +81566,14 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The stats.
    *
+   * ## Methods
+   *
+   * 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 name written
+   * or taken off asks for an update, because it decides whether the stats are
+   * a group.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -80264,6 +81603,19 @@ export type CustomElementsSolidJs = {
    * attribute; a stat with no label has no role. Put a `Trend` in the `trend`
    * slot to have it read inside the group, after the figure it qualifies.
    *
+   * **Or give the figure as a number.** `value` is written with
+   * `Intl.NumberFormat`, in `locale` and with `format-options`, so
+   * `value="1234567" format-options='{"notation":"compact"}'` shows `1.2M`, and
+   * a server writes it as the browser does. A number in `value` takes the place
+   * of a slotted figure.
+   *
+   * **Each slot is a part of the same name**, and `value` for the figure, so a
+   * page reaches the label, the unit and the trend from outside. A slot draws no
+   * box, so a part passes inherited properties to what is slotted. **The stat
+   * says which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and
+   * `:state(has-trend)`, read in the browser, so a served stat carries none
+   * until the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -80293,6 +81645,20 @@ export type CustomElementsSolidJs = {
    * reports a hydration mismatch. The absent attribute is the column, which the
    * stylesheet reads as the base case, and the server spec asserts the host
    * carries nothing nobody wrote.
+   * - `format-options`/`formatOptions`: `Intl.NumberFormat` options `value` is written with, such as
+   * `{"notation":"compact"}` for `1.2M` or `{"style":"percent"}` for `98%`,
+   * written as JSON in the attribute.
+   *
+   * Absent writes the number as the locale writes any number.
+   * - `locale`: The locale `value` is written in, such as `de` for `1.234.567`.
+   *
+   * Absent reads the nearest `lang`, then the runtime's own. Set it on a page
+   * rendered on a server, so the server and the browser write the figure
+   * alike.
+   * - `value`: The figure as a number, written with `format-options` in `locale` in
+   * place of a slotted value.
+   *
+   * Absent leaves the figure to the slot.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -80327,12 +81693,18 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `value`: The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
+   * - `label`: The slot the label arrives through, drawing no box, as `value` does.
+   * - `trend`: The slot the trend arrives through, drawing no box, as `value` does.
+   * - `unit`: The slot the unit arrives through, drawing no box, as `value` does.
+   * - `value`: The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `has-label`: Something is slotted into `label`.
+   * - `has-trend`: Something is slotted into `trend`.
+   * - `has-unit`: Something is slotted into `unit`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-stat": Partial<