@fusion.dev/helix-headless 0.165.0 → 0.167.0

package/types/jsx.d.ts

@@ -8,6 +8,7 @@ import type {
   HelixBeforeCollapseEvent,
   HelixBeforeMoveEvent,
   HelixBeforeOpenEvent,
+  HelixBeforePasteEvent,
   HelixBeforePinEvent,
   HelixBeforeReconnectEvent,
   HelixBeforeRelabelEvent,
@@ -201,6 +202,7 @@ import type {
   HelixMoveEvent,
   HelixNavigateEvent,
   HelixNextEvent,
+  HelixPastedEvent,
   HelixPinEvent,
   HelixPressEvent,
   HelixPreviewEvent,
@@ -3335,6 +3337,9 @@ export type HelixHeadlessCanvasElementEvent<E = Event> = TypedEvent<
 /** `helix-before-move` event type */
 export type HelixHeadlessCanvasHelixBeforeMoveElementEvent =
   HelixHeadlessCanvasElementEvent<HelixBeforeMoveEvent>;
+/** `helix-before-paste` event type */
+export type HelixHeadlessCanvasHelixBeforePasteElementEvent =
+  HelixHeadlessCanvasElementEvent<HelixBeforePasteEvent>;
 /** `helix-before-reconnect` event type */
 export type HelixHeadlessCanvasHelixBeforeReconnectElementEvent =
   HelixHeadlessCanvasElementEvent<HelixBeforeReconnectEvent>;
@@ -3359,6 +3364,9 @@ export type HelixHeadlessCanvasHelixConnectElementEvent =
 /** `helix-move` event type */
 export type HelixHeadlessCanvasHelixMoveElementEvent =
   HelixHeadlessCanvasElementEvent<HelixMoveEvent>;
+/** `helix-pasted` event type */
+export type HelixHeadlessCanvasHelixPastedElementEvent =
+  HelixHeadlessCanvasElementEvent<HelixPastedEvent>;
 /** `helix-reconnect` event type */
 export type HelixHeadlessCanvasHelixReconnectElementEvent =
   HelixHeadlessCanvasElementEvent<HelixReconnectEvent>;
@@ -3379,6 +3387,10 @@ export type HelixHeadlessCanvasProps = {
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   activateHintLabel?: (HelixHeadlessCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "arranged-label"?: (HelixHeadlessCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  arrangedLabel?: (HelixHeadlessCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "comes-from-label"?: (HelixHeadlessCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -3477,6 +3489,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?: (HelixHeadlessCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "pasted-label"?: (HelixHeadlessCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  pastedLabel?: (HelixHeadlessCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -3510,6 +3526,14 @@ walk the cards. */
   "redone-label"?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   redoneLabel?: (HelixHeadlessCanvas["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"?: (HelixHeadlessCanvas["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?: (HelixHeadlessCanvas["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. */
@@ -3787,6 +3811,10 @@ it rather than fitting the board again. */
   "onhelix-before-move"?: ((
     e: HelixHeadlessCanvasHelixBeforeMoveElementEvent,
   ) => 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: HelixHeadlessCanvasHelixBeforePasteElementEvent,
+  ) => 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: HelixHeadlessCanvasHelixBeforeReconnectElementEvent,
@@ -3815,6 +3843,8 @@ it rather than fitting the board again. */
   "onhelix-connect"?: ((e: HelixHeadlessCanvasHelixConnectElementEvent) => 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: HelixHeadlessCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "onhelix-pasted"?: ((e: HelixHeadlessCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "onhelix-reconnect"?: ((
     e: HelixHeadlessCanvasHelixReconnectElementEvent,
@@ -3834,6 +3864,10 @@ export type HelixHeadlessCanvasSolidJsProps = {
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   "prop:activateHintLabel"?: (HelixHeadlessCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "attr:arranged-label"?: (HelixHeadlessCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "prop:arrangedLabel"?: (HelixHeadlessCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "attr:comes-from-label"?: (HelixHeadlessCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -3932,6 +3966,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"?: (HelixHeadlessCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "attr:pasted-label"?: (HelixHeadlessCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "prop:pastedLabel"?: (HelixHeadlessCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -3965,6 +4003,14 @@ walk the cards. */
   "attr:redone-label"?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   "prop:redoneLabel"?: (HelixHeadlessCanvas["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"?: (HelixHeadlessCanvas["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"?: (HelixHeadlessCanvas["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. */
@@ -4241,6 +4287,10 @@ it rather than fitting the board again. */
   "on:helix-before-move"?: ((
     e: HelixHeadlessCanvasHelixBeforeMoveElementEvent,
   ) => 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: HelixHeadlessCanvasHelixBeforePasteElementEvent,
+  ) => 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: HelixHeadlessCanvasHelixBeforeReconnectElementEvent,
@@ -4269,6 +4319,8 @@ it rather than fitting the board again. */
   "on:helix-connect"?: ((e: HelixHeadlessCanvasHelixConnectElementEvent) => 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: HelixHeadlessCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "on:helix-pasted"?: ((e: HelixHeadlessCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "on:helix-reconnect"?: ((
     e: HelixHeadlessCanvasHelixReconnectElementEvent,
@@ -6075,9 +6127,18 @@ export type HelixHeadlessCodeBlockElementEvent<E = Event> = TypedEvent<
   HelixHeadlessCodeBlock,
   E
 >;
+/** `helix-before-change` event type */
+export type HelixHeadlessCodeBlockHelixBeforeChangeElementEvent =
+  HelixHeadlessCodeBlockElementEvent<HelixBeforeChangeEvent>;
 /** `helix-before-toggle` event type */
 export type HelixHeadlessCodeBlockHelixBeforeToggleElementEvent =
   HelixHeadlessCodeBlockElementEvent<HelixBeforeToggleEvent>;
+/** `helix-copy` event type */
+export type HelixHeadlessCodeBlockHelixCopyElementEvent =
+  HelixHeadlessCodeBlockElementEvent<HelixCopyEvent>;
+/** `helix-copy-error` event type */
+export type HelixHeadlessCodeBlockHelixCopyErrorElementEvent =
+  HelixHeadlessCodeBlockElementEvent<HelixCopyErrorEvent>;
 /** `helix-toggle` event type */
 export type HelixHeadlessCodeBlockHelixToggleElementEvent =
   HelixHeadlessCodeBlockElementEvent<HelixToggleEvent>;
@@ -6149,6 +6210,15 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
+  /** The name of the file shown, where the block holds several Code Blocks:
+the `label` of one, or its `language` without one.
+
+Unset, or a name no file has, shows the first. */
+  file?: (HelixHeadlessCodeBlock["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "files-label"?: (HelixHeadlessCodeBlock["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  filesLabel?: (HelixHeadlessCodeBlock["filesLabel"]) | undefined;
   /** The words of a button that hides a run of unchanged lines it showed, in a
 diff with `context-lines`. `{count}` is how many, and each language
 writes the forms it has. */
@@ -6283,10 +6353,22 @@ the script still has it. Not called on a server, which has no code to
 read, nor for a diff. */
   highlight?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
 
+  /** A file tab showed its file, whose name `file` now holds. */
+  onchange?: ((e: HelixHeadlessCodeBlockElementEvent) => void) | undefined;
+  /** A file tab is about to show its file, with the file's name in `detail.value`. Cancelable: cancel it to keep the file shown. */
+  "onhelix-before-change"?: ((
+    e: HelixHeadlessCodeBlockHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
   /** The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are. */
   "onhelix-before-toggle"?: ((
     e: HelixHeadlessCodeBlockHelixBeforeToggleElementEvent,
   ) => void) | undefined;
+  /** The copy button put the code on the clipboard, with the text in `detail.value`. */
+  "onhelix-copy"?: ((e: HelixHeadlessCodeBlockHelixCopyElementEvent) => void) | undefined;
+  /** A press on the copy button put nothing on the clipboard: the browser did not allow the write, or there was no code. */
+  "onhelix-copy-error"?: ((
+    e: HelixHeadlessCodeBlockHelixCopyErrorElementEvent,
+  ) => void) | undefined;
   /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
   "onhelix-toggle"?: ((e: HelixHeadlessCodeBlockHelixToggleElementEvent) => void) | undefined;
 };
@@ -6358,6 +6440,15 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
+  /** The name of the file shown, where the block holds several Code Blocks:
+the `label` of one, or its `language` without one.
+
+Unset, or a name no file has, shows the first. */
+  "prop:file"?: (HelixHeadlessCodeBlock["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "attr:files-label"?: (HelixHeadlessCodeBlock["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "prop:filesLabel"?: (HelixHeadlessCodeBlock["filesLabel"]) | undefined;
   /** The words of a button that hides a run of unchanged lines it showed, in a
 diff with `context-lines`. `{count}` is how many, and each language
 writes the forms it has. */
@@ -6491,10 +6582,22 @@ in the slot, so the copy button copies it as written and a reader without
 the script still has it. Not called on a server, which has no code to
 read, nor for a diff. */
   "prop:highlight"?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
+  /** A file tab showed its file, whose name `file` now holds. */
+  "on:change"?: ((e: HelixHeadlessCodeBlockElementEvent) => void) | undefined;
+  /** A file tab is about to show its file, with the file's name in `detail.value`. Cancelable: cancel it to keep the file shown. */
+  "on:helix-before-change"?: ((
+    e: HelixHeadlessCodeBlockHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
   /** The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are. */
   "on:helix-before-toggle"?: ((
     e: HelixHeadlessCodeBlockHelixBeforeToggleElementEvent,
   ) => void) | undefined;
+  /** The copy button put the code on the clipboard, with the text in `detail.value`. */
+  "on:helix-copy"?: ((e: HelixHeadlessCodeBlockHelixCopyElementEvent) => void) | undefined;
+  /** A press on the copy button put nothing on the clipboard: the browser did not allow the write, or there was no code. */
+  "on:helix-copy-error"?: ((
+    e: HelixHeadlessCodeBlockHelixCopyErrorElementEvent,
+  ) => void) | undefined;
   /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
   "on:helix-toggle"?: ((
     e: HelixHeadlessCodeBlockHelixToggleElementEvent,
@@ -14161,7 +14264,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?: (HelixHeadlessFormatDate["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
@@ -14305,7 +14409,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"?: (HelixHeadlessFormatDate["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
@@ -20863,6 +20968,9 @@ export type HelixHeadlessMenuHelixBeforeCloseElementEvent =
 /** `helix-before-open` event type */
 export type HelixHeadlessMenuHelixBeforeOpenElementEvent =
   HelixHeadlessMenuElementEvent<HelixBeforeOpenEvent>;
+/** `helix-filter` event type */
+export type HelixHeadlessMenuHelixFilterElementEvent =
+  HelixHeadlessMenuElementEvent<HelixFilterEvent>;
 /** `helix-select` event type */
 export type HelixHeadlessMenuHelixSelectElementEvent =
   HelixHeadlessMenuElementEvent<HelixSelectEvent>;
@@ -20890,6 +20998,18 @@ Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   context?: (HelixHeadlessMenu["context"]) | undefined;
+  /** The text the rows are filtered by, which the filter field holds.
+
+Cleared as the menu closes and as a submenu opens or closes, so each page
+starts with every row showing. */
+  filter?: (HelixHeadlessMenu["filter"]) | undefined;
+  /** Whether the menu shows a field above its rows that narrows them as the
+reader types, with focus staying in the field. */
+  filterable?: (HelixHeadlessMenu["filterable"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "filter-label"?: (HelixHeadlessMenu["filterLabel"]) | undefined;
+  /** The filter field's name and placeholder. */
+  filterLabel?: (HelixHeadlessMenu["filterLabel"]) | undefined;
   /** Accessible name for the surface.
 
 Empty by default, which names the surface by its trigger, so a menu opened
@@ -20902,6 +21022,10 @@ to open the menu. Translate it with the rest of your interface. */
   /** The description a trigger gives under `open-on="long-press"`, saying how
 to open the menu. Translate it with the rest of your interface. */
   longPressLabel?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "no-results-text"?: (HelixHeadlessMenu["noResultsText"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  noResultsText?: (HelixHeadlessMenu["noResultsText"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   offset?: (HelixHeadlessMenu["offset"]) | undefined;
   /** What opens the menu from its trigger. `long-press` leaves a press to the
@@ -20950,6 +21074,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixHeadlessMenu["open"]) | undefined;
+  /** Whether a row is kept by the filter: a function given the row's words and
+the filter, trimmed, that returns `true` to keep it showing, as React
+Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+
+Absent, a row is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  filterMatch?: (HelixHeadlessMenu["filterMatch"]) | undefined;
 
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "onhelix-before-close"?: ((
@@ -20959,6 +21090,8 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "onhelix-before-open"?: ((
     e: HelixHeadlessMenuHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself. */
+  "onhelix-filter"?: ((e: HelixHeadlessMenuHelixFilterElementEvent) => void) | undefined;
   /** An item was chosen. Cancelable: cancel it to keep the menu open. */
   "onhelix-select"?: ((e: HelixHeadlessMenuHelixSelectElementEvent) => void) | undefined;
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
@@ -20985,6 +21118,18 @@ Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this. */
   /** Whether the menu is the trigger's context menu: it opens where the reader
 asks for one, with a right-click, a long press, Shift+F10 or the menu key. */
   "prop:context"?: (HelixHeadlessMenu["context"]) | undefined;
+  /** The text the rows are filtered by, which the filter field holds.
+
+Cleared as the menu closes and as a submenu opens or closes, so each page
+starts with every row showing. */
+  "prop:filter"?: (HelixHeadlessMenu["filter"]) | undefined;
+  /** Whether the menu shows a field above its rows that narrows them as the
+reader types, with focus staying in the field. */
+  "prop:filterable"?: (HelixHeadlessMenu["filterable"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "attr:filter-label"?: (HelixHeadlessMenu["filterLabel"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "prop:filterLabel"?: (HelixHeadlessMenu["filterLabel"]) | undefined;
   /** Accessible name for the surface.
 
 Empty by default, which names the surface by its trigger, so a menu opened
@@ -20997,6 +21142,10 @@ to open the menu. Translate it with the rest of your interface. */
   /** The description a trigger gives under `open-on="long-press"`, saying how
 to open the menu. Translate it with the rest of your interface. */
   "prop:longPressLabel"?: (HelixHeadlessMenu["longPressLabel"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "attr:no-results-text"?: (HelixHeadlessMenu["noResultsText"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "prop:noResultsText"?: (HelixHeadlessMenu["noResultsText"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   "prop:offset"?: (HelixHeadlessMenu["offset"]) | undefined;
   /** What opens the menu from its trigger. `long-press` leaves a press to the
@@ -21045,6 +21194,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   "prop:open"?: (HelixHeadlessMenu["open"]) | undefined;
+  /** Whether a row is kept by the filter: a function given the row's words and
+the filter, trimmed, that returns `true` to keep it showing, as React
+Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+
+Absent, a row is kept where its words hold the filter, in any case. A
+property only, there being no way to write a function in markup. */
+  "prop:filterMatch"?: (HelixHeadlessMenu["filterMatch"]) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "on:helix-before-close"?: ((
     e: HelixHeadlessMenuHelixBeforeCloseElementEvent,
@@ -21053,6 +21209,8 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "on:helix-before-open"?: ((
     e: HelixHeadlessMenuHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself. */
+  "on:helix-filter"?: ((e: HelixHeadlessMenuHelixFilterElementEvent) => void) | undefined;
   /** An item was chosen. Cancelable: cancel it to keep the menu open. */
   "on:helix-select"?: ((e: HelixHeadlessMenuHelixSelectElementEvent) => void) | undefined;
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
@@ -29409,6 +29567,15 @@ order has its whole sentence. `{order}` is the deprecated
   "unsorted-label"?: (HelixHeadlessTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   unsortedLabel?: (HelixHeadlessTable["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?: (HelixHeadlessTable["windowed"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "empty-text"?: (HelixHeadlessTable["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -29665,6 +29832,15 @@ order has its whole sentence. `{order}` is the deprecated
   "attr:unsorted-label"?: (HelixHeadlessTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   "prop:unsortedLabel"?: (HelixHeadlessTable["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"?: (HelixHeadlessTable["windowed"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "attr:empty-text"?: (HelixHeadlessTable["emptyText"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
@@ -31746,6 +31922,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?: (HelixHeadlessTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "now-label"?: (HelixHeadlessTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  nowLabel?: (HelixHeadlessTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "range-overflow-message"?: (HelixHeadlessTimePicker["rangeOverflowMessage"]) | undefined;
@@ -31802,6 +31984,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?: (HelixHeadlessTimePicker["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"?: (HelixHeadlessTimePicker["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?: (HelixHeadlessTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -32060,6 +32258,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"?: (HelixHeadlessTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "attr:now-label"?: (HelixHeadlessTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "prop:nowLabel"?: (HelixHeadlessTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "attr:range-overflow-message"?: (HelixHeadlessTimePicker["rangeOverflowMessage"]) | undefined;
@@ -32116,6 +32320,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"?: (HelixHeadlessTimePicker["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"?: (HelixHeadlessTimePicker["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"?: (HelixHeadlessTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -35969,6 +36189,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?: (HelixHeadlessVirtualList["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?: (HelixHeadlessVirtualList["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"?: (HelixHeadlessVirtualList["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?: (HelixHeadlessVirtualList["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. */
@@ -36011,6 +36248,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?: (HelixHeadlessVirtualList["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?: (HelixHeadlessVirtualList["renderSection"]) | undefined;
 
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   onchange?: ((e: HelixHeadlessVirtualListElementEvent) => void) | undefined;
@@ -36101,6 +36342,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"?: (HelixHeadlessVirtualList["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"?: (HelixHeadlessVirtualList["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"?: (HelixHeadlessVirtualList["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"?: (HelixHeadlessVirtualList["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. */
@@ -36143,6 +36401,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"?: (HelixHeadlessVirtualList["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"?: (HelixHeadlessVirtualList["renderSection"]) | undefined;
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   "on:change"?: ((e: HelixHeadlessVirtualListElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable. */
@@ -38517,7 +38779,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
@@ -38961,15 +39223,24 @@ export type CustomElements = {
    *   card or connection says so when a reader arrives on it.
    * - Control or Command with C copies the selected cards, and the connections
    *   between them, as a JSON Canvas document in text, which another board or
-   *   an app that reads the format takes. A paste is your page's: listen for
-   *   `paste` on the board, read the text with `fromJsonCanvas`, and add the
-   *   cards it holds.
+   *   an app that reads the format takes.
+   * - Control or Command with V pastes a JSON Canvas document: the board adds
+   *   its cards and connections, a step down and to the right of any card they
+   *   would sit on, and selects them. It asks with `helix-before-paste` first.
+   *   A page that renders its cards from its own state cancels it and adds the
+   *   detail's document to that state, through `fromJsonCanvas`. `paste()` does
+   *   the same from a script.
    * - Control or Command with Z undoes the last move or resize the board made,
    *   and with Shift, or Control with Y, makes it again. `undo()` and `redo()`
    *   do the same from a script. Each asks with `helix-before-move` and tells
    *   with `helix-move`, as a move does, so a board that holds its positions in
    *   your state is undone through your state.
    *
+   * **`arrange()` moves every card so that none overlaps another**, in layers
+   * that follow the arrows, or in a grid on a board with no connections. The
+   * cards glide for as long as the board's own transition, and `undo()` puts
+   * them back.
+   *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
    * card's connection point, or the end of a selected connection to pick it up.
@@ -39017,6 +39288,7 @@ export type CustomElements = {
    *
    * - `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.
@@ -39061,6 +39333,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.
    *
@@ -39077,6 +39350,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.
@@ -39257,6 +39533,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.
@@ -39265,6 +39542,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.
@@ -39318,6 +39596,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
@@ -39972,7 +40268,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
@@ -40556,7 +40852,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
@@ -40815,7 +41111,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
@@ -40920,6 +41216,18 @@ export type CustomElements = {
    * keeps hydration clean, and draws the diff once it can read the content. Diff
    * mode is experimental. The rest of the family is stable.
    *
+   * **Several blocks are files**, one shown at a time under a row of tabs, as
+   * Sandbox shows its source panes. Put Code Blocks in the default slot of a
+   * Code Block, and each is a file named on its tab by its `label` or, without
+   * one, its `language`. `file` holds the name of the file shown. The tabs are a
+   * tab list: the arrow keys move to a tab and show its file, the two swapping
+   * on a right-to-left page, and Home and End go to the first and the last.
+   * Choosing one sends `helix-before-change` with the file's name, which you can
+   * cancel, and `change` once `file` holds it. The files not shown carry
+   * `hidden`, and the one shown draws no name of its own, its tab naming it. One
+   * block draws no tabs. A server cannot see the blocks inside, so the client
+   * draws the tabs once it upgrades.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -40953,6 +41261,11 @@ export type CustomElements = {
    * the button is drawn only while the cap hides something, measured as the
    * block lays out. Not for a diff, whose files each scroll on their own.
    * - `expand-label`/`expandLabel`: The expand button's words while the cap hides lines.
+   * - `file`: The name of the file shown, where the block holds several Code Blocks:
+   * the `label` of one, or its `language` without one.
+   *
+   * Unset, or a name no file has, shows the first.
+   * - `files-label`/`filesLabel`: The name of the file tabs, read by screen readers.
    * - `hide-unchanged-label`/`hideUnchangedLabel`: The words of a button that hides a run of unchanged lines it showed, in a
    * diff with `context-lines`. `{count}` is how many, and each language
    * writes the forms it has.
@@ -41059,7 +41372,11 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A file tab showed its file, whose name `file` now holds.
+   * - `helix-before-change`: A file tab is about to show its file, with the file's name in `detail.value`. Cancelable: cancel it to keep the file shown.
    * - `helix-before-toggle`: The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are.
+   * - `helix-copy`: The copy button put the code on the clipboard, with the text in `detail.value`.
+   * - `helix-copy-error`: A press on the copy button put nothing on the clipboard: the browser did not allow the write, or there was no code.
    * - `helix-toggle`: Fired after the wrap button changed `wrap`, with the new value in `detail.checked`.
    *
    * ## Slots
@@ -41108,6 +41425,8 @@ export type CustomElements = {
    * - `copy-tooltip-top`: The tooltip while it is above the copy button. Applied with `copy-tooltip`.
    * - `expand`: The button under a capped block that shows every line, and fewer again. Drawn when `expandable` is set and the cap hides something.
    * - `file`: In a diff, one file's header and block.
+   * - `file-tab`: One file tab, `aria-selected` while its file is shown.
+   * - `files`: The file tabs over the blocks a block holds, where there are several.
    * - `filler`: In a split diff, the empty row opposite a line the other side does not have.
    * - `fold`: In a diff with `context-lines`, the button that shows a folded run of unchanged lines, and hides it again, saying which with `aria-expanded`.
    * - `frame`: The code, and the copy button beside it where there is no header.
@@ -41130,6 +41449,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `expanded`: The expand button has shown every line of a capped block.
+   * - `tabbed`: The block is one of several files under another block's tabs, which name it, so it draws no name of its own.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-code-block": Partial<
@@ -41474,7 +41794,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
@@ -41890,7 +42210,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
@@ -42326,7 +42646,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
@@ -42820,7 +43140,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
@@ -43393,7 +43713,7 @@ export type CustomElements = {
    * | Page Up, Page Down on a segment | Steps by a page: a week of days, two months, or five years. |
    * | Home, End on a segment | Goes to the segment's first or last value. |
    * | Digits on a segment | Fill it, and move to the next once it can take no more. |
-   * | Backspace, Delete on a segment | Empty the segment. |
+   * | Backspace, Delete on a segment | Take off its last digit, or move to the segment before where it is empty. |
    * | Left, Right on a segment | Move to the previous or the next segment, along the line of text. |
    *
    * In the calendar, the keys are `DatePicker`'s: the arrows move by a day or a
@@ -43769,7 +44089,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
@@ -44196,7 +44516,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
@@ -45874,7 +46194,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
@@ -46339,6 +46659,7 @@ export type CustomElements = {
    * - `menu-header`: The bar above a field's page, with the back button and the field's name.
    * - `menu-live`: The inner menu's `live` part: the region that screen readers announce the empty and loading messages from.
    * - `menu-loading`: Shown while the fields are loading.
+   * - `menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `menu-surface`: The floating panel the menu is drawn on.
    * - `menu-title`: The name of the field whose page is showing.
    *
@@ -46787,7 +47108,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
@@ -46881,7 +47202,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
@@ -47937,7 +48259,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
@@ -48547,7 +48869,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
@@ -50270,7 +50592,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
@@ -50280,6 +50603,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.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -50333,7 +50663,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
@@ -51779,6 +52109,12 @@ export type CustomElements = {
    * slots, so a mark of your own replaces either by being slotted. Neither is
    * read as part of the row's name.
    *
+   * In a menu with `filterable`, focus stays in the menu's filter field and the
+   * row the arrow keys reach is highlighted: the field names it with
+   * `aria-activedescendant`, the row carries its role on its host so the field
+   * can point at it, and `:state(highlighted)` says which row it is. A row with
+   * an `href` then follows its link without an anchor, as `Option` does.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -51931,6 +52267,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -52000,6 +52337,21 @@ export type CustomElements = {
    * opens it from the keyboard, and the trigger is described by
    * `long-press-label`, which says so.
    *
+   * **A filter field.** With `filterable`, the menu opens with focus in a field
+   * above its rows, and typing narrows the rows of the page the keys move in,
+   * as React Aria's `Autocomplete` around a `Menu` does. A row is kept where its
+   * words hold the filter, in any case, or where `filterMatch` says so. Each
+   * page starts unfiltered, and the filter is cleared as the menu closes. Where
+   * typing keeps no row, the menu shows `no-results-text`. Focus stays in the
+   * field: Up and Down Arrow move the highlight through the rows that are left,
+   * Enter chooses the highlighted row, Right Arrow opens its submenu, Left Arrow
+   * on a submenu goes back, and Escape clears the filter and then closes the
+   * menu. Home, End and the other keys move the caret and type. The field names
+   * the highlighted row with `aria-activedescendant`, and the rows are a `menu`
+   * after the field. Cancel `helix-filter` to keep every row
+   * showing and narrow the rows yourself, such as by replacing them with rows
+   * from a server.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -52012,6 +52364,13 @@ export type CustomElements = {
    * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
+   * - `filter`: The text the rows are filtered by, which the filter field holds.
+   *
+   * Cleared as the menu closes and as a submenu opens or closes, so each page
+   * starts with every row showing.
+   * - `filterable`: Whether the menu shows a field above its rows that narrows them as the
+   * reader types, with focus staying in the field.
+   * - `filter-label`/`filterLabel`: The filter field's name and placeholder.
    * - `label`: Accessible name for the surface.
    *
    * Empty by default, which names the surface by its trigger, so a menu opened
@@ -52019,6 +52378,7 @@ export type CustomElements = {
    * `aria-labelledby` on the host names it too, and wins over both.
    * - `long-press-label`/`longPressLabel`: The description a trigger gives under `open-on="long-press"`, saying how
    * to open the menu. Translate it with the rest of your interface.
+   * - `no-results-text`/`noResultsText`: The text shown when the filter keeps no rows.
    * - `offset`: Space between the trigger and the surface, in pixels.
    * - `open-on`/`openOn`: What opens the menu from its trigger. `long-press` leaves a press to the
    * trigger's own action and opens the menu on a press held for half a second,
@@ -52048,6 +52408,12 @@ export type CustomElements = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `filterMatch`: Whether a row is kept by the filter: a function given the row's words and
+   * the filter, trimmed, that returns `true` to keep it showing, as React
+   * Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+   *
+   * Absent, a row is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -52075,6 +52441,7 @@ export type CustomElements = {
    *
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
+   * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
    * - `helix-select`: An item was chosen. Cancelable: cancel it to keep the menu open.
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
    *
@@ -52083,6 +52450,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
    * ## Methods
@@ -52118,7 +52486,8 @@ export type CustomElements = {
    * - `header`: The bar above a submenu, holding the way back and its name.
    * - `live`: A live region that repeats the empty and loading text, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `loading`: The text shown while the items are loading.
-   * - `surface`: The floating panel the menu is drawn on.
+   * - `search-field`: With `filterable`, the field that narrows the rows.
+   * - `surface`: The floating panel the menu is drawn on. It is the `menu` itself, and with `filterable` it holds the filter field and then the `menu`.
    * - `title`: The name of the submenu that is showing.
    *
    * ## CSS States
@@ -53340,7 +53709,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
@@ -53570,6 +53939,13 @@ export type CustomElements = {
    *
    * - `empty`: Shown in the tree while it has no entries to show. Defaults to `empty-label`, or `no-matches-label` while a filter matched none.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `focus(options?: FocusOptions) => void`: Moves focus to the row the keys move from, or to the tree while that row
+   * is scrolled out of the window, as Tab reaches them.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -54475,7 +54851,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
@@ -54856,7 +55232,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
@@ -55682,7 +56058,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
@@ -56115,7 +56491,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
@@ -56934,7 +57310,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
@@ -57452,7 +57828,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
@@ -58600,6 +58976,10 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current stage, and returns whether it moved.
+   *
+   * Where only a step's `current` says where the reader is, `active` is first
+   * written with that step, so `helix-activate` names it as `previous`.
    * - `next() => boolean`: Moves to the next stage that can be gone to, as Ark UI's `goToNextStep`
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
@@ -58608,15 +58988,6 @@ export type CustomElements = {
    * and the invalid mark from every stage, as Ark UI's `resetStep` does.
    * Returns whether it moved: a listener can refuse the move with
    * `helix-before-activate`, and the stages then keep their marks.
-   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
-   * a refusal and nothing moves. Unlike a native control, nothing has moved
-   * by the time this runs, so refusing is simply not writing: there is
-   * nothing to put back. Nobody refusing means the set updates itself,
-   * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction. `cause` says why, where the family names its
-   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Custom Properties
    *
@@ -58965,7 +59336,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
@@ -59330,6 +59701,7 @@ export type CustomElements = {
    * The `heading` slot names the table: slot a heading or a line of text into
    * it, and the table is named by its words. An `aria-label` or `aria-labelledby` on the
    * host wins over it.
+   * A table with no name is reported once in a development build.
    *
    * **Selecting.** `selectable` adds a column of checkboxes.
    *
@@ -59415,9 +59787,17 @@ export type CustomElements = {
    * | A letter or a word | Moves to the next row whose first cell starts with what you typed. |
    * | Tab | Leaves the table. |
    *
+   * **Long tables.** `windowed` draws only the rows in view, as Data Table's
+   * does, and the box of the table scrolls under headings that stick. The
+   * table still says how many rows it has with `aria-rowcount`, and each row
+   * its place with `aria-rowindex`. The keys reach every row, drawn or not, and
+   * the row holding focus stays drawn when it scrolls away. Nested rows,
+   * sorting, and selecting work as they do in a table that draws every row.
+   *
    * **Loading more.** `load-more` sends `helix-load-more` once the end of the
    * table comes within a screen of view, in the box that scrolls it or the
-   * page, once for each number of rows: add rows and it can send it again. Set
+   * page, or in the table's own box when it is `windowed`, once for each
+   * number of rows: add rows and it can send it again. Set
    * `loading` while you fetch, and the table asks for nothing until it clears.
    *
    * When the rows did not load, set `error-text`, such as "The orders did not
@@ -59542,6 +59922,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.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -59613,6 +60001,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`.
    * - `checkbox`: The checkbox in the heading that selects every row, in a `selectable` table.
    * - `checkbox-box`: The box drawn for the checkbox's input.
    * - `checkbox-control`: The checkbox's input.
@@ -60654,7 +61044,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
@@ -60733,7 +61123,7 @@ export type CustomElements = {
    * | Home, End on a segment | Goes to the segment's first or last value. |
    * | Digits on a segment | Fill it, and move to the next once it can take no more. |
    * | A letter on the half of the day | Picks the half whose name starts with it, such as A for AM. |
-   * | Backspace, Delete on a segment | Empty the segment. |
+   * | Backspace, Delete on a segment | Take off its last digit, or move to the segment before where it is empty. |
    * | Left, Right on a segment | Move to the previous or the next segment, along the line of text. |
    *
    * In the list, the keys are `TimePicker`'s.
@@ -61049,7 +61439,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
@@ -61097,6 +61487,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.
@@ -61143,7 +61534,9 @@ export type CustomElements = {
    * between the wheels, and Tab does too.
    *
    * `hour-cycle` writes every time on a twelve or a twenty-four hour clock
-   * whatever the locale, and `seconds` holds times to the second.
+   * whatever the locale, and `seconds` holds times to the second. `show-now`
+   * draws a button that chooses the current time, on the step and inside the
+   * bounds.
    *
    * The step keeps the list usable. At the default of 15 minutes a day is 96
    * rows, which people can scroll or type into. At 1 minute it is 1,440. Use the
@@ -61268,6 +61661,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
@@ -61295,6 +61690,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`.
    *
@@ -61427,6 +61829,14 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `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.
    *
@@ -61501,7 +61911,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
@@ -61541,6 +61951,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.
@@ -62370,7 +62781,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
@@ -64011,6 +64422,7 @@ export type CustomElements = {
    * - `menu-header`: The bar above a submenu, holding the back button and the submenu's name.
    * - `menu-live`: The inner menu's `live` part, the region screen readers announce its empty and loading messages from.
    * - `menu-loading`: Shown while the items are loading.
+   * - `menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `menu-surface`: The floating panel the menu is drawn on.
    * - `menu-title`: The name of the submenu that is shown.
    * - `poster`: An entry's poster image, if it has one.
@@ -64602,6 +65014,7 @@ export type CustomElements = {
    * - `captions-menu-header`: The bar above a submenu, holding the way back and its name.
    * - `captions-menu-live`: The inner menu's `live` part, a live region that repeats the empty and loading text for screen readers.
    * - `captions-menu-loading`: The text shown while the items are loading.
+   * - `captions-menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `captions-menu-surface`: The floating panel the menu is drawn on.
    * - `captions-menu-title`: The name of the submenu that is showing.
    * - `controls`: The control bar along the bottom.
@@ -64633,6 +65046,7 @@ export type CustomElements = {
    * - `overflow-header`: The bar above a submenu, holding the way back and its name.
    * - `overflow-live`: The inner menu's `live` part, a live region that repeats the empty and loading text for screen readers.
    * - `overflow-loading`: The text shown while the items are loading.
+   * - `overflow-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `overflow-surface`: The floating panel the menu is drawn on.
    * - `overflow-title`: The name of the submenu that is showing.
    * - `pip`: The picture-in-picture button, when `extra-controls` includes it and the browser supports it.
@@ -64696,12 +65110,26 @@ export type CustomElements = {
    * smallest item size, and follows the box as it resizes. `gap` spaces the rows, and the columns
    * of a grid, by a number of pixels the list counts in each row's place.
    *
+   * **Across.** `orientation="horizontal"` lays the items out along a line and
+   * scrolls it sideways, as a strip of cards does, windowed the same way:
+   * `estimate` is then an item's width, and the box needs an inline size.
+   *
+   * **Sections.** `section-field` names the field of each item that says which
+   * section it is in, and the list draws a header before each section's items,
+   * as React Aria's list box sections do. Each section is an element with the
+   * `group` role, named by its header, which is its first child and carries
+   * `data-header`, so your stylesheet styles it, such as with `position:
+   * sticky`. A section starts wherever the field changes, so give the items in
+   * order. The window counts the headers with the items, and a section the
+   * window starts inside is drawn with its header. `renderSection` draws a
+   * header of your own.
+   *
    * **Keyboard.** The list is one tab stop.
    *
    * | Key | What it does |
    * |---|---|
    * | Down, Up | Moves to the next or the previous item, or in a grid to the item in the same column on the next or the previous line. |
-   * | Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. |
+   * | Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. In a list that runs across, moves to the next or the previous item the same way, and Down and Up are left to the row. |
    * | Home, End | Moves to the first or the last item. |
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
@@ -64821,6 +65249,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.
@@ -64844,6 +65281,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
@@ -64911,6 +65351,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.
    */
@@ -67299,7 +67740,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
@@ -67751,15 +68192,24 @@ export type CustomElementsSolidJs = {
    *   card or connection says so when a reader arrives on it.
    * - Control or Command with C copies the selected cards, and the connections
    *   between them, as a JSON Canvas document in text, which another board or
-   *   an app that reads the format takes. A paste is your page's: listen for
-   *   `paste` on the board, read the text with `fromJsonCanvas`, and add the
-   *   cards it holds.
+   *   an app that reads the format takes.
+   * - Control or Command with V pastes a JSON Canvas document: the board adds
+   *   its cards and connections, a step down and to the right of any card they
+   *   would sit on, and selects them. It asks with `helix-before-paste` first.
+   *   A page that renders its cards from its own state cancels it and adds the
+   *   detail's document to that state, through `fromJsonCanvas`. `paste()` does
+   *   the same from a script.
    * - Control or Command with Z undoes the last move or resize the board made,
    *   and with Shift, or Control with Y, makes it again. `undo()` and `redo()`
    *   do the same from a script. Each asks with `helix-before-move` and tells
    *   with `helix-move`, as a move does, so a board that holds its positions in
    *   your state is undone through your state.
    *
+   * **`arrange()` moves every card so that none overlaps another**, in layers
+   * that follow the arrows, or in a grid on a board with no connections. The
+   * cards glide for as long as the board's own transition, and `undo()` puts
+   * them back.
+   *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
    * card's connection point, or the end of a selected connection to pick it up.
@@ -67807,6 +68257,7 @@ export type CustomElementsSolidJs = {
    *
    * - `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.
@@ -67851,6 +68302,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.
    *
@@ -67867,6 +68319,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.
@@ -68047,6 +68502,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.
@@ -68055,6 +68511,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.
@@ -68108,6 +68565,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
@@ -68771,7 +69246,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
@@ -69360,7 +69835,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
@@ -69620,7 +70095,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
@@ -69728,6 +70203,18 @@ export type CustomElementsSolidJs = {
    * keeps hydration clean, and draws the diff once it can read the content. Diff
    * mode is experimental. The rest of the family is stable.
    *
+   * **Several blocks are files**, one shown at a time under a row of tabs, as
+   * Sandbox shows its source panes. Put Code Blocks in the default slot of a
+   * Code Block, and each is a file named on its tab by its `label` or, without
+   * one, its `language`. `file` holds the name of the file shown. The tabs are a
+   * tab list: the arrow keys move to a tab and show its file, the two swapping
+   * on a right-to-left page, and Home and End go to the first and the last.
+   * Choosing one sends `helix-before-change` with the file's name, which you can
+   * cancel, and `change` once `file` holds it. The files not shown carry
+   * `hidden`, and the one shown draws no name of its own, its tab naming it. One
+   * block draws no tabs. A server cannot see the blocks inside, so the client
+   * draws the tabs once it upgrades.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -69761,6 +70248,11 @@ export type CustomElementsSolidJs = {
    * the button is drawn only while the cap hides something, measured as the
    * block lays out. Not for a diff, whose files each scroll on their own.
    * - `expand-label`/`expandLabel`: The expand button's words while the cap hides lines.
+   * - `file`: The name of the file shown, where the block holds several Code Blocks:
+   * the `label` of one, or its `language` without one.
+   *
+   * Unset, or a name no file has, shows the first.
+   * - `files-label`/`filesLabel`: The name of the file tabs, read by screen readers.
    * - `hide-unchanged-label`/`hideUnchangedLabel`: The words of a button that hides a run of unchanged lines it showed, in a
    * diff with `context-lines`. `{count}` is how many, and each language
    * writes the forms it has.
@@ -69867,7 +70359,11 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A file tab showed its file, whose name `file` now holds.
+   * - `helix-before-change`: A file tab is about to show its file, with the file's name in `detail.value`. Cancelable: cancel it to keep the file shown.
    * - `helix-before-toggle`: The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are.
+   * - `helix-copy`: The copy button put the code on the clipboard, with the text in `detail.value`.
+   * - `helix-copy-error`: A press on the copy button put nothing on the clipboard: the browser did not allow the write, or there was no code.
    * - `helix-toggle`: Fired after the wrap button changed `wrap`, with the new value in `detail.checked`.
    *
    * ## Slots
@@ -69916,6 +70412,8 @@ export type CustomElementsSolidJs = {
    * - `copy-tooltip-top`: The tooltip while it is above the copy button. Applied with `copy-tooltip`.
    * - `expand`: The button under a capped block that shows every line, and fewer again. Drawn when `expandable` is set and the cap hides something.
    * - `file`: In a diff, one file's header and block.
+   * - `file-tab`: One file tab, `aria-selected` while its file is shown.
+   * - `files`: The file tabs over the blocks a block holds, where there are several.
    * - `filler`: In a split diff, the empty row opposite a line the other side does not have.
    * - `fold`: In a diff with `context-lines`, the button that shows a folded run of unchanged lines, and hides it again, saying which with `aria-expanded`.
    * - `frame`: The code, and the copy button beside it where there is no header.
@@ -69938,6 +70436,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `expanded`: The expand button has shown every line of a capped block.
+   * - `tabbed`: The block is one of several files under another block's tabs, which name it, so it draws no name of its own.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-code-block": Partial<
@@ -70288,7 +70787,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
@@ -70705,7 +71204,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
@@ -71142,7 +71641,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
@@ -71642,7 +72141,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
@@ -72219,7 +72718,7 @@ export type CustomElementsSolidJs = {
    * | Page Up, Page Down on a segment | Steps by a page: a week of days, two months, or five years. |
    * | Home, End on a segment | Goes to the segment's first or last value. |
    * | Digits on a segment | Fill it, and move to the next once it can take no more. |
-   * | Backspace, Delete on a segment | Empty the segment. |
+   * | Backspace, Delete on a segment | Take off its last digit, or move to the segment before where it is empty. |
    * | Left, Right on a segment | Move to the previous or the next segment, along the line of text. |
    *
    * In the calendar, the keys are `DatePicker`'s: the arrows move by a day or a
@@ -72595,7 +73094,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
@@ -73025,7 +73524,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
@@ -74723,7 +75222,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
@@ -75193,6 +75692,7 @@ export type CustomElementsSolidJs = {
    * - `menu-header`: The bar above a field's page, with the back button and the field's name.
    * - `menu-live`: The inner menu's `live` part: the region that screen readers announce the empty and loading messages from.
    * - `menu-loading`: Shown while the fields are loading.
+   * - `menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `menu-surface`: The floating panel the menu is drawn on.
    * - `menu-title`: The name of the field whose page is showing.
    *
@@ -75643,7 +76143,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
@@ -75738,7 +76238,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
@@ -76801,7 +77302,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
@@ -77418,7 +77919,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
@@ -79163,7 +79664,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
@@ -79173,6 +79675,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.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -79226,7 +79735,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
@@ -80704,6 +81213,12 @@ export type CustomElementsSolidJs = {
    * slots, so a mark of your own replaces either by being slotted. Neither is
    * read as part of the row's name.
    *
+   * In a menu with `filterable`, focus stays in the menu's filter field and the
+   * row the arrow keys reach is highlighted: the field names it with
+   * `aria-activedescendant`, the row carries its role on its host so the field
+   * can point at it, and `:state(highlighted)` says which row it is. A row with
+   * an `href` then follows its link without an anchor, as `Option` does.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -80856,6 +81371,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -80928,6 +81444,21 @@ export type CustomElementsSolidJs = {
    * opens it from the keyboard, and the trigger is described by
    * `long-press-label`, which says so.
    *
+   * **A filter field.** With `filterable`, the menu opens with focus in a field
+   * above its rows, and typing narrows the rows of the page the keys move in,
+   * as React Aria's `Autocomplete` around a `Menu` does. A row is kept where its
+   * words hold the filter, in any case, or where `filterMatch` says so. Each
+   * page starts unfiltered, and the filter is cleared as the menu closes. Where
+   * typing keeps no row, the menu shows `no-results-text`. Focus stays in the
+   * field: Up and Down Arrow move the highlight through the rows that are left,
+   * Enter chooses the highlighted row, Right Arrow opens its submenu, Left Arrow
+   * on a submenu goes back, and Escape clears the filter and then closes the
+   * menu. Home, End and the other keys move the caret and type. The field names
+   * the highlighted row with `aria-activedescendant`, and the rows are a `menu`
+   * after the field. Cancel `helix-filter` to keep every row
+   * showing and narrow the rows yourself, such as by replacing them with rows
+   * from a server.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -80940,6 +81471,13 @@ export type CustomElementsSolidJs = {
    * Ark UI's `closeOnSelect` does. A row's own `close-on-select` wins over this.
    * - `context`: Whether the menu is the trigger's context menu: it opens where the reader
    * asks for one, with a right-click, a long press, Shift+F10 or the menu key.
+   * - `filter`: The text the rows are filtered by, which the filter field holds.
+   *
+   * Cleared as the menu closes and as a submenu opens or closes, so each page
+   * starts with every row showing.
+   * - `filterable`: Whether the menu shows a field above its rows that narrows them as the
+   * reader types, with focus staying in the field.
+   * - `filter-label`/`filterLabel`: The filter field's name and placeholder.
    * - `label`: Accessible name for the surface.
    *
    * Empty by default, which names the surface by its trigger, so a menu opened
@@ -80947,6 +81485,7 @@ export type CustomElementsSolidJs = {
    * `aria-labelledby` on the host names it too, and wins over both.
    * - `long-press-label`/`longPressLabel`: The description a trigger gives under `open-on="long-press"`, saying how
    * to open the menu. Translate it with the rest of your interface.
+   * - `no-results-text`/`noResultsText`: The text shown when the filter keeps no rows.
    * - `offset`: Space between the trigger and the surface, in pixels.
    * - `open-on`/`openOn`: What opens the menu from its trigger. `long-press` leaves a press to the
    * trigger's own action and opens the menu on a press held for half a second,
@@ -80976,6 +81515,12 @@ export type CustomElementsSolidJs = {
    * hydration, or diffed by a framework, it comes back holding whatever the
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
+   * - `filterMatch`: Whether a row is kept by the filter: a function given the row's words and
+   * the filter, trimmed, that returns `true` to keep it showing, as React
+   * Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
+   *
+   * Absent, a row is kept where its words hold the filter, in any case. A
+   * property only, there being no way to write a function in markup. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -81003,6 +81548,7 @@ export type CustomElementsSolidJs = {
    *
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
+   * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
    * - `helix-select`: An item was chosen. Cancelable: cancel it to keep the menu open.
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
    *
@@ -81011,6 +81557,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
    * ## Methods
@@ -81046,7 +81593,8 @@ export type CustomElementsSolidJs = {
    * - `header`: The bar above a submenu, holding the way back and its name.
    * - `live`: A live region that repeats the empty and loading text, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `loading`: The text shown while the items are loading.
-   * - `surface`: The floating panel the menu is drawn on.
+   * - `search-field`: With `filterable`, the field that narrows the rows.
+   * - `surface`: The floating panel the menu is drawn on. It is the `menu` itself, and with `filterable` it holds the filter field and then the `menu`.
    * - `title`: The name of the submenu that is showing.
    *
    * ## CSS States
@@ -82279,7 +82827,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
@@ -82510,6 +83058,13 @@ export type CustomElementsSolidJs = {
    *
    * - `empty`: Shown in the tree while it has no entries to show. Defaults to `empty-label`, or `no-matches-label` while a filter matched none.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `focus(options?: FocusOptions) => void`: Moves focus to the row the keys move from, or to the tree while that row
+   * is scrolled out of the window, as Tab reaches them.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -83425,7 +83980,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
@@ -83808,7 +84363,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
@@ -84649,7 +85204,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
@@ -85086,7 +85641,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
@@ -85910,7 +86465,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
@@ -86437,7 +86992,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
@@ -87605,6 +88160,10 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current stage, and returns whether it moved.
+   *
+   * Where only a step's `current` says where the reader is, `active` is first
+   * written with that step, so `helix-activate` names it as `previous`.
    * - `next() => boolean`: Moves to the next stage that can be gone to, as Ark UI's `goToNextStep`
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
@@ -87613,15 +88172,6 @@ export type CustomElementsSolidJs = {
    * and the invalid mark from every stage, as Ark UI's `resetStep` does.
    * Returns whether it moved: a listener can refuse the move with
    * `helix-before-activate`, and the stages then keep their marks.
-   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
-   *
-   * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
-   * a refusal and nothing moves. Unlike a native control, nothing has moved
-   * by the time this runs, so refusing is simply not writing: there is
-   * nothing to put back. Nobody refusing means the set updates itself,
-   * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction. `cause` says why, where the family names its
-   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Custom Properties
    *
@@ -87976,7 +88526,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
@@ -88348,6 +88898,7 @@ export type CustomElementsSolidJs = {
    * The `heading` slot names the table: slot a heading or a line of text into
    * it, and the table is named by its words. An `aria-label` or `aria-labelledby` on the
    * host wins over it.
+   * A table with no name is reported once in a development build.
    *
    * **Selecting.** `selectable` adds a column of checkboxes.
    *
@@ -88433,9 +88984,17 @@ export type CustomElementsSolidJs = {
    * | A letter or a word | Moves to the next row whose first cell starts with what you typed. |
    * | Tab | Leaves the table. |
    *
+   * **Long tables.** `windowed` draws only the rows in view, as Data Table's
+   * does, and the box of the table scrolls under headings that stick. The
+   * table still says how many rows it has with `aria-rowcount`, and each row
+   * its place with `aria-rowindex`. The keys reach every row, drawn or not, and
+   * the row holding focus stays drawn when it scrolls away. Nested rows,
+   * sorting, and selecting work as they do in a table that draws every row.
+   *
    * **Loading more.** `load-more` sends `helix-load-more` once the end of the
    * table comes within a screen of view, in the box that scrolls it or the
-   * page, once for each number of rows: add rows and it can send it again. Set
+   * page, or in the table's own box when it is `windowed`, once for each
+   * number of rows: add rows and it can send it again. Set
    * `loading` while you fetch, and the table asks for nothing until it clears.
    *
    * When the rows did not load, set `error-text`, such as "The orders did not
@@ -88560,6 +89119,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.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -88631,6 +89198,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`.
    * - `checkbox`: The checkbox in the heading that selects every row, in a `selectable` table.
    * - `checkbox-box`: The box drawn for the checkbox's input.
    * - `checkbox-control`: The checkbox's input.
@@ -89693,7 +90262,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
@@ -89775,7 +90344,7 @@ export type CustomElementsSolidJs = {
    * | Home, End on a segment | Goes to the segment's first or last value. |
    * | Digits on a segment | Fill it, and move to the next once it can take no more. |
    * | A letter on the half of the day | Picks the half whose name starts with it, such as A for AM. |
-   * | Backspace, Delete on a segment | Empty the segment. |
+   * | Backspace, Delete on a segment | Take off its last digit, or move to the segment before where it is empty. |
    * | Left, Right on a segment | Move to the previous or the next segment, along the line of text. |
    *
    * In the list, the keys are `TimePicker`'s.
@@ -90091,7 +90660,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
@@ -90139,6 +90708,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.
@@ -90188,7 +90758,9 @@ export type CustomElementsSolidJs = {
    * between the wheels, and Tab does too.
    *
    * `hour-cycle` writes every time on a twelve or a twenty-four hour clock
-   * whatever the locale, and `seconds` holds times to the second.
+   * whatever the locale, and `seconds` holds times to the second. `show-now`
+   * draws a button that chooses the current time, on the step and inside the
+   * bounds.
    *
    * The step keeps the list usable. At the default of 15 minutes a day is 96
    * rows, which people can scroll or type into. At 1 minute it is 1,440. Use the
@@ -90313,6 +90885,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
@@ -90340,6 +90914,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`.
    *
@@ -90472,6 +91053,14 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `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.
    *
@@ -90546,7 +91135,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
@@ -90586,6 +91175,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.
@@ -91427,7 +92017,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
@@ -93094,6 +93684,7 @@ export type CustomElementsSolidJs = {
    * - `menu-header`: The bar above a submenu, holding the back button and the submenu's name.
    * - `menu-live`: The inner menu's `live` part, the region screen readers announce its empty and loading messages from.
    * - `menu-loading`: Shown while the items are loading.
+   * - `menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `menu-surface`: The floating panel the menu is drawn on.
    * - `menu-title`: The name of the submenu that is shown.
    * - `poster`: An entry's poster image, if it has one.
@@ -93687,6 +94278,7 @@ export type CustomElementsSolidJs = {
    * - `captions-menu-header`: The bar above a submenu, holding the way back and its name.
    * - `captions-menu-live`: The inner menu's `live` part, a live region that repeats the empty and loading text for screen readers.
    * - `captions-menu-loading`: The text shown while the items are loading.
+   * - `captions-menu-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `captions-menu-surface`: The floating panel the menu is drawn on.
    * - `captions-menu-title`: The name of the submenu that is showing.
    * - `controls`: The control bar along the bottom.
@@ -93718,6 +94310,7 @@ export type CustomElementsSolidJs = {
    * - `overflow-header`: The bar above a submenu, holding the way back and its name.
    * - `overflow-live`: The inner menu's `live` part, a live region that repeats the empty and loading text for screen readers.
    * - `overflow-loading`: The text shown while the items are loading.
+   * - `overflow-search-field`: The inner menu's filter field, drawn with `filterable`.
    * - `overflow-surface`: The floating panel the menu is drawn on.
    * - `overflow-title`: The name of the submenu that is showing.
    * - `pip`: The picture-in-picture button, when `extra-controls` includes it and the browser supports it.
@@ -93784,12 +94377,26 @@ export type CustomElementsSolidJs = {
    * smallest item size, and follows the box as it resizes. `gap` spaces the rows, and the columns
    * of a grid, by a number of pixels the list counts in each row's place.
    *
+   * **Across.** `orientation="horizontal"` lays the items out along a line and
+   * scrolls it sideways, as a strip of cards does, windowed the same way:
+   * `estimate` is then an item's width, and the box needs an inline size.
+   *
+   * **Sections.** `section-field` names the field of each item that says which
+   * section it is in, and the list draws a header before each section's items,
+   * as React Aria's list box sections do. Each section is an element with the
+   * `group` role, named by its header, which is its first child and carries
+   * `data-header`, so your stylesheet styles it, such as with `position:
+   * sticky`. A section starts wherever the field changes, so give the items in
+   * order. The window counts the headers with the items, and a section the
+   * window starts inside is drawn with its header. `renderSection` draws a
+   * header of your own.
+   *
    * **Keyboard.** The list is one tab stop.
    *
    * | Key | What it does |
    * |---|---|
    * | Down, Up | Moves to the next or the previous item, or in a grid to the item in the same column on the next or the previous line. |
-   * | Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. |
+   * | Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. In a list that runs across, moves to the next or the previous item the same way, and Down and Up are left to the row. |
    * | Home, End | Moves to the first or the last item. |
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
@@ -93909,6 +94516,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.
@@ -93932,6 +94548,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
@@ -93999,6 +94618,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.
    */