@fusion.dev/helix 0.177.2 → 0.179.0

package/types/jsx.d.ts

@@ -1696,6 +1696,14 @@ hit-testable at rest, or it would swallow clicks meant for what is over it,
 and an element that is not hit-testable never receives the `pointermove`
 this listens for. Asking for the pointer is asking for the hit test. */
   interactive?: (HelixAura["interactive"]) | undefined;
+  /** Whether the aura draws its own control that pauses the field and starts it
+again, in its trailing corner. Absent draws none, for a page with a pause
+control of its own. */
+  "pause-control"?: (HelixAura["pauseControl"]) | undefined;
+  /** Whether the aura draws its own control that pauses the field and starts it
+again, in its trailing corner. Absent draws none, for a page with a pause
+control of its own. */
+  pauseControl?: (HelixAura["pauseControl"]) | undefined;
   /** Whether the field holds still on the frame it shows.
 
 Set it from a pause control on your page, so a reader can stop the motion,
@@ -1703,6 +1711,14 @@ as WCAG 2.2.2 asks of anything that moves for more than five seconds. A
 change to another property still repaints the frame. Clearing it starts
 the field from where it stopped. */
   paused?: (HelixAura["paused"]) | undefined;
+  /** The pause control's name, read by screen readers. The control is a toggle
+and says it is pressed while the field is paused, so the name stays the
+same. */
+  "pause-label"?: (HelixAura["pauseLabel"]) | undefined;
+  /** The pause control's name, read by screen readers. The control is a toggle
+and says it is pressed while the field is paused, so the name stays the
+same. */
+  pauseLabel?: (HelixAura["pauseLabel"]) | undefined;
   /** How far the pointer reaches into the field, `0` upward.
 
 Multiplied into the presence the pointer already fades in and out with, so
@@ -1773,6 +1789,8 @@ look, which is what `variant` is for by the rule the registry already
 states. */
   variant?: (HelixAura["variant"]) | undefined;
 
+  /** Fired when the aura's own pause control pauses the field or starts it again. */
+  onchange?: ((e: HelixAuraElementEvent) => void) | undefined;
   /** Fired each time the aura stops drawing its shader and shows its gradient, with the reason. */
   "onhelix-aura-fallback"?: ((e: HelixAuraHelixAuraFallbackElementEvent) => void) | undefined;
 };
@@ -1815,6 +1833,14 @@ hit-testable at rest, or it would swallow clicks meant for what is over it,
 and an element that is not hit-testable never receives the `pointermove`
 this listens for. Asking for the pointer is asking for the hit test. */
   "prop:interactive"?: (HelixAura["interactive"]) | undefined;
+  /** Whether the aura draws its own control that pauses the field and starts it
+again, in its trailing corner. Absent draws none, for a page with a pause
+control of its own. */
+  "bool:pause-control"?: (HelixAura["pauseControl"]) | undefined;
+  /** Whether the aura draws its own control that pauses the field and starts it
+again, in its trailing corner. Absent draws none, for a page with a pause
+control of its own. */
+  "prop:pauseControl"?: (HelixAura["pauseControl"]) | undefined;
   /** Whether the field holds still on the frame it shows.
 
 Set it from a pause control on your page, so a reader can stop the motion,
@@ -1822,6 +1848,14 @@ as WCAG 2.2.2 asks of anything that moves for more than five seconds. A
 change to another property still repaints the frame. Clearing it starts
 the field from where it stopped. */
   "prop:paused"?: (HelixAura["paused"]) | undefined;
+  /** The pause control's name, read by screen readers. The control is a toggle
+and says it is pressed while the field is paused, so the name stays the
+same. */
+  "attr:pause-label"?: (HelixAura["pauseLabel"]) | undefined;
+  /** The pause control's name, read by screen readers. The control is a toggle
+and says it is pressed while the field is paused, so the name stays the
+same. */
+  "prop:pauseLabel"?: (HelixAura["pauseLabel"]) | undefined;
   /** How far the pointer reaches into the field, `0` upward.
 
 Multiplied into the presence the pointer already fades in and out with, so
@@ -1891,6 +1925,8 @@ Aurora, braid and caustics are not geometries; they are eleven names for a
 look, which is what `variant` is for by the rule the registry already
 states. */
   "prop:variant"?: (HelixAura["variant"]) | undefined;
+  /** Fired when the aura's own pause control pauses the field or starts it again. */
+  "on:change"?: ((e: HelixAuraElementEvent) => void) | undefined;
   /** Fired each time the aura stops drawing its shader and shows its gradient, with the reason. */
   "on:helix-aura-fallback"?: ((
     e: HelixAuraHelixAuraFallbackElementEvent,
@@ -16129,6 +16165,14 @@ an icon. */
   /** The name of the clear button, read by screen readers. The button shows only
 an icon. */
   clearLabel?: (HelixFilterInput["clearLabel"]) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "filter-delay"?: (HelixFilterInput["filterDelay"] | `${number}`) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  filterDelay?: (HelixFilterInput["filterDelay"]) | undefined;
   /** Whether the panel narrows itself to the suggestions that hold the term
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
@@ -16206,6 +16250,13 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixFilterInput["name"]) | undefined;
+  /** Where the suggestions come from: a function given the term at the caret,
+the field it is a value of, the whole text, and an `AbortSignal`, which
+returns the suggestions or a promise of them. Each is a string, or a
+`value` with a `label` and `disabled`. The field draws them as options in
+the panel, beside any you slot. A property only, there being no way to
+write a function in markup. See the class description. */
+  source?: (HelixFilterInput["source"]) | undefined;
 
   /** Fired when the suggestions panel opens or closes, with `newState` and `oldState`. */
   ontoggle?: ((e: HelixFilterInputToggleElementEvent) => void) | undefined;
@@ -16227,7 +16278,7 @@ Here rather than on each control. */
   "onhelix-dismiss"?: ((e: HelixFilterInputHelixDismissElementEvent) => void) | undefined;
   /** Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were. */
   "onhelix-facet"?: ((e: HelixFilterInputHelixFacetElementEvent) => void) | undefined;
-  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does. */
+  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it. */
   "onhelix-select"?: ((e: HelixFilterInputHelixSelectElementEvent) => void) | undefined;
   /** Fired when the text changes. */
   oninput?: ((e: HelixFilterInputElementEvent) => void) | undefined;
@@ -16375,6 +16426,14 @@ an icon. */
   /** The name of the clear button, read by screen readers. The button shows only
 an icon. */
   "prop:clearLabel"?: (HelixFilterInput["clearLabel"]) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "attr:filter-delay"?: (HelixFilterInput["filterDelay"] | `${number}`) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "prop:filterDelay"?: (HelixFilterInput["filterDelay"]) | undefined;
   /** Whether the panel narrows itself to the suggestions that hold the term
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
@@ -16452,6 +16511,13 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixFilterInput["name"]) | undefined;
+  /** Where the suggestions come from: a function given the term at the caret,
+the field it is a value of, the whole text, and an `AbortSignal`, which
+returns the suggestions or a promise of them. Each is a string, or a
+`value` with a `label` and `disabled`. The field draws them as options in
+the panel, beside any you slot. A property only, there being no way to
+write a function in markup. See the class description. */
+  "prop:source"?: (HelixFilterInput["source"]) | undefined;
   /** Fired when the suggestions panel opens or closes, with `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixFilterInputToggleElementEvent) => void) | undefined;
   /** Fired from the input when the user finishes editing the text. */
@@ -16472,7 +16538,7 @@ Here rather than on each control. */
   "on:helix-dismiss"?: ((e: HelixFilterInputHelixDismissElementEvent) => void) | undefined;
   /** Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were. */
   "on:helix-facet"?: ((e: HelixFilterInputHelixFacetElementEvent) => void) | undefined;
-  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does. */
+  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it. */
   "on:helix-select"?: ((e: HelixFilterInputHelixSelectElementEvent) => void) | undefined;
   /** Fired when the text changes. */
   "on:input"?: ((e: HelixFilterInputElementEvent) => void) | undefined;
@@ -17198,6 +17264,14 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "legend-label"?: (HelixGraph["legendLabel"]) | undefined;
   /** The legend's name, read by screen readers. */
   legendLabel?: (HelixGraph["legendLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "link-count-label"?: (HelixGraph["linkCountLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  linkCountLabel?: (HelixGraph["linkCountLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
   "linked-both-label"?: (HelixGraph["linkedBothLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
@@ -17277,6 +17351,16 @@ the list then holds, written with `count-label`. */
   "using-label"?: (HelixGraph["usingLabel"]) | undefined;
   /** The line shown while the graph, with `gestures="activate"`, has the gestures. */
   usingLabel?: (HelixGraph["usingLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "walk-label"?: (HelixGraph["walkLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  walkLabel?: (HelixGraph["walkLabel"]) | undefined;
   /** The hint shown when the wheel scrolls past the graph with
 `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere. */
   "wheel-hint-label"?: (HelixGraph["wheelHintLabel"]) | undefined;
@@ -17320,7 +17404,7 @@ markup. */
   "onhelix-graph-layout"?: ((e: HelixGraphHelixGraphLayoutElementEvent) => void) | undefined;
   /** A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`. */
   "onhelix-graph-pan"?: ((e: HelixGraphHelixGraphPanElementEvent) => void) | undefined;
-  /** The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
+  /** The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
   "onhelix-graph-part-change"?: ((
     e: HelixGraphHelixGraphPartChangeElementEvent,
   ) => void) | undefined;
@@ -17525,6 +17609,14 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "attr:legend-label"?: (HelixGraph["legendLabel"]) | undefined;
   /** The legend's name, read by screen readers. */
   "prop:legendLabel"?: (HelixGraph["legendLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "attr:link-count-label"?: (HelixGraph["linkCountLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "prop:linkCountLabel"?: (HelixGraph["linkCountLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
   "attr:linked-both-label"?: (HelixGraph["linkedBothLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
@@ -17604,6 +17696,16 @@ the list then holds, written with `count-label`. */
   "attr:using-label"?: (HelixGraph["usingLabel"]) | undefined;
   /** The line shown while the graph, with `gestures="activate"`, has the gestures. */
   "prop:usingLabel"?: (HelixGraph["usingLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "attr:walk-label"?: (HelixGraph["walkLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "prop:walkLabel"?: (HelixGraph["walkLabel"]) | undefined;
   /** The hint shown when the wheel scrolls past the graph with
 `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere. */
   "attr:wheel-hint-label"?: (HelixGraph["wheelHintLabel"]) | undefined;
@@ -17646,7 +17748,7 @@ markup. */
   "on:helix-graph-layout"?: ((e: HelixGraphHelixGraphLayoutElementEvent) => void) | undefined;
   /** A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`. */
   "on:helix-graph-pan"?: ((e: HelixGraphHelixGraphPanElementEvent) => void) | undefined;
-  /** The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
+  /** The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
   "on:helix-graph-part-change"?: ((
     e: HelixGraphHelixGraphPartChangeElementEvent,
   ) => void) | undefined;
@@ -17843,11 +17945,36 @@ export type HelixHeatmapElementEvent<E = Event> = TypedEvent<HelixHeatmap, E>;
 /** `helix-before-change` event type */
 export type HelixHeatmapHelixBeforeChangeElementEvent =
   HelixHeatmapElementEvent<HelixBeforeChangeEvent>;
+/** `helix-reading-change` event type */
+export type HelixHeatmapHelixReadingChangeElementEvent =
+  HelixHeatmapElementEvent<HelixReadingChangeEvent>;
+/** `helix-reading-press` event type */
+export type HelixHeatmapHelixReadingPressElementEvent =
+  HelixHeatmapElementEvent<HelixReadingPressEvent>;
 /** `helix-resize` event type */
 export type HelixHeatmapHelixResizeElementEvent =
   HelixHeatmapElementEvent<HelixResizeEvent>;
 
 export type HelixHeatmapProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeatmap["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeatmap["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?: (HelixHeatmap["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"?: (HelixHeatmap["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?: (HelixHeatmap["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -17890,16 +18017,6 @@ legend hid is not counted. */
   /** The name the `overview` gives the busiest reading, `{busiestLabel}` in
 `overview-label`. */
   busiestLabel?: (HelixHeatmap["busiestLabel"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "empty-text"?: (HelixHeatmap["emptyText"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  emptyText?: (HelixHeatmap["emptyText"]) | undefined;
   /** Space between cells, in CSS pixels. It is a number for the same reason
 `min-cell` is. */
   gap?: (HelixHeatmap["gap"]) | undefined;
@@ -17957,13 +18074,9 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   rows?: (HelixHeatmap["rows"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "selected-label"?: (HelixHeatmap["selectedLabel"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   selectedLabel?: (HelixHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes. `{count}` is
 how many cells are selected, written in the locale, and a language that
@@ -18050,11 +18163,38 @@ does not look inside the one it has. */
   "onhelix-before-change"?: ((
     e: HelixHeatmapHelixBeforeChangeElementEvent,
   ) => void) | 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"?: ((
+    e: HelixHeatmapHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "onhelix-reading-press"?: ((
+    e: HelixHeatmapHelixReadingPressElementEvent,
+  ) => void) | undefined;
   /** Fired when the number of cells drawn changes, with the new number. */
   "onhelix-resize"?: ((e: HelixHeatmapHelixResizeElementEvent) => void) | undefined;
 };
 
 export type HelixHeatmapSolidJsProps = {
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeatmap["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"?: (HelixHeatmap["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"?: (HelixHeatmap["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"?: (HelixHeatmap["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"?: (HelixHeatmap["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -18097,16 +18237,6 @@ legend hid is not counted. */
   /** The name the `overview` gives the busiest reading, `{busiestLabel}` in
 `overview-label`. */
   "prop:busiestLabel"?: (HelixHeatmap["busiestLabel"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "attr:empty-text"?: (HelixHeatmap["emptyText"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "prop:emptyText"?: (HelixHeatmap["emptyText"]) | undefined;
   /** Space between cells, in CSS pixels. It is a number for the same reason
 `min-cell` is. */
   "prop:gap"?: (HelixHeatmap["gap"]) | undefined;
@@ -18164,13 +18294,9 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   "prop:rows"?: (HelixHeatmap["rows"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "attr:selected-label"?: (HelixHeatmap["selectedLabel"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "prop:selectedLabel"?: (HelixHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes. `{count}` is
 how many cells are selected, written in the locale, and a language that
@@ -18256,6 +18382,14 @@ does not look inside the one it has. */
   "on:helix-before-change"?: ((
     e: HelixHeatmapHelixBeforeChangeElementEvent,
   ) => void) | 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: HelixHeatmapHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "on:helix-reading-press"?: ((
+    e: HelixHeatmapHelixReadingPressElementEvent,
+  ) => void) | undefined;
   /** Fired when the number of cells drawn changes, with the new number. */
   "on:helix-resize"?: ((e: HelixHeatmapHelixResizeElementEvent) => void) | undefined;
 
@@ -43010,8 +43144,8 @@ export type CustomElements = {
    * The shader stops drawing in these cases:
    * - The element is off screen or in a background tab.
    * - `prefers-reduced-motion` is set. The element shows one still frame.
-   * - `paused` is set, from a pause control on your page. The element holds the
-   *   frame it shows.
+   * - `paused` is set, from a pause control on your page or from the aura's own
+   *   under `pause-control`. The element holds the frame it shows.
    * - The browser takes back the drawing context, on a GPU reset or past its
    *   limit of about sixteen contexts. The gradient shows until the context
    *   returns.
@@ -43035,6 +43169,13 @@ export type CustomElements = {
    * changed while the aura draws, by a class, a style or the color mode,
    * reaches the shader on the next frame.
    *
+   * **`pause-control` draws a control that stops the motion and starts it
+   * again**, in the trailing corner of the field, as WCAG 2.2.2 asks of
+   * anything that moves for more than five seconds. It is a toggle button named
+   * by `pause-label`, which says it is pressed while the field is paused, and a
+   * press sends `change`. A reader who asked for reduced motion sees no motion
+   * and no control.
+   *
    * Where the gradient shows in place of the shader, the aura matches
    * `:state(fallback)` and sends `helix-aura-fallback` with the reason.
    *
@@ -43074,12 +43215,18 @@ export type CustomElements = {
    * hit-testable at rest, or it would swallow clicks meant for what is over it,
    * and an element that is not hit-testable never receives the `pointermove`
    * this listens for. Asking for the pointer is asking for the hit test.
+   * - `pause-control`/`pauseControl`: Whether the aura draws its own control that pauses the field and starts it
+   * again, in its trailing corner. Absent draws none, for a page with a pause
+   * control of its own.
    * - `paused`: Whether the field holds still on the frame it shows.
    *
    * Set it from a pause control on your page, so a reader can stop the motion,
    * as WCAG 2.2.2 asks of anything that moves for more than five seconds. A
    * change to another property still repaints the frame. Clearing it starts
    * the field from where it stopped.
+   * - `pause-label`/`pauseLabel`: The pause control's name, read by screen readers. The control is a toggle
+   * and says it is pressed while the field is paused, so the name stays the
+   * same.
    * - `reach`: How far the pointer reaches into the field, `0` upward.
    *
    * Multiplied into the presence the pointer already fades in and out with, so
@@ -43167,6 +43314,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: Fired when the aura's own pause control pauses the field or starts it again.
    * - `helix-aura-fallback`: Fired each time the aura stops drawing its shader and shows its gradient, with the reason.
    *
    * ## Slots
@@ -43182,6 +43330,7 @@ export type CustomElements = {
    * - `--aura-glow`: The bright stop of the ramp. Defaults to `--helix-color-primary`.
    * - `--aura-ground`: The page the field fades into. Defaults to `--helix-color-background`.
    * - `--aura-haze`: The faint stop between the ground and the glow. Defaults to `--helix-color-primary-subtle`.
+   * - `--aura-pause-background-color`: The pause control's ground. Defaults to `--helix-color-surface-overlay`.
    * - `--aura-peak`: The hottest stop, at the center of a shape. Defaults to `--helix-color-primary-active` on a light page and `--helix-color-foreground` on a dark one.
    *
    * ## CSS Parts
@@ -43190,6 +43339,8 @@ export type CustomElements = {
    *
    * - `canvas`: The surface the shader draws into.
    * - `content`: The box over the field that holds the content. It covers the aura.
+   * - `pause`: The control that pauses the field and starts it again, drawn under `pause-control`.
+   * - `pause-mark`: The glyph on the pause control: pause while the field moves, play while it is paused.
    *
    * ## CSS States
    *
@@ -44655,6 +44806,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -48985,6 +49145,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -51508,6 +51677,9 @@ export type CustomElements = {
    *
    * - `focusItem() => void`: Moves focus onto the row itself.
    * - `select() => void`: Fires `helix-select` for this row.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -52595,6 +52767,9 @@ export type CustomElements = {
    * them.
    * - `clear-label`/`clearLabel`: The name of the clear button, read by screen readers. The button shows only
    * an icon.
+   * - `filter-delay`/`filterDelay`: How long typing rests before `source` is asked, in milliseconds. A delay
+   * sends one request for a word in place of one for each letter. The arrow
+   * keys and Enter ask at once. `0` asks on every keystroke.
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
@@ -52643,6 +52818,12 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `source`: Where the suggestions come from: a function given the term at the caret,
+   * the field it is a value of, the whole text, and an `AbortSignal`, which
+   * returns the suggestions or a promise of them. Each is a string, or a
+   * `value` with a `label` and `disabled`. The field draws them as options in
+   * the panel, beside any you slot. A property only, there being no way to
+   * write a function in markup. See the class description. (property only)
    * - `selectionDirection`: The direction of the selection, named as on `<input>`.
    *
    * **Published for the reason `Input` publishes them, and this element needs
@@ -52700,7 +52881,7 @@ export type CustomElements = {
    * - `helix-before-open`: Fired before the suggestions open. Cancelable: call `preventDefault()` to keep them closed.
    * - `helix-dismiss`: Fired when the user removes a token with its remove button or with Backspace in an empty field. A `FilterChip` that names a declared field sends `helix-facet` instead. Cancelable: call `preventDefault()` to keep the token.
    * - `helix-facet`: Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were.
-   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does.
+   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it.
    * - `input`: Fired when the text changes.
    *
    * ## Slots
@@ -52826,7 +53007,7 @@ export type CustomElements = {
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
-   * - `loading`: Shown in the panel while the suggestions load.
+   * - `loading`: Shown in the panel while the suggestions load: while `loading` is set, or a request to `source` is out.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -52836,7 +53017,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
-   * - `loading`: While `loading` is set.
+   * - `loading`: While `loading` is set, or a request to `source` is out.
    * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -53238,6 +53419,9 @@ export type CustomElements = {
    * - `legend`: Names the groups over the drawing, each a button in its color that shows
    * or hides its notes. Drawn where the notes have two groups or more.
    * - `legend-label`/`legendLabel`: The legend's name, read by screen readers.
+   * - `link-count-label`/`linkCountLabel`: What screen readers hear when a walk along the links reaches a note that
+   * has no link to follow, or goes back to a note: `{note}` for its name and
+   * `{count}` for how many notes the list holds that it links to or from.
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
@@ -53262,6 +53446,10 @@ export type CustomElements = {
    * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
+   * - `walk-label`/`walkLabel`: What screen readers hear when a walk along the links moves to a note:
+   * `{note}` for its name, `{relation}` for how it stands to the note the
+   * step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+   * for its place among that note's links.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-in-label`/`zoomedInLabel`: What screen readers hear once the drawing has zoomed in, after `moved()`.
@@ -53309,7 +53497,7 @@ export type CustomElements = {
    * - `helix-graph-filter`: A group in the legend was pressed, to show or hide its notes. The detail's `hidden` is every group that would be hidden. Cancelable: cancel it to keep the groups as they were, or to set `hiddenGroups` yourself.
    * - `helix-graph-layout`: A layout settled, with where it put each note, sent by `laidOut()`. Keep the positions and pass them back as each note's `x` and `y`, and `z` where a renderer draws in three dimensions.
    * - `helix-graph-pan`: A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`.
-   * - `helix-graph-part-change`: The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
+   * - `helix-graph-part-change`: The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-ready`: The graph has been drawn whole, laid out and settled. Sent each time `drawn()` says it is drawn after it was not.
    * - `helix-graph-signal`: Something passed between two notes, sent by `signal()`. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-zoom`: A zoom button or key was pressed. `connectGraph` zooms the drawing, then calls `moved()`.
@@ -53581,6 +53769,16 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -53607,10 +53805,6 @@ export type CustomElements = {
    * legend hid is not counted.
    * - `busiest-label`/`busiestLabel`: The name the `overview` gives the busiest reading, `{busiestLabel}` in
    * `overview-label`.
-   * - `empty-text`/`emptyText`: Shown when the table has no readings in it.
-   *
-   * Never shown while the table cannot be read at all, which is a server render
-   * and the hydrating one after it: see `sourceKnown`.
    * - `gap`: Space between cells, in CSS pixels. It is a number for the same reason
    * `min-cell` is.
    * - `min-cell`/`minCell`: The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
@@ -53641,9 +53835,7 @@ export type CustomElements = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
-   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
-   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-   * nothing.
+   * - `selected-label`/`selectedLabel`: What the readout added for a selected cell, under `selection-mode`.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes. `{count}` is
    * how many cells are selected, written in the locale, and a language that
    * needs plural forms writes them: `{count, plural, one {# wybrany} few
@@ -53762,6 +53954,8 @@ export type CustomElements = {
    *
    * - `change`: Fired once a press or a key has changed which cells are selected.
    * - `helix-before-change`: Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable.
+   * - `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`.
    * - `helix-resize`: Fired when the number of cells drawn changes, with the new number.
    *
    * ## Slots
@@ -53771,6 +53965,8 @@ export type CustomElements = {
    * - `end`: Below the strip, at the trailing edge.
    * - `start`: Below the strip, at the leading edge.
    * - `summary`: Below the strip, in the middle.
+   * - `empty`: Content shown under the strip when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown under the strip while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    *
    * ## Methods
    *
@@ -53862,9 +54058,12 @@ export type CustomElements = {
    * - `tooltip-top`: The bubble while it is above the reading. Set alongside `tooltip`.
    * - `tooltip-value`: A column's value inside the tooltip.
    * - `cell-selected`: A cell that is selected, under `selection-mode`. Set alongside `cell`.
-   * - `empty`: Shown when the table has no readings. It stays hidden until the table can be read: on the server and during hydration, there is no document to resolve `for` in.
+   * - `empty`: The words under the strip 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, there being no document to resolve `for` in.
    * - `end`: The trailing slot's box.
+   * - `loading`: The words under the strip while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `overview`: The busiest reading and the total of the readings drawn, written as a sentence for screen readers, which describes the strip. Rendered once there are cells. Hide it visually.
+   * - `plot`: The same element as `strip`, under the name every chart gives the drawing that takes focus.
+   * - `row`: A column of cells, which a grid reads as a row, under `selection-mode`. It draws no box.
    * - `selection`: A polite region that says how many cells are selected after a change, rendered from the first change. Hide it visually.
    * - `start`: The leading slot's box.
    * - `summary`: The middle slot's box.
@@ -53876,6 +54075,7 @@ export type CustomElements = {
    *
    * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
    * - `empty`: While the `empty` part stands in place of the cells.
+   * - `loading`: While the `loading` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-heatmap": Partial<
@@ -54115,6 +54315,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -57972,6 +58181,9 @@ export type CustomElements = {
    * `focus()` above already puts focus on the control inside the row rather than
    * on the row, which is the whole of what moving here means.
    * - `select() => void`: Chooses the row, the same as pressing it.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -64849,6 +65061,9 @@ export type CustomElements = {
    * - `focus(options?: FocusOptions) => void`: Puts focus on the control inside the item.
    * - `focusItem() => void`: Moves focus to the action. Part of `NavigableItem`, which the shared
    * keyboard controller uses for the arrow keys.
+   * - `click() => void`: Presses the action, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the action and follows its link, once.
    * - `select() => void`: Chooses the action, the same as pressing it.
    *
    * ## CSS Custom Properties
@@ -67071,6 +67286,9 @@ export type CustomElements = {
    * disabled or a listener cancels the event.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `click() => void`: Presses the tab, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * selects the tab, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -72607,8 +72825,8 @@ export type CustomElementsSolidJs = {
    * The shader stops drawing in these cases:
    * - The element is off screen or in a background tab.
    * - `prefers-reduced-motion` is set. The element shows one still frame.
-   * - `paused` is set, from a pause control on your page. The element holds the
-   *   frame it shows.
+   * - `paused` is set, from a pause control on your page or from the aura's own
+   *   under `pause-control`. The element holds the frame it shows.
    * - The browser takes back the drawing context, on a GPU reset or past its
    *   limit of about sixteen contexts. The gradient shows until the context
    *   returns.
@@ -72632,6 +72850,13 @@ export type CustomElementsSolidJs = {
    * changed while the aura draws, by a class, a style or the color mode,
    * reaches the shader on the next frame.
    *
+   * **`pause-control` draws a control that stops the motion and starts it
+   * again**, in the trailing corner of the field, as WCAG 2.2.2 asks of
+   * anything that moves for more than five seconds. It is a toggle button named
+   * by `pause-label`, which says it is pressed while the field is paused, and a
+   * press sends `change`. A reader who asked for reduced motion sees no motion
+   * and no control.
+   *
    * Where the gradient shows in place of the shader, the aura matches
    * `:state(fallback)` and sends `helix-aura-fallback` with the reason.
    *
@@ -72671,12 +72896,18 @@ export type CustomElementsSolidJs = {
    * hit-testable at rest, or it would swallow clicks meant for what is over it,
    * and an element that is not hit-testable never receives the `pointermove`
    * this listens for. Asking for the pointer is asking for the hit test.
+   * - `pause-control`/`pauseControl`: Whether the aura draws its own control that pauses the field and starts it
+   * again, in its trailing corner. Absent draws none, for a page with a pause
+   * control of its own.
    * - `paused`: Whether the field holds still on the frame it shows.
    *
    * Set it from a pause control on your page, so a reader can stop the motion,
    * as WCAG 2.2.2 asks of anything that moves for more than five seconds. A
    * change to another property still repaints the frame. Clearing it starts
    * the field from where it stopped.
+   * - `pause-label`/`pauseLabel`: The pause control's name, read by screen readers. The control is a toggle
+   * and says it is pressed while the field is paused, so the name stays the
+   * same.
    * - `reach`: How far the pointer reaches into the field, `0` upward.
    *
    * Multiplied into the presence the pointer already fades in and out with, so
@@ -72764,6 +72995,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: Fired when the aura's own pause control pauses the field or starts it again.
    * - `helix-aura-fallback`: Fired each time the aura stops drawing its shader and shows its gradient, with the reason.
    *
    * ## Slots
@@ -72779,6 +73011,7 @@ export type CustomElementsSolidJs = {
    * - `--aura-glow`: The bright stop of the ramp. Defaults to `--helix-color-primary`.
    * - `--aura-ground`: The page the field fades into. Defaults to `--helix-color-background`.
    * - `--aura-haze`: The faint stop between the ground and the glow. Defaults to `--helix-color-primary-subtle`.
+   * - `--aura-pause-background-color`: The pause control's ground. Defaults to `--helix-color-surface-overlay`.
    * - `--aura-peak`: The hottest stop, at the center of a shape. Defaults to `--helix-color-primary-active` on a light page and `--helix-color-foreground` on a dark one.
    *
    * ## CSS Parts
@@ -72787,6 +73020,8 @@ export type CustomElementsSolidJs = {
    *
    * - `canvas`: The surface the shader draws into.
    * - `content`: The box over the field that holds the content. It covers the aura.
+   * - `pause`: The control that pauses the field and starts it again, drawn under `pause-control`.
+   * - `pause-mark`: The glyph on the pause control: pause while the field moves, play while it is paused.
    *
    * ## CSS States
    *
@@ -74280,6 +74515,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -78661,6 +78905,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -81212,6 +81465,9 @@ export type CustomElementsSolidJs = {
    *
    * - `focusItem() => void`: Moves focus onto the row itself.
    * - `select() => void`: Fires `helix-select` for this row.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -82325,6 +82581,9 @@ export type CustomElementsSolidJs = {
    * them.
    * - `clear-label`/`clearLabel`: The name of the clear button, read by screen readers. The button shows only
    * an icon.
+   * - `filter-delay`/`filterDelay`: How long typing rests before `source` is asked, in milliseconds. A delay
+   * sends one request for a word in place of one for each letter. The arrow
+   * keys and Enter ask at once. `0` asks on every keystroke.
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
@@ -82373,6 +82632,12 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `source`: Where the suggestions come from: a function given the term at the caret,
+   * the field it is a value of, the whole text, and an `AbortSignal`, which
+   * returns the suggestions or a promise of them. Each is a string, or a
+   * `value` with a `label` and `disabled`. The field draws them as options in
+   * the panel, beside any you slot. A property only, there being no way to
+   * write a function in markup. See the class description. (property only)
    * - `selectionDirection`: The direction of the selection, named as on `<input>`.
    *
    * **Published for the reason `Input` publishes them, and this element needs
@@ -82430,7 +82695,7 @@ export type CustomElementsSolidJs = {
    * - `helix-before-open`: Fired before the suggestions open. Cancelable: call `preventDefault()` to keep them closed.
    * - `helix-dismiss`: Fired when the user removes a token with its remove button or with Backspace in an empty field. A `FilterChip` that names a declared field sends `helix-facet` instead. Cancelable: call `preventDefault()` to keep the token.
    * - `helix-facet`: Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were.
-   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does.
+   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it.
    * - `input`: Fired when the text changes.
    *
    * ## Slots
@@ -82556,7 +82821,7 @@ export type CustomElementsSolidJs = {
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
-   * - `loading`: Shown in the panel while the suggestions load.
+   * - `loading`: Shown in the panel while the suggestions load: while `loading` is set, or a request to `source` is out.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -82566,7 +82831,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
-   * - `loading`: While `loading` is set.
+   * - `loading`: While `loading` is set, or a request to `source` is out.
    * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -82976,6 +83241,9 @@ export type CustomElementsSolidJs = {
    * - `legend`: Names the groups over the drawing, each a button in its color that shows
    * or hides its notes. Drawn where the notes have two groups or more.
    * - `legend-label`/`legendLabel`: The legend's name, read by screen readers.
+   * - `link-count-label`/`linkCountLabel`: What screen readers hear when a walk along the links reaches a note that
+   * has no link to follow, or goes back to a note: `{note}` for its name and
+   * `{count}` for how many notes the list holds that it links to or from.
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
@@ -83000,6 +83268,10 @@ export type CustomElementsSolidJs = {
    * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
+   * - `walk-label`/`walkLabel`: What screen readers hear when a walk along the links moves to a note:
+   * `{note}` for its name, `{relation}` for how it stands to the note the
+   * step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+   * for its place among that note's links.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-in-label`/`zoomedInLabel`: What screen readers hear once the drawing has zoomed in, after `moved()`.
@@ -83047,7 +83319,7 @@ export type CustomElementsSolidJs = {
    * - `helix-graph-filter`: A group in the legend was pressed, to show or hide its notes. The detail's `hidden` is every group that would be hidden. Cancelable: cancel it to keep the groups as they were, or to set `hiddenGroups` yourself.
    * - `helix-graph-layout`: A layout settled, with where it put each note, sent by `laidOut()`. Keep the positions and pass them back as each note's `x` and `y`, and `z` where a renderer draws in three dimensions.
    * - `helix-graph-pan`: A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`.
-   * - `helix-graph-part-change`: The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
+   * - `helix-graph-part-change`: The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-ready`: The graph has been drawn whole, laid out and settled. Sent each time `drawn()` says it is drawn after it was not.
    * - `helix-graph-signal`: Something passed between two notes, sent by `signal()`. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-zoom`: A zoom button or key was pressed. `connectGraph` zooms the drawing, then calls `moved()`.
@@ -83326,6 +83598,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -83352,10 +83634,6 @@ export type CustomElementsSolidJs = {
    * legend hid is not counted.
    * - `busiest-label`/`busiestLabel`: The name the `overview` gives the busiest reading, `{busiestLabel}` in
    * `overview-label`.
-   * - `empty-text`/`emptyText`: Shown when the table has no readings in it.
-   *
-   * Never shown while the table cannot be read at all, which is a server render
-   * and the hydrating one after it: see `sourceKnown`.
    * - `gap`: Space between cells, in CSS pixels. It is a number for the same reason
    * `min-cell` is.
    * - `min-cell`/`minCell`: The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
@@ -83386,9 +83664,7 @@ export type CustomElementsSolidJs = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
-   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
-   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-   * nothing.
+   * - `selected-label`/`selectedLabel`: What the readout added for a selected cell, under `selection-mode`.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes. `{count}` is
    * how many cells are selected, written in the locale, and a language that
    * needs plural forms writes them: `{count, plural, one {# wybrany} few
@@ -83507,6 +83783,8 @@ export type CustomElementsSolidJs = {
    *
    * - `change`: Fired once a press or a key has changed which cells are selected.
    * - `helix-before-change`: Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable.
+   * - `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`.
    * - `helix-resize`: Fired when the number of cells drawn changes, with the new number.
    *
    * ## Slots
@@ -83516,6 +83794,8 @@ export type CustomElementsSolidJs = {
    * - `end`: Below the strip, at the trailing edge.
    * - `start`: Below the strip, at the leading edge.
    * - `summary`: Below the strip, in the middle.
+   * - `empty`: Content shown under the strip when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
+   * - `loading`: Content shown under the strip while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    *
    * ## Methods
    *
@@ -83607,9 +83887,12 @@ export type CustomElementsSolidJs = {
    * - `tooltip-top`: The bubble while it is above the reading. Set alongside `tooltip`.
    * - `tooltip-value`: A column's value inside the tooltip.
    * - `cell-selected`: A cell that is selected, under `selection-mode`. Set alongside `cell`.
-   * - `empty`: Shown when the table has no readings. It stays hidden until the table can be read: on the server and during hydration, there is no document to resolve `for` in.
+   * - `empty`: The words under the strip 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, there being no document to resolve `for` in.
    * - `end`: The trailing slot's box.
+   * - `loading`: The words under the strip while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `overview`: The busiest reading and the total of the readings drawn, written as a sentence for screen readers, which describes the strip. Rendered once there are cells. Hide it visually.
+   * - `plot`: The same element as `strip`, under the name every chart gives the drawing that takes focus.
+   * - `row`: A column of cells, which a grid reads as a row, under `selection-mode`. It draws no box.
    * - `selection`: A polite region that says how many cells are selected after a change, rendered from the first change. Hide it visually.
    * - `start`: The leading slot's box.
    * - `summary`: The middle slot's box.
@@ -83621,6 +83904,7 @@ export type CustomElementsSolidJs = {
    *
    * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
    * - `empty`: While the `empty` part stands in place of the cells.
+   * - `loading`: While the `loading` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-heatmap": Partial<
@@ -83863,6 +84147,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -87795,6 +88088,9 @@ export type CustomElementsSolidJs = {
    * `focus()` above already puts focus on the control inside the row rather than
    * on the row, which is the whole of what moving here means.
    * - `select() => void`: Chooses the row, the same as pressing it.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -94796,6 +95092,9 @@ export type CustomElementsSolidJs = {
    * - `focus(options?: FocusOptions) => void`: Puts focus on the control inside the item.
    * - `focusItem() => void`: Moves focus to the action. Part of `NavigableItem`, which the shared
    * keyboard controller uses for the arrow keys.
+   * - `click() => void`: Presses the action, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the action and follows its link, once.
    * - `select() => void`: Chooses the action, the same as pressing it.
    *
    * ## CSS Custom Properties
@@ -97067,6 +97366,9 @@ export type CustomElementsSolidJs = {
    * disabled or a listener cancels the event.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the tab's control, the button or the link inside it, so a
    * script can focus the tab the way it focuses a native one.
+   * - `click() => void`: Presses the tab, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * selects the tab, or follows its link, once.
    *
    * ## CSS Custom Properties
    *
@@ -101850,6 +102152,8 @@ export type CustomCssProperties = {
   "--aura-ground"?: (string) | undefined;
   /** The faint stop between the ground and the glow. Defaults to `--helix-color-primary-subtle`. */
   "--aura-haze"?: (string) | undefined;
+  /** The pause control's ground. Defaults to `--helix-color-surface-overlay`. */
+  "--aura-pause-background-color"?: (string) | undefined;
   /** The hottest stop, at the center of a shape. Defaults to `--helix-color-primary-active` on a light page and `--helix-color-foreground` on a dark one. */
   "--aura-peak"?: (string) | undefined;
   /** The fill of the count of avatars past `max`. */