@fusion.dev/helix 0.152.0 → 0.154.0

package/types/jsx.d.ts

@@ -1255,6 +1255,25 @@ export type HelixAreaChartHelixReadingPressElementEvent =
   HelixAreaChartElementEvent<HelixReadingPressEvent>;
 
 export type HelixAreaChartProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixAreaChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixAreaChart["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?: (HelixAreaChart["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"?: (HelixAreaChart["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?: (HelixAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1352,6 +1371,29 @@ 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?: (HelixAreaChart["valueAxis"]) | 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?: (HelixAreaChart["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"?: ((
@@ -1364,6 +1406,25 @@ them, and the tooltip and the table hold every reading. */
 };
 
 export type HelixAreaChartSolidJsProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixAreaChart["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"?: (HelixAreaChart["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"?: (HelixAreaChart["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"?: (HelixAreaChart["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"?: (HelixAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1461,6 +1522,29 @@ 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"?: (HelixAreaChart["valueAxis"]) | 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"?: (HelixAreaChart["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: HelixAreaChartHelixReadingChangeElementEvent,
@@ -2218,6 +2302,25 @@ every component in the library and mean something on one. `wash` because
 that is what the tier below already calls it, in `--chart-bar-wash` and in
 the `bar-wash-start` and `bar-wash-end` stops. */
   wash?: (HelixBarChart["wash"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixBarChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixBarChart["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?: (HelixBarChart["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"?: (HelixBarChart["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?: (HelixBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -2377,6 +2480,29 @@ 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?: (HelixBarChart["valueAxis"]) | 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?: (HelixBarChart["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"?: ((
@@ -2494,6 +2620,25 @@ every component in the library and mean something on one. `wash` because
 that is what the tier below already calls it, in `--chart-bar-wash` and in
 the `bar-wash-start` and `bar-wash-end` stops. */
   "prop:wash"?: (HelixBarChart["wash"]) | 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"?: (HelixBarChart["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"?: (HelixBarChart["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"?: (HelixBarChart["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"?: (HelixBarChart["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"?: (HelixBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -2653,6 +2798,29 @@ 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"?: (HelixBarChart["valueAxis"]) | 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"?: (HelixBarChart["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: HelixBarChartHelixReadingChangeElementEvent,
@@ -2669,6 +2837,42 @@ no numbers. With `secondary` both scales are drawn whatever this says. */
 };
 
 export type HelixBlockquoteProps = {
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  "text-align"?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  textAlign?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  "text-wrap"?: (HelixBlockquote["textWrap"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  textWrap?: (HelixBlockquote["textWrap"]) | undefined;
   /** Who said it, and where, as words, such as "Maria Lopez, operations
 manager". The `attribution` slot replaces them, for markup such as a link.
 
@@ -2685,6 +2889,42 @@ element's language. Leave the marks out of the text. */
 };
 
 export type HelixBlockquoteSolidJsProps = {
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  "attr:text-align"?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage and its attribution align, set as `text-align`.
+
+`center` for a pull quote in the middle of a column and `end` for one
+against its far edge. Under either, the mark `marks` draws stands over
+the first line. Absent aligns as the prose around it does.
+
+Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+is a legacy HTML attribute the browser maps to `text-align` by itself,
+and it has no `start` or `end`. */
+  "prop:textAlign"?: (HelixBlockquote["textAlign"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  "attr:text-wrap"?: (HelixBlockquote["textWrap"]) | undefined;
+  /** How the passage's lines break, set as `text-wrap`.
+
+`balance` evens out the length of every line, which suits a pull quote of
+a few lines in display type. `pretty` avoids a last line of one short
+word, for a longer passage. Absent, the lines break as the browser breaks
+them. The same name and values `Text` takes, but `nowrap`, a passage being
+more than one line. */
+  "prop:textWrap"?: (HelixBlockquote["textWrap"]) | undefined;
   /** Who said it, and where, as words, such as "Maria Lopez, operations
 manager". The `attribution` slot replaces them, for markup such as a link.
 
@@ -4930,12 +5170,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?: (HelixCard["mediaPlacement"]) | undefined;
-  /**  */
-  "aria-labelledby"?: unknown;
-  /**  */
-  undefined?: unknown;
-  /**  */
-  "aria-label"?: unknown;
 };
 
 export type HelixCardSolidJsProps = {
@@ -5018,12 +5252,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"?: (HelixCard["mediaPlacement"]) | undefined;
-  /**  */
-  "attr:aria-labelledby"?: unknown;
-  /**  */
-  "prop:undefined"?: unknown;
-  /**  */
-  "attr:aria-label"?: unknown;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -7137,6 +7365,22 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   wrap?: (HelixCodeBlock["wrap"]) | 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. */
+  "code-label"?: (HelixCodeBlock["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?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -7284,6 +7528,22 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   "prop:wrap"?: (HelixCodeBlock["wrap"]) | 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. */
+  "attr:code-label"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["codeNameLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
   "attr:collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The expand button's words while the block shows every line. */
@@ -12935,6 +13195,29 @@ rotation that puts the first slice at nine o'clock, the aspect ratio of a
 box that is no longer square, and where the middle sits once the bottom of
 the circle is not drawn. */
   sweep?: (HelixDonutChart["sweep"]) | 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?: (HelixDonutChart["data"]) | undefined;
 };
 
 export type HelixDonutChartSolidJsProps = {
@@ -13079,6 +13362,29 @@ rotation that puts the first slice at nine o'clock, the aspect ratio of a
 box that is no longer square, and where the middle sits once the bottom of
 the circle is not drawn. */
   "prop:sweep"?: (HelixDonutChart["sweep"]) | 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"?: (HelixDonutChart["data"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -16074,6 +16380,29 @@ no order in it. */
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
   value?: (HelixHeatmap["value"]) | 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?: (HelixHeatmap["data"]) | undefined;
 
   /** Fired once a press or a key has changed which cells are selected. */
   onchange?: ((e: HelixHeatmapElementEvent) => void) | undefined;
@@ -16257,6 +16586,29 @@ no order in it. */
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
   "prop:value"?: (HelixHeatmap["value"]) | 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"?: (HelixHeatmap["data"]) | undefined;
   /** Fired once a press or a key has changed which cells are selected. */
   "on:change"?: ((e: HelixHeatmapElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable. */
@@ -16741,6 +17093,31 @@ invoker without an id in the same tree needs. */
 export type HelixIconElementEvent<E = Event> = TypedEvent<HelixIcon, E>;
 
 export type HelixIconProps = {
+  /** A motion that draws the eye or says work is going on: `spin` turns the
+glyph without end, `pulse` fades it in and out, and `beat` swells it.
+
+Absent is still. Reduced motion stills every one of them. */
+  animation?: (HelixIcon["animation"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "auto-width"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  autoWidth?: (HelixIcon["autoWidth"]) | undefined;
+  /** Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+`both` across both.
+
+Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+that follows the direction. */
+  flip?: (HelixIcon["flip"]) | undefined;
+  /** Turns the glyph clockwise by 90, 180 or 270 degrees.
+
+Absent draws it upright. `--icon-rotate` turns it by any other angle. */
+  rotate?: (HelixIcon["rotate"]) | undefined;
   /** The icon's name, read by screen readers. Set it for an icon that is not
 decorative. */
   label?: (HelixIcon["label"]) | undefined;
@@ -16764,6 +17141,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   name?: (HelixIcon["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?: (HelixIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -16778,13 +17160,38 @@ 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?: (HelixIcon["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: HelixIconElementEvent) => 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: HelixIconElementEvent) => void) | undefined;
 };
 
 export type HelixIconSolidJsProps = {
+  /** A motion that draws the eye or says work is going on: `spin` turns the
+glyph without end, `pulse` fades it in and out, and `beat` swells it.
+
+Absent is still. Reduced motion stills every one of them. */
+  "prop:animation"?: (HelixIcon["animation"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "bool:auto-width"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Whether the box takes the glyph's own proportions, its height from
+`--icon-size` and its width from the glyph's box.
+
+Absent is a square, which lines icons up in a column. */
+  "prop:autoWidth"?: (HelixIcon["autoWidth"]) | undefined;
+  /** Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+`both` across both.
+
+Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+that follows the direction. */
+  "prop:flip"?: (HelixIcon["flip"]) | undefined;
+  /** Turns the glyph clockwise by 90, 180 or 270 degrees.
+
+Absent draws it upright. `--icon-rotate` turns it by any other angle. */
+  "prop:rotate"?: (HelixIcon["rotate"]) | undefined;
   /** The icon's name, read by screen readers. Set it for an icon that is not
 decorative. */
   "prop:label"?: (HelixIcon["label"]) | undefined;
@@ -16808,6 +17215,11 @@ the value instead.
 A name written `prefix:name` asks the library registered under that
 prefix. */
   "prop:name"?: (HelixIcon["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"?: (HelixIcon["src"]) | undefined;
   /** The icon to draw, as an object you import.
 
 **The scalable door, and the one this library uses internally.** An icon is
@@ -16821,9 +17233,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"?: (HelixIcon["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: HelixIconElementEvent) => 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: HelixIconElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -18352,6 +18764,25 @@ chart and a card mean the same thing by the word.
 material choice, it is an absent series, and a chart says that by not
 having the datum rather than by painting it invisibly. */
   material?: (HelixLineChart["material"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixLineChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixLineChart["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?: (HelixLineChart["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"?: (HelixLineChart["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?: (HelixLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -18509,6 +18940,29 @@ 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?: (HelixLineChart["zero"]) | 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?: (HelixLineChart["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"?: ((
@@ -18561,6 +19015,25 @@ chart and a card mean the same thing by the word.
 material choice, it is an absent series, and a chart says that by not
 having the datum rather than by painting it invisibly. */
   "prop:material"?: (HelixLineChart["material"]) | 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"?: (HelixLineChart["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"?: (HelixLineChart["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"?: (HelixLineChart["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"?: (HelixLineChart["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"?: (HelixLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -18718,6 +19191,29 @@ 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"?: (HelixLineChart["zero"]) | 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"?: (HelixLineChart["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: HelixLineChartHelixReadingChangeElementEvent,
@@ -23911,7 +24407,13 @@ the state's word.
 
 Off by default, because the name and the busy state already change with
 the state, and an orb beside a stream of messages would otherwise talk
-over them. Set it on an orb that is the only sign of progress on the page. */
+over them. Set it on an orb that is the only sign of progress on the page.
+
+**Without it, finishing is silent.** `done` turns the orb into an image
+named "Done" that is no longer busy, which a screen reader reports when it
+next reaches the orb and does not say as it happens. A page whose own
+result arrives in a live region, such as a chat reply, already says the
+work is done; one that shows nothing else sets `announce`. */
   announce?: (HelixOrb["announce"]) | undefined;
   /** The name read by screen readers. Defaults to the name of the state, such
 as "Thinking".
@@ -23971,7 +24473,13 @@ the state's word.
 
 Off by default, because the name and the busy state already change with
 the state, and an orb beside a stream of messages would otherwise talk
-over them. Set it on an orb that is the only sign of progress on the page. */
+over them. Set it on an orb that is the only sign of progress on the page.
+
+**Without it, finishing is silent.** `done` turns the orb into an image
+named "Done" that is no longer busy, which a screen reader reports when it
+next reaches the orb and does not say as it happens. A page whose own
+result arrives in a live region, such as a chat reply, already says the
+work is done; one that shows nothing else sets `announce`. */
   "prop:announce"?: (HelixOrb["announce"]) | undefined;
   /** The name read by screen readers. Defaults to the name of the state, such
 as "Thinking".
@@ -25145,7 +25653,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"?: (HelixProgress["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
@@ -25157,7 +25666,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?: (HelixProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -25289,7 +25799,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"?: (HelixProgress["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
@@ -25301,7 +25812,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"?: (HelixProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -25508,11 +26020,39 @@ which is what makes it read as dots rather than as a softened square code. */
 export type HelixQuoteProps = {
   /** URL identifying where the quotation came from. */
   cite?: (HelixQuote["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"?: (HelixQuote["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?: (HelixQuote["noMarks"]) | undefined;
 };
 
 export type HelixQuoteSolidJsProps = {
   /** URL identifying where the quotation came from. */
   "prop:cite"?: (HelixQuote["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"?: (HelixQuote["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"?: (HelixQuote["noMarks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -27277,6 +27817,25 @@ export type HelixScatterChartHelixReadingPressElementEvent =
   HelixScatterChartElementEvent<HelixReadingPressEvent>;
 
 export type HelixScatterChartProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixScatterChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixScatterChart["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?: (HelixScatterChart["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"?: (HelixScatterChart["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?: (HelixScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -27372,6 +27931,29 @@ 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?: (HelixScatterChart["trend"]) | 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?: (HelixScatterChart["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"?: ((
@@ -27384,6 +27966,25 @@ gives each series' correlation, which says how near the points are to it. */
 };
 
 export type HelixScatterChartSolidJsProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixScatterChart["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"?: (HelixScatterChart["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"?: (HelixScatterChart["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"?: (HelixScatterChart["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"?: (HelixScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -27479,6 +28080,29 @@ 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"?: (HelixScatterChart["trend"]) | 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"?: (HelixScatterChart["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: HelixScatterChartHelixReadingChangeElementEvent,
@@ -28075,6 +28699,11 @@ fade the fill in and out, or `none` to sit still.
 
 Reduced motion stills both. */
   effect?: (HelixSkeleton["effect"]) | undefined;
+  /** How many lines of text the placeholder stands for, with `shape="text"`.
+
+Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+paragraph by it. */
+  lines?: (HelixSkeleton["lines"]) | undefined;
   /** The shape of the placeholder: `text`, `circle`, or a block when unset.
 
 Unset is a block, which is what most missing things are. A block is the
@@ -28100,6 +28729,11 @@ fade the fill in and out, or `none` to sit still.
 
 Reduced motion stills both. */
   "prop:effect"?: (HelixSkeleton["effect"]) | undefined;
+  /** How many lines of text the placeholder stands for, with `shape="text"`.
+
+Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+paragraph by it. */
+  "prop:lines"?: (HelixSkeleton["lines"]) | undefined;
   /** The shape of the placeholder: `text`, `circle`, or a block when unset.
 
 Unset is a block, which is what most missing things are. A block is the
@@ -29515,7 +30149,10 @@ figures compared one against another keep their own widths. */
   columns?: (HelixStatGroup["columns"]) | undefined;
   /** Draws a rule between the figures, in addition to the space. */
   divided?: (HelixStatGroup["divided"]) | undefined;
-  /** 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?: (HelixStatGroup["label"]) | undefined;
 };
 
@@ -29529,7 +30166,10 @@ figures compared one against another keep their own widths. */
   "prop:columns"?: (HelixStatGroup["columns"]) | undefined;
   /** Draws a rule between the figures, in addition to the space. */
   "prop:divided"?: (HelixStatGroup["divided"]) | undefined;
-  /** 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"?: (HelixStatGroup["label"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -29565,6 +30205,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?: (HelixStat["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"?: (HelixStat["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?: (HelixStat["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?: (HelixStat["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?: (HelixStat["value"]) | undefined;
 };
 
 export type HelixStatSolidJsProps = {
@@ -29594,6 +30257,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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["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"?: (HelixStat["value"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -37565,6 +38251,16 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -37637,6 +38333,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
@@ -37653,6 +38371,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
@@ -37699,6 +38420,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.
@@ -37755,12 +38483,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.
@@ -38309,6 +39039,7 @@ 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 Custom Properties
    *
@@ -38319,6 +39050,7 @@ export type CustomElements = {
    * - `--badge-color`: The color of the count, to pair with a fill set through `--badge-background-color`.
    * - `--badge-font-weight`: The weight of the count.
    * - `--badge-gap`: The space between the content and the count under `placement="inline"`.
+   * - `--badge-icon-size`: The size of an icon in the `icon` slot. The count's own size by default.
    * - `--badge-offset`: Pulls the mark in from the corner, along both axes.
    * - `--badge-radius`: How far the indicator's corners are rounded.
    * - `--badge-ring-color`: The color of the ring between the indicator and what is behind it.
@@ -38327,7 +39059,8 @@ export type CustomElements = {
    *
    * 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
    *
@@ -38335,7 +39068,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-badge": Partial<HelixBadgeProps & BaseProps<HelixBadge> & BaseEvents<HelixBadge>>;
@@ -38449,6 +39183,16 @@ export type CustomElements = {
    * every component in the library and mean something on one. `wash` because
    * that is what the tier below already calls it, in `--chart-bar-wash` and in
    * the `bar-wash-start` and `bar-wash-end` stops.
+   * - `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
@@ -38580,6 +39324,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
@@ -38596,6 +39362,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
@@ -38642,6 +39411,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.
@@ -38705,6 +39481,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`.
@@ -38712,6 +39489,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.
@@ -38750,10 +39528,31 @@ export type CustomElements = {
    * set the passage apart. `marks` draws one large opening mark over the passage,
    * as a pull quote sets it, in the element's language.
    *
+   * `text-align` sets the passage and its attribution in the middle of the
+   * column or against its far edge, as a pull quote often stands. There, the
+   * mark `marks` draws stands over the passage rather than beside it.
+   * `text-wrap="balance"` evens out a short passage's lines.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `text-align`/`textAlign`: How the passage and its attribution align, set as `text-align`.
+   *
+   * `center` for a pull quote in the middle of a column and `end` for one
+   * against its far edge. Under either, the mark `marks` draws stands over
+   * the first line. Absent aligns as the prose around it does.
+   *
+   * Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+   * is a legacy HTML attribute the browser maps to `text-align` by itself,
+   * and it has no `start` or `end`.
+   * - `text-wrap`/`textWrap`: How the passage's lines break, set as `text-wrap`.
+   *
+   * `balance` evens out the length of every line, which suits a pull quote of
+   * a few lines in display type. `pretty` avoids a last line of one short
+   * word, for a longer passage. Absent, the lines break as the browser breaks
+   * them. The same name and values `Text` takes, but `nowrap`, a passage being
+   * more than one line.
    * - `attribution`: Who said it, and where, as words, such as "Maria Lopez, operations
    * manager". The `attribution` slot replaces them, for markup such as a link.
    *
@@ -40306,8 +41105,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
@@ -40340,6 +41137,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -41753,6 +42558,12 @@ export type CustomElements = {
    * significant in code and a wrapped line reads as two. For prose-like code, such as a long command or
    * a log line, a wrap reads better than a scroll. Line numbers keep the lines
    * unwrapped, since a wrapped line would take one number and several rows.
+   * - `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.
@@ -45340,6 +46151,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
@@ -45356,6 +46189,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
@@ -45990,13 +46826,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-empty": Partial<HelixEmptyProps & BaseProps<HelixEmpty> & BaseEvents<HelixEmpty>>;
@@ -47823,6 +48664,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
@@ -47839,6 +48702,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
@@ -48341,10 +49207,33 @@ export type CustomElements = {
    * Inside a button, `--icon-size` is set in `em`, so the icon scales with the
    * button.
    *
+   * **The glyph turns, flips and moves inside its own box**, so the line around
+   * it keeps its place: `rotate` turns it by a quarter, a half or three
+   * quarters, `--icon-rotate` by any angle, `flip` mirrors it across either
+   * axis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.
+   * Reduced motion stills every animation. `auto-width` gives the box the
+   * glyph's own proportions, for a mark wider than it is tall.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `animation`: A motion that draws the eye or says work is going on: `spin` turns the
+   * glyph without end, `pulse` fades it in and out, and `beat` swells it.
+   *
+   * Absent is still. Reduced motion stills every one of them.
+   * - `auto-width`/`autoWidth`: Whether the box takes the glyph's own proportions, its height from
+   * `--icon-size` and its width from the glyph's box.
+   *
+   * Absent is a square, which lines icons up in a column.
+   * - `flip`: Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+   * `both` across both.
+   *
+   * Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+   * that follows the direction.
+   * - `rotate`: Turns the glyph clockwise by 90, 180 or 270 degrees.
+   *
+   * Absent draws it upright. `--icon-rotate` turns it by any other angle.
    * - `label`: The icon's name, read by screen readers. Set it for an icon that is not
    * decorative.
    * - `mirror`: Flips the glyph on a right-to-left page. Use it for an arrow that means
@@ -48365,6 +49254,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
@@ -48402,8 +49295,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
    *
@@ -48417,7 +49310,9 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--icon-size`: The width and height of the icon's box.
+   * - `--icon-animation-duration`: How long one turn, pulse or beat of `animation` takes.
+   * - `--icon-rotate`: An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.
+   * - `--icon-size`: The width and height of the icon's box. The height alone under `auto-width`.
    *
    * ## CSS Parts
    *
@@ -49526,6 +50421,16 @@ export type CustomElements = {
    * **`transparent` is where this one stops.** A mark with no ink is not a
    * material choice, it is an absent series, and a chart says that by not
    * having the datum rather than by painting it invisibly.
+   * - `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
@@ -49662,6 +50567,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
@@ -49678,6 +50605,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
@@ -49724,6 +50654,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.
@@ -49788,6 +50725,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.
@@ -49795,6 +50733,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`.
@@ -53861,6 +54800,12 @@ export type CustomElements = {
    * Off by default, because the name and the busy state already change with
    * the state, and an orb beside a stream of messages would otherwise talk
    * over them. Set it on an orb that is the only sign of progress on the page.
+   *
+   * **Without it, finishing is silent.** `done` turns the orb into an image
+   * named "Done" that is no longer busy, which a screen reader reports when it
+   * next reaches the orb and does not say as it happens. A page whose own
+   * result arrives in a live region, such as a chat reply, already says the
+   * work is done; one that shows nothing else sets `announce`.
    * - `label`: The name read by screen readers. Defaults to the name of the state, such
    * as "Thinking".
    *
@@ -54981,7 +55926,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.
    *
@@ -55070,6 +56016,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. The bar grows to their height, and over the fill they take the fill's own ink.
    * - `label`: A visible label, above a bar and under a ring. Its words name it in place of `label`.
    *
    * ## CSS Custom Properties
@@ -55077,6 +56024,9 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--progress-color`: Fill of the part that is done.
+   * - `--progress-content-color`: The color of the words of the default slot where they are over the track, and in a ring.
+   * - `--progress-content-fill-color`: The color of the words of the default slot where they are over the fill.
+   * - `--progress-content-size`: The type size of the words of the default slot.
    * - `--progress-label-color`: Color of a slotted label.
    * - `--progress-label-gap`: Space between a slotted label and the bar.
    * - `--progress-label-size`: Type size of a slotted label.
@@ -55095,6 +56045,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.
@@ -55106,6 +56057,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-progress": Partial<
@@ -55257,6 +56209,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
@@ -56687,6 +57645,16 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -56748,6 +57716,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
@@ -56764,6 +57754,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
@@ -56810,6 +57803,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.
@@ -56868,8 +57868,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.
@@ -57385,6 +58387,11 @@ export type CustomElements = {
    * Around content with `loading`, the skeleton takes the content's box and
    * paints over it, and the content is hidden until `loading` is taken off.
    *
+   * **`lines` draws a paragraph.** With `shape="text"` and `lines="3"`, one
+   * element stands in for three lines of text: each line a `skeleton` part one
+   * `em` tall, spaced a body line height apart, and the last one shorter, as the end
+   * of a paragraph is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -57393,6 +58400,10 @@ export type CustomElements = {
    * fade the fill in and out, or `none` to sit still.
    *
    * Reduced motion stills both.
+   * - `lines`: How many lines of text the placeholder stands for, with `shape="text"`.
+   *
+   * Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+   * paragraph by it.
    * - `shape`: The shape of the placeholder: `text`, `circle`, or a block when unset.
    *
    * Unset is a block, which is what most missing things are. A block is the
@@ -57441,6 +58452,7 @@ export type CustomElements = {
    * - `--skeleton-block-size`: The height of the block shape, which is the shape when `shape` is unset. Defaults to the control height.
    * - `--skeleton-color`: The placeholder's fill.
    * - `--skeleton-duration`: How long one sweep or one pulse takes.
+   * - `--skeleton-last-line-size`: The width of the last line of a `lines` paragraph. Defaults to 60%.
    * - `--skeleton-radius`: The corner of the block shape.
    * - `--skeleton-sheen-color`: The highlight the sweep carries across the fill.
    * - `--skeleton-size`: The diameter of the circle shape.
@@ -57450,8 +58462,10 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `content`: The box around the content, hidden while `loading`.
+   * - `line`: Each line of a `lines` paragraph, which is also a `skeleton` part.
+   * - `lines`: The column holding a `lines` paragraph, drawn only for `shape="text"` with two or more lines.
    * - `sheen`: The highlight swept across the shape. Hidden for `effect="pulse"` and `effect="none"`.
-   * - `skeleton`: The placeholder shape.
+   * - `skeleton`: The placeholder shape, or each line of a `lines` paragraph.
    *
    * ## CSS States
    *
@@ -58619,7 +59633,10 @@ export type CustomElements = {
    * with its rule; and a count is what a set of facts read across wants, where
    * figures compared one against another keep their own widths.
    * - `divided`: Draws a rule between the figures, in addition to the space.
-   * - `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
@@ -58647,6 +59664,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -58698,6 +59723,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
@@ -58745,11 +59784,17 @@ 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.
    *
    * ## 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-stat": Partial<HelixStatProps & BaseProps<HelixStat> & BaseEvents<HelixStat>>;
@@ -64966,6 +66011,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -65038,6 +66093,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
@@ -65054,6 +66131,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
@@ -65100,6 +66180,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.
@@ -65156,12 +66243,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.
@@ -65721,6 +66810,7 @@ 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 Custom Properties
    *
@@ -65731,6 +66821,7 @@ export type CustomElementsSolidJs = {
    * - `--badge-color`: The color of the count, to pair with a fill set through `--badge-background-color`.
    * - `--badge-font-weight`: The weight of the count.
    * - `--badge-gap`: The space between the content and the count under `placement="inline"`.
+   * - `--badge-icon-size`: The size of an icon in the `icon` slot. The count's own size by default.
    * - `--badge-offset`: Pulls the mark in from the corner, along both axes.
    * - `--badge-radius`: How far the indicator's corners are rounded.
    * - `--badge-ring-color`: The color of the ring between the indicator and what is behind it.
@@ -65739,7 +66830,8 @@ export type CustomElementsSolidJs = {
    *
    * 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
    *
@@ -65747,7 +66839,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-badge": Partial<
@@ -65866,6 +66959,16 @@ export type CustomElementsSolidJs = {
    * every component in the library and mean something on one. `wash` because
    * that is what the tier below already calls it, in `--chart-bar-wash` and in
    * the `bar-wash-start` and `bar-wash-end` stops.
+   * - `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
@@ -65997,6 +67100,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
@@ -66013,6 +67138,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
@@ -66059,6 +67187,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.
@@ -66122,6 +67257,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`.
@@ -66129,6 +67265,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.
@@ -66170,10 +67307,31 @@ export type CustomElementsSolidJs = {
    * set the passage apart. `marks` draws one large opening mark over the passage,
    * as a pull quote sets it, in the element's language.
    *
+   * `text-align` sets the passage and its attribution in the middle of the
+   * column or against its far edge, as a pull quote often stands. There, the
+   * mark `marks` draws stands over the passage rather than beside it.
+   * `text-wrap="balance"` evens out a short passage's lines.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `text-align`/`textAlign`: How the passage and its attribution align, set as `text-align`.
+   *
+   * `center` for a pull quote in the middle of a column and `end` for one
+   * against its far edge. Under either, the mark `marks` draws stands over
+   * the first line. Absent aligns as the prose around it does.
+   *
+   * Named for the CSS property it sets, as `Text.textAlign` is: `align` alone
+   * is a legacy HTML attribute the browser maps to `text-align` by itself,
+   * and it has no `start` or `end`.
+   * - `text-wrap`/`textWrap`: How the passage's lines break, set as `text-wrap`.
+   *
+   * `balance` evens out the length of every line, which suits a pull quote of
+   * a few lines in display type. `pretty` avoids a last line of one short
+   * word, for a longer passage. Absent, the lines break as the browser breaks
+   * them. The same name and values `Text` takes, but `nowrap`, a passage being
+   * more than one line.
    * - `attribution`: Who said it, and where, as words, such as "Maria Lopez, operations
    * manager". The `attribution` slot replaces them, for markup such as a link.
    *
@@ -67753,8 +68911,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
@@ -67787,6 +68943,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -69219,6 +70383,12 @@ export type CustomElementsSolidJs = {
    * significant in code and a wrapped line reads as two. For prose-like code, such as a long command or
    * a log line, a wrap reads better than a scroll. Line numbers keep the lines
    * unwrapped, since a wrapped line would take one number and several rows.
+   * - `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.
@@ -72845,6 +74015,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
@@ -72861,6 +74053,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
@@ -73507,13 +74702,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-empty": Partial<
@@ -75375,6 +76575,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
@@ -75391,6 +76613,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
@@ -75899,10 +77124,33 @@ export type CustomElementsSolidJs = {
    * Inside a button, `--icon-size` is set in `em`, so the icon scales with the
    * button.
    *
+   * **The glyph turns, flips and moves inside its own box**, so the line around
+   * it keeps its place: `rotate` turns it by a quarter, a half or three
+   * quarters, `--icon-rotate` by any angle, `flip` mirrors it across either
+   * axis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.
+   * Reduced motion stills every animation. `auto-width` gives the box the
+   * glyph's own proportions, for a mark wider than it is tall.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `animation`: A motion that draws the eye or says work is going on: `spin` turns the
+   * glyph without end, `pulse` fades it in and out, and `beat` swells it.
+   *
+   * Absent is still. Reduced motion stills every one of them.
+   * - `auto-width`/`autoWidth`: Whether the box takes the glyph's own proportions, its height from
+   * `--icon-size` and its width from the glyph's box.
+   *
+   * Absent is a square, which lines icons up in a column.
+   * - `flip`: Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,
+   * `both` across both.
+   *
+   * Absent draws it as it is. On a right-to-left page, `mirror` is the flip
+   * that follows the direction.
+   * - `rotate`: Turns the glyph clockwise by 90, 180 or 270 degrees.
+   *
+   * Absent draws it upright. `--icon-rotate` turns it by any other angle.
    * - `label`: The icon's name, read by screen readers. Set it for an icon that is not
    * decorative.
    * - `mirror`: Flips the glyph on a right-to-left page. Use it for an arrow that means
@@ -75923,6 +77171,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
@@ -75960,8 +77212,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
    *
@@ -75975,7 +77227,9 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--icon-size`: The width and height of the icon's box.
+   * - `--icon-animation-duration`: How long one turn, pulse or beat of `animation` takes.
+   * - `--icon-rotate`: An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.
+   * - `--icon-size`: The width and height of the icon's box. The height alone under `auto-width`.
    *
    * ## CSS Parts
    *
@@ -77107,6 +78361,16 @@ export type CustomElementsSolidJs = {
    * **`transparent` is where this one stops.** A mark with no ink is not a
    * material choice, it is an absent series, and a chart says that by not
    * having the datum rather than by painting it invisibly.
+   * - `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
@@ -77243,6 +78507,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
@@ -77259,6 +78545,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
@@ -77305,6 +78594,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.
@@ -77369,6 +78665,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.
@@ -77376,6 +78673,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`.
@@ -81531,6 +82829,12 @@ export type CustomElementsSolidJs = {
    * Off by default, because the name and the busy state already change with
    * the state, and an orb beside a stream of messages would otherwise talk
    * over them. Set it on an orb that is the only sign of progress on the page.
+   *
+   * **Without it, finishing is silent.** `done` turns the orb into an image
+   * named "Done" that is no longer busy, which a screen reader reports when it
+   * next reaches the orb and does not say as it happens. A page whose own
+   * result arrives in a live region, such as a chat reply, already says the
+   * work is done; one that shows nothing else sets `announce`.
    * - `label`: The name read by screen readers. Defaults to the name of the state, such
    * as "Thinking".
    *
@@ -82671,7 +83975,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.
    *
@@ -82760,6 +84065,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. The bar grows to their height, and over the fill they take the fill's own ink.
    * - `label`: A visible label, above a bar and under a ring. Its words name it in place of `label`.
    *
    * ## CSS Custom Properties
@@ -82767,6 +84073,9 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--progress-color`: Fill of the part that is done.
+   * - `--progress-content-color`: The color of the words of the default slot where they are over the track, and in a ring.
+   * - `--progress-content-fill-color`: The color of the words of the default slot where they are over the fill.
+   * - `--progress-content-size`: The type size of the words of the default slot.
    * - `--progress-label-color`: Color of a slotted label.
    * - `--progress-label-gap`: Space between a slotted label and the bar.
    * - `--progress-label-size`: Type size of a slotted label.
@@ -82785,6 +84094,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.
@@ -82796,6 +84106,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-progress": Partial<
@@ -82953,6 +84264,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
@@ -84417,6 +85734,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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
@@ -84478,6 +85805,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
@@ -84494,6 +85843,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
@@ -84540,6 +85892,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.
@@ -84598,8 +85957,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.
@@ -85124,6 +86485,11 @@ export type CustomElementsSolidJs = {
    * Around content with `loading`, the skeleton takes the content's box and
    * paints over it, and the content is hidden until `loading` is taken off.
    *
+   * **`lines` draws a paragraph.** With `shape="text"` and `lines="3"`, one
+   * element stands in for three lines of text: each line a `skeleton` part one
+   * `em` tall, spaced a body line height apart, and the last one shorter, as the end
+   * of a paragraph is.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -85132,6 +86498,10 @@ export type CustomElementsSolidJs = {
    * fade the fill in and out, or `none` to sit still.
    *
    * Reduced motion stills both.
+   * - `lines`: How many lines of text the placeholder stands for, with `shape="text"`.
+   *
+   * Absent, or 1, is one line. Reflected, because the stylesheet sizes a
+   * paragraph by it.
    * - `shape`: The shape of the placeholder: `text`, `circle`, or a block when unset.
    *
    * Unset is a block, which is what most missing things are. A block is the
@@ -85180,6 +86550,7 @@ export type CustomElementsSolidJs = {
    * - `--skeleton-block-size`: The height of the block shape, which is the shape when `shape` is unset. Defaults to the control height.
    * - `--skeleton-color`: The placeholder's fill.
    * - `--skeleton-duration`: How long one sweep or one pulse takes.
+   * - `--skeleton-last-line-size`: The width of the last line of a `lines` paragraph. Defaults to 60%.
    * - `--skeleton-radius`: The corner of the block shape.
    * - `--skeleton-sheen-color`: The highlight the sweep carries across the fill.
    * - `--skeleton-size`: The diameter of the circle shape.
@@ -85189,8 +86560,10 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `content`: The box around the content, hidden while `loading`.
+   * - `line`: Each line of a `lines` paragraph, which is also a `skeleton` part.
+   * - `lines`: The column holding a `lines` paragraph, drawn only for `shape="text"` with two or more lines.
    * - `sheen`: The highlight swept across the shape. Hidden for `effect="pulse"` and `effect="none"`.
-   * - `skeleton`: The placeholder shape.
+   * - `skeleton`: The placeholder shape, or each line of a `lines` paragraph.
    *
    * ## CSS States
    *
@@ -86382,7 +87755,10 @@ export type CustomElementsSolidJs = {
    * with its rule; and a count is what a set of facts read across wants, where
    * figures compared one against another keep their own widths.
    * - `divided`: Draws a rule between the figures, in addition to the space.
-   * - `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
@@ -86410,6 +87786,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -86464,6 +87848,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
@@ -86511,11 +87909,17 @@ 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.
    *
    * ## 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-stat": Partial<
@@ -92350,6 +93754,8 @@ export type CustomCssProperties = {
   "--badge-font-weight"?: (string) | undefined;
   /** The space between the content and the count under `placement="inline"`. */
   "--badge-gap"?: (string) | undefined;
+  /** The size of an icon in the `icon` slot. The count's own size by default. */
+  "--badge-icon-size"?: (string) | undefined;
   /** Pulls the mark in from the corner, along both axes. */
   "--badge-offset"?: (string) | undefined;
   /** How far the indicator's corners are rounded. */
@@ -93210,7 +94616,11 @@ export type CustomCssProperties = {
   "--heatmap-rows"?: (string) | undefined;
   /** The tone of the cell it is set on. The component writes it, and the stylesheet that paints the cell reads it. */
   "--heatmap-tone"?: (string) | undefined;
-  /** The width and height of the icon's box. */
+  /** How long one turn, pulse or beat of `animation` takes. */
+  "--icon-animation-duration"?: (string) | undefined;
+  /** An angle the glyph is turned by, such as `45deg`. `rotate` wins over it. */
+  "--icon-rotate"?: (string) | undefined;
+  /** The width and height of the icon's box. The height alone under `auto-width`. */
   "--icon-size"?: (string) | undefined;
   /** The aspect ratio of the box, such as `16 / 9`. */
   "--image-aspect"?: (string) | undefined;
@@ -93818,6 +95228,12 @@ export type CustomCssProperties = {
   "--popover-shadow"?: (string) | undefined;
   /** Fill of the part that is done. */
   "--progress-color"?: (string) | undefined;
+  /** The color of the words of the default slot where they are over the track, and in a ring. */
+  "--progress-content-color"?: (string) | undefined;
+  /** The color of the words of the default slot where they are over the fill. */
+  "--progress-content-fill-color"?: (string) | undefined;
+  /** The type size of the words of the default slot. */
+  "--progress-content-size"?: (string) | undefined;
   /** Color of a slotted label. */
   "--progress-label-color"?: (string) | undefined;
   /** Space between a slotted label and the bar. */
@@ -94010,6 +95426,8 @@ export type CustomCssProperties = {
   "--skeleton-color"?: (string) | undefined;
   /** How long one sweep or one pulse takes. */
   "--skeleton-duration"?: (string) | undefined;
+  /** The width of the last line of a `lines` paragraph. Defaults to 60%. */
+  "--skeleton-last-line-size"?: (string) | undefined;
   /** The corner of the block shape. */
   "--skeleton-radius"?: (string) | undefined;
   /** The highlight the sweep carries across the fill. */