@fusion.dev/helix-headless 0.151.0 → 0.153.0

package/types/jsx.d.ts

@@ -969,6 +969,22 @@ the wordmark and the actions happen to measure.
 takes a search field or a breadcrumb trail as readily as a `Navigation`, so
 the property carries the part's name, `content`. */
   contentAlign?: (HelixHeadlessAppHeader["contentAlign"]) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "fold-below"?: (HelixHeadlessAppHeader["foldBelow"] | `${number}`) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  foldBelow?: (HelixHeadlessAppHeader["foldBelow"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "hide-on-scroll"?: (HelixHeadlessAppHeader["hideOnScroll"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  hideOnScroll?: (HelixHeadlessAppHeader["hideOnScroll"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "menu-label"?: (HelixHeadlessAppHeader["menuLabel"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  menuLabel?: (HelixHeadlessAppHeader["menuLabel"]) | undefined;
   /** The id of the element whose scrolling lifts the bar, for an app shell that
 scrolls a container instead of the window. Unset is the window. */
   scroller?: (HelixHeadlessAppHeader["scroller"]) | undefined;
@@ -1008,6 +1024,22 @@ the wordmark and the actions happen to measure.
 takes a search field or a breadcrumb trail as readily as a `Navigation`, so
 the property carries the part's name, `content`. */
   "prop:contentAlign"?: (HelixHeadlessAppHeader["contentAlign"]) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "attr:fold-below"?: (HelixHeadlessAppHeader["foldBelow"] | `${number}`) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "prop:foldBelow"?: (HelixHeadlessAppHeader["foldBelow"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "bool:hide-on-scroll"?: (HelixHeadlessAppHeader["hideOnScroll"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "prop:hideOnScroll"?: (HelixHeadlessAppHeader["hideOnScroll"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "attr:menu-label"?: (HelixHeadlessAppHeader["menuLabel"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "prop:menuLabel"?: (HelixHeadlessAppHeader["menuLabel"]) | undefined;
   /** The id of the element whose scrolling lifts the bar, for an app shell that
 scrolls a container instead of the window. Unset is the window. */
   "prop:scroller"?: (HelixHeadlessAppHeader["scroller"]) | undefined;
@@ -1096,6 +1128,25 @@ them, and the tooltip and the table hold every reading. */
 Absent draws none: bands read as a composition need no numbers beside
 them, and the tooltip and the table hold every reading. */
   valueAxis?: (HelixHeadlessAreaChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessAreaChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessAreaChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessAreaChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1132,6 +1183,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessAreaChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessAreaChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -1205,6 +1279,25 @@ them, and the tooltip and the table hold every reading. */
 Absent draws none: bands read as a composition need no numbers beside
 them, and the tooltip and the table hold every reading. */
   "prop:valueAxis"?: (HelixHeadlessAreaChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessAreaChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessAreaChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessAreaChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessAreaChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1241,6 +1334,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessAreaChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessAreaChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessAreaChartHelixReadingChangeElementEvent,
@@ -1702,6 +1818,25 @@ bottom of bars under `orientation="horizontal"`.
 Absent draws none with one scale, since bars compared with each other need
 no numbers. With `secondary` both scales are drawn whatever this says. */
   valueAxis?: (HelixHeadlessBarChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessBarChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessBarChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessBarChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessBarChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1738,6 +1873,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessBarChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessBarChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -1873,6 +2031,25 @@ bottom of bars under `orientation="horizontal"`.
 Absent draws none with one scale, since bars compared with each other need
 no numbers. With `secondary` both scales are drawn whatever this says. */
   "prop:valueAxis"?: (HelixHeadlessBarChart["valueAxis"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessBarChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessBarChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessBarChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessBarChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessBarChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -1909,6 +2086,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessBarChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessBarChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessBarChartHelixReadingChangeElementEvent,
@@ -10754,8 +10954,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedby?: (HelixHeadlessDialog["closedBy"]) | undefined;
   /** Which close requests the browser handles on its own.
 
@@ -10765,8 +10971,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedBy?: (HelixHeadlessDialog["closedBy"]) | undefined;
   /** Draws a control that closes the dialog, in the corner where the title is.
 
@@ -10860,8 +11072,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   "attr:closedby"?: (HelixHeadlessDialog["closedBy"]) | undefined;
   /** Which close requests the browser handles on its own.
 
@@ -10871,8 +11089,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   "prop:closedBy"?: (HelixHeadlessDialog["closedBy"]) | undefined;
   /** Draws a control that closes the dialog, in the corner where the title is.
 
@@ -11091,6 +11315,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessDonutChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessDonutChart["data"]) | undefined;
 };
 
 export type HelixHeadlessDonutChartSolidJsProps = {
@@ -11194,6 +11441,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessDonutChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessDonutChart["data"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -11271,6 +11541,12 @@ lost its focus trap because a consumer forgot a word would be worse than an
 attribute on the host, and nothing selects on it: the scrim is rendered or
 not, rather than shown or hidden by CSS. */
   modal?: (HelixHeadlessDrawer["modal"]) | undefined;
+  /** Stops Escape, a press outside, and a swipe from closing the drawer, for a
+drawer that has to be answered.
+
+The close control and `close()` still close it, as on `Dialog`: a panel
+with no way out at all is a trap. */
+  persistent?: (HelixHeadlessDrawer["persistent"]) | undefined;
   /** Which edge the drawer comes from.
 
 Unset is `end`, and it stays unset rather than being written down: a
@@ -11398,6 +11674,12 @@ lost its focus trap because a consumer forgot a word would be worse than an
 attribute on the host, and nothing selects on it: the scrim is rendered or
 not, rather than shown or hidden by CSS. */
   "prop:modal"?: (HelixHeadlessDrawer["modal"]) | undefined;
+  /** Stops Escape, a press outside, and a swipe from closing the drawer, for a
+drawer that has to be answered.
+
+The close control and `close()` still close it, as on `Dialog`: a panel
+with no way out at all is a trap. */
+  "prop:persistent"?: (HelixHeadlessDrawer["persistent"]) | undefined;
   /** Which edge the drawer comes from.
 
 Unset is `end`, and it stays unset rather than being written down: a
@@ -13820,6 +14102,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessHeatmap["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessHeatmap["data"]) | undefined;
 
   /** Fired once a press or a key has changed which cells are selected. */
   onchange?: ((e: HelixHeadlessHeatmapElementEvent) => void) | undefined;
@@ -14003,6 +14308,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessHeatmap["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessHeatmap["data"]) | undefined;
   /** Fired once a press or a key has changed which cells are selected. */
   "on:change"?: ((e: HelixHeadlessHeatmapElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable. */
@@ -15963,6 +16291,25 @@ Set it where the distance from nothing is the point rather than the shape,
 and accept that a series which never approaches zero becomes a flat rule
 near the top of the box. */
   zero?: (HelixHeadlessLineChart["zero"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessLineChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessLineChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessLineChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessLineChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -15999,6 +16346,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessLineChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessLineChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -16132,6 +16502,25 @@ Set it where the distance from nothing is the point rather than the shape,
 and accept that a series which never approaches zero becomes a flat rule
 near the top of the box. */
   "prop:zero"?: (HelixHeadlessLineChart["zero"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessLineChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessLineChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessLineChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessLineChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessLineChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -16168,6 +16557,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessLineChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessLineChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessLineChartHelixReadingChangeElementEvent,
@@ -22284,7 +22696,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "format-options"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** `Intl.NumberFormat` options the reading is written with, as React Aria's
 Meter and ProgressBar take them: a unit, a currency, or a number of
@@ -22296,7 +22709,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   formatOptions?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -22412,7 +22826,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "attr:format-options"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** `Intl.NumberFormat` options the reading is written with, as React Aria's
 Meter and ProgressBar take them: a unit, a currency, or a number of
@@ -22424,7 +22839,8 @@ decimals. Written as JSON in the attribute.
 
 A `percent` style writes the share of the range, and any other the value
 itself, so the example says "18 GB". Absent is a whole percentage. The
-words are announced as well as shown. `value-text` still wins. */
+words are announced whether or not `show-value` shows them. `value-text`
+still wins. */
   "prop:formatOptions"?: (HelixHeadlessProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
@@ -23508,6 +23924,25 @@ Absent draws none. A series with fewer than two points, or with every
 point at one measure across, has no line to draw. The summary already
 gives each series' correlation, which says how near the points are to it. */
   trend?: (HelixHeadlessScatterChart["trend"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessScatterChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessScatterChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessScatterChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -23544,6 +23979,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   positionLabel?: (HelixHeadlessScatterChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  data?: (HelixHeadlessScatterChart["data"]) | undefined;
 
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "onhelix-reading-change"?: ((
@@ -23615,6 +24073,25 @@ Absent draws none. A series with fewer than two points, or with every
 point at one measure across, has no line to draw. The summary already
 gives each series' correlation, which says how near the points are to it. */
   "prop:trend"?: (HelixHeadlessScatterChart["trend"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessScatterChart["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessScatterChart["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessScatterChart["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessScatterChart["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -23651,6 +24128,29 @@ Set it to the words of the page's language, such as `{position} von
 {count}`, or to nothing to say no position. A slice or a series a
 legend hid is not counted. */
   "prop:positionLabel"?: (HelixHeadlessScatterChart["positionLabel"]) | undefined;
+  /** The readings as data, in the shape of a table, where the page has no
+table to point `for` at. `for` wins where both are set.
+
+```js
+chart.data = {
+  caption: 'Sessions by channel',
+  columns: ['Month', 'Direct', 'Referral'],
+  rows: [['Jan', 10, 4], ['Feb', 20, 8]],
+}
+```
+
+The first column holds each row's label and every column after it a
+series, as in a table. A cell is a number, words, `null` for a blank,
+or `{ value, text }` for a number shown as words, such as `$128k`. A
+number is shown in `locale`.
+
+**A table is still the better source where the page can show one**:
+it reads with no script and before hydration, and a reader can sort and
+copy it. Data is drawn on the client only, so a server serves the
+frame, and the summary, the keys and the readout are then the whole of
+what a screen reader is given. Set a new object to redraw: the chart
+does not look inside the one it has. */
+  "prop:data"?: (HelixHeadlessScatterChart["data"]) | undefined;
   /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
   "on:helix-reading-change"?: ((
     e: HelixHeadlessScatterChartHelixReadingChangeElementEvent,
@@ -25251,6 +25751,9 @@ Reading gives where it is; writing declares it the consumer's, and
 `default-position` seeds one this element owns. The same accessor pair
 `Pagination.page` and the calendar's `month` carry. */
   position?: (HelixHeadlessSplitter["position"]) | undefined;
+  /** The pane that keeps its size when the splitter's own size changes. The
+other pane takes all of the change. Unset, both keep their share. */
+  primary?: (HelixHeadlessSplitter["primary"]) | undefined;
   /** Where a dragged divider snaps, comma separated, as Web Awesome's split
 panel does: a bare number is a percentage and a length such as `240px` is
 measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -25392,6 +25895,9 @@ Reading gives where it is; writing declares it the consumer's, and
 `default-position` seeds one this element owns. The same accessor pair
 `Pagination.page` and the calendar's `month` carry. */
   "prop:position"?: (HelixHeadlessSplitter["position"]) | undefined;
+  /** The pane that keeps its size when the splitter's own size changes. The
+other pane takes all of the change. Unset, both keep their share. */
+  "prop:primary"?: (HelixHeadlessSplitter["primary"]) | undefined;
   /** Where a dragged divider snaps, comma separated, as Web Awesome's split
 panel does: a bare number is a percentage and a length such as `240px` is
 measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -32908,6 +33414,20 @@ export type CustomElements = {
    * The page is the window unless `scroller` names the element that scrolls, for
    * an app shell whose content scrolls inside a container.
    *
+   * **Set `hide-on-scroll` for a bar that moves out of the way.** Scrolling down
+   * past the bar's own height hides it, and scrolling up shows it again, as does
+   * focus moving into it. The custom state `hidden` is on the host while it is
+   * hidden, and the styled tier slides a `sticky` bar up out of view.
+   *
+   * **Set `fold-below` to fold the middle region on a narrow screen.** Below that
+   * many pixels of the bar's own width, the middle region is hidden behind a
+   * toggle at the end of the bar, named by `menu-label`. The toggle says whether
+   * the region is open with `aria-expanded`, and the region opens below the row.
+   * Escape closes it and puts focus back on the toggle. The custom state
+   * `folded` is on the host while the bar is that narrow, and `open` while the
+   * folded region is open. A server serves the bar unfolded, and the browser
+   * folds it once it has measured it.
+   *
    * The host is the page's `banner` landmark. Placed inside `main`, `article`,
    * `aside`, `nav` or `section`, it is a plain box instead, as a native
    * `<header>` is there, so a header inside a card or a pane does not add a
@@ -32934,6 +33454,11 @@ export type CustomElements = {
    * **Named for the region and not for what is usually in it.** The middle slot
    * takes a search field or a breadcrumb trail as readily as a `Navigation`, so
    * the property carries the part's name, `content`.
+   * - `fold-below`/`foldBelow`: The width of the bar, in pixels, below which the middle region folds behind
+   * a toggle. Unset, it never folds.
+   * - `hide-on-scroll`/`hideOnScroll`: Hides the bar as the page scrolls down past it, and shows it again as the
+   * page scrolls up.
+   * - `menu-label`/`menuLabel`: The name of the toggle that opens a folded middle region.
    * - `scroller`: The id of the element whose scrolling lifts the bar, for an app shell that
    * scrolls a container instead of the window. Unset is the window.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -32969,6 +33494,7 @@ export type CustomElements = {
    *
    * - `(default)`: The middle region, usually a `Navigation`.
    * - `end`: Trailing content.
+   * - `menu-icon`: Replaces the glyph inside the toggle that opens a folded middle region.
    * - `start`: Leading content, usually a wordmark.
    *
    * ## CSS Parts
@@ -32979,11 +33505,16 @@ export type CustomElements = {
    * - `end`: The trailing region.
    * - `row`: The centered row inside the banner.
    * - `start`: The leading region.
+   * - `toggle`: The control that opens and closes the folded middle region, drawn while the bar is narrower than `fold-below`.
+   * - `toggle-mark`: The glyph on the toggle, where none is slotted.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `folded`: While the bar is narrower than `fold-below`, and the middle region is behind the toggle.
+   * - `hidden`: While `hide-on-scroll` has the bar out of the way, after a scroll down.
+   * - `open`: While the folded middle region is open.
    * - `scrolled`: While the page is scrolled down from the top, which is when the bar lifts off it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -33043,6 +33574,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -33089,6 +33630,16 @@ export type CustomElements = {
    *
    * Absent draws none: bands read as a composition need no numbers beside
    * them, and the tooltip and the table hold every reading.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -33119,6 +33670,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
@@ -33135,6 +33708,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
@@ -33181,6 +33757,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.
@@ -33230,12 +33813,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.
@@ -33621,6 +34206,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -33726,6 +34321,16 @@ export type CustomElements = {
    *
    * Absent draws none with one scale, since bars compared with each other need
    * no numbers. With `secondary` both scales are drawn whatever this says.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -33756,6 +34361,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
@@ -33772,6 +34399,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
@@ -33818,6 +34448,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.
@@ -33872,6 +34509,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`.
@@ -33879,6 +34517,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.
@@ -34019,7 +34658,10 @@ export type CustomElements = {
    * including your own anchor.
    *
    * The current page is plain text, and `aria-current="page"` on the host conveys
-   * the position.
+   * the position. In a trail where no crumb is `current`, the last one is said
+   * to be the current page, and keeps its link. An `aria-current` you write on
+   * the host, such as `aria-current="location"`, replaces the one the crumb
+   * gives itself.
    *
    * ## Attributes & Properties
    *
@@ -34109,7 +34751,8 @@ export type CustomElements = {
    * markers.
    *
    * The items are slotted directly, so they are `<ol>` children in the flat tree,
-   * and each item sets `role="listitem"` on itself.
+   * and each item sets `role="listitem"` on itself. Where no slotted crumb is
+   * `current`, the last one is said to be the current page.
    *
    * The trail does not measure itself, and you write its overflow in markup: put
    * the crumb that holds the folded items where the gap should appear.
@@ -34124,6 +34767,11 @@ export type CustomElements = {
    * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
    * do not fold; write the folded crumb where the gap should be.
    *
+   * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
+   * Enter follows it. The current page and the separators are not in the tab
+   * order. In a folded trail, Enter or Space on the fold's button shows the
+   * whole trail and moves focus to the first crumb it brought back.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -40043,6 +40691,16 @@ export type CustomElements = {
    * announces with its description as it opens. Set `dismissible` to draw a
    * close control, labeled by `dismiss-label`.
    *
+   * **Keyboard.** Opening moves focus to the first control in the dialog.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab, Shift+Tab | Moves through the controls in the dialog, from the last round to the first and from the first round to the last. |
+   * | Escape | Asks to close the dialog. A `helix-before-close` listener can refuse, and `persistent` or `closedby="none"` keeps it open. |
+   * | Enter, Space | On the close control, closes the dialog. |
+   *
+   * Closing puts focus back on the element that had it before the dialog opened.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -40064,8 +40722,14 @@ export type CustomElements = {
    * `closedby="any"` gains light dismiss without giving up the refusal, which is
    * the property this component exists to keep.
    *
+   * The press on the backdrop that this element handles itself follows it too:
+   * `closerequest` and `none` leave the dialog open on that press, as the
+   * platform does, and `none` also keeps it open on Escape in a browser without
+   * `closedby`.
+   *
    * Absent by default, which is the platform's `auto` and this library's rule
-   * that a resting value is an attribute's absence.
+   * that a resting value is an attribute's absence. Absent, a press on the
+   * backdrop closes the dialog.
    * - `dismissible`: Draws a control that closes the dialog, in the corner where the title is.
    *
    * Pressing it is `close()`, so it sends `helix-before-close` like every other
@@ -40392,6 +41056,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
@@ -40408,6 +41094,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
@@ -40545,6 +41234,11 @@ export type CustomElements = {
    * A drawer with `modal="false"` leaves the page usable and still closes on
    * Escape, in a browser without `closedby` as well.
    *
+   * Set `persistent` for a drawer that has to be answered: Escape, a press
+   * outside, and a swipe leave it open, and the close control and `close()`
+   * still close it. `closedby="none"` keeps it open on all three as well, and
+   * `closedby="closerequest"` keeps it open on a press outside.
+   *
    * **A touch or a pen swipes it away**, toward the edge it came from, resolved
    * against the writing direction. A swipe past halfway, or a quick one, closes
    * it through the same request as every other way out. `snap-points` lists the
@@ -40565,7 +41259,20 @@ export type CustomElements = {
    *
    * The panel's name is `label` when you set it. Otherwise it is the heading in
    * the `header` slot, or the elements an `aria-labelledby` on the host names,
-   * and `fallback-label` where nothing names it.
+   * and `fallback-label` where nothing names it. A development build warns
+   * when a drawer opens with nothing but `fallback-label` to name it.
+   *
+   * The panel is described by the words at the start of its body, as `Dialog`
+   * is: the elements in the default slot before the first one that is or holds
+   * a control. An `aria-describedby` on the host replaces it.
+   *
+   * **Keyboard.** Opening moves focus to the first control in the panel.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab, Shift+Tab | In a modal drawer, moves through the controls in the panel, from the last round to the first and from the first round to the last. In a drawer that is not modal, moves on to the page. |
+   * | Escape | Asks to close the drawer. A `helix-before-close` listener can refuse, and `persistent` or `closedby="none"` keeps it open. |
+   * | Enter, Space | On the close control, closes the drawer. |
    *
    * Content stays mounted when the drawer is closed, so it is in the server
    * markup and can animate. A closed `<dialog>` is already out of the tab order
@@ -40616,6 +41323,11 @@ export type CustomElements = {
    * lost its focus trap because a consumer forgot a word would be worse than an
    * attribute on the host, and nothing selects on it: the scrim is rendered or
    * not, rather than shown or hidden by CSS.
+   * - `persistent`: Stops Escape, a press outside, and a swipe from closing the drawer, for a
+   * drawer that has to be answered.
+   *
+   * The close control and `close()` still close it, as on `Dialog`: a panel
+   * with no way out at all is a trap.
    * - `placement`: Which edge the drawer comes from.
    *
    * Unset is `end`, and it stays unset rather than being written down: a
@@ -42908,6 +43620,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
@@ -42924,6 +43658,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
@@ -44304,6 +45041,25 @@ export type CustomElements = {
    * swiped across the picture shows the next or the previous item, the way the
    * line of text runs.
    *
+   * A press on the empty area around the item closes the viewer, as a press on
+   * the backdrop does. Under `max-zoom`, a press beside the item zooms on a
+   * double press and closes nothing, and only the space outside the viewport
+   * closes the viewer. A press that dragged closes nothing.
+   *
+   * **Keyboard.** Opening moves focus to the viewer itself, which a screen
+   * reader names.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Shows the next item. On a right-to-left page, Left does. While the item is zoomed, the arrows move about it instead. |
+   * | Left, Up | Shows the previous item. |
+   * | Home, End | Shows the first or the last item. |
+   * | `+`, `-`, `0` | Zooms in, zooms out, and puts the item back at its own size, where `max-zoom` allows zooming. |
+   * | Tab, Shift+Tab | Moves through the controls in the viewer, from the last round to the first and from the first round to the last. |
+   * | Escape | Closes the viewer. A `helix-before-close` listener can refuse. |
+   *
+   * A development build warns when a viewer opens with no `label`.
+   *
    * The chrome hides when there is no input, through `IdleController`, and comes
    * back on a pointer move, a key press, or a focus. It stays while focus is on a
    * control in the header or the footer, so a keyboard reader is never left on
@@ -44543,6 +45299,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -44653,6 +45419,16 @@ export type CustomElements = {
    * Set it where the distance from nothing is the point rather than the shape,
    * and accept that a series which never approaches zero becomes a flat rule
    * near the top of the box.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -44683,6 +45459,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
@@ -44699,6 +45497,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
@@ -44745,6 +45546,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.
@@ -44797,6 +45605,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.
@@ -44804,6 +45613,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`.
@@ -45587,6 +46397,11 @@ export type CustomElements = {
    * Draws two concentric circles: a track and a moving arc. The track shows the
    * arc as a proportion of a whole, and costs one element.
    *
+   * **For work whose length is known, use `Progress` with `shape="ring"`.** It
+   * draws the same ring filled to the value, says the value as a progress bar
+   * does, and says when the work is complete. A loader claims no proportion, so
+   * it takes no value.
+   *
    * **The center is a slot, empty by default.** Put your logo there once, where
    * your app wraps the loader. When nothing is slotted, nothing extra is
    * rendered.
@@ -47550,6 +48365,13 @@ export type CustomElements = {
    * one page can mark the section in view with `aria-current="location"`. Where
    * several are marked, `page` wins.
    *
+   * **The destinations can be a list.** Slot a `<ul>` or an `<ol>` of `<li>`
+   * elements, each holding a link, and a screen reader says how many there are
+   * and where each one is, as in Radix's `NavigationMenu.List`. The marker and
+   * the arrow keys work on the list items as they do on bare links. Give the
+   * list `role="list"` as well, since Safari drops the semantics of a list drawn
+   * without bullets.
+   *
    * Set `orientation="vertical"` to stack the destinations in a column, for a
    * sidebar.
    *
@@ -47927,6 +48749,17 @@ export type CustomElements = {
    * the feed holds one page of a longer list, and each row says its place in the
    * whole of it.
    *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | On a row, moves to the next or the previous row. |
+   * | Home, End | On a row, moves to the first or the last row. |
+   * | Page Down, Page Up | From anywhere in a row, moves to the next or the previous row. |
+   * | Control+End | From anywhere in the feed, moves to the first control after it on the page. |
+   * | Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |
+   * | Tab | Moves through the controls in a row, and on out of the feed. |
+   *
    * **`load-more` adds a button after the list** that sends `helix-load-more`,
    * for a feed that holds one page of a longer list. Append the next page, set
    * `loading` while it is on its way, and take `load-more` off once there is
@@ -49894,9 +50727,10 @@ export type CustomElements = {
    *
    * The trigger is slotted and stays your own element. A Helix trigger is told
    * whether the popover is open inside its own shadow root. On a plain element,
-   * such as a `<button>`, the popover writes `aria-expanded` only once a reader
-   * has pressed it, which is after any hydration, and never where you wrote
-   * `aria-expanded` yourself. It writes nothing else onto your markup.
+   * such as a `<button>`, the popover writes `aria-expanded`, from a frame after
+   * its own first render, or from the first press where that comes sooner. It
+   * never writes it where you wrote `aria-expanded` yourself, and writes nothing
+   * else onto your markup.
    *
    * The panel is in the top layer through the popover API, so it needs no
    * `z-index`, and an ancestor with `overflow: hidden`, `transform`, `filter`, or
@@ -49919,6 +50753,17 @@ export type CustomElements = {
    *
    * The panel's name is `label` when you set it. Otherwise it is the first
    * heading in the panel, or the elements an `aria-labelledby` on the host names.
+   * A development build warns when a popover opens with nothing but
+   * `fallback-label` to name it.
+   *
+   * **Keyboard.** Opening moves focus to the first control in the panel, or to
+   * the panel where it holds none.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Enter, Space | On the trigger, opens the panel, or closes it while it is open. |
+   * | Escape | Closes the panel and puts focus back on the trigger. |
+   * | Tab, Shift+Tab | Moves through the controls in the panel. Leaving the panel and the trigger closes it. With `modal`, moves from the last control round to the first and from the first round to the last. |
    *
    * `arrow` draws a point on the panel's edge facing the trigger. The side the
    * panel landed on is on the host as `:state(placed-top)` and its kin, and the
@@ -50063,6 +50908,15 @@ export type CustomElements = {
    *
    * The fill is a fraction of the track, written as a custom property.
    *
+   * **The reading is said in the words the bar would show**: a whole percentage
+   * of the range in `locale`, the reading `format-options` writes, or
+   * `value-text`, as `aria-valuetext` beside the number.
+   *
+   * **Words set in the default slot are drawn on the bar**, or in the middle of a
+   * ring, such as `62%` or `3 of 8`, and are what the bar says as its reading
+   * where `value-text` is not set. While there are any, the bar carries
+   * `:state(content)`, so a sheet can make room for them.
+   *
    * **Reaching `max` is said and sent.** When the value arrives at `max` from
    * below, the bar says `complete-label`, "Complete" by default, in a polite
    * `live` region and sends `helix-complete`, so a reader hears that the work is
@@ -50089,7 +50943,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.
    *
@@ -50178,6 +51033,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: Words drawn on the bar, or in the middle of a ring, such as the reading. Said as the reading where `value-text` is not set.
    * - `label`: A visible label. Its words name the progress bar in place of `label`.
    *
    * ## CSS Custom Properties
@@ -50190,6 +51046,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.
@@ -50201,6 +51058,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `complete`: The value is at `max` and the bar is not indeterminate.
+   * - `content`: Words are set in the default slot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-progress": Partial<
@@ -51134,6 +51992,16 @@ export type CustomElements = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -51169,6 +52037,16 @@ export type CustomElements = {
    * Absent draws none. A series with fewer than two points, or with every
    * point at one measure across, has no line to draw. The summary already
    * gives each series' correlation, which says how near the points are to it.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -51199,6 +52077,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
@@ -51215,6 +52115,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
@@ -51261,6 +52164,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.
@@ -51310,8 +52220,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.
@@ -52847,6 +53759,21 @@ export type CustomElements = {
    * `collapsed-size` keeps a sliver of the pane visible, such as a tab strip.
    * Collapsing overrides `min` and `max`.
    *
+   * Set `primary` to the pane that keeps its size when the splitter's own size
+   * changes, such as a sidebar beside a window being resized. The other pane
+   * takes all of the change, as Web Awesome's split panel does. Without it,
+   * both panes keep their share.
+   *
+   * **Keyboard.** The divider is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Left, Right | Moves a side-by-side divider by `step`. On a right-to-left page, Left moves it toward the end. |
+   * | Up, Down | Moves a stacked divider by `step`. |
+   * | Home, End | Moves the divider to its bounds. |
+   * | Enter | Collapses the start pane, and opens it again. |
+   * | F6 | Moves focus from one pane to the first control in the other, and from the divider to the start pane. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -52928,6 +53855,8 @@ export type CustomElements = {
    * Reading gives where it is; writing declares it the consumer's, and
    * `default-position` seeds one this element owns. The same accessor pair
    * `Pagination.page` and the calendar's `month` carry.
+   * - `primary`: The pane that keeps its size when the splitter's own size changes. The
+   * other pane takes all of the change. Unset, both keep their share.
    * - `snap`: Where a dragged divider snaps, comma separated, as Web Awesome's split
    * panel does: a bare number is a percentage and a length such as `240px` is
    * measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -54448,6 +55377,20 @@ export type CustomElements = {
    * Disabled tabs are passed over. Tab leaves the list for the selected panel,
    * which is a tab stop only while it holds nothing focusable.
    *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Moves to the next tab, from the last round to the first. Selects it, unless `manual` is set or a tab is a link. |
+   * | Left, Up | Moves to the tab before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last tab. |
+   * | Enter, Space | Selects the tab with focus, or follows its link. |
+   * | Tab | Leaves the list for the selected panel. |
+   *
+   * Removing the selected tab selects the first enabled tab that is left, and
+   * `active` says so, with `helix-activate`. Where the removed tab had focus,
+   * focus moves to the tab now selected.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -57215,11 +58158,27 @@ export type CustomElements = {
    * you have moved it somewhere else on the page. A stop does not trap focus, so
    * you can still `Tab` out to the element it describes.
    *
-   * **The arrow keys move between stops** while focus is in one: the arrow that
-   * points the way the line runs goes on, and the other goes back, so on a
-   * right-to-left page `ArrowLeft` goes on. Neither finishes the tour at the last
-   * stop, and a text field in a stop keeps its own arrows. `Escape` skips the
-   * tour.
+   * **The target is scrolled into view** before its stop is shown, by the
+   * least distance that brings it on screen, so the stop that points at it is
+   * on screen too.
+   *
+   * **Keyboard.** Focus is on the current stop's panel, which is not in the
+   * `Tab` order itself.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right | Goes to the next stop. On the last stop it does nothing, and Next finishes the tour. |
+   * | Left | Goes back to the previous stop. |
+   * | Escape | Skips the tour, and puts focus back where it was when the tour opened. |
+   * | Tab, Shift+Tab | Moves through the controls in the stop, and on out to the page. A stop does not trap focus. |
+   * | Enter, Space | On Back, Next, or Skip, presses it. |
+   *
+   * The arrow that points the way the line runs goes on, and the other goes
+   * back, so on a right-to-left page Left goes on and Right goes back. A text field in a stop keeps
+   * its own arrows.
+   *
+   * The tour is a region named by `label` while it runs. A development build
+   * warns when a tour opens with no `label`.
    *
    * ## Attributes & Properties
    *
@@ -57383,7 +58342,8 @@ export type CustomElements = {
    * The panel is a `group`, and a `dialog` for a dialog stop, only while the
    * stop is shown. It is named by the `heading` slot, then by the first heading
    * in the content, then by `label`, and otherwise by its place in the tour. It
-   * is described by the `description` slot and by its place, such as "2 of 5",
+   * is described by the `description` slot, or where that is empty by the words
+   * at the start of the content, and by its place, such as "2 of 5",
    * so a screen reader says where the reader is at every stop. `focus()` moves
    * focus to the panel, which is what the tour does when it opens or moves on.
    *
@@ -57747,6 +58707,9 @@ export type CustomElements = {
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
    *
+   * Removing the item that has focus moves focus to the item after it among its
+   * siblings, or the one before, or its parent, so focus stays in the tree.
+   *
    * **`reorderable` lets you move items among their siblings.** Alt with Up or
    * Down moves the focused item a place, and Alt with Home or End to the first
    * or the last place among its siblings, as the APG's rearrangeable listbox
@@ -59462,6 +60425,20 @@ export type CustomElementsSolidJs = {
    * The page is the window unless `scroller` names the element that scrolls, for
    * an app shell whose content scrolls inside a container.
    *
+   * **Set `hide-on-scroll` for a bar that moves out of the way.** Scrolling down
+   * past the bar's own height hides it, and scrolling up shows it again, as does
+   * focus moving into it. The custom state `hidden` is on the host while it is
+   * hidden, and the styled tier slides a `sticky` bar up out of view.
+   *
+   * **Set `fold-below` to fold the middle region on a narrow screen.** Below that
+   * many pixels of the bar's own width, the middle region is hidden behind a
+   * toggle at the end of the bar, named by `menu-label`. The toggle says whether
+   * the region is open with `aria-expanded`, and the region opens below the row.
+   * Escape closes it and puts focus back on the toggle. The custom state
+   * `folded` is on the host while the bar is that narrow, and `open` while the
+   * folded region is open. A server serves the bar unfolded, and the browser
+   * folds it once it has measured it.
+   *
    * The host is the page's `banner` landmark. Placed inside `main`, `article`,
    * `aside`, `nav` or `section`, it is a plain box instead, as a native
    * `<header>` is there, so a header inside a card or a pane does not add a
@@ -59488,6 +60465,11 @@ export type CustomElementsSolidJs = {
    * **Named for the region and not for what is usually in it.** The middle slot
    * takes a search field or a breadcrumb trail as readily as a `Navigation`, so
    * the property carries the part's name, `content`.
+   * - `fold-below`/`foldBelow`: The width of the bar, in pixels, below which the middle region folds behind
+   * a toggle. Unset, it never folds.
+   * - `hide-on-scroll`/`hideOnScroll`: Hides the bar as the page scrolls down past it, and shows it again as the
+   * page scrolls up.
+   * - `menu-label`/`menuLabel`: The name of the toggle that opens a folded middle region.
    * - `scroller`: The id of the element whose scrolling lifts the bar, for an app shell that
    * scrolls a container instead of the window. Unset is the window.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -59523,6 +60505,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The middle region, usually a `Navigation`.
    * - `end`: Trailing content.
+   * - `menu-icon`: Replaces the glyph inside the toggle that opens a folded middle region.
    * - `start`: Leading content, usually a wordmark.
    *
    * ## CSS Parts
@@ -59533,11 +60516,16 @@ export type CustomElementsSolidJs = {
    * - `end`: The trailing region.
    * - `row`: The centered row inside the banner.
    * - `start`: The leading region.
+   * - `toggle`: The control that opens and closes the folded middle region, drawn while the bar is narrower than `fold-below`.
+   * - `toggle-mark`: The glyph on the toggle, where none is slotted.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `folded`: While the bar is narrower than `fold-below`, and the middle region is behind the toggle.
+   * - `hidden`: While `hide-on-scroll` has the bar out of the way, after a scroll down.
+   * - `open`: While the folded middle region is open.
    * - `scrolled`: While the page is scrolled down from the top, which is when the bar lifts off it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -59600,6 +60588,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -59646,6 +60644,16 @@ export type CustomElementsSolidJs = {
    *
    * Absent draws none: bands read as a composition need no numbers beside
    * them, and the tooltip and the table hold every reading.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -59676,6 +60684,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
@@ -59692,6 +60722,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
@@ -59738,6 +60771,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.
@@ -59787,12 +60827,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.
@@ -60188,6 +61230,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -60293,6 +61345,16 @@ export type CustomElementsSolidJs = {
    *
    * Absent draws none with one scale, since bars compared with each other need
    * no numbers. With `secondary` both scales are drawn whatever this says.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -60323,6 +61385,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
@@ -60339,6 +61423,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
@@ -60385,6 +61472,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.
@@ -60439,6 +61533,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`.
@@ -60446,6 +61541,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.
@@ -60590,7 +61686,10 @@ export type CustomElementsSolidJs = {
    * including your own anchor.
    *
    * The current page is plain text, and `aria-current="page"` on the host conveys
-   * the position.
+   * the position. In a trail where no crumb is `current`, the last one is said
+   * to be the current page, and keeps its link. An `aria-current` you write on
+   * the host, such as `aria-current="location"`, replaces the one the crumb
+   * gives itself.
    *
    * ## Attributes & Properties
    *
@@ -60681,7 +61780,8 @@ export type CustomElementsSolidJs = {
    * markers.
    *
    * The items are slotted directly, so they are `<ol>` children in the flat tree,
-   * and each item sets `role="listitem"` on itself.
+   * and each item sets `role="listitem"` on itself. Where no slotted crumb is
+   * `current`, the last one is said to be the current page.
    *
    * The trail does not measure itself, and you write its overflow in markup: put
    * the crumb that holds the folded items where the gap should appear.
@@ -60696,6 +61796,11 @@ export type CustomElementsSolidJs = {
    * to the first crumb it brought back. A new `items` folds again. Slotted crumbs
    * do not fold; write the folded crumb where the gap should be.
    *
+   * **Keyboard.** Each crumb with an `href` is a link and one tab stop, and
+   * Enter follows it. The current page and the separators are not in the tab
+   * order. In a folded trail, Enter or Space on the fold's button shows the
+   * whole trail and moves focus to the first crumb it brought back.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -66667,6 +67772,16 @@ export type CustomElementsSolidJs = {
    * announces with its description as it opens. Set `dismissible` to draw a
    * close control, labeled by `dismiss-label`.
    *
+   * **Keyboard.** Opening moves focus to the first control in the dialog.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab, Shift+Tab | Moves through the controls in the dialog, from the last round to the first and from the first round to the last. |
+   * | Escape | Asks to close the dialog. A `helix-before-close` listener can refuse, and `persistent` or `closedby="none"` keeps it open. |
+   * | Enter, Space | On the close control, closes the dialog. |
+   *
+   * Closing puts focus back on the element that had it before the dialog opened.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -66688,8 +67803,14 @@ export type CustomElementsSolidJs = {
    * `closedby="any"` gains light dismiss without giving up the refusal, which is
    * the property this component exists to keep.
    *
+   * The press on the backdrop that this element handles itself follows it too:
+   * `closerequest` and `none` leave the dialog open on that press, as the
+   * platform does, and `none` also keeps it open on Escape in a browser without
+   * `closedby`.
+   *
    * Absent by default, which is the platform's `auto` and this library's rule
-   * that a resting value is an attribute's absence.
+   * that a resting value is an attribute's absence. Absent, a press on the
+   * backdrop closes the dialog.
    * - `dismissible`: Draws a control that closes the dialog, in the corner where the title is.
    *
    * Pressing it is `close()`, so it sends `helix-before-close` like every other
@@ -67022,6 +68143,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
@@ -67038,6 +68181,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
@@ -67176,6 +68322,11 @@ export type CustomElementsSolidJs = {
    * A drawer with `modal="false"` leaves the page usable and still closes on
    * Escape, in a browser without `closedby` as well.
    *
+   * Set `persistent` for a drawer that has to be answered: Escape, a press
+   * outside, and a swipe leave it open, and the close control and `close()`
+   * still close it. `closedby="none"` keeps it open on all three as well, and
+   * `closedby="closerequest"` keeps it open on a press outside.
+   *
    * **A touch or a pen swipes it away**, toward the edge it came from, resolved
    * against the writing direction. A swipe past halfway, or a quick one, closes
    * it through the same request as every other way out. `snap-points` lists the
@@ -67196,7 +68347,20 @@ export type CustomElementsSolidJs = {
    *
    * The panel's name is `label` when you set it. Otherwise it is the heading in
    * the `header` slot, or the elements an `aria-labelledby` on the host names,
-   * and `fallback-label` where nothing names it.
+   * and `fallback-label` where nothing names it. A development build warns
+   * when a drawer opens with nothing but `fallback-label` to name it.
+   *
+   * The panel is described by the words at the start of its body, as `Dialog`
+   * is: the elements in the default slot before the first one that is or holds
+   * a control. An `aria-describedby` on the host replaces it.
+   *
+   * **Keyboard.** Opening moves focus to the first control in the panel.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Tab, Shift+Tab | In a modal drawer, moves through the controls in the panel, from the last round to the first and from the first round to the last. In a drawer that is not modal, moves on to the page. |
+   * | Escape | Asks to close the drawer. A `helix-before-close` listener can refuse, and `persistent` or `closedby="none"` keeps it open. |
+   * | Enter, Space | On the close control, closes the drawer. |
    *
    * Content stays mounted when the drawer is closed, so it is in the server
    * markup and can animate. A closed `<dialog>` is already out of the tab order
@@ -67247,6 +68411,11 @@ export type CustomElementsSolidJs = {
    * lost its focus trap because a consumer forgot a word would be worse than an
    * attribute on the host, and nothing selects on it: the scrim is rendered or
    * not, rather than shown or hidden by CSS.
+   * - `persistent`: Stops Escape, a press outside, and a swipe from closing the drawer, for a
+   * drawer that has to be answered.
+   *
+   * The close control and `close()` still close it, as on `Dialog`: a panel
+   * with no way out at all is a trap.
    * - `placement`: Which edge the drawer comes from.
    *
    * Unset is `end`, and it stays unset rather than being written down: a
@@ -69561,6 +70730,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
@@ -69577,6 +70768,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
@@ -70977,6 +72171,25 @@ export type CustomElementsSolidJs = {
    * swiped across the picture shows the next or the previous item, the way the
    * line of text runs.
    *
+   * A press on the empty area around the item closes the viewer, as a press on
+   * the backdrop does. Under `max-zoom`, a press beside the item zooms on a
+   * double press and closes nothing, and only the space outside the viewport
+   * closes the viewer. A press that dragged closes nothing.
+   *
+   * **Keyboard.** Opening moves focus to the viewer itself, which a screen
+   * reader names.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Shows the next item. On a right-to-left page, Left does. While the item is zoomed, the arrows move about it instead. |
+   * | Left, Up | Shows the previous item. |
+   * | Home, End | Shows the first or the last item. |
+   * | `+`, `-`, `0` | Zooms in, zooms out, and puts the item back at its own size, where `max-zoom` allows zooming. |
+   * | Tab, Shift+Tab | Moves through the controls in the viewer, from the last round to the first and from the first round to the last. |
+   * | Escape | Closes the viewer. A `helix-before-close` listener can refuse. |
+   *
+   * A development build warns when a viewer opens with no `label`.
+   *
    * The chrome hides when there is no input, through `IdleController`, and comes
    * back on a pointer move, a key press, or a focus. It stays while focus is on a
    * control in the header or the footer, so a keyboard reader is never left on
@@ -71219,6 +72432,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -71329,6 +72552,16 @@ export type CustomElementsSolidJs = {
    * Set it where the distance from nothing is the point rather than the shape,
    * and accept that a series which never approaches zero becomes a flat rule
    * near the top of the box.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -71359,6 +72592,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
@@ -71375,6 +72630,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
@@ -71421,6 +72679,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.
@@ -71473,6 +72738,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.
@@ -71480,6 +72746,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`.
@@ -72275,6 +73542,11 @@ export type CustomElementsSolidJs = {
    * Draws two concentric circles: a track and a moving arc. The track shows the
    * arc as a proportion of a whole, and costs one element.
    *
+   * **For work whose length is known, use `Progress` with `shape="ring"`.** It
+   * draws the same ring filled to the value, says the value as a progress bar
+   * does, and says when the work is complete. A loader claims no proportion, so
+   * it takes no value.
+   *
    * **The center is a slot, empty by default.** Put your logo there once, where
    * your app wraps the loader. When nothing is slotted, nothing extra is
    * rendered.
@@ -74277,6 +75549,13 @@ export type CustomElementsSolidJs = {
    * one page can mark the section in view with `aria-current="location"`. Where
    * several are marked, `page` wins.
    *
+   * **The destinations can be a list.** Slot a `<ul>` or an `<ol>` of `<li>`
+   * elements, each holding a link, and a screen reader says how many there are
+   * and where each one is, as in Radix's `NavigationMenu.List`. The marker and
+   * the arrow keys work on the list items as they do on bare links. Give the
+   * list `role="list"` as well, since Safari drops the semantics of a list drawn
+   * without bullets.
+   *
    * Set `orientation="vertical"` to stack the destinations in a column, for a
    * sidebar.
    *
@@ -74657,6 +75936,17 @@ export type CustomElementsSolidJs = {
    * the feed holds one page of a longer list, and each row says its place in the
    * whole of it.
    *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | On a row, moves to the next or the previous row. |
+   * | Home, End | On a row, moves to the first or the last row. |
+   * | Page Down, Page Up | From anywhere in a row, moves to the next or the previous row. |
+   * | Control+End | From anywhere in the feed, moves to the first control after it on the page. |
+   * | Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |
+   * | Tab | Moves through the controls in a row, and on out of the feed. |
+   *
    * **`load-more` adds a button after the list** that sends `helix-load-more`,
    * for a feed that holds one page of a longer list. Append the next page, set
    * `loading` while it is on its way, and take `load-more` off once there is
@@ -76641,9 +77931,10 @@ export type CustomElementsSolidJs = {
    *
    * The trigger is slotted and stays your own element. A Helix trigger is told
    * whether the popover is open inside its own shadow root. On a plain element,
-   * such as a `<button>`, the popover writes `aria-expanded` only once a reader
-   * has pressed it, which is after any hydration, and never where you wrote
-   * `aria-expanded` yourself. It writes nothing else onto your markup.
+   * such as a `<button>`, the popover writes `aria-expanded`, from a frame after
+   * its own first render, or from the first press where that comes sooner. It
+   * never writes it where you wrote `aria-expanded` yourself, and writes nothing
+   * else onto your markup.
    *
    * The panel is in the top layer through the popover API, so it needs no
    * `z-index`, and an ancestor with `overflow: hidden`, `transform`, `filter`, or
@@ -76666,6 +77957,17 @@ export type CustomElementsSolidJs = {
    *
    * The panel's name is `label` when you set it. Otherwise it is the first
    * heading in the panel, or the elements an `aria-labelledby` on the host names.
+   * A development build warns when a popover opens with nothing but
+   * `fallback-label` to name it.
+   *
+   * **Keyboard.** Opening moves focus to the first control in the panel, or to
+   * the panel where it holds none.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Enter, Space | On the trigger, opens the panel, or closes it while it is open. |
+   * | Escape | Closes the panel and puts focus back on the trigger. |
+   * | Tab, Shift+Tab | Moves through the controls in the panel. Leaving the panel and the trigger closes it. With `modal`, moves from the last control round to the first and from the first round to the last. |
    *
    * `arrow` draws a point on the panel's edge facing the trigger. The side the
    * panel landed on is on the host as `:state(placed-top)` and its kin, and the
@@ -76813,6 +78115,15 @@ export type CustomElementsSolidJs = {
    *
    * The fill is a fraction of the track, written as a custom property.
    *
+   * **The reading is said in the words the bar would show**: a whole percentage
+   * of the range in `locale`, the reading `format-options` writes, or
+   * `value-text`, as `aria-valuetext` beside the number.
+   *
+   * **Words set in the default slot are drawn on the bar**, or in the middle of a
+   * ring, such as `62%` or `3 of 8`, and are what the bar says as its reading
+   * where `value-text` is not set. While there are any, the bar carries
+   * `:state(content)`, so a sheet can make room for them.
+   *
    * **Reaching `max` is said and sent.** When the value arrives at `max` from
    * below, the bar says `complete-label`, "Complete" by default, in a polite
    * `live` region and sends `helix-complete`, so a reader hears that the work is
@@ -76839,7 +78150,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.
    *
@@ -76928,6 +78240,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `(default)`: Words drawn on the bar, or in the middle of a ring, such as the reading. Said as the reading where `value-text` is not set.
    * - `label`: A visible label. Its words name the progress bar in place of `label`.
    *
    * ## CSS Custom Properties
@@ -76940,6 +78253,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.
@@ -76951,6 +78265,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `complete`: The value is at `max` and the bar is not indeterminate.
+   * - `content`: Words are set in the default slot.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-progress": Partial<
@@ -77900,6 +79215,16 @@ export type CustomElementsSolidJs = {
    * tap or key, and `helix-reading-press` says a reading was clicked, tapped, or
    * pressed with Enter or Space, for a page that opens what a reading stands for.
    *
+   * **`data` takes the readings as data** where the page has no table to point
+   * `for` at, in a table's shape: the column headings, then one row per reading
+   * with its label first. A table is still the better source where the page can
+   * show one, since it reads before any script runs.
+   *
+   * **A chart with nothing to draw says so.** A table with no readings shows
+   * `empty-text`, "No readings", in the plot, and `loading` shows `loading-text`
+   * there until readings arrive. The `empty` and `loading` slots take markup in
+   * their place, such as a link to add the first reading.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -77935,6 +79260,16 @@ export type CustomElementsSolidJs = {
    * Absent draws none. A series with fewer than two points, or with every
    * point at one measure across, has no line to draw. The summary already
    * gives each series' correlation, which says how near the points are to it.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -77965,6 +79300,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
@@ -77981,6 +79338,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
@@ -78027,6 +79387,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.
@@ -78076,8 +79443,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.
@@ -79635,6 +81004,21 @@ export type CustomElementsSolidJs = {
    * `collapsed-size` keeps a sliver of the pane visible, such as a tab strip.
    * Collapsing overrides `min` and `max`.
    *
+   * Set `primary` to the pane that keeps its size when the splitter's own size
+   * changes, such as a sidebar beside a window being resized. The other pane
+   * takes all of the change, as Web Awesome's split panel does. Without it,
+   * both panes keep their share.
+   *
+   * **Keyboard.** The divider is one tab stop.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Left, Right | Moves a side-by-side divider by `step`. On a right-to-left page, Left moves it toward the end. |
+   * | Up, Down | Moves a stacked divider by `step`. |
+   * | Home, End | Moves the divider to its bounds. |
+   * | Enter | Collapses the start pane, and opens it again. |
+   * | F6 | Moves focus from one pane to the first control in the other, and from the divider to the start pane. |
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -79716,6 +81100,8 @@ export type CustomElementsSolidJs = {
    * Reading gives where it is; writing declares it the consumer's, and
    * `default-position` seeds one this element owns. The same accessor pair
    * `Pagination.page` and the calendar's `month` carry.
+   * - `primary`: The pane that keeps its size when the splitter's own size changes. The
+   * other pane takes all of the change. Unset, both keep their share.
    * - `snap`: Where a dragged divider snaps, comma separated, as Web Awesome's split
    * panel does: a bare number is a percentage and a length such as `240px` is
    * measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -81267,6 +82653,20 @@ export type CustomElementsSolidJs = {
    * Disabled tabs are passed over. Tab leaves the list for the selected panel,
    * which is a tab stop only while it holds nothing focusable.
    *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Moves to the next tab, from the last round to the first. Selects it, unless `manual` is set or a tab is a link. |
+   * | Left, Up | Moves to the tab before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last tab. |
+   * | Enter, Space | Selects the tab with focus, or follows its link. |
+   * | Tab | Leaves the list for the selected panel. |
+   *
+   * Removing the selected tab selects the first enabled tab that is left, and
+   * `active` says so, with `helix-activate`. Where the removed tab had focus,
+   * focus moves to the tab now selected.
+   *
    * The `indicator` part moves to the selected tab and carries its place and
    * size, so a mark of your own can be drawn there: style the part, or slot an
    * element into `indicator`, which sits inside the part and reads the same
@@ -84074,11 +85474,27 @@ export type CustomElementsSolidJs = {
    * you have moved it somewhere else on the page. A stop does not trap focus, so
    * you can still `Tab` out to the element it describes.
    *
-   * **The arrow keys move between stops** while focus is in one: the arrow that
-   * points the way the line runs goes on, and the other goes back, so on a
-   * right-to-left page `ArrowLeft` goes on. Neither finishes the tour at the last
-   * stop, and a text field in a stop keeps its own arrows. `Escape` skips the
-   * tour.
+   * **The target is scrolled into view** before its stop is shown, by the
+   * least distance that brings it on screen, so the stop that points at it is
+   * on screen too.
+   *
+   * **Keyboard.** Focus is on the current stop's panel, which is not in the
+   * `Tab` order itself.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right | Goes to the next stop. On the last stop it does nothing, and Next finishes the tour. |
+   * | Left | Goes back to the previous stop. |
+   * | Escape | Skips the tour, and puts focus back where it was when the tour opened. |
+   * | Tab, Shift+Tab | Moves through the controls in the stop, and on out to the page. A stop does not trap focus. |
+   * | Enter, Space | On Back, Next, or Skip, presses it. |
+   *
+   * The arrow that points the way the line runs goes on, and the other goes
+   * back, so on a right-to-left page Left goes on and Right goes back. A text field in a stop keeps
+   * its own arrows.
+   *
+   * The tour is a region named by `label` while it runs. A development build
+   * warns when a tour opens with no `label`.
    *
    * ## Attributes & Properties
    *
@@ -84245,7 +85661,8 @@ export type CustomElementsSolidJs = {
    * The panel is a `group`, and a `dialog` for a dialog stop, only while the
    * stop is shown. It is named by the `heading` slot, then by the first heading
    * in the content, then by `label`, and otherwise by its place in the tour. It
-   * is described by the `description` slot and by its place, such as "2 of 5",
+   * is described by the `description` slot, or where that is empty by the words
+   * at the start of the content, and by its place, such as "2 of 5",
    * so a screen reader says where the reader is at every stop. `focus()` moves
    * focus to the panel, which is what the tour does when it opens or moves on.
    *
@@ -84615,6 +86032,9 @@ export type CustomElementsSolidJs = {
    * tree of check marks, Control+A (Command+A on an Apple keyboard) checks every
    * item or clears them all, and Shift with Up or Down Arrow moves and checks.
    *
+   * Removing the item that has focus moves focus to the item after it among its
+   * siblings, or the one before, or its parent, so focus stays in the tree.
+   *
    * **`reorderable` lets you move items among their siblings.** Alt with Up or
    * Down moves the focused item a place, and Alt with Home or End to the first
    * or the last place among its siblings, as the APG's rearrangeable listbox