@fusion.dev/helix 0.166.0 → 0.167.0

package/types/jsx.d.ts

@@ -21,6 +21,7 @@ import type {
   HelixBeforeMoveEvent,
   HelixBeforeOpenEvent,
   HelixBeforePanelResizeEvent,
+  HelixBeforePasteEvent,
   HelixBeforePinEvent,
   HelixBeforeReconnectEvent,
   HelixBeforeRelabelEvent,
@@ -158,6 +159,7 @@ import type {
   HelixPaginationSize,
   HelixPaginationSummary,
   HelixPanelResizeEvent,
+  HelixPastedEvent,
   HelixPinEvent,
   HelixPinInput,
   HelixPopover,
@@ -4309,6 +4311,9 @@ export type HelixCanvasElementEvent<E = Event> = TypedEvent<HelixCanvas, E>;
 /** `helix-before-move` event type */
 export type HelixCanvasHelixBeforeMoveElementEvent =
   HelixCanvasElementEvent<HelixBeforeMoveEvent>;
+/** `helix-before-paste` event type */
+export type HelixCanvasHelixBeforePasteElementEvent =
+  HelixCanvasElementEvent<HelixBeforePasteEvent>;
 /** `helix-before-reconnect` event type */
 export type HelixCanvasHelixBeforeReconnectElementEvent =
   HelixCanvasElementEvent<HelixBeforeReconnectEvent>;
@@ -4333,6 +4338,9 @@ export type HelixCanvasHelixConnectElementEvent =
 /** `helix-move` event type */
 export type HelixCanvasHelixMoveElementEvent =
   HelixCanvasElementEvent<HelixMoveEvent>;
+/** `helix-pasted` event type */
+export type HelixCanvasHelixPastedElementEvent =
+  HelixCanvasElementEvent<HelixPastedEvent>;
 /** `helix-reconnect` event type */
 export type HelixCanvasHelixReconnectElementEvent =
   HelixCanvasElementEvent<HelixReconnectEvent>;
@@ -4505,6 +4513,10 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   activateHintLabel?: (HelixCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "arranged-label"?: (HelixCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  arrangedLabel?: (HelixCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "comes-from-label"?: (HelixCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -4603,6 +4615,10 @@ on a board that is a flow is the order its author meant.
 Absent is spatial, a resting value being an attribute's absence: a default
 that reflected would write a choice onto every host that no server sent. */
   order?: (HelixCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "pasted-label"?: (HelixCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  pastedLabel?: (HelixCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -4636,6 +4652,14 @@ walk the cards. */
   "redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   redoneLabel?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "removed-label"?: (HelixCanvas["removedLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  removedLabel?: (HelixCanvas["removedLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -4779,6 +4803,8 @@ it rather than fitting the board again. */
 
   /** Cards are about to move. Cancelable: cancel it to keep the positions in your own state. */
   "onhelix-before-move"?: ((e: HelixCanvasHelixBeforeMoveElementEvent) => void) | undefined;
+  /** Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state. */
+  "onhelix-before-paste"?: ((e: HelixCanvasHelixBeforePasteElementEvent) => void) | undefined;
   /** A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state. */
   "onhelix-before-reconnect"?: ((
     e: HelixCanvasHelixBeforeReconnectElementEvent,
@@ -4799,6 +4825,8 @@ it rather than fitting the board again. */
   "onhelix-connect"?: ((e: HelixCanvasHelixConnectElementEvent) => void) | undefined;
   /** Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed. */
   "onhelix-move"?: ((e: HelixCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "onhelix-pasted"?: ((e: HelixCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "onhelix-reconnect"?: ((e: HelixCanvasHelixReconnectElementEvent) => void) | undefined;
   /** A connection's label or a group's name changed. */
@@ -4968,6 +4996,10 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   "prop:activateHintLabel"?: (HelixCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "attr:arranged-label"?: (HelixCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "prop:arrangedLabel"?: (HelixCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "attr:comes-from-label"?: (HelixCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -5066,6 +5098,10 @@ on a board that is a flow is the order its author meant.
 Absent is spatial, a resting value being an attribute's absence: a default
 that reflected would write a choice onto every host that no server sent. */
   "prop:order"?: (HelixCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "attr:pasted-label"?: (HelixCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "prop:pastedLabel"?: (HelixCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -5099,6 +5135,14 @@ walk the cards. */
   "attr:redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   "prop:redoneLabel"?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "attr:removed-label"?: (HelixCanvas["removedLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "prop:removedLabel"?: (HelixCanvas["removedLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -5241,6 +5285,10 @@ it rather than fitting the board again. */
   "prop:view"?: (HelixCanvas["view"]) | undefined;
   /** Cards are about to move. Cancelable: cancel it to keep the positions in your own state. */
   "on:helix-before-move"?: ((e: HelixCanvasHelixBeforeMoveElementEvent) => void) | undefined;
+  /** Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state. */
+  "on:helix-before-paste"?: ((
+    e: HelixCanvasHelixBeforePasteElementEvent,
+  ) => void) | undefined;
   /** A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state. */
   "on:helix-before-reconnect"?: ((
     e: HelixCanvasHelixBeforeReconnectElementEvent,
@@ -5261,6 +5309,8 @@ it rather than fitting the board again. */
   "on:helix-connect"?: ((e: HelixCanvasHelixConnectElementEvent) => void) | undefined;
   /** Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed. */
   "on:helix-move"?: ((e: HelixCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "on:helix-pasted"?: ((e: HelixCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "on:helix-reconnect"?: ((e: HelixCanvasHelixReconnectElementEvent) => void) | undefined;
   /** A connection's label or a group's name changed. */
@@ -16302,7 +16352,8 @@ such as `buddhist` for `th-TH`, and `gregory` for every other, such as
 `persian` for `fa-IR`, so a date written here reads as the same date a
 Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   calendar?: (HelixFormatDate["calendar"]) | undefined;
-  /** The timestamp, in any format `Date` can parse.
+  /** The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+format `Date` can parse. The attribute is the string.
 
 An ISO string is what an API sends and what `<time datetime>` takes, so it
 is the shape that needs no translation at either end. Left unset this
@@ -16446,7 +16497,8 @@ such as `buddhist` for `th-TH`, and `gregory` for every other, such as
 `persian` for `fa-IR`, so a date written here reads as the same date a
 Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   "prop:calendar"?: (HelixFormatDate["calendar"]) | undefined;
-  /** The timestamp, in any format `Date` can parse.
+  /** The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+format `Date` can parse. The attribute is the string.
 
 An ISO string is what an API sends and what `<time datetime>` takes, so it
 is the shape that needs no translation at either end. Left unset this
@@ -33901,6 +33953,15 @@ order has its whole sentence. `{order}` is the deprecated
   "unsorted-label"?: (HelixTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   unsortedLabel?: (HelixTable["unsortedLabel"]) | undefined;
+  /** Draws only the rows in view, with empty space in place of the rest, as
+Data Table's `windowed` does. The table's box then scrolls, at the
+height `--table-block-size` gives it in the styled tier, and the
+headings stick to its top.
+
+Off by default. Windowing costs a scroll listener, a measurement per row
+drawn, and a height on the table, and a table of twenty rows should pay
+none of them. */
+  windowed?: (HelixTable["windowed"]) | undefined;
 
   /** Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is. */
   "onhelix-before-reorder"?: ((
@@ -34155,6 +34216,15 @@ order has its whole sentence. `{order}` is the deprecated
   "attr:unsorted-label"?: (HelixTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   "prop:unsortedLabel"?: (HelixTable["unsortedLabel"]) | undefined;
+  /** Draws only the rows in view, with empty space in place of the rest, as
+Data Table's `windowed` does. The table's box then scrolls, at the
+height `--table-block-size` gives it in the styled tier, and the
+headings stick to its top.
+
+Off by default. Windowing costs a scroll listener, a measurement per row
+drawn, and a height on the table, and a table of twenty rows should pay
+none of them. */
+  "prop:windowed"?: (HelixTable["windowed"]) | undefined;
   /** Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is. */
   "on:helix-before-reorder"?: ((
     e: HelixTableHelixBeforeReorderElementEvent,
@@ -36491,6 +36561,12 @@ and a wheel has exactly one value by construction. Rather than draw
 something that cannot say what it holds, `wheels` renders as a list
 whenever a mode is set. */
   mode?: (HelixTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "now-label"?: (HelixTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  nowLabel?: (HelixTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "range-overflow-message"?: (HelixTimePicker["rangeOverflowMessage"]) | undefined;
@@ -36547,6 +36623,22 @@ wheels take a column of seconds, and `step` counts seconds, the unit
 rows, so give `seconds` a `step` and bounds that keep it a list, or use
 the wheels. */
   seconds?: (HelixTimePicker["seconds"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "show-now"?: (HelixTimePicker["showNow"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  showNow?: (HelixTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -36805,6 +36897,12 @@ and a wheel has exactly one value by construction. Rather than draw
 something that cannot say what it holds, `wheels` renders as a list
 whenever a mode is set. */
   "prop:mode"?: (HelixTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "attr:now-label"?: (HelixTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "prop:nowLabel"?: (HelixTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "attr:range-overflow-message"?: (HelixTimePicker["rangeOverflowMessage"]) | undefined;
@@ -36861,6 +36959,22 @@ wheels take a column of seconds, and `step` counts seconds, the unit
 rows, so give `seconds` a `step` and bounds that keep it a list, or use
 the wheels. */
   "prop:seconds"?: (HelixTimePicker["seconds"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "bool:show-now"?: (HelixTimePicker["showNow"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "prop:showNow"?: (HelixTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -40877,6 +40991,23 @@ follows the box as it resizes, which `columns` then does not decide. */
 out as many columns as fit the box at that width, at least one, and
 follows the box as it resizes, which `columns` then does not decide. */
   minColumnWidth?: (HelixVirtualList["minColumnWidth"]) | undefined;
+  /** Which way the list runs. `horizontal` lays the items out along a line
+and scrolls it sideways: Left and Right move between items, the other
+way round on a right-to-left page, and `estimate` is an item's width. A
+grid always runs down. */
+  orientation?: (HelixVirtualList["orientation"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "section-field"?: (HelixVirtualList["sectionField"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  sectionField?: (HelixVirtualList["sectionField"]) | undefined;
   /** What a press does to the items already chosen: `toggle` adds or takes out
 the item, and `replace` selects it alone and lets the arrow keys carry the
 selection, with Control or Command adding or taking out one item. */
@@ -40919,6 +41050,10 @@ It returns what Lit renders: a template from `html`, a string, or a DOM
 node. The list wraps each result in a `<div>` that carries the row's role
 and place in the set. Where it is unset, the row `<template>` is used. */
   renderItem?: (HelixVirtualList["renderItem"]) | undefined;
+  /** Draws each section's header, given its name and its place among the
+sections, for a list given `section-field`. Set it as a property. Where
+it is unset, the header is the name as text. */
+  renderSection?: (HelixVirtualList["renderSection"]) | undefined;
 
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   onchange?: ((e: HelixVirtualListElementEvent) => void) | undefined;
@@ -41007,6 +41142,23 @@ follows the box as it resizes, which `columns` then does not decide. */
 out as many columns as fit the box at that width, at least one, and
 follows the box as it resizes, which `columns` then does not decide. */
   "prop:minColumnWidth"?: (HelixVirtualList["minColumnWidth"]) | undefined;
+  /** Which way the list runs. `horizontal` lays the items out along a line
+and scrolls it sideways: Left and Right move between items, the other
+way round on a right-to-left page, and `estimate` is an item's width. A
+grid always runs down. */
+  "prop:orientation"?: (HelixVirtualList["orientation"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "attr:section-field"?: (HelixVirtualList["sectionField"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "prop:sectionField"?: (HelixVirtualList["sectionField"]) | undefined;
   /** What a press does to the items already chosen: `toggle` adds or takes out
 the item, and `replace` selects it alone and lets the arrow keys carry the
 selection, with Control or Command adding or taking out one item. */
@@ -41049,6 +41201,10 @@ It returns what Lit renders: a template from `html`, a string, or a DOM
 node. The list wraps each result in a `<div>` that carries the row's role
 and place in the set. Where it is unset, the row `<template>` is used. */
   "prop:renderItem"?: (HelixVirtualList["renderItem"]) | undefined;
+  /** Draws each section's header, given its name and its place among the
+sections, for a list given `section-field`. Set it as a property. Where
+it is unset, the header is the name as text. */
+  "prop:renderSection"?: (HelixVirtualList["renderSection"]) | undefined;
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   "on:change"?: ((e: HelixVirtualListElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable. */
@@ -43671,7 +43827,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -44210,6 +44366,7 @@ export type CustomElements = {
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when the board, waiting to be pressed with
    * `gestures="activate"`, is scrolled or swiped over.
+   * - `arranged-label`/`arrangedLabel`: What screen readers hear after `arrange()` moves the cards.
    * - `comes-from-label`/`comesFromLabel`: The text read with a card to say where its connections come from, with `{cards}`.
    * - `connected-label`/`connectedLabel`: The text announced when a connection is requested, with `{from}` and `{to}`.
    * - `connecting-label`/`connectingLabel`: The text announced when a connection is started, with `{from}` filled in.
@@ -44254,6 +44411,7 @@ export type CustomElements = {
    *
    * Absent is spatial, a resting value being an attribute's absence: a default
    * that reflected would write a choice onto every host that no server sent.
+   * - `pasted-label`/`pastedLabel`: What screen readers hear after a paste, with `{count}` for the cards pasted.
    * - `path`: The route every connection takes when it sets no `path` of its own:
    * `straight`, or `step` for right angles.
    *
@@ -44270,6 +44428,9 @@ export type CustomElements = {
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
    * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
+   * - `removed-label`/`removedLabel`: What screen readers hear when Delete asks to remove what is selected, with
+   * `{count}` for how many cards and connections, and `{name}` for the one
+   * where there is one.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -44375,6 +44536,7 @@ export type CustomElements = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-move`: Cards are about to move. Cancelable: cancel it to keep the positions in your own state.
+   * - `helix-before-paste`: Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state.
    * - `helix-before-reconnect`: A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state.
    * - `helix-before-relabel`: A connection's label or a group's name is about to change. Cancelable: cancel it to keep labels in your own state.
    * - `helix-canvas-edit`: A card was double-clicked, or Enter or F2 was pressed on it. Open your own editor for the card.
@@ -44383,6 +44545,7 @@ export type CustomElements = {
    * - `helix-canvas-zoom`: The board zoomed one step, from its controls or the keys. A wheel or a pinch sends `helix-canvas-view`.
    * - `helix-connect`: Two cards were chosen to be joined. Add a `helix-canvas-edge` to join them.
    * - `helix-move`: Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed.
+   * - `helix-pasted`: Cards and connections were pasted, and the board holds them.
    * - `helix-reconnect`: A connection's end moved, and the move is finished.
    * - `helix-relabel`: A connection's label or a group's name changed.
    * - `helix-remove`: Cards or connections were chosen for removal. Remove the elements it names.
@@ -44420,6 +44583,24 @@ export type CustomElements = {
    * with nothing to undo, or when the request was refused.
    * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
    * `helix-before-move` first. Returns whether anything moved.
+   * - `paste(document: CanvasDocument | string) => boolean`: Adds the cards and connections of a JSON Canvas document, as a paste does,
+   * and selects the cards. Ids the board already holds are given a count after
+   * them, and the cards move a step down and to the right while they would sit
+   * on cards already there.
+   *
+   * Asks with `helix-before-paste` first: cancel it to add the detail's
+   * document to your own state. Returns whether the board added the cards:
+   * false on a `readonly` board, for text that is not a board, or when the
+   * request was refused.
+   * - `arrange(options: CanvasArrangeOptions = {}) => boolean`: Moves the cards so that none overlaps another: in layers that follow the
+   * connections, or in a grid where there are none. A group moves as one box
+   * with its cards. Each place lands on a multiple of `snap` where it is set.
+   *
+   * Asks with `helix-before-move` first and tells with `helix-move`, as a
+   * move does, so `undo()` puts every card back. The cards glide to their
+   * places for as long as the board's plane takes to glide, and land at once
+   * where it does not, such as under `prefers-reduced-motion`. Returns whether
+   * the cards moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -45162,7 +45343,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -45720,7 +45901,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -46001,7 +46182,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -46644,7 +46825,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -47057,7 +47238,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -47473,7 +47654,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -47925,7 +48106,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -48784,7 +48965,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -49193,7 +49374,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -50843,7 +51024,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -51621,7 +51802,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -51817,7 +51998,8 @@ export type CustomElements = {
    * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
    * `persian` for `fa-IR`, so a date written here reads as the same date a
    * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
-   * - `date`: The timestamp, in any format `Date` can parse.
+   * - `date`: The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+   * format `Date` can parse. The attribute is the string.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
    * is the shape that needs no translation at either end. Left unset this
@@ -52983,7 +53165,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -53579,7 +53761,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -55214,7 +55396,8 @@ export type CustomElements = {
    * rather than being typed into means. Enter still chooses, because that is
    * the caller asking for the answer rather than for a move. Space, Home, End
    * and letters are left to the caller's field, where they are typing.
-   * - `reveal() => void`: Scrolls the chosen option to the middle of the list.
+   * - `reveal() => void`: Scrolls the chosen option to the middle of the list, or the highlighted one
+   * where nothing is chosen.
    *
    * A method rather than something this does on its own, because a listbox
    * opening on its answer usually wants it merely *visible* and the browser
@@ -55224,6 +55407,13 @@ export type CustomElements = {
    *
    * Measured by core's `centerInView`, or, for a list of `items`, by the
    * arithmetic, since the chosen option may not be drawn.
+   * - `highlightValue(value: string) => void`: Puts the highlight on the option holding `value`, without choosing it, so
+   * the arrow keys move from there. Nothing changes where no option a reader
+   * can reach holds `value`.
+   *
+   * Time Picker calls it for a time between two of its steps, which no option
+   * holds: without it the first arrow moved from the top of the list, so Down
+   * from 14:07 went to midnight.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -55259,7 +55449,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -58155,7 +58345,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -59374,7 +59564,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -59720,7 +59910,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -60501,7 +60691,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -60997,7 +61187,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -62492,7 +62682,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -62991,7 +63181,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -64669,7 +64859,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -65088,6 +65278,14 @@ export type CustomElements = {
    * order has its whole sentence. `{order}` is the deprecated
    * `ascending-label` or `descending-label`.
    * - `unsorted-label`/`unsortedLabel`: What screen readers hear when the table stops being sorted.
+   * - `windowed`: Draws only the rows in view, with empty space in place of the rest, as
+   * Data Table's `windowed` does. The table's box then scrolls, at the
+   * height `--table-block-size` gives it in the styled tier, and the
+   * headings stick to its top.
+   *
+   * Off by default. Windowing costs a scroll listener, a measurement per row
+   * drawn, and a height on the table, and a table of twenty rows should pay
+   * none of them.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -65146,6 +65344,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-block-size`: How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default.
    * - `--table-columns`: Track list for the columns. It overrides the track list worked out from the columns.
    * - `--table-drag-preview-background-color`: The fill behind the copy of a row a pointer drags.
    * - `--table-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
@@ -65154,6 +65353,7 @@ export type CustomElements = {
    * - `--table-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
    * - `--table-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
    * - `--table-error-color`: The color of the words in the line shown while `error-text` is set.
+   * - `--table-heading-background-color`: The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default.
    * - `--table-title-color`: The color of the words in the `heading` slot.
    * - `--table-title-gap`: The space between the `heading` slot and the grid.
    * - `--table-title-text`: The font size of the words in the `heading` slot.
@@ -65163,6 +65363,8 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `after`: The space that stands in for the rows below the window. Only while `windowed`.
+   * - `before`: The space that stands in for the rows above the window. Only while `windowed`.
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `live`: A live region that repeats the empty and loading text, and says each step of a move, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `table`: The grid.
@@ -66271,7 +66473,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -66630,7 +66832,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -66691,6 +66893,7 @@ export type CustomElements = {
    * - `picker-list-loading`: The text shown while the options load.
    * - `picker-list-search`: The region that holds the filter field.
    * - `picker-list-search-field`: The filter field.
+   * - `picker-now`: The picker's button that chooses the current time, which Time Input does not draw.
    * - `picker-option`: One time in the picker. Carries `data-between` inside a range.
    * - `picker-option-between`: A time inside a chosen range, between its two ends. Set together with `picker-option`.
    * - `picker-option-description`: The caption under the label, when there is one.
@@ -66837,6 +67040,8 @@ export type CustomElements = {
    * and a wheel has exactly one value by construction. Rather than draw
    * something that cannot say what it holds, `wheels` renders as a list
    * whenever a mode is set.
+   * - `now-label`/`nowLabel`: The words on the button that chooses the current time, drawn with
+   * `show-now`.
    * - `range-overflow-message`/`rangeOverflowMessage`: The validation message for a time after `max`. `{max}` is replaced with
    * `max`, written in `locale`.
    * - `range-underflow-message`/`rangeUnderflowMessage`: The validation message for a time before `min`. `{min}` is replaced with
@@ -66864,6 +67069,13 @@ export type CustomElements = {
    * `<input type="time">` counts in. A list at a step of one second is 86,400
    * rows, so give `seconds` a `step` and bounds that keep it a list, or use
    * the wheels.
+   * - `show-now`/`showNow`: Draws a button under the times that chooses the current time, as
+   * `selectNow()` does.
+   *
+   * For a form about something happening now, such as a shift starting or a
+   * dose taken, where the reader would otherwise scroll to the time on the
+   * clock. The button is a tab stop after the times, and its words are
+   * `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    *
@@ -66994,6 +67206,14 @@ export type CustomElements = {
    * Falling back to what the markup declared rather than to empty, because
    * a restore with no state is a form the browser has nothing recorded for,
    * which is the same situation as a fresh one.
+   * - `selectNow() => boolean`: Chooses the current time, as a press on the `show-now` button does, and
+   * returns whether the value changed.
+   *
+   * The time is read off the reader's clock and moved to the nearest time on
+   * offer that is not barred, so it falls on the `step` and inside `min` and
+   * `max`. It is requested as a pick is, so `helix-before-change` can cancel
+   * it. With a `mode` the time joins the times held, and a range that holds
+   * two starts over from it, as a third pick does.
    * - `reveal() => void`: Scrolls each wheel to its selected value, and the list to its selected
    * time.
    *
@@ -67053,7 +67273,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -67069,6 +67289,7 @@ export type CustomElements = {
    * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
    * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
+   * - `--time-picker-now-color`: The ink of the button that chooses the current time, with `show-now`.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
@@ -67110,6 +67331,7 @@ export type CustomElements = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
+   * - `now`: The button that chooses the current time, drawn with `show-now`.
    * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
@@ -67854,7 +68076,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -70035,6 +70257,15 @@ export type CustomElements = {
    * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
    * out as many columns as fit the box at that width, at least one, and
    * follows the box as it resizes, which `columns` then does not decide.
+   * - `orientation`: Which way the list runs. `horizontal` lays the items out along a line
+   * and scrolls it sideways: Left and Right move between items, the other
+   * way round on a right-to-left page, and `estimate` is an item's width. A
+   * grid always runs down.
+   * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
+   * keys. Set, the items are drawn in sections: a header, then the items, in
+   * an element with the `group` role that the header names. A section starts
+   * wherever the field changes, so give the items in order. A list of one
+   * column only.
    * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
    * the item, and `replace` selects it alone and lets the arrow keys carry the
    * selection, with Control or Command adding or taking out one item.
@@ -70058,6 +70289,9 @@ export type CustomElements = {
    * It returns what Lit renders: a template from `html`, a string, or a DOM
    * node. The list wraps each result in a `<div>` that carries the row's role
    * and place in the set. Where it is unset, the row `<template>` is used. (property only)
+   * - `renderSection`: Draws each section's header, given its name and its place among the
+   * sections, for a list given `section-field`. Set it as a property. Where
+   * it is unset, the header is the name as text. (property only)
    * - `range`: The items on screen, as `items.slice(first, last)` reads them.
    *
    * Read from the scroll offset when asked. Both are 0 before the list has a
@@ -70114,7 +70348,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
@@ -70141,6 +70375,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `empty`: While the list has read its items and holds none.
+   * - `horizontal`: While the list runs across, with `orientation="horizontal"`.
    * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -72795,7 +73030,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -73346,6 +73581,7 @@ export type CustomElementsSolidJs = {
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when the board, waiting to be pressed with
    * `gestures="activate"`, is scrolled or swiped over.
+   * - `arranged-label`/`arrangedLabel`: What screen readers hear after `arrange()` moves the cards.
    * - `comes-from-label`/`comesFromLabel`: The text read with a card to say where its connections come from, with `{cards}`.
    * - `connected-label`/`connectedLabel`: The text announced when a connection is requested, with `{from}` and `{to}`.
    * - `connecting-label`/`connectingLabel`: The text announced when a connection is started, with `{from}` filled in.
@@ -73390,6 +73626,7 @@ export type CustomElementsSolidJs = {
    *
    * Absent is spatial, a resting value being an attribute's absence: a default
    * that reflected would write a choice onto every host that no server sent.
+   * - `pasted-label`/`pastedLabel`: What screen readers hear after a paste, with `{count}` for the cards pasted.
    * - `path`: The route every connection takes when it sets no `path` of its own:
    * `straight`, or `step` for right angles.
    *
@@ -73406,6 +73643,9 @@ export type CustomElementsSolidJs = {
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
    * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
+   * - `removed-label`/`removedLabel`: What screen readers hear when Delete asks to remove what is selected, with
+   * `{count}` for how many cards and connections, and `{name}` for the one
+   * where there is one.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -73511,6 +73751,7 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-move`: Cards are about to move. Cancelable: cancel it to keep the positions in your own state.
+   * - `helix-before-paste`: Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state.
    * - `helix-before-reconnect`: A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state.
    * - `helix-before-relabel`: A connection's label or a group's name is about to change. Cancelable: cancel it to keep labels in your own state.
    * - `helix-canvas-edit`: A card was double-clicked, or Enter or F2 was pressed on it. Open your own editor for the card.
@@ -73519,6 +73760,7 @@ export type CustomElementsSolidJs = {
    * - `helix-canvas-zoom`: The board zoomed one step, from its controls or the keys. A wheel or a pinch sends `helix-canvas-view`.
    * - `helix-connect`: Two cards were chosen to be joined. Add a `helix-canvas-edge` to join them.
    * - `helix-move`: Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed.
+   * - `helix-pasted`: Cards and connections were pasted, and the board holds them.
    * - `helix-reconnect`: A connection's end moved, and the move is finished.
    * - `helix-relabel`: A connection's label or a group's name changed.
    * - `helix-remove`: Cards or connections were chosen for removal. Remove the elements it names.
@@ -73556,6 +73798,24 @@ export type CustomElementsSolidJs = {
    * with nothing to undo, or when the request was refused.
    * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
    * `helix-before-move` first. Returns whether anything moved.
+   * - `paste(document: CanvasDocument | string) => boolean`: Adds the cards and connections of a JSON Canvas document, as a paste does,
+   * and selects the cards. Ids the board already holds are given a count after
+   * them, and the cards move a step down and to the right while they would sit
+   * on cards already there.
+   *
+   * Asks with `helix-before-paste` first: cancel it to add the detail's
+   * document to your own state. Returns whether the board added the cards:
+   * false on a `readonly` board, for text that is not a board, or when the
+   * request was refused.
+   * - `arrange(options: CanvasArrangeOptions = {}) => boolean`: Moves the cards so that none overlaps another: in layers that follow the
+   * connections, or in a grid where there are none. A group moves as one box
+   * with its cards. Each place lands on a multiple of `snap` where it is set.
+   *
+   * Asks with `helix-before-move` first and tells with `helix-move`, as a
+   * move does, so `undo()` puts every card back. The cards glide to their
+   * places for as long as the board's plane takes to glide, and land at once
+   * where it does not, such as under `prefers-reduced-motion`. Returns whether
+   * the cards moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -74306,7 +74566,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -74872,7 +75132,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -75156,7 +75416,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -75807,7 +76067,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -76223,7 +76483,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -76642,7 +76902,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -77100,7 +77360,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -77965,7 +78225,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -78377,7 +78637,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -80057,7 +80317,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -80850,7 +81110,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -81051,7 +81311,8 @@ export type CustomElementsSolidJs = {
    * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
    * `persian` for `fa-IR`, so a date written here reads as the same date a
    * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
-   * - `date`: The timestamp, in any format `Date` can parse.
+   * - `date`: The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+   * format `Date` can parse. The attribute is the string.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
    * is the shape that needs no translation at either end. Left unset this
@@ -82230,7 +82491,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -82836,7 +83097,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -84495,7 +84756,8 @@ export type CustomElementsSolidJs = {
    * rather than being typed into means. Enter still chooses, because that is
    * the caller asking for the answer rather than for a move. Space, Home, End
    * and letters are left to the caller's field, where they are typing.
-   * - `reveal() => void`: Scrolls the chosen option to the middle of the list.
+   * - `reveal() => void`: Scrolls the chosen option to the middle of the list, or the highlighted one
+   * where nothing is chosen.
    *
    * A method rather than something this does on its own, because a listbox
    * opening on its answer usually wants it merely *visible* and the browser
@@ -84505,6 +84767,13 @@ export type CustomElementsSolidJs = {
    *
    * Measured by core's `centerInView`, or, for a list of `items`, by the
    * arithmetic, since the chosen option may not be drawn.
+   * - `highlightValue(value: string) => void`: Puts the highlight on the option holding `value`, without choosing it, so
+   * the arrow keys move from there. Nothing changes where no option a reader
+   * can reach holds `value`.
+   *
+   * Time Picker calls it for a time between two of its steps, which no option
+   * holds: without it the first arrow moved from the top of the list, so Down
+   * from 14:07 went to midnight.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -84540,7 +84809,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -87502,7 +87771,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -88744,7 +89013,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -89096,7 +89365,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -89894,7 +90163,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -90398,7 +90667,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -91920,7 +92189,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -92428,7 +92697,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -94142,7 +94411,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -94570,6 +94839,14 @@ export type CustomElementsSolidJs = {
    * order has its whole sentence. `{order}` is the deprecated
    * `ascending-label` or `descending-label`.
    * - `unsorted-label`/`unsortedLabel`: What screen readers hear when the table stops being sorted.
+   * - `windowed`: Draws only the rows in view, with empty space in place of the rest, as
+   * Data Table's `windowed` does. The table's box then scrolls, at the
+   * height `--table-block-size` gives it in the styled tier, and the
+   * headings stick to its top.
+   *
+   * Off by default. Windowing costs a scroll listener, a measurement per row
+   * drawn, and a height on the table, and a table of twenty rows should pay
+   * none of them.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -94628,6 +94905,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-block-size`: How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default.
    * - `--table-columns`: Track list for the columns. It overrides the track list worked out from the columns.
    * - `--table-drag-preview-background-color`: The fill behind the copy of a row a pointer drags.
    * - `--table-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
@@ -94636,6 +94914,7 @@ export type CustomElementsSolidJs = {
    * - `--table-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
    * - `--table-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
    * - `--table-error-color`: The color of the words in the line shown while `error-text` is set.
+   * - `--table-heading-background-color`: The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default.
    * - `--table-title-color`: The color of the words in the `heading` slot.
    * - `--table-title-gap`: The space between the `heading` slot and the grid.
    * - `--table-title-text`: The font size of the words in the `heading` slot.
@@ -94645,6 +94924,8 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `after`: The space that stands in for the rows below the window. Only while `windowed`.
+   * - `before`: The space that stands in for the rows above the window. Only while `windowed`.
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `live`: A live region that repeats the empty and loading text, and says each step of a move, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `table`: The grid.
@@ -95775,7 +96056,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -96137,7 +96418,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -96198,6 +96479,7 @@ export type CustomElementsSolidJs = {
    * - `picker-list-loading`: The text shown while the options load.
    * - `picker-list-search`: The region that holds the filter field.
    * - `picker-list-search-field`: The filter field.
+   * - `picker-now`: The picker's button that chooses the current time, which Time Input does not draw.
    * - `picker-option`: One time in the picker. Carries `data-between` inside a range.
    * - `picker-option-between`: A time inside a chosen range, between its two ends. Set together with `picker-option`.
    * - `picker-option-description`: The caption under the label, when there is one.
@@ -96347,6 +96629,8 @@ export type CustomElementsSolidJs = {
    * and a wheel has exactly one value by construction. Rather than draw
    * something that cannot say what it holds, `wheels` renders as a list
    * whenever a mode is set.
+   * - `now-label`/`nowLabel`: The words on the button that chooses the current time, drawn with
+   * `show-now`.
    * - `range-overflow-message`/`rangeOverflowMessage`: The validation message for a time after `max`. `{max}` is replaced with
    * `max`, written in `locale`.
    * - `range-underflow-message`/`rangeUnderflowMessage`: The validation message for a time before `min`. `{min}` is replaced with
@@ -96374,6 +96658,13 @@ export type CustomElementsSolidJs = {
    * `<input type="time">` counts in. A list at a step of one second is 86,400
    * rows, so give `seconds` a `step` and bounds that keep it a list, or use
    * the wheels.
+   * - `show-now`/`showNow`: Draws a button under the times that chooses the current time, as
+   * `selectNow()` does.
+   *
+   * For a form about something happening now, such as a shift starting or a
+   * dose taken, where the reader would otherwise scroll to the time on the
+   * clock. The button is a tab stop after the times, and its words are
+   * `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    *
@@ -96504,6 +96795,14 @@ export type CustomElementsSolidJs = {
    * Falling back to what the markup declared rather than to empty, because
    * a restore with no state is a form the browser has nothing recorded for,
    * which is the same situation as a fresh one.
+   * - `selectNow() => boolean`: Chooses the current time, as a press on the `show-now` button does, and
+   * returns whether the value changed.
+   *
+   * The time is read off the reader's clock and moved to the nearest time on
+   * offer that is not barred, so it falls on the `step` and inside `min` and
+   * `max`. It is requested as a pick is, so `helix-before-change` can cancel
+   * it. With a `mode` the time joins the times held, and a range that holds
+   * two starts over from it, as a third pick does.
    * - `reveal() => void`: Scrolls each wheel to its selected value, and the list to its selected
    * time.
    *
@@ -96563,7 +96862,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -96579,6 +96878,7 @@ export type CustomElementsSolidJs = {
    * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
    * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
+   * - `--time-picker-now-color`: The ink of the button that chooses the current time, with `show-now`.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
@@ -96620,6 +96920,7 @@ export type CustomElementsSolidJs = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
+   * - `now`: The button that chooses the current time, drawn with `show-now`.
    * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
@@ -97384,7 +97685,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -99606,6 +99907,15 @@ export type CustomElementsSolidJs = {
    * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
    * out as many columns as fit the box at that width, at least one, and
    * follows the box as it resizes, which `columns` then does not decide.
+   * - `orientation`: Which way the list runs. `horizontal` lays the items out along a line
+   * and scrolls it sideways: Left and Right move between items, the other
+   * way round on a right-to-left page, and `estimate` is an item's width. A
+   * grid always runs down.
+   * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
+   * keys. Set, the items are drawn in sections: a header, then the items, in
+   * an element with the `group` role that the header names. A section starts
+   * wherever the field changes, so give the items in order. A list of one
+   * column only.
    * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
    * the item, and `replace` selects it alone and lets the arrow keys carry the
    * selection, with Control or Command adding or taking out one item.
@@ -99629,6 +99939,9 @@ export type CustomElementsSolidJs = {
    * It returns what Lit renders: a template from `html`, a string, or a DOM
    * node. The list wraps each result in a `<div>` that carries the row's role
    * and place in the set. Where it is unset, the row `<template>` is used. (property only)
+   * - `renderSection`: Draws each section's header, given its name and its place among the
+   * sections, for a list given `section-field`. Set it as a property. Where
+   * it is unset, the header is the name as text. (property only)
    * - `range`: The items on screen, as `items.slice(first, last)` reads them.
    *
    * Read from the scroll offset when asked. Both are 0 before the list has a
@@ -99685,7 +99998,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
@@ -99712,6 +100025,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `empty`: While the list has read its items and holds none.
+   * - `horizontal`: While the list runs across, with `orientation="horizontal"`.
    * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -101748,6 +102062,8 @@ export type CustomCssProperties = {
   "--switch-thumb-color"?: (string) | undefined;
   /** The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction. */
   "--table-cell-align"?: (string) | undefined;
+  /** How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default. */
+  "--table-block-size"?: (string) | undefined;
   /** Track list for the columns. It overrides the track list worked out from the columns. */
   "--table-columns"?: (string) | undefined;
   /** The fill behind the copy of a row a pointer drags. */
@@ -101764,6 +102080,8 @@ export type CustomCssProperties = {
   "--table-drag-preview-shadow"?: (string) | undefined;
   /** The color of the words in the line shown while `error-text` is set. */
   "--table-error-color"?: (string) | undefined;
+  /** The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default. */
+  "--table-heading-background-color"?: (string) | undefined;
   /** The color of the words in the `heading` slot. */
   "--table-title-color"?: (string) | undefined;
   /** The space between the `heading` slot and the grid. */
@@ -101896,6 +102214,8 @@ export type CustomCssProperties = {
   "--time-picker-list-block-size"?: (string) | undefined;
   /** The corners of the mark on a wheel's row. */
   "--time-picker-mark-radius"?: (string) | undefined;
+  /** The ink of the button that chooses the current time, with `show-now`. */
+  "--time-picker-now-color"?: (string) | undefined;
   /** Fill behind the times inside a range. */
   "--time-picker-range-color"?: (string) | undefined;
   /** Height and minimum width of one row in a wheel. */
@@ -102182,7 +102502,7 @@ export type CustomCssProperties = {
   "--video-level"?: (string) | undefined;
   /** How far playback has reached, as a fraction of the duration. */
   "--video-progress"?: (string) | undefined;
-  /** How tall the scrolling box is. */
+  /** How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it. */
   "--virtual-list-block-size"?: (string) | undefined;
   /** How faint a row `disabled-keys` names is drawn. */
   "--virtual-list-disabled-opacity"?: (string) | undefined;