@fusion.dev/helix 0.165.0 → 0.167.0

package/types/jsx.d.ts

@@ -21,6 +21,7 @@ import type {
   HelixBeforeMoveEvent,
   HelixBeforeOpenEvent,
   HelixBeforePanelResizeEvent,
+  HelixBeforePasteEvent,
   HelixBeforePinEvent,
   HelixBeforeReconnectEvent,
   HelixBeforeRelabelEvent,
@@ -158,6 +159,7 @@ import type {
   HelixPaginationSize,
   HelixPaginationSummary,
   HelixPanelResizeEvent,
+  HelixPastedEvent,
   HelixPinEvent,
   HelixPinInput,
   HelixPopover,
@@ -4309,6 +4311,9 @@ export type HelixCanvasElementEvent<E = Event> = TypedEvent<HelixCanvas, E>;
 /** `helix-before-move` event type */
 export type HelixCanvasHelixBeforeMoveElementEvent =
   HelixCanvasElementEvent<HelixBeforeMoveEvent>;
+/** `helix-before-paste` event type */
+export type HelixCanvasHelixBeforePasteElementEvent =
+  HelixCanvasElementEvent<HelixBeforePasteEvent>;
 /** `helix-before-reconnect` event type */
 export type HelixCanvasHelixBeforeReconnectElementEvent =
   HelixCanvasElementEvent<HelixBeforeReconnectEvent>;
@@ -4333,6 +4338,9 @@ export type HelixCanvasHelixConnectElementEvent =
 /** `helix-move` event type */
 export type HelixCanvasHelixMoveElementEvent =
   HelixCanvasElementEvent<HelixMoveEvent>;
+/** `helix-pasted` event type */
+export type HelixCanvasHelixPastedElementEvent =
+  HelixCanvasElementEvent<HelixPastedEvent>;
 /** `helix-reconnect` event type */
 export type HelixCanvasHelixReconnectElementEvent =
   HelixCanvasElementEvent<HelixReconnectEvent>;
@@ -4505,6 +4513,10 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   activateHintLabel?: (HelixCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "arranged-label"?: (HelixCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  arrangedLabel?: (HelixCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "comes-from-label"?: (HelixCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -4603,6 +4615,10 @@ on a board that is a flow is the order its author meant.
 Absent is spatial, a resting value being an attribute's absence: a default
 that reflected would write a choice onto every host that no server sent. */
   order?: (HelixCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "pasted-label"?: (HelixCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  pastedLabel?: (HelixCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -4636,6 +4652,14 @@ walk the cards. */
   "redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   redoneLabel?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "removed-label"?: (HelixCanvas["removedLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  removedLabel?: (HelixCanvas["removedLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -4779,6 +4803,8 @@ it rather than fitting the board again. */
 
   /** Cards are about to move. Cancelable: cancel it to keep the positions in your own state. */
   "onhelix-before-move"?: ((e: HelixCanvasHelixBeforeMoveElementEvent) => void) | undefined;
+  /** Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state. */
+  "onhelix-before-paste"?: ((e: HelixCanvasHelixBeforePasteElementEvent) => void) | undefined;
   /** A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state. */
   "onhelix-before-reconnect"?: ((
     e: HelixCanvasHelixBeforeReconnectElementEvent,
@@ -4799,6 +4825,8 @@ it rather than fitting the board again. */
   "onhelix-connect"?: ((e: HelixCanvasHelixConnectElementEvent) => void) | undefined;
   /** Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed. */
   "onhelix-move"?: ((e: HelixCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "onhelix-pasted"?: ((e: HelixCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "onhelix-reconnect"?: ((e: HelixCanvasHelixReconnectElementEvent) => void) | undefined;
   /** A connection's label or a group's name changed. */
@@ -4968,6 +4996,10 @@ at any zoom, and a consumer who wants their own units multiplies by them. */
   /** The hint shown when the board, waiting to be pressed with
 `gestures="activate"`, is scrolled or swiped over. */
   "prop:activateHintLabel"?: (HelixCanvas["activateHintLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "attr:arranged-label"?: (HelixCanvas["arrangedLabel"]) | undefined;
+  /** What screen readers hear after `arrange()` moves the cards. */
+  "prop:arrangedLabel"?: (HelixCanvas["arrangedLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
   "attr:comes-from-label"?: (HelixCanvas["comesFromLabel"]) | undefined;
   /** The text read with a card to say where its connections come from, with `{cards}`. */
@@ -5066,6 +5098,10 @@ on a board that is a flow is the order its author meant.
 Absent is spatial, a resting value being an attribute's absence: a default
 that reflected would write a choice onto every host that no server sent. */
   "prop:order"?: (HelixCanvas["order"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "attr:pasted-label"?: (HelixCanvas["pastedLabel"]) | undefined;
+  /** What screen readers hear after a paste, with `{count}` for the cards pasted. */
+  "prop:pastedLabel"?: (HelixCanvas["pastedLabel"]) | undefined;
   /** The route every connection takes when it sets no `path` of its own:
 `straight`, or `step` for right angles.
 
@@ -5099,6 +5135,14 @@ walk the cards. */
   "attr:redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a move or a resize is made again. */
   "prop:redoneLabel"?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "attr:removed-label"?: (HelixCanvas["removedLabel"]) | undefined;
+  /** What screen readers hear when Delete asks to remove what is selected, with
+`{count}` for how many cards and connections, and `{name}` for the one
+where there is one. */
+  "prop:removedLabel"?: (HelixCanvas["removedLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -5241,6 +5285,10 @@ it rather than fitting the board again. */
   "prop:view"?: (HelixCanvas["view"]) | undefined;
   /** Cards are about to move. Cancelable: cancel it to keep the positions in your own state. */
   "on:helix-before-move"?: ((e: HelixCanvasHelixBeforeMoveElementEvent) => void) | undefined;
+  /** Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state. */
+  "on:helix-before-paste"?: ((
+    e: HelixCanvasHelixBeforePasteElementEvent,
+  ) => void) | undefined;
   /** A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state. */
   "on:helix-before-reconnect"?: ((
     e: HelixCanvasHelixBeforeReconnectElementEvent,
@@ -5261,6 +5309,8 @@ it rather than fitting the board again. */
   "on:helix-connect"?: ((e: HelixCanvasHelixConnectElementEvent) => void) | undefined;
   /** Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed. */
   "on:helix-move"?: ((e: HelixCanvasHelixMoveElementEvent) => void) | undefined;
+  /** Cards and connections were pasted, and the board holds them. */
+  "on:helix-pasted"?: ((e: HelixCanvasHelixPastedElementEvent) => void) | undefined;
   /** A connection's end moved, and the move is finished. */
   "on:helix-reconnect"?: ((e: HelixCanvasHelixReconnectElementEvent) => void) | undefined;
   /** A connection's label or a group's name changed. */
@@ -7680,9 +7730,18 @@ export type HelixCodeBlockElementEvent<E = Event> = TypedEvent<
   HelixCodeBlock,
   E
 >;
+/** `helix-before-change` event type */
+export type HelixCodeBlockHelixBeforeChangeElementEvent =
+  HelixCodeBlockElementEvent<HelixBeforeChangeEvent>;
 /** `helix-before-toggle` event type */
 export type HelixCodeBlockHelixBeforeToggleElementEvent =
   HelixCodeBlockElementEvent<HelixBeforeToggleEvent>;
+/** `helix-copy` event type */
+export type HelixCodeBlockHelixCopyElementEvent =
+  HelixCodeBlockElementEvent<HelixCopyEvent>;
+/** `helix-copy-error` event type */
+export type HelixCodeBlockHelixCopyErrorElementEvent =
+  HelixCodeBlockElementEvent<HelixCopyErrorEvent>;
 /** `helix-toggle` event type */
 export type HelixCodeBlockHelixToggleElementEvent =
   HelixCodeBlockElementEvent<HelixToggleEvent>;
@@ -7754,6 +7813,15 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixCodeBlock["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?: (HelixCodeBlock["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "files-label"?: (HelixCodeBlock["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  filesLabel?: (HelixCodeBlock["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. */
@@ -7888,10 +7956,20 @@ the script still has it. Not called on a server, which has no code to
 read, nor for a diff. */
   highlight?: (HelixCodeBlock["highlight"]) | undefined;
 
+  /** A file tab showed its file, whose name `file` now holds. */
+  onchange?: ((e: HelixCodeBlockElementEvent) => 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: HelixCodeBlockHelixBeforeChangeElementEvent,
+  ) => 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: HelixCodeBlockHelixBeforeToggleElementEvent,
   ) => void) | undefined;
+  /** The copy button put the code on the clipboard, with the text in `detail.value`. */
+  "onhelix-copy"?: ((e: HelixCodeBlockHelixCopyElementEvent) => 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: HelixCodeBlockHelixCopyErrorElementEvent) => void) | undefined;
   /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
   "onhelix-toggle"?: ((e: HelixCodeBlockHelixToggleElementEvent) => void) | undefined;
 };
@@ -7963,6 +8041,15 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixCodeBlock["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"?: (HelixCodeBlock["file"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "attr:files-label"?: (HelixCodeBlock["filesLabel"]) | undefined;
+  /** The name of the file tabs, read by screen readers. */
+  "prop:filesLabel"?: (HelixCodeBlock["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. */
@@ -8096,10 +8183,20 @@ 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"?: (HelixCodeBlock["highlight"]) | undefined;
+  /** A file tab showed its file, whose name `file` now holds. */
+  "on:change"?: ((e: HelixCodeBlockElementEvent) => 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: HelixCodeBlockHelixBeforeChangeElementEvent,
+  ) => 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: HelixCodeBlockHelixBeforeToggleElementEvent,
   ) => void) | undefined;
+  /** The copy button put the code on the clipboard, with the text in `detail.value`. */
+  "on:helix-copy"?: ((e: HelixCodeBlockHelixCopyElementEvent) => 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: HelixCodeBlockHelixCopyErrorElementEvent) => void) | undefined;
   /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
   "on:helix-toggle"?: ((e: HelixCodeBlockHelixToggleElementEvent) => void) | undefined;
 
@@ -16255,7 +16352,8 @@ such as `buddhist` for `th-TH`, and `gregory` for every other, such as
 `persian` for `fa-IR`, so a date written here reads as the same date a
 Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   calendar?: (HelixFormatDate["calendar"]) | undefined;
-  /** The timestamp, in any format `Date` can parse.
+  /** The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+format `Date` can parse. The attribute is the string.
 
 An ISO string is what an API sends and what `<time datetime>` takes, so it
 is the shape that needs no translation at either end. Left unset this
@@ -16399,7 +16497,8 @@ such as `buddhist` for `th-TH`, and `gregory` for every other, such as
 `persian` for `fa-IR`, so a date written here reads as the same date a
 Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   "prop:calendar"?: (HelixFormatDate["calendar"]) | undefined;
-  /** The timestamp, in any format `Date` can parse.
+  /** The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+format `Date` can parse. The attribute is the string.
 
 An ISO string is what an API sends and what `<time datetime>` takes, so it
 is the shape that needs no translation at either end. Left unset this
@@ -23563,6 +23662,9 @@ export type HelixMenuHelixBeforeCloseElementEvent =
 /** `helix-before-open` event type */
 export type HelixMenuHelixBeforeOpenElementEvent =
   HelixMenuElementEvent<HelixBeforeOpenEvent>;
+/** `helix-filter` event type */
+export type HelixMenuHelixFilterElementEvent =
+  HelixMenuElementEvent<HelixFilterEvent>;
 /** `helix-select` event type */
 export type HelixMenuHelixSelectElementEvent =
   HelixMenuElementEvent<HelixSelectEvent>;
@@ -23618,6 +23720,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?: (HelixMenu["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?: (HelixMenu["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?: (HelixMenu["filterable"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "filter-label"?: (HelixMenu["filterLabel"]) | undefined;
+  /** The filter field's name and placeholder. */
+  filterLabel?: (HelixMenu["filterLabel"]) | undefined;
   /** Accessible name for the surface.
 
 Empty by default, which names the surface by its trigger, so a menu opened
@@ -23630,6 +23744,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?: (HelixMenu["longPressLabel"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "no-results-text"?: (HelixMenu["noResultsText"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  noResultsText?: (HelixMenu["noResultsText"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   offset?: (HelixMenu["offset"]) | undefined;
   /** What opens the menu from its trigger. `long-press` leaves a press to the
@@ -23647,6 +23765,13 @@ It moves if that side does not fit. */
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   submenus?: (HelixMenu["submenus"]) | 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?: (HelixMenu["filterMatch"]) | undefined;
 
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
   ontoggle?: ((e: HelixMenuToggleElementEvent) => void) | undefined;
@@ -23654,6 +23779,8 @@ a way back. `flyout` opens it in a panel of its own beside its row. */
   "onhelix-before-close"?: ((e: HelixMenuHelixBeforeCloseElementEvent) => void) | undefined;
   /** The menu is about to open. Cancelable: cancel it to keep it closed. */
   "onhelix-before-open"?: ((e: HelixMenuHelixBeforeOpenElementEvent) => 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: HelixMenuHelixFilterElementEvent) => void) | undefined;
   /** An item was chosen. Cancelable: cancel it to keep the menu open. */
   "onhelix-select"?: ((e: HelixMenuHelixSelectElementEvent) => void) | undefined;
 };
@@ -23709,6 +23836,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"?: (HelixMenu["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"?: (HelixMenu["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"?: (HelixMenu["filterable"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "attr:filter-label"?: (HelixMenu["filterLabel"]) | undefined;
+  /** The filter field's name and placeholder. */
+  "prop:filterLabel"?: (HelixMenu["filterLabel"]) | undefined;
   /** Accessible name for the surface.
 
 Empty by default, which names the surface by its trigger, so a menu opened
@@ -23721,6 +23860,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"?: (HelixMenu["longPressLabel"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "attr:no-results-text"?: (HelixMenu["noResultsText"]) | undefined;
+  /** The text shown when the filter keeps no rows. */
+  "prop:noResultsText"?: (HelixMenu["noResultsText"]) | undefined;
   /** Space between the trigger and the surface, in pixels. */
   "prop:offset"?: (HelixMenu["offset"]) | undefined;
   /** What opens the menu from its trigger. `long-press` leaves a press to the
@@ -23738,12 +23881,21 @@ It moves if that side does not fit. */
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   "prop:submenus"?: (HelixMenu["submenus"]) | 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"?: (HelixMenu["filterMatch"]) | undefined;
   /** The menu opened or closed. The event carries `newState` and `oldState`. */
   "on:toggle"?: ((e: HelixMenuToggleElementEvent) => void) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "on:helix-before-close"?: ((e: HelixMenuHelixBeforeCloseElementEvent) => void) | undefined;
   /** The menu is about to open. Cancelable: cancel it to keep it closed. */
   "on:helix-before-open"?: ((e: HelixMenuHelixBeforeOpenElementEvent) => 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: HelixMenuHelixFilterElementEvent) => void) | undefined;
   /** An item was chosen. Cancelable: cancel it to keep the menu open. */
   "on:helix-select"?: ((e: HelixMenuHelixSelectElementEvent) => void) | undefined;
 
@@ -29201,6 +29353,16 @@ gives. */
   "panel-size"?: (HelixSandbox["panelSize"] | `${number}`) | undefined;
   /** Height of the panel, in pixels. */
   panelSize?: (HelixSandbox["panelSize"]) | undefined;
+  /** How long typing rests before the preview runs the new source, in
+milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+frame on each run, so a word typed runs it once. `0` runs it on every
+edit. */
+  "preview-delay"?: (HelixSandbox["previewDelay"] | `${number}`) | undefined;
+  /** How long typing rests before the preview runs the new source, in
+milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+frame on each run, so a word typed runs it once. `0` runs it on every
+edit. */
+  previewDelay?: (HelixSandbox["previewDelay"]) | undefined;
   /** The name of the divider between the panes, read by screen readers.
 `{pane}` is the lead pane, `source` or `preview`, whose share the
 divider's value is, so each is a whole sentence: "Resize source pane" or
@@ -29351,6 +29513,16 @@ gives. */
   "attr:panel-size"?: (HelixSandbox["panelSize"] | `${number}`) | undefined;
   /** Height of the panel, in pixels. */
   "prop:panelSize"?: (HelixSandbox["panelSize"]) | undefined;
+  /** How long typing rests before the preview runs the new source, in
+milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+frame on each run, so a word typed runs it once. `0` runs it on every
+edit. */
+  "attr:preview-delay"?: (HelixSandbox["previewDelay"] | `${number}`) | undefined;
+  /** How long typing rests before the preview runs the new source, in
+milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+frame on each run, so a word typed runs it once. `0` runs it on every
+edit. */
+  "prop:previewDelay"?: (HelixSandbox["previewDelay"]) | undefined;
   /** The name of the divider between the panes, read by screen readers.
 `{pane}` is the lead pane, `source` or `preview`, whose share the
 divider's value is, so each is a whole sentence: "Resize source pane" or
@@ -29421,6 +29593,14 @@ export type HelixSandboxSourceProps = {
   "field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   fieldLabel?: (HelixSandboxSource["fieldLabel"]) | undefined;
+  /** The editable region's name where the pane has a `label`, so each file's
+field says which file it holds. `{field}` is `field-label` and `{name}`
+the pane's `label`. */
+  "field-name-label"?: (HelixSandboxSource["fieldNameLabel"]) | undefined;
+  /** The editable region's name where the pane has a `label`, so each file's
+field says which file it holds. `{field}` is `field-label` and `{name}`
+the pane's `label`. */
+  fieldNameLabel?: (HelixSandboxSource["fieldNameLabel"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
   "keys-description"?: (HelixSandboxSource["keysDescription"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
@@ -29469,6 +29649,14 @@ export type HelixSandboxSourceSolidJsProps = {
   "attr:field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   "prop:fieldLabel"?: (HelixSandboxSource["fieldLabel"]) | undefined;
+  /** The editable region's name where the pane has a `label`, so each file's
+field says which file it holds. `{field}` is `field-label` and `{name}`
+the pane's `label`. */
+  "attr:field-name-label"?: (HelixSandboxSource["fieldNameLabel"]) | undefined;
+  /** The editable region's name where the pane has a `label`, so each file's
+field says which file it holds. `{field}` is `field-label` and `{name}`
+the pane's `label`. */
+  "prop:fieldNameLabel"?: (HelixSandboxSource["fieldNameLabel"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
   "attr:keys-description"?: (HelixSandboxSource["keysDescription"]) | undefined;
   /** The field's description, read by screen readers while Tab indents. */
@@ -33765,6 +33953,15 @@ order has its whole sentence. `{order}` is the deprecated
   "unsorted-label"?: (HelixTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   unsortedLabel?: (HelixTable["unsortedLabel"]) | undefined;
+  /** Draws only the rows in view, with empty space in place of the rest, as
+Data Table's `windowed` does. The table's box then scrolls, at the
+height `--table-block-size` gives it in the styled tier, and the
+headings stick to its top.
+
+Off by default. Windowing costs a scroll listener, a measurement per row
+drawn, and a height on the table, and a table of twenty rows should pay
+none of them. */
+  windowed?: (HelixTable["windowed"]) | undefined;
 
   /** Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is. */
   "onhelix-before-reorder"?: ((
@@ -34019,6 +34216,15 @@ order has its whole sentence. `{order}` is the deprecated
   "attr:unsorted-label"?: (HelixTable["unsortedLabel"]) | undefined;
   /** What screen readers hear when the table stops being sorted. */
   "prop:unsortedLabel"?: (HelixTable["unsortedLabel"]) | undefined;
+  /** Draws only the rows in view, with empty space in place of the rest, as
+Data Table's `windowed` does. The table's box then scrolls, at the
+height `--table-block-size` gives it in the styled tier, and the
+headings stick to its top.
+
+Off by default. Windowing costs a scroll listener, a measurement per row
+drawn, and a height on the table, and a table of twenty rows should pay
+none of them. */
+  "prop:windowed"?: (HelixTable["windowed"]) | undefined;
   /** Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is. */
   "on:helix-before-reorder"?: ((
     e: HelixTableHelixBeforeReorderElementEvent,
@@ -36355,6 +36561,12 @@ and a wheel has exactly one value by construction. Rather than draw
 something that cannot say what it holds, `wheels` renders as a list
 whenever a mode is set. */
   mode?: (HelixTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "now-label"?: (HelixTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  nowLabel?: (HelixTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "range-overflow-message"?: (HelixTimePicker["rangeOverflowMessage"]) | undefined;
@@ -36411,6 +36623,22 @@ wheels take a column of seconds, and `step` counts seconds, the unit
 rows, so give `seconds` a `step` and bounds that keep it a list, or use
 the wheels. */
   seconds?: (HelixTimePicker["seconds"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "show-now"?: (HelixTimePicker["showNow"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  showNow?: (HelixTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -36669,6 +36897,12 @@ and a wheel has exactly one value by construction. Rather than draw
 something that cannot say what it holds, `wheels` renders as a list
 whenever a mode is set. */
   "prop:mode"?: (HelixTimePicker["mode"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "attr:now-label"?: (HelixTimePicker["nowLabel"]) | undefined;
+  /** The words on the button that chooses the current time, drawn with
+`show-now`. */
+  "prop:nowLabel"?: (HelixTimePicker["nowLabel"]) | undefined;
   /** The validation message for a time after `max`. `{max}` is replaced with
 `max`, written in `locale`. */
   "attr:range-overflow-message"?: (HelixTimePicker["rangeOverflowMessage"]) | undefined;
@@ -36725,6 +36959,22 @@ wheels take a column of seconds, and `step` counts seconds, the unit
 rows, so give `seconds` a `step` and bounds that keep it a list, or use
 the wheels. */
   "prop:seconds"?: (HelixTimePicker["seconds"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "bool:show-now"?: (HelixTimePicker["showNow"]) | undefined;
+  /** Draws a button under the times that chooses the current time, as
+`selectNow()` does.
+
+For a form about something happening now, such as a shift starting or a
+dose taken, where the reader would otherwise scroll to the time on the
+clock. The button is a tab stop after the times, and its words are
+`now-label`. */
+  "prop:showNow"?: (HelixTimePicker["showNow"]) | undefined;
   /** How far apart the offered times are, in minutes, or in seconds with
 `seconds`.
 
@@ -40741,6 +40991,23 @@ follows the box as it resizes, which `columns` then does not decide. */
 out as many columns as fit the box at that width, at least one, and
 follows the box as it resizes, which `columns` then does not decide. */
   minColumnWidth?: (HelixVirtualList["minColumnWidth"]) | undefined;
+  /** Which way the list runs. `horizontal` lays the items out along a line
+and scrolls it sideways: Left and Right move between items, the other
+way round on a right-to-left page, and `estimate` is an item's width. A
+grid always runs down. */
+  orientation?: (HelixVirtualList["orientation"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "section-field"?: (HelixVirtualList["sectionField"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  sectionField?: (HelixVirtualList["sectionField"]) | undefined;
   /** What a press does to the items already chosen: `toggle` adds or takes out
 the item, and `replace` selects it alone and lets the arrow keys carry the
 selection, with Control or Command adding or taking out one item. */
@@ -40783,6 +41050,10 @@ It returns what Lit renders: a template from `html`, a string, or a DOM
 node. The list wraps each result in a `<div>` that carries the row's role
 and place in the set. Where it is unset, the row `<template>` is used. */
   renderItem?: (HelixVirtualList["renderItem"]) | undefined;
+  /** Draws each section's header, given its name and its place among the
+sections, for a list given `section-field`. Set it as a property. Where
+it is unset, the header is the name as text. */
+  renderSection?: (HelixVirtualList["renderSection"]) | undefined;
 
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   onchange?: ((e: HelixVirtualListElementEvent) => void) | undefined;
@@ -40871,6 +41142,23 @@ follows the box as it resizes, which `columns` then does not decide. */
 out as many columns as fit the box at that width, at least one, and
 follows the box as it resizes, which `columns` then does not decide. */
   "prop:minColumnWidth"?: (HelixVirtualList["minColumnWidth"]) | undefined;
+  /** Which way the list runs. `horizontal` lays the items out along a line
+and scrolls it sideways: Left and Right move between items, the other
+way round on a right-to-left page, and `estimate` is an item's width. A
+grid always runs down. */
+  "prop:orientation"?: (HelixVirtualList["orientation"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "attr:section-field"?: (HelixVirtualList["sectionField"]) | undefined;
+  /** The field of each item that names its section, as a key or a path of
+keys. Set, the items are drawn in sections: a header, then the items, in
+an element with the `group` role that the header names. A section starts
+wherever the field changes, so give the items in order. A list of one
+column only. */
+  "prop:sectionField"?: (HelixVirtualList["sectionField"]) | undefined;
   /** What a press does to the items already chosen: `toggle` adds or takes out
 the item, and `replace` selects it alone and lets the arrow keys carry the
 selection, with Control or Command adding or taking out one item. */
@@ -40913,6 +41201,10 @@ It returns what Lit renders: a template from `html`, a string, or a DOM
 node. The list wraps each result in a `<div>` that carries the row's role
 and place in the set. Where it is unset, the row `<template>` is used. */
   "prop:renderItem"?: (HelixVirtualList["renderItem"]) | undefined;
+  /** Draws each section's header, given its name and its place among the
+sections, for a list given `section-field`. Set it as a property. Where
+it is unset, the header is the name as text. */
+  "prop:renderSection"?: (HelixVirtualList["renderSection"]) | undefined;
   /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
   "on:change"?: ((e: HelixVirtualListElementEvent) => void) | undefined;
   /** Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable. */
@@ -43535,7 +43827,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -44074,6 +44366,7 @@ export type CustomElements = {
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when the board, waiting to be pressed with
    * `gestures="activate"`, is scrolled or swiped over.
+   * - `arranged-label`/`arrangedLabel`: What screen readers hear after `arrange()` moves the cards.
    * - `comes-from-label`/`comesFromLabel`: The text read with a card to say where its connections come from, with `{cards}`.
    * - `connected-label`/`connectedLabel`: The text announced when a connection is requested, with `{from}` and `{to}`.
    * - `connecting-label`/`connectingLabel`: The text announced when a connection is started, with `{from}` filled in.
@@ -44118,6 +44411,7 @@ export type CustomElements = {
    *
    * Absent is spatial, a resting value being an attribute's absence: a default
    * that reflected would write a choice onto every host that no server sent.
+   * - `pasted-label`/`pastedLabel`: What screen readers hear after a paste, with `{count}` for the cards pasted.
    * - `path`: The route every connection takes when it sets no `path` of its own:
    * `straight`, or `step` for right angles.
    *
@@ -44134,6 +44428,9 @@ export type CustomElements = {
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
    * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
+   * - `removed-label`/`removedLabel`: What screen readers hear when Delete asks to remove what is selected, with
+   * `{count}` for how many cards and connections, and `{name}` for the one
+   * where there is one.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -44239,6 +44536,7 @@ export type CustomElements = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-move`: Cards are about to move. Cancelable: cancel it to keep the positions in your own state.
+   * - `helix-before-paste`: Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state.
    * - `helix-before-reconnect`: A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state.
    * - `helix-before-relabel`: A connection's label or a group's name is about to change. Cancelable: cancel it to keep labels in your own state.
    * - `helix-canvas-edit`: A card was double-clicked, or Enter or F2 was pressed on it. Open your own editor for the card.
@@ -44247,6 +44545,7 @@ export type CustomElements = {
    * - `helix-canvas-zoom`: The board zoomed one step, from its controls or the keys. A wheel or a pinch sends `helix-canvas-view`.
    * - `helix-connect`: Two cards were chosen to be joined. Add a `helix-canvas-edge` to join them.
    * - `helix-move`: Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed.
+   * - `helix-pasted`: Cards and connections were pasted, and the board holds them.
    * - `helix-reconnect`: A connection's end moved, and the move is finished.
    * - `helix-relabel`: A connection's label or a group's name changed.
    * - `helix-remove`: Cards or connections were chosen for removal. Remove the elements it names.
@@ -44284,6 +44583,24 @@ export type CustomElements = {
    * with nothing to undo, or when the request was refused.
    * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
    * `helix-before-move` first. Returns whether anything moved.
+   * - `paste(document: CanvasDocument | string) => boolean`: Adds the cards and connections of a JSON Canvas document, as a paste does,
+   * and selects the cards. Ids the board already holds are given a count after
+   * them, and the cards move a step down and to the right while they would sit
+   * on cards already there.
+   *
+   * Asks with `helix-before-paste` first: cancel it to add the detail's
+   * document to your own state. Returns whether the board added the cards:
+   * false on a `readonly` board, for text that is not a board, or when the
+   * request was refused.
+   * - `arrange(options: CanvasArrangeOptions = {}) => boolean`: Moves the cards so that none overlaps another: in layers that follow the
+   * connections, or in a grid where there are none. A group moves as one box
+   * with its cards. Each place lands on a multiple of `snap` where it is set.
+   *
+   * Asks with `helix-before-move` first and tells with `helix-move`, as a
+   * move does, so `undo()` puts every card back. The cards glide to their
+   * places for as long as the board's plane takes to glide, and land at once
+   * where it does not, such as under `prefers-reduced-motion`. Returns whether
+   * the cards moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -45026,7 +45343,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -45584,7 +45901,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -45865,7 +46182,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -45967,6 +46284,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.
@@ -46073,7 +46395,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
@@ -46139,6 +46465,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.
@@ -46161,6 +46489,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-code-block": Partial<
@@ -46496,7 +46825,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -46909,7 +47238,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -47325,7 +47654,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -47777,7 +48106,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -48636,7 +48965,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -49045,7 +49374,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -50695,7 +51024,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -51106,6 +51435,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.
    *
@@ -51472,7 +51802,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -51668,7 +51998,8 @@ export type CustomElements = {
    * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
    * `persian` for `fa-IR`, so a date written here reads as the same date a
    * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
-   * - `date`: The timestamp, in any format `Date` can parse.
+   * - `date`: The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+   * format `Date` can parse. The attribute is the string.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
    * is the shape that needs no translation at either end. Left unset this
@@ -52834,7 +53165,7 @@ export type CustomElements = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -53430,7 +53761,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -55065,7 +55396,8 @@ export type CustomElements = {
    * rather than being typed into means. Enter still chooses, because that is
    * the caller asking for the answer rather than for a move. Space, Home, End
    * and letters are left to the caller's field, where they are typing.
-   * - `reveal() => void`: Scrolls the chosen option to the middle of the list.
+   * - `reveal() => void`: Scrolls the chosen option to the middle of the list, or the highlighted one
+   * where nothing is chosen.
    *
    * A method rather than something this does on its own, because a listbox
    * opening on its answer usually wants it merely *visible* and the browser
@@ -55075,6 +55407,13 @@ export type CustomElements = {
    *
    * Measured by core's `centerInView`, or, for a list of `items`, by the
    * arithmetic, since the chosen option may not be drawn.
+   * - `highlightValue(value: string) => void`: Puts the highlight on the option holding `value`, without choosing it, so
+   * the arrow keys move from there. Nothing changes where no option a reader
+   * can reach holds `value`.
+   *
+   * Time Picker calls it for a time between two of its steps, which no option
+   * holds: without it the first arrow moved from the top of the list, so Down
+   * from 14:07 went to midnight.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -55110,7 +55449,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -56665,6 +57004,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.
@@ -56712,6 +57052,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
@@ -56719,6 +57066,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,
@@ -56728,6 +57076,12 @@ export type CustomElements = {
    * It moves if that side does not fit.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
+   * - `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
@@ -56756,6 +57110,7 @@ export type CustomElements = {
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
    * - `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.
    *
    * ## Slots
@@ -56763,6 +57118,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
@@ -56804,7 +57160,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
@@ -57988,7 +58345,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -58172,6 +58529,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.
@@ -59200,7 +59564,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -59546,7 +59910,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -60327,7 +60691,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -60823,7 +61187,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -61039,6 +61403,9 @@ export type CustomElements = {
    * preview do not reference each other, so you can replace either one or use it
    * alone.
    *
+   * The preview runs an edit once typing has rested for `preview-delay`, 300
+   * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
+   *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
    * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
    * a script that runs as a module after the markup. The sandbox ignores a pane
@@ -61063,6 +61430,16 @@ export type CustomElements = {
    * like `helix-sandbox-source`, and the sandbox reads its `value` to seed the
    * preview. Dispatch `helix-caret` from it too for the status bar's position.
    *
+   * Sandbox is styled only and has behavior, as `Aura` is. Its behavior is the
+   * hand-off from a source pane to a preview frame, which works with any pane
+   * that sends `helix-before-edit`, and what it draws is the layout around them:
+   * dividers, file tabs, and a panel. A page that wants another look slots its
+   * own panes and keeps the hand-off, so there is nothing for a headless version
+   * to hold.
+   *
+   * A development build warns about a source pane with no `label` and no `name`,
+   * whose file tab would have no words.
+   *
    * On a focused divider, the arrow keys move it, and `Home` and `End` move it
    * to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
    * again it opens the pane where it was. `Enter` on the panel divider shuts the
@@ -61128,6 +61505,10 @@ export type CustomElements = {
    * gives.
    * - `panel-label`/`panelLabel`: The name of the panel's divider, read by screen readers.
    * - `panel-size`/`panelSize`: Height of the panel, in pixels.
+   * - `preview-delay`/`previewDelay`: How long typing rests before the preview runs the new source, in
+   * milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+   * frame on each run, so a word typed runs it once. `0` runs it on every
+   * edit.
    * - `separator-label`/`separatorLabel`: The name of the divider between the panes, read by screen readers.
    * `{pane}` is the lead pane, `source` or `preview`, whose share the
    * divider's value is, so each is a whole sentence: "Resize source pane" or
@@ -61238,6 +61619,9 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
+   * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
+   * field says which file it holds. `{field}` is `field-label` and `{name}`
+   * the pane's `label`.
    * - `keys-description`/`keysDescription`: The field's description, read by screen readers while Tab indents.
    * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
    * holds several panes. Empty puts the pane's `name` on the tab.
@@ -62298,7 +62682,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -62797,7 +63181,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -64475,7 +64859,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -64894,6 +65278,14 @@ export type CustomElements = {
    * order has its whole sentence. `{order}` is the deprecated
    * `ascending-label` or `descending-label`.
    * - `unsorted-label`/`unsortedLabel`: What screen readers hear when the table stops being sorted.
+   * - `windowed`: Draws only the rows in view, with empty space in place of the rest, as
+   * Data Table's `windowed` does. The table's box then scrolls, at the
+   * height `--table-block-size` gives it in the styled tier, and the
+   * headings stick to its top.
+   *
+   * Off by default. Windowing costs a scroll listener, a measurement per row
+   * drawn, and a height on the table, and a table of twenty rows should pay
+   * none of them.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -64952,6 +65344,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-block-size`: How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default.
    * - `--table-columns`: Track list for the columns. It overrides the track list worked out from the columns.
    * - `--table-drag-preview-background-color`: The fill behind the copy of a row a pointer drags.
    * - `--table-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
@@ -64960,6 +65353,7 @@ export type CustomElements = {
    * - `--table-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
    * - `--table-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
    * - `--table-error-color`: The color of the words in the line shown while `error-text` is set.
+   * - `--table-heading-background-color`: The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default.
    * - `--table-title-color`: The color of the words in the `heading` slot.
    * - `--table-title-gap`: The space between the `heading` slot and the grid.
    * - `--table-title-text`: The font size of the words in the `heading` slot.
@@ -64969,6 +65363,8 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `after`: The space that stands in for the rows below the window. Only while `windowed`.
+   * - `before`: The space that stands in for the rows above the window. Only while `windowed`.
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `live`: A live region that repeats the empty and loading text, and says each step of a move, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `table`: The grid.
@@ -66077,7 +66473,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -66436,7 +66832,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -66497,6 +66893,7 @@ export type CustomElements = {
    * - `picker-list-loading`: The text shown while the options load.
    * - `picker-list-search`: The region that holds the filter field.
    * - `picker-list-search-field`: The filter field.
+   * - `picker-now`: The picker's button that chooses the current time, which Time Input does not draw.
    * - `picker-option`: One time in the picker. Carries `data-between` inside a range.
    * - `picker-option-between`: A time inside a chosen range, between its two ends. Set together with `picker-option`.
    * - `picker-option-description`: The caption under the label, when there is one.
@@ -66643,6 +67040,8 @@ export type CustomElements = {
    * and a wheel has exactly one value by construction. Rather than draw
    * something that cannot say what it holds, `wheels` renders as a list
    * whenever a mode is set.
+   * - `now-label`/`nowLabel`: The words on the button that chooses the current time, drawn with
+   * `show-now`.
    * - `range-overflow-message`/`rangeOverflowMessage`: The validation message for a time after `max`. `{max}` is replaced with
    * `max`, written in `locale`.
    * - `range-underflow-message`/`rangeUnderflowMessage`: The validation message for a time before `min`. `{min}` is replaced with
@@ -66670,6 +67069,13 @@ export type CustomElements = {
    * `<input type="time">` counts in. A list at a step of one second is 86,400
    * rows, so give `seconds` a `step` and bounds that keep it a list, or use
    * the wheels.
+   * - `show-now`/`showNow`: Draws a button under the times that chooses the current time, as
+   * `selectNow()` does.
+   *
+   * For a form about something happening now, such as a shift starting or a
+   * dose taken, where the reader would otherwise scroll to the time on the
+   * clock. The button is a tab stop after the times, and its words are
+   * `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    *
@@ -66800,6 +67206,14 @@ export type CustomElements = {
    * Falling back to what the markup declared rather than to empty, because
    * a restore with no state is a form the browser has nothing recorded for,
    * which is the same situation as a fresh one.
+   * - `selectNow() => boolean`: Chooses the current time, as a press on the `show-now` button does, and
+   * returns whether the value changed.
+   *
+   * The time is read off the reader's clock and moved to the nearest time on
+   * offer that is not barred, so it falls on the `step` and inside `min` and
+   * `max`. It is requested as a pick is, so `helix-before-change` can cancel
+   * it. With a `mode` the time joins the times held, and a range that holds
+   * two starts over from it, as a third pick does.
    * - `reveal() => void`: Scrolls each wheel to its selected value, and the list to its selected
    * time.
    *
@@ -66859,7 +67273,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -66875,6 +67289,7 @@ export type CustomElements = {
    * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
    * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
+   * - `--time-picker-now-color`: The ink of the button that chooses the current time, with `show-now`.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
@@ -66916,6 +67331,7 @@ export type CustomElements = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
+   * - `now`: The button that chooses the current time, drawn with `show-now`.
    * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
@@ -67660,7 +68076,7 @@ export type CustomElements = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -69182,6 +69598,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.
@@ -69717,6 +70134,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.
@@ -69748,6 +70166,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.
@@ -69838,6 +70257,15 @@ export type CustomElements = {
    * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
    * out as many columns as fit the box at that width, at least one, and
    * follows the box as it resizes, which `columns` then does not decide.
+   * - `orientation`: Which way the list runs. `horizontal` lays the items out along a line
+   * and scrolls it sideways: Left and Right move between items, the other
+   * way round on a right-to-left page, and `estimate` is an item's width. A
+   * grid always runs down.
+   * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
+   * keys. Set, the items are drawn in sections: a header, then the items, in
+   * an element with the `group` role that the header names. A section starts
+   * wherever the field changes, so give the items in order. A list of one
+   * column only.
    * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
    * the item, and `replace` selects it alone and lets the arrow keys carry the
    * selection, with Control or Command adding or taking out one item.
@@ -69861,6 +70289,9 @@ export type CustomElements = {
    * It returns what Lit renders: a template from `html`, a string, or a DOM
    * node. The list wraps each result in a `<div>` that carries the row's role
    * and place in the set. Where it is unset, the row `<template>` is used. (property only)
+   * - `renderSection`: Draws each section's header, given its name and its place among the
+   * sections, for a list given `section-field`. Set it as a property. Where
+   * it is unset, the header is the name as text. (property only)
    * - `range`: The items on screen, as `items.slice(first, last)` reads them.
    *
    * Read from the scroll offset when asked. Both are 0 before the list has a
@@ -69917,7 +70348,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
@@ -69944,6 +70375,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `empty`: While the list has read its items and holds none.
+   * - `horizontal`: While the list runs across, with `orientation="horizontal"`.
    * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -72598,7 +73030,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -73149,6 +73581,7 @@ export type CustomElementsSolidJs = {
    * - `zoom-out-label`/`zoomOutLabel`: The zoom out button's label.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when the board, waiting to be pressed with
    * `gestures="activate"`, is scrolled or swiped over.
+   * - `arranged-label`/`arrangedLabel`: What screen readers hear after `arrange()` moves the cards.
    * - `comes-from-label`/`comesFromLabel`: The text read with a card to say where its connections come from, with `{cards}`.
    * - `connected-label`/`connectedLabel`: The text announced when a connection is requested, with `{from}` and `{to}`.
    * - `connecting-label`/`connectingLabel`: The text announced when a connection is started, with `{from}` filled in.
@@ -73193,6 +73626,7 @@ export type CustomElementsSolidJs = {
    *
    * Absent is spatial, a resting value being an attribute's absence: a default
    * that reflected would write a choice onto every host that no server sent.
+   * - `pasted-label`/`pastedLabel`: What screen readers hear after a paste, with `{count}` for the cards pasted.
    * - `path`: The route every connection takes when it sets no `path` of its own:
    * `straight`, or `step` for right angles.
    *
@@ -73209,6 +73643,9 @@ export type CustomElementsSolidJs = {
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
    * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
+   * - `removed-label`/`removedLabel`: What screen readers hear when Delete asks to remove what is selected, with
+   * `{count}` for how many cards and connections, and `{name}` for the one
+   * where there is one.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -73314,6 +73751,7 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-move`: Cards are about to move. Cancelable: cancel it to keep the positions in your own state.
+   * - `helix-before-paste`: Cards and connections are about to be pasted. Cancelable: cancel it to add the detail's document to your own state.
    * - `helix-before-reconnect`: A connection's end is about to move to another card or side. Cancelable: cancel it to keep connections in your own state.
    * - `helix-before-relabel`: A connection's label or a group's name is about to change. Cancelable: cancel it to keep labels in your own state.
    * - `helix-canvas-edit`: A card was double-clicked, or Enter or F2 was pressed on it. Open your own editor for the card.
@@ -73322,6 +73760,7 @@ export type CustomElementsSolidJs = {
    * - `helix-canvas-zoom`: The board zoomed one step, from its controls or the keys. A wheel or a pinch sends `helix-canvas-view`.
    * - `helix-connect`: Two cards were chosen to be joined. Add a `helix-canvas-edge` to join them.
    * - `helix-move`: Cards moved and the move is finished: a drag was released, a click put a card down, or a key was pressed.
+   * - `helix-pasted`: Cards and connections were pasted, and the board holds them.
    * - `helix-reconnect`: A connection's end moved, and the move is finished.
    * - `helix-relabel`: A connection's label or a group's name changed.
    * - `helix-remove`: Cards or connections were chosen for removal. Remove the elements it names.
@@ -73359,6 +73798,24 @@ export type CustomElementsSolidJs = {
    * with nothing to undo, or when the request was refused.
    * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
    * `helix-before-move` first. Returns whether anything moved.
+   * - `paste(document: CanvasDocument | string) => boolean`: Adds the cards and connections of a JSON Canvas document, as a paste does,
+   * and selects the cards. Ids the board already holds are given a count after
+   * them, and the cards move a step down and to the right while they would sit
+   * on cards already there.
+   *
+   * Asks with `helix-before-paste` first: cancel it to add the detail's
+   * document to your own state. Returns whether the board added the cards:
+   * false on a `readonly` board, for text that is not a board, or when the
+   * request was refused.
+   * - `arrange(options: CanvasArrangeOptions = {}) => boolean`: Moves the cards so that none overlaps another: in layers that follow the
+   * connections, or in a grid where there are none. A group moves as one box
+   * with its cards. Each place lands on a multiple of `snap` where it is set.
+   *
+   * Asks with `helix-before-move` first and tells with `helix-move`, as a
+   * move does, so `undo()` puts every card back. The cards glide to their
+   * places for as long as the board's plane takes to glide, and land at once
+   * where it does not, such as under `prefers-reduced-motion`. Returns whether
+   * the cards moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -74109,7 +74566,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -74675,7 +75132,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -74959,7 +75416,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -75064,6 +75521,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.
@@ -75170,7 +75632,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
@@ -75236,6 +75702,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.
@@ -75258,6 +75726,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-code-block": Partial<
@@ -75598,7 +76067,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -76014,7 +76483,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -76433,7 +76902,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -76891,7 +77360,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -77756,7 +78225,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -78168,7 +78637,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -79848,7 +80317,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -80268,6 +80737,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.
    *
@@ -80640,7 +81110,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -80841,7 +81311,8 @@ export type CustomElementsSolidJs = {
    * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
    * `persian` for `fa-IR`, so a date written here reads as the same date a
    * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
-   * - `date`: The timestamp, in any format `Date` can parse.
+   * - `date`: The timestamp: a `Date`, milliseconds since the epoch, or a string in any
+   * format `Date` can parse. The attribute is the string.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
    * is the shape that needs no translation at either end. Left unset this
@@ -82020,7 +82491,7 @@ export type CustomElementsSolidJs = {
    * forgetting of a reader's past attempt, whose message otherwise showed over
    * the emptied control the moment the form was reset.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -82626,7 +83097,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -84285,7 +84756,8 @@ export type CustomElementsSolidJs = {
    * rather than being typed into means. Enter still chooses, because that is
    * the caller asking for the answer rather than for a move. Space, Home, End
    * and letters are left to the caller's field, where they are typing.
-   * - `reveal() => void`: Scrolls the chosen option to the middle of the list.
+   * - `reveal() => void`: Scrolls the chosen option to the middle of the list, or the highlighted one
+   * where nothing is chosen.
    *
    * A method rather than something this does on its own, because a listbox
    * opening on its answer usually wants it merely *visible* and the browser
@@ -84295,6 +84767,13 @@ export type CustomElementsSolidJs = {
    *
    * Measured by core's `centerInView`, or, for a list of `items`, by the
    * arithmetic, since the chosen option may not be drawn.
+   * - `highlightValue(value: string) => void`: Puts the highlight on the option holding `value`, without choosing it, so
+   * the arrow keys move from there. Nothing changes where no option a reader
+   * can reach holds `value`.
+   *
+   * Time Picker calls it for a time between two of its steps, which no option
+   * holds: without it the first arrow moved from the top of the list, so Down
+   * from 14:07 went to midnight.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -84330,7 +84809,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -85926,6 +86405,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.
@@ -85976,6 +86456,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
@@ -85983,6 +86470,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,
@@ -85992,6 +86480,12 @@ export type CustomElementsSolidJs = {
    * It moves if that side does not fit.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
+   * - `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
@@ -86020,6 +86514,7 @@ export type CustomElementsSolidJs = {
    * - `toggle`: The menu opened or closed. The event carries `newState` and `oldState`.
    * - `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.
    *
    * ## Slots
@@ -86027,6 +86522,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
@@ -86068,7 +86564,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
@@ -87274,7 +87771,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -87461,6 +87958,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.
@@ -88509,7 +89013,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -88861,7 +89365,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -89659,7 +90163,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -90163,7 +90667,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -90385,6 +90889,9 @@ export type CustomElementsSolidJs = {
    * preview do not reference each other, so you can replace either one or use it
    * alone.
    *
+   * The preview runs an edit once typing has rested for `preview-delay`, 300
+   * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
+   *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
    * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
    * a script that runs as a module after the markup. The sandbox ignores a pane
@@ -90409,6 +90916,16 @@ export type CustomElementsSolidJs = {
    * like `helix-sandbox-source`, and the sandbox reads its `value` to seed the
    * preview. Dispatch `helix-caret` from it too for the status bar's position.
    *
+   * Sandbox is styled only and has behavior, as `Aura` is. Its behavior is the
+   * hand-off from a source pane to a preview frame, which works with any pane
+   * that sends `helix-before-edit`, and what it draws is the layout around them:
+   * dividers, file tabs, and a panel. A page that wants another look slots its
+   * own panes and keeps the hand-off, so there is nothing for a headless version
+   * to hold.
+   *
+   * A development build warns about a source pane with no `label` and no `name`,
+   * whose file tab would have no words.
+   *
    * On a focused divider, the arrow keys move it, and `Home` and `End` move it
    * to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
    * again it opens the pane where it was. `Enter` on the panel divider shuts the
@@ -90474,6 +90991,10 @@ export type CustomElementsSolidJs = {
    * gives.
    * - `panel-label`/`panelLabel`: The name of the panel's divider, read by screen readers.
    * - `panel-size`/`panelSize`: Height of the panel, in pixels.
+   * - `preview-delay`/`previewDelay`: How long typing rests before the preview runs the new source, in
+   * milliseconds, as Sandpack's `recompileDelay` does. The preview reloads its
+   * frame on each run, so a word typed runs it once. `0` runs it on every
+   * edit.
    * - `separator-label`/`separatorLabel`: The name of the divider between the panes, read by screen readers.
    * `{pane}` is the lead pane, `source` or `preview`, whose share the
    * divider's value is, so each is a whole sentence: "Resize source pane" or
@@ -90587,6 +91108,9 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
+   * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
+   * field says which file it holds. `{field}` is `field-label` and `{name}`
+   * the pane's `label`.
    * - `keys-description`/`keysDescription`: The field's description, read by screen readers while Tab indents.
    * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
    * holds several panes. Empty puts the pane's `name` on the tab.
@@ -91665,7 +92189,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -92173,7 +92697,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -93887,7 +94411,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -94315,6 +94839,14 @@ export type CustomElementsSolidJs = {
    * order has its whole sentence. `{order}` is the deprecated
    * `ascending-label` or `descending-label`.
    * - `unsorted-label`/`unsortedLabel`: What screen readers hear when the table stops being sorted.
+   * - `windowed`: Draws only the rows in view, with empty space in place of the rest, as
+   * Data Table's `windowed` does. The table's box then scrolls, at the
+   * height `--table-block-size` gives it in the styled tier, and the
+   * headings stick to its top.
+   *
+   * Off by default. Windowing costs a scroll listener, a measurement per row
+   * drawn, and a height on the table, and a table of twenty rows should pay
+   * none of them.
    * - `tableColumns`: The columns declared as children, in the order they are written. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -94373,6 +94905,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--table-block-size`: How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default.
    * - `--table-columns`: Track list for the columns. It overrides the track list worked out from the columns.
    * - `--table-drag-preview-background-color`: The fill behind the copy of a row a pointer drags.
    * - `--table-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
@@ -94381,6 +94914,7 @@ export type CustomElementsSolidJs = {
    * - `--table-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
    * - `--table-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
    * - `--table-error-color`: The color of the words in the line shown while `error-text` is set.
+   * - `--table-heading-background-color`: The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default.
    * - `--table-title-color`: The color of the words in the `heading` slot.
    * - `--table-title-gap`: The space between the `heading` slot and the grid.
    * - `--table-title-text`: The font size of the words in the `heading` slot.
@@ -94390,6 +94924,8 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `after`: The space that stands in for the rows below the window. Only while `windowed`.
+   * - `before`: The space that stands in for the rows above the window. Only while `windowed`.
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `live`: A live region that repeats the empty and loading text, and says each step of a move, so screen readers announce it when it changes. Visually hidden in the styled tier.
    * - `table`: The grid.
@@ -95520,7 +96056,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -95882,7 +96418,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -95943,6 +96479,7 @@ export type CustomElementsSolidJs = {
    * - `picker-list-loading`: The text shown while the options load.
    * - `picker-list-search`: The region that holds the filter field.
    * - `picker-list-search-field`: The filter field.
+   * - `picker-now`: The picker's button that chooses the current time, which Time Input does not draw.
    * - `picker-option`: One time in the picker. Carries `data-between` inside a range.
    * - `picker-option-between`: A time inside a chosen range, between its two ends. Set together with `picker-option`.
    * - `picker-option-description`: The caption under the label, when there is one.
@@ -96092,6 +96629,8 @@ export type CustomElementsSolidJs = {
    * and a wheel has exactly one value by construction. Rather than draw
    * something that cannot say what it holds, `wheels` renders as a list
    * whenever a mode is set.
+   * - `now-label`/`nowLabel`: The words on the button that chooses the current time, drawn with
+   * `show-now`.
    * - `range-overflow-message`/`rangeOverflowMessage`: The validation message for a time after `max`. `{max}` is replaced with
    * `max`, written in `locale`.
    * - `range-underflow-message`/`rangeUnderflowMessage`: The validation message for a time before `min`. `{min}` is replaced with
@@ -96119,6 +96658,13 @@ export type CustomElementsSolidJs = {
    * `<input type="time">` counts in. A list at a step of one second is 86,400
    * rows, so give `seconds` a `step` and bounds that keep it a list, or use
    * the wheels.
+   * - `show-now`/`showNow`: Draws a button under the times that chooses the current time, as
+   * `selectNow()` does.
+   *
+   * For a form about something happening now, such as a shift starting or a
+   * dose taken, where the reader would otherwise scroll to the time on the
+   * clock. The button is a tab stop after the times, and its words are
+   * `now-label`.
    * - `step`: How far apart the offered times are, in minutes, or in seconds with
    * `seconds`.
    *
@@ -96249,6 +96795,14 @@ export type CustomElementsSolidJs = {
    * Falling back to what the markup declared rather than to empty, because
    * a restore with no state is a form the browser has nothing recorded for,
    * which is the same situation as a fresh one.
+   * - `selectNow() => boolean`: Chooses the current time, as a press on the `show-now` button does, and
+   * returns whether the value changed.
+   *
+   * The time is read off the reader's clock and moved to the nearest time on
+   * offer that is not barred, so it falls on the `step` and inside `min` and
+   * `max`. It is requested as a pick is, so `helix-before-change` can cancel
+   * it. With a `mode` the time joins the times held, and a range that holds
+   * two starts over from it, as a third pick does.
    * - `reveal() => void`: Scrolls each wheel to its selected value, and the list to its selected
    * time.
    *
@@ -96308,7 +96862,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -96324,6 +96878,7 @@ export type CustomElementsSolidJs = {
    * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
    * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
+   * - `--time-picker-now-color`: The ink of the button that chooses the current time, with `show-now`.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
@@ -96365,6 +96920,7 @@ export type CustomElementsSolidJs = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
+   * - `now`: The button that chooses the current time, drawn with `show-now`.
    * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
@@ -97129,7 +97685,7 @@ export type CustomElementsSolidJs = {
    * and reading `:disabled` here would answer about the attribute we are in the
    * middle of removing.
    * - `checkValidity() => boolean`: Returns whether the control is valid, and fires `invalid` on it when it is
-   * not.
+   * not. The control shows no message for it: `reportValidity()` does that.
    * - `reportValidity() => boolean`: Returns whether the control is valid, and when it is not, fires `invalid`
    * and shows the browser's message at the control.
    * - `setCustomValidity(message: string) => void`: Marks the control invalid with `message`, or clears that with an empty
@@ -98681,6 +99237,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.
@@ -99222,6 +99779,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.
@@ -99253,6 +99811,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.
@@ -99348,6 +99907,15 @@ export type CustomElementsSolidJs = {
    * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
    * out as many columns as fit the box at that width, at least one, and
    * follows the box as it resizes, which `columns` then does not decide.
+   * - `orientation`: Which way the list runs. `horizontal` lays the items out along a line
+   * and scrolls it sideways: Left and Right move between items, the other
+   * way round on a right-to-left page, and `estimate` is an item's width. A
+   * grid always runs down.
+   * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
+   * keys. Set, the items are drawn in sections: a header, then the items, in
+   * an element with the `group` role that the header names. A section starts
+   * wherever the field changes, so give the items in order. A list of one
+   * column only.
    * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
    * the item, and `replace` selects it alone and lets the arrow keys carry the
    * selection, with Control or Command adding or taking out one item.
@@ -99371,6 +99939,9 @@ export type CustomElementsSolidJs = {
    * It returns what Lit renders: a template from `html`, a string, or a DOM
    * node. The list wraps each result in a `<div>` that carries the row's role
    * and place in the set. Where it is unset, the row `<template>` is used. (property only)
+   * - `renderSection`: Draws each section's header, given its name and its place among the
+   * sections, for a list given `section-field`. Set it as a property. Where
+   * it is unset, the header is the name as text. (property only)
    * - `range`: The items on screen, as `items.slice(first, last)` reads them.
    *
    * Read from the scroll offset when asked. Both are 0 before the list has a
@@ -99427,7 +99998,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
-   * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
@@ -99454,6 +100025,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `empty`: While the list has read its items and holds none.
+   * - `horizontal`: While the list runs across, with `orientation="horizontal"`.
    * - `loading`: While `loading` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -101490,6 +102062,8 @@ export type CustomCssProperties = {
   "--switch-thumb-color"?: (string) | undefined;
   /** The text alignment of the column above the cell: `start`, `center`, or `end`, and unset when the column sets none. The table writes it, and the stylesheet that draws the cell reads it for `justify-content` and `text-align`, which both follow the writing direction. */
   "--table-cell-align"?: (string) | undefined;
+  /** How tall the table's box is while `windowed`, when it scrolls its rows. 24em by default. */
+  "--table-block-size"?: (string) | undefined;
   /** Track list for the columns. It overrides the track list worked out from the columns. */
   "--table-columns"?: (string) | undefined;
   /** The fill behind the copy of a row a pointer drags. */
@@ -101506,6 +102080,8 @@ export type CustomCssProperties = {
   "--table-drag-preview-shadow"?: (string) | undefined;
   /** The color of the words in the line shown while `error-text` is set. */
   "--table-error-color"?: (string) | undefined;
+  /** The fill behind the headings while `windowed`, which the rows scroll under. The page's background by default. */
+  "--table-heading-background-color"?: (string) | undefined;
   /** The color of the words in the `heading` slot. */
   "--table-title-color"?: (string) | undefined;
   /** The space between the `heading` slot and the grid. */
@@ -101638,6 +102214,8 @@ export type CustomCssProperties = {
   "--time-picker-list-block-size"?: (string) | undefined;
   /** The corners of the mark on a wheel's row. */
   "--time-picker-mark-radius"?: (string) | undefined;
+  /** The ink of the button that chooses the current time, with `show-now`. */
+  "--time-picker-now-color"?: (string) | undefined;
   /** Fill behind the times inside a range. */
   "--time-picker-range-color"?: (string) | undefined;
   /** Height and minimum width of one row in a wheel. */
@@ -101924,7 +102502,7 @@ export type CustomCssProperties = {
   "--video-level"?: (string) | undefined;
   /** How far playback has reached, as a fraction of the duration. */
   "--video-progress"?: (string) | undefined;
-  /** How tall the scrolling box is. */
+  /** How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it. */
   "--virtual-list-block-size"?: (string) | undefined;
   /** How faint a row `disabled-keys` names is drawn. */
   "--virtual-list-disabled-opacity"?: (string) | undefined;