@fusion.dev/helix-headless 0.147.0 → 0.148.0

package/types/jsx.d.ts

@@ -148,6 +148,7 @@ import type {
   HelixHeadlessSlider,
   HelixHeadlessSparkline,
   HelixHeadlessSpeedDial,
+  HelixHeadlessSpeedDialGroup,
   HelixHeadlessSpeedDialItem,
   HelixHeadlessSplitter,
   HelixHeadlessStat,
@@ -780,6 +781,22 @@ export type HelixHeadlessAnnouncementProps = {
 Read once when the announcement is first rendered, as `Toast` reads its
 own. The clock stops while the pointer or focus is on the announcement. */
   duration?: (HelixHeadlessAnnouncement["duration"]) | undefined;
+  /** The key that moves focus to the announcement's first control, and back
+to where it was, written as keys joined by `+`, such as `F6` or `Alt+A`.
+
+F6 by default, the key React Aria's regions answer to. Empty turns it
+off. With several announcements, the first one in the page takes focus. */
+  hotkey?: (HelixHeadlessAnnouncement["hotkey"]) | undefined;
+  /** The name of the announcement's region, which screen readers list among
+the page's landmarks. Translate it with the rest of your interface.
+
+Empty leaves the announcement no region. */
+  label?: (HelixHeadlessAnnouncement["label"]) | undefined;
+  /** Whether the announcement waits its turn behind the queued announcements
+before it in the same parent, showing when the last of them is removed.
+
+Off by default, so every announcement on a page shows at once. */
+  queued?: (HelixHeadlessAnnouncement["queued"]) | undefined;
   /** The band's color.
 
 Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -831,6 +848,22 @@ export type HelixHeadlessAnnouncementSolidJsProps = {
 Read once when the announcement is first rendered, as `Toast` reads its
 own. The clock stops while the pointer or focus is on the announcement. */
   "prop:duration"?: (HelixHeadlessAnnouncement["duration"]) | undefined;
+  /** The key that moves focus to the announcement's first control, and back
+to where it was, written as keys joined by `+`, such as `F6` or `Alt+A`.
+
+F6 by default, the key React Aria's regions answer to. Empty turns it
+off. With several announcements, the first one in the page takes focus. */
+  "prop:hotkey"?: (HelixHeadlessAnnouncement["hotkey"]) | undefined;
+  /** The name of the announcement's region, which screen readers list among
+the page's landmarks. Translate it with the rest of your interface.
+
+Empty leaves the announcement no region. */
+  "prop:label"?: (HelixHeadlessAnnouncement["label"]) | undefined;
+  /** Whether the announcement waits its turn behind the queued announcements
+before it in the same parent, showing when the last of them is removed.
+
+Off by default, so every announcement on a page shows at once. */
+  "prop:queued"?: (HelixHeadlessAnnouncement["queued"]) | undefined;
   /** The band's color.
 
 Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -1707,13 +1740,35 @@ legend hid is not counted. */
 };
 
 export type HelixHeadlessBlockquoteProps = {
-  /** The URL of the source the passage came from. */
+  /** Who said it, and where, as words, such as "Maria Lopez, operations
+manager". The `attribution` slot replaces them, for markup such as a link.
+
+Words are served with the figure they name, where a server cannot see a
+slotted attribution. */
+  attribution?: (HelixHeadlessBlockquote["attribution"]) | undefined;
+  /** The URL of the source the passage came from. Who said it goes in
+`attribution`: a `cite` with words in it warns once, with the runtime kind
+`cite-not-url`. */
   cite?: (HelixHeadlessBlockquote["cite"]) | undefined;
+  /** Whether to draw an opening quotation mark before the passage, in the
+element's language. Leave the marks out of the text. */
+  marks?: (HelixHeadlessBlockquote["marks"]) | undefined;
 };
 
 export type HelixHeadlessBlockquoteSolidJsProps = {
-  /** The URL of the source the passage came from. */
+  /** Who said it, and where, as words, such as "Maria Lopez, operations
+manager". The `attribution` slot replaces them, for markup such as a link.
+
+Words are served with the figure they name, where a server cannot see a
+slotted attribution. */
+  "prop:attribution"?: (HelixHeadlessBlockquote["attribution"]) | undefined;
+  /** The URL of the source the passage came from. Who said it goes in
+`attribution`: a `cite` with words in it warns once, with the runtime kind
+`cite-not-url`. */
   "prop:cite"?: (HelixHeadlessBlockquote["cite"]) | undefined;
+  /** Whether to draw an opening quotation mark before the passage, in the
+element's language. Leave the marks out of the text. */
+  "prop:marks"?: (HelixHeadlessBlockquote["marks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -1841,6 +1896,15 @@ attribute would put the whole path into the markup twice. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessButtonGroup` component event */
+export type HelixHeadlessButtonGroupElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessButtonGroup,
+  E
+>;
+/** `helix-before-change` event type */
+export type HelixHeadlessButtonGroupHelixBeforeChangeElementEvent =
+  HelixHeadlessButtonGroupElementEvent<HelixBeforeChangeEvent>;
+
 export type HelixHeadlessButtonGroupProps = {
   /** The group's name, read by screen readers.
 
@@ -1865,6 +1929,31 @@ buttons sharing edges as one shape, and a wrapped row carries the corners of
 a first row into a second. Stacked, the same three keep one shape and one
 column. */
   orientation?: (HelixHeadlessButtonGroup["orientation"]) | undefined;
+  /** Whether the buttons stay pressed: `single` keeps one pressed at a time and
+`multiple` any number. Unset, they are action buttons, each its own tab
+stop, as before.
+
+Optional, so the attribute is absent until a consumer writes it. */
+  "selection-mode"?: (HelixHeadlessButtonGroup["selectionMode"]) | undefined;
+  /** Whether the buttons stay pressed: `single` keeps one pressed at a time and
+`multiple` any number. Unset, they are action buttons, each its own tab
+stop, as before.
+
+Optional, so the attribute is absent until a consumer writes it. */
+  selectionMode?: (HelixHeadlessButtonGroup["selectionMode"]) | undefined;
+  /** The values of the pressed buttons, comma separated, in a selection mode.
+A button's own `value` names it, so a value holds no comma.
+
+The attribute is the seed, and a press changes the property, which does
+not reflect, as a native control's `value` does not. */
+  value?: (HelixHeadlessButtonGroup["value"]) | undefined;
+
+  /** Fired after a press changes `value`, in a selection mode. */
+  onchange?: ((e: HelixHeadlessButtonGroupElementEvent) => void) | undefined;
+  /** Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are. */
+  "onhelix-before-change"?: ((
+    e: HelixHeadlessButtonGroupHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessButtonGroupSolidJsProps = {
@@ -1891,6 +1980,30 @@ buttons sharing edges as one shape, and a wrapped row carries the corners of
 a first row into a second. Stacked, the same three keep one shape and one
 column. */
   "prop:orientation"?: (HelixHeadlessButtonGroup["orientation"]) | undefined;
+  /** Whether the buttons stay pressed: `single` keeps one pressed at a time and
+`multiple` any number. Unset, they are action buttons, each its own tab
+stop, as before.
+
+Optional, so the attribute is absent until a consumer writes it. */
+  "attr:selection-mode"?: (HelixHeadlessButtonGroup["selectionMode"]) | undefined;
+  /** Whether the buttons stay pressed: `single` keeps one pressed at a time and
+`multiple` any number. Unset, they are action buttons, each its own tab
+stop, as before.
+
+Optional, so the attribute is absent until a consumer writes it. */
+  "prop:selectionMode"?: (HelixHeadlessButtonGroup["selectionMode"]) | undefined;
+  /** The values of the pressed buttons, comma separated, in a selection mode.
+A button's own `value` names it, so a value holds no comma.
+
+The attribute is the seed, and a press changes the property, which does
+not reflect, as a native control's `value` does not. */
+  "prop:value"?: (HelixHeadlessButtonGroup["value"]) | undefined;
+  /** Fired after a press changes `value`, in a selection mode. */
+  "on:change"?: ((e: HelixHeadlessButtonGroupElementEvent) => void) | undefined;
+  /** Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are. */
+  "on:helix-before-change"?: ((
+    e: HelixHeadlessButtonGroupHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -2749,6 +2862,20 @@ as the list.
 The list is joined the way the page's language joins one, "Second and
 Third", rather than with a comma this component chose. */
   leadsToLabel?: (HelixHeadlessCanvas["leadsToLabel"]) | undefined;
+  /** What screen readers hear after a key moves a card, with `{name}` for the
+card and `{x}` and `{y}` for where it now is, in the document's units.
+
+**A move a reader cannot see has to be said.** Shift with an arrow moved
+the card and said nothing, so a reader moving one by keys could not tell
+whether it had moved, or how far. */
+  "moved-label"?: (HelixHeadlessCanvas["movedLabel"]) | undefined;
+  /** What screen readers hear after a key moves a card, with `{name}` for the
+card and `{x}` and `{y}` for where it now is, in the document's units.
+
+**A move a reader cannot see has to be said.** Shift with an arrow moved
+the card and said nothing, so a reader moving one by keys could not tell
+whether it had moved, or how far. */
+  movedLabel?: (HelixHeadlessCanvas["movedLabel"]) | undefined;
   /** The order the arrow keys and screen readers move through the cards:
 `spatial` or `edges`.
 
@@ -2789,6 +2916,14 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   reconnectingLabel?: (HelixHeadlessCanvas["reconnectingLabel"]) | 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. */
+  "resized-label"?: (HelixHeadlessCanvas["resizedLabel"]) | 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. */
+  resizedLabel?: (HelixHeadlessCanvas["resizedLabel"]) | undefined;
   /** The names of the selected cards and connections, comma separated. Empty
 when nothing is selected.
 
@@ -2809,6 +2944,43 @@ on its board across cards and connections both, and may not hold a comma.
 
 Written to select from outside, and read to act on the selection. */
   selected?: (HelixHeadlessCanvas["selected"]) | undefined;
+  /** What a selected card or connection adds to what screen readers hear on
+it, before its tone and its connections. Empty adds nothing.
+
+A card is an article and a connection a button, and neither has a selected
+state for `aria-selected` to carry, so the state is said in words. */
+  "selected-label"?: (HelixHeadlessCanvas["selectedLabel"]) | undefined;
+  /** What a selected card or connection adds to what screen readers hear on
+it, before its tone and its connections. Empty adds nothing.
+
+A card is an article and a connection a button, and neither has a selected
+state for `aria-selected` to carry, so the state is said in words. */
+  selectedLabel?: (HelixHeadlessCanvas["selectedLabel"]) | undefined;
+  /** What screen readers hear after the selection grows or shrinks, with
+`{count}` for how many cards and connections are selected: by Space, a
+click with Shift, Command or Control, Command or Control with A, a box
+drawn across the board, or Escape.
+
+A selection of one made by arriving on a card or clicking it is not said,
+since the card is. */
+  "selection-label"?: (HelixHeadlessCanvas["selectionLabel"]) | undefined;
+  /** What screen readers hear after the selection grows or shrinks, with
+`{count}` for how many cards and connections are selected: by Space, a
+click with Shift, Command or Control, Command or Control with A, a box
+drawn across the board, or Escape.
+
+A selection of one made by arriving on a card or clicking it is not said,
+since the card is. */
+  selectionLabel?: (HelixHeadlessCanvas["selectionLabel"]) | undefined;
+  /** Snaps the cards a reader moves or resizes to a multiple of this many of the
+document's units, such as `32` to land on the lines `grid` draws.
+
+**A drag lets go on the nearest line and a key goes to the next one.**
+Shift with an arrow moves a card to the next line that way, rather than
+by its step of 16, and Alt with an arrow moves its bottom right corner
+the same way. A group moves with what it carries, so a card inside one
+keeps its place in it. Absent, cards land where they are let go. */
+  snap?: (HelixHeadlessCanvas["snap"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
   "stopped-label"?: (HelixHeadlessCanvas["stoppedLabel"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
@@ -2831,6 +3003,12 @@ red is "blocked" on one board and "urgent" on the next. A reader who can
 see the board is told by the color; this is how a reader who cannot is
 told the same. A tone left out is not read. */
   toneLabels?: (HelixHeadlessCanvas["toneLabels"]) | undefined;
+  /** What screen readers hear after a zoom button or key, with `{zoom}` for the
+zoom as a percentage, written the way the page's language writes one. */
+  "zoomed-label"?: (HelixHeadlessCanvas["zoomedLabel"]) | undefined;
+  /** What screen readers hear after a zoom button or key, with `{zoom}` for the
+zoom as a percentage, written the way the page's language writes one. */
+  zoomedLabel?: (HelixHeadlessCanvas["zoomedLabel"]) | undefined;
   /** The hint shown when a surface waiting to be pressed is scrolled or
 swiped over, with `gestures="activate"`. Absent is the family's own. */
   "activate-hint-label"?: (HelixHeadlessCanvas["activateHintLabel"]) | undefined;
@@ -3113,6 +3291,20 @@ as the list.
 The list is joined the way the page's language joins one, "Second and
 Third", rather than with a comma this component chose. */
   "prop:leadsToLabel"?: (HelixHeadlessCanvas["leadsToLabel"]) | undefined;
+  /** What screen readers hear after a key moves a card, with `{name}` for the
+card and `{x}` and `{y}` for where it now is, in the document's units.
+
+**A move a reader cannot see has to be said.** Shift with an arrow moved
+the card and said nothing, so a reader moving one by keys could not tell
+whether it had moved, or how far. */
+  "attr:moved-label"?: (HelixHeadlessCanvas["movedLabel"]) | undefined;
+  /** What screen readers hear after a key moves a card, with `{name}` for the
+card and `{x}` and `{y}` for where it now is, in the document's units.
+
+**A move a reader cannot see has to be said.** Shift with an arrow moved
+the card and said nothing, so a reader moving one by keys could not tell
+whether it had moved, or how far. */
+  "prop:movedLabel"?: (HelixHeadlessCanvas["movedLabel"]) | undefined;
   /** The order the arrow keys and screen readers move through the cards:
 `spatial` or `edges`.
 
@@ -3153,6 +3345,14 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   "prop:reconnectingLabel"?: (HelixHeadlessCanvas["reconnectingLabel"]) | 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. */
+  "attr:resized-label"?: (HelixHeadlessCanvas["resizedLabel"]) | 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. */
+  "prop:resizedLabel"?: (HelixHeadlessCanvas["resizedLabel"]) | undefined;
   /** The names of the selected cards and connections, comma separated. Empty
 when nothing is selected.
 
@@ -3173,6 +3373,43 @@ on its board across cards and connections both, and may not hold a comma.
 
 Written to select from outside, and read to act on the selection. */
   "prop:selected"?: (HelixHeadlessCanvas["selected"]) | undefined;
+  /** What a selected card or connection adds to what screen readers hear on
+it, before its tone and its connections. Empty adds nothing.
+
+A card is an article and a connection a button, and neither has a selected
+state for `aria-selected` to carry, so the state is said in words. */
+  "attr:selected-label"?: (HelixHeadlessCanvas["selectedLabel"]) | undefined;
+  /** What a selected card or connection adds to what screen readers hear on
+it, before its tone and its connections. Empty adds nothing.
+
+A card is an article and a connection a button, and neither has a selected
+state for `aria-selected` to carry, so the state is said in words. */
+  "prop:selectedLabel"?: (HelixHeadlessCanvas["selectedLabel"]) | undefined;
+  /** What screen readers hear after the selection grows or shrinks, with
+`{count}` for how many cards and connections are selected: by Space, a
+click with Shift, Command or Control, Command or Control with A, a box
+drawn across the board, or Escape.
+
+A selection of one made by arriving on a card or clicking it is not said,
+since the card is. */
+  "attr:selection-label"?: (HelixHeadlessCanvas["selectionLabel"]) | undefined;
+  /** What screen readers hear after the selection grows or shrinks, with
+`{count}` for how many cards and connections are selected: by Space, a
+click with Shift, Command or Control, Command or Control with A, a box
+drawn across the board, or Escape.
+
+A selection of one made by arriving on a card or clicking it is not said,
+since the card is. */
+  "prop:selectionLabel"?: (HelixHeadlessCanvas["selectionLabel"]) | undefined;
+  /** Snaps the cards a reader moves or resizes to a multiple of this many of the
+document's units, such as `32` to land on the lines `grid` draws.
+
+**A drag lets go on the nearest line and a key goes to the next one.**
+Shift with an arrow moves a card to the next line that way, rather than
+by its step of 16, and Alt with an arrow moves its bottom right corner
+the same way. A group moves with what it carries, so a card inside one
+keeps its place in it. Absent, cards land where they are let go. */
+  "prop:snap"?: (HelixHeadlessCanvas["snap"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
   "attr:stopped-label"?: (HelixHeadlessCanvas["stoppedLabel"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
@@ -3195,6 +3432,12 @@ red is "blocked" on one board and "urgent" on the next. A reader who can
 see the board is told by the color; this is how a reader who cannot is
 told the same. A tone left out is not read. */
   "prop:toneLabels"?: (HelixHeadlessCanvas["toneLabels"]) | undefined;
+  /** What screen readers hear after a zoom button or key, with `{zoom}` for the
+zoom as a percentage, written the way the page's language writes one. */
+  "attr:zoomed-label"?: (HelixHeadlessCanvas["zoomedLabel"]) | undefined;
+  /** What screen readers hear after a zoom button or key, with `{zoom}` for the
+zoom as a percentage, written the way the page's language writes one. */
+  "prop:zoomedLabel"?: (HelixHeadlessCanvas["zoomedLabel"]) | undefined;
   /** The hint shown when a surface waiting to be pressed is scrolled or
 swiped over, with `gestures="activate"`. Absent is the family's own. */
   "attr:activate-hint-label"?: (HelixHeadlessCanvas["activateHintLabel"]) | undefined;
@@ -5108,16 +5351,18 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
-  /** The block's name, usually a file name or a language.
+  /** The block's name, usually a file name, drawn in the header.
 
-In a diff, each file is named from the patch, and this names a patch that
-carries no name of its own. */
+Absent, the block is named by `language` where there is one. In a diff,
+each file is named from the patch, and this names a patch that carries no
+name of its own. */
   label?: (HelixHeadlessCodeBlock["label"]) | undefined;
   /** The language the code is written in, such as `ts` or `css`, handed to
 `highlight` as its second argument.
 
-Absent hands it an empty string. It draws nothing of its own: the block's
-name is `label`. */
+A block with no `label` is named by it, in the header and on the copy
+button, as a docs site names a snippet by its language. Absent hands
+`highlight` an empty string and names nothing. */
   language?: (HelixHeadlessCodeBlock["language"]) | undefined;
   /** Whether the lines are numbered in a gutter beside the code.
 
@@ -5240,16 +5485,18 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixHeadlessCodeBlock["expandLabel"]) | undefined;
-  /** The block's name, usually a file name or a language.
+  /** The block's name, usually a file name, drawn in the header.
 
-In a diff, each file is named from the patch, and this names a patch that
-carries no name of its own. */
+Absent, the block is named by `language` where there is one. In a diff,
+each file is named from the patch, and this names a patch that carries no
+name of its own. */
   "prop:label"?: (HelixHeadlessCodeBlock["label"]) | undefined;
   /** The language the code is written in, such as `ts` or `css`, handed to
 `highlight` as its second argument.
 
-Absent hands it an empty string. It draws nothing of its own: the block's
-name is `label`. */
+A block with no `label` is named by it, in the header and on the copy
+button, as a docs site names a snippet by its language. Absent hands
+`highlight` an empty string and names nothing. */
   "prop:language"?: (HelixHeadlessCodeBlock["language"]) | undefined;
   /** Whether the lines are numbered in a gutter beside the code.
 
@@ -6539,12 +6786,19 @@ leaves the field or presses Enter with nothing highlighted, and text that
 names an option takes that option. Unlike `creatable`, no event asks
 first and no option is expected to be added: the value is the text. */
   allowsCustomValue?: (HelixHeadlessCombobox["allowsCustomValue"]) | undefined;
-  /** What the browser may autofill in the text field, as a platform token.
+  /** What the browser may autofill, as a platform token such as `country`.
 
 **Defaults to `off`, which is not the platform's default and is the
 point.** The field filters a list rather than collecting a value, so a
 browser offering to fill it with a saved address is competing for the same
-keystrokes as the listbox. A consumer who wants autofill can still ask. */
+keystrokes as the listbox. A consumer who wants autofill can still ask.
+
+Set, a combobox whose answer is one of its options keeps a hidden native
+`<select>` with the same options for the browser to fill, as React Aria's
+combobox and Select do, and the option the browser picks, by its value or
+its words, becomes the value. The text field itself stays `off`, so the
+browser fills the answer and not the filter. With `allows-custom-value`
+the token goes on the text field, whose words are the answer. */
   autocomplete?: (HelixHeadlessCombobox["autocomplete"]) | undefined;
   /** Whether the user can add a value that is not in the list.
 
@@ -6583,12 +6837,14 @@ every keystroke. See Listbox's `filter-delay`. */
   /** The list's name, read by screen readers. The list has no visible name. */
   listLabel?: (HelixHeadlessCombobox["listLabel"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any options there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any options there are and tells screen readers. */
   "load-error"?: (HelixHeadlessCombobox["loadError"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any options there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any options there are and tells screen readers. */
   loadError?: (HelixHeadlessCombobox["loadError"]) | undefined;
   /** Whether the options are still loading.
 
@@ -6671,6 +6927,12 @@ two. */
 options. `{count}` is the count, and `Intl.PluralRules` picks between the
 two. */
   resultsLabel?: (HelixHeadlessCombobox["resultsLabel"]) | undefined;
+  /** What VoiceOver hears for a chosen option, as the highlight reaches it and
+once it is chosen, on Apple devices. `{name}` is the option's words. */
+  "selected-label"?: (HelixHeadlessCombobox["selectedLabel"]) | undefined;
+  /** What VoiceOver hears for a chosen option, as the highlight reaches it and
+once it is chosen, on Apple devices. `{name}` is the option's words. */
+  selectedLabel?: (HelixHeadlessCombobox["selectedLabel"]) | undefined;
   /** Whether the field completes the word as the user types.
 
 `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -6839,12 +7101,19 @@ leaves the field or presses Enter with nothing highlighted, and text that
 names an option takes that option. Unlike `creatable`, no event asks
 first and no option is expected to be added: the value is the text. */
   "prop:allowsCustomValue"?: (HelixHeadlessCombobox["allowsCustomValue"]) | undefined;
-  /** What the browser may autofill in the text field, as a platform token.
+  /** What the browser may autofill, as a platform token such as `country`.
 
 **Defaults to `off`, which is not the platform's default and is the
 point.** The field filters a list rather than collecting a value, so a
 browser offering to fill it with a saved address is competing for the same
-keystrokes as the listbox. A consumer who wants autofill can still ask. */
+keystrokes as the listbox. A consumer who wants autofill can still ask.
+
+Set, a combobox whose answer is one of its options keeps a hidden native
+`<select>` with the same options for the browser to fill, as React Aria's
+combobox and Select do, and the option the browser picks, by its value or
+its words, becomes the value. The text field itself stays `off`, so the
+browser fills the answer and not the filter. With `allows-custom-value`
+the token goes on the text field, whose words are the answer. */
   "prop:autocomplete"?: (HelixHeadlessCombobox["autocomplete"]) | undefined;
   /** Whether the user can add a value that is not in the list.
 
@@ -6883,12 +7152,14 @@ every keystroke. See Listbox's `filter-delay`. */
   /** The list's name, read by screen readers. The list has no visible name. */
   "prop:listLabel"?: (HelixHeadlessCombobox["listLabel"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any options there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any options there are and tells screen readers. */
   "attr:load-error"?: (HelixHeadlessCombobox["loadError"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any options there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any options there are and tells screen readers. */
   "prop:loadError"?: (HelixHeadlessCombobox["loadError"]) | undefined;
   /** Whether the options are still loading.
 
@@ -6971,6 +7242,12 @@ two. */
 options. `{count}` is the count, and `Intl.PluralRules` picks between the
 two. */
   "prop:resultsLabel"?: (HelixHeadlessCombobox["resultsLabel"]) | undefined;
+  /** What VoiceOver hears for a chosen option, as the highlight reaches it and
+once it is chosen, on Apple devices. `{name}` is the option's words. */
+  "attr:selected-label"?: (HelixHeadlessCombobox["selectedLabel"]) | undefined;
+  /** What VoiceOver hears for a chosen option, as the highlight reaches it and
+once it is chosen, on Apple devices. `{name}` is the option's words. */
+  "prop:selectedLabel"?: (HelixHeadlessCombobox["selectedLabel"]) | undefined;
   /** Whether the field completes the word as the user types.
 
 `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -7172,12 +7449,14 @@ with: one key, said once. */
   /** Accessible name for the overlay, which has no visible heading. */
   label?: (HelixHeadlessCommand["label"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any commands there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any commands there are and tells screen readers. */
   "load-error"?: (HelixHeadlessCommand["loadError"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any commands there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any commands there are and tells screen readers. */
   loadError?: (HelixHeadlessCommand["loadError"]) | undefined;
   /** Whether the commands are still loading, for a palette that asks a server
 for them as the user types.
@@ -7272,12 +7551,14 @@ with: one key, said once. */
   /** Accessible name for the overlay, which has no visible heading. */
   "prop:label"?: (HelixHeadlessCommand["label"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any commands there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any commands there are and tells screen readers. */
   "attr:load-error"?: (HelixHeadlessCommand["loadError"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
-request to a server fails. Empty is no error. Passed to the list, which
-shows it under any commands there are and tells screen readers. */
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it. Passed to the list, which shows it
+under any commands there are and tells screen readers. */
   "prop:loadError"?: (HelixHeadlessCommand["loadError"]) | undefined;
   /** Whether the commands are still loading, for a palette that asks a server
 for them as the user types.
@@ -10065,38 +10346,44 @@ survives to it and a consumer reading one back gets what they wrote. */
 };
 
 export type HelixHeadlessDividerProps = {
-  /** Whether screen readers announce the line as a separator.
-
-Off by default, and out of the accessibility tree. Most rules on a page
-separate nothing: they underline a heading or close a section that space
-had already closed, and announcing every one as a separator is noise a
-screen-reader user has to walk past.
-
-An opt-in, not a `decorative` opt-out, because a boolean attribute cannot
-be turned off: `decorative="false"` parses as `true`, which would put the
-quiet default out of reach from HTML and leave it settable only as a
-property. An opt-in is absent by default, which every reflected property
-here has to be. */
+  /** Whether screen readers announce the line as a separator, which they now do
+by default.
+
+It dates from when the line was decorative by default. It is still read,
+and it wins over `decorative`, so a divider written with it stays a
+separator. */
   announced?: (HelixHeadlessDivider["announced"]) | undefined;
-  /** The direction the line runs: `horizontal` or `vertical`. */
+  /** Takes the line out of the accessibility tree, for a rule that separates
+nothing: one under a heading, or between the facts of a byline.
+
+Absent, the line is a separator, as `<hr>` is. Radix Separator's opt-out
+has the same name. It turns the role off because a boolean attribute that
+is on by default cannot be turned off from HTML. */
+  decorative?: (HelixHeadlessDivider["decorative"]) | undefined;
+  /** The direction the line runs: `horizontal` or `vertical`.
+
+Unset is horizontal, or across the toolbar the divider sits in. */
   orientation?: (HelixHeadlessDivider["orientation"]) | undefined;
 };
 
 export type HelixHeadlessDividerSolidJsProps = {
-  /** Whether screen readers announce the line as a separator.
-
-Off by default, and out of the accessibility tree. Most rules on a page
-separate nothing: they underline a heading or close a section that space
-had already closed, and announcing every one as a separator is noise a
-screen-reader user has to walk past.
-
-An opt-in, not a `decorative` opt-out, because a boolean attribute cannot
-be turned off: `decorative="false"` parses as `true`, which would put the
-quiet default out of reach from HTML and leave it settable only as a
-property. An opt-in is absent by default, which every reflected property
-here has to be. */
+  /** Whether screen readers announce the line as a separator, which they now do
+by default.
+
+It dates from when the line was decorative by default. It is still read,
+and it wins over `decorative`, so a divider written with it stays a
+separator. */
   "prop:announced"?: (HelixHeadlessDivider["announced"]) | undefined;
-  /** The direction the line runs: `horizontal` or `vertical`. */
+  /** Takes the line out of the accessibility tree, for a rule that separates
+nothing: one under a heading, or between the facts of a byline.
+
+Absent, the line is a separator, as `<hr>` is. Radix Separator's opt-out
+has the same name. It turns the role off because a boolean attribute that
+is on by default cannot be turned off from HTML. */
+  "prop:decorative"?: (HelixHeadlessDivider["decorative"]) | undefined;
+  /** The direction the line runs: `horizontal` or `vertical`.
+
+Unset is horizontal, or across the toolbar the divider sits in. */
   "prop:orientation"?: (HelixHeadlessDivider["orientation"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -11829,6 +12116,14 @@ few characters and a date is not. */
   elapsed?: (HelixHeadlessFormatDate["elapsed"]) | undefined;
   /** How the era is written, such as AD, where a date is shown. */
   era?: (HelixHeadlessFormatDate["era"]) | undefined;
+  /** Draws each field of a date in a part of its own: `weekday`, `day`,
+`month`, `year`, `era`, `hour`, `minute`, `second`, `day-period` and
+`time-zone-name`, so `::part(year)` can set the year apart.
+
+Off by default, which draws the date as one run of text, as Shoelace and
+Web Awesome do. An `elapsed` or `relative` reading is one phrase either
+way. */
+  fields?: (HelixHeadlessFormatDate["fields"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -11935,6 +12230,14 @@ few characters and a date is not. */
   "prop:elapsed"?: (HelixHeadlessFormatDate["elapsed"]) | undefined;
   /** How the era is written, such as AD, where a date is shown. */
   "prop:era"?: (HelixHeadlessFormatDate["era"]) | undefined;
+  /** Draws each field of a date in a part of its own: `weekday`, `day`,
+`month`, `year`, `era`, `hour`, `minute`, `second`, `day-period` and
+`time-zone-name`, so `::part(year)` can set the year apart.
+
+Off by default, which draws the date as one run of text, as Shoelace and
+Web Awesome do. An `elapsed` or `relative` reading is one phrase either
+way. */
+  "prop:fields"?: (HelixHeadlessFormatDate["fields"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -12689,6 +12992,14 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   rows?: (HelixHeadlessHeatmap["rows"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "selected-label"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  selectedLabel?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes, with `{count}` for
 how many cells are selected. */
   "selection-label"?: (HelixHeadlessHeatmap["selectionLabel"]) | undefined;
@@ -12840,6 +13151,14 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   "prop:rows"?: (HelixHeadlessHeatmap["rows"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "attr:selected-label"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "prop:selectedLabel"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes, with `{count}` for
 how many cells are selected. */
   "attr:selection-label"?: (HelixHeadlessHeatmap["selectionLabel"]) | undefined;
@@ -15280,12 +15599,16 @@ export type HelixHeadlessListboxHelixLoadMoreElementEvent =
   HelixHeadlessListboxElementEvent<HelixLoadMoreEvent>;
 
 export type HelixHeadlessListboxProps = {
-  /** What the browser may autofill in the text field, as a platform token.
+  /** What a browser's autofill may choose, as a platform token such as
+`country` or `cc-exp-month`, as a native `<select>` takes it.
 
-**Defaults to `off`, which is not the platform's default and is the
-point.** The field filters a list rather than collecting a value, so a
-browser offering to fill it with a saved address is competing for the same
-keystrokes as the listbox. A consumer who wants autofill can still ask. */
+Set, the list draws a hidden native `<select>` with the same options for
+the browser to fill, as React Aria's `HiddenSelect` does, and a fill
+chooses the option. `off`, the default, draws none.
+
+**The filter field is never filled.** It narrows the list rather than
+collecting a value, so a browser offering it a saved address competes
+with the reader for the same keystrokes: it is always `off`. */
   autocomplete?: (HelixHeadlessListbox["autocomplete"]) | undefined;
   /** The filter text the list starts with, when `filter` is not set. */
   "default-filter"?: (HelixHeadlessListbox["defaultFilter"]) | undefined;
@@ -15339,14 +15662,27 @@ act on the list the reader expects. */
   "filter-label"?: (HelixHeadlessListbox["filterLabel"]) | undefined;
   /** Placeholder text for the filter field. */
   filterLabel?: (HelixHeadlessListbox["filterLabel"]) | undefined;
+  /** How the options are laid out, which the arrow keys follow: `stack`, one
+under another, or `grid`, in rows and columns, as React Aria's `ListBox`
+lays out cards or photos. With `grid`, Up and Down move within a column,
+and Left and Right along the list, mirrored right to left.
+
+The columns are the stylesheet's: the styled tier draws them at
+`--listbox-column-min-inline-size` or wider, and a headless list lays out
+`::part(items)` as it likes, since the keys read where each option is
+drawn. A list of `items` stays a stack. Left out, the list is a stack,
+and the host carries no attribute for it. */
+  layout?: (HelixHeadlessListbox["layout"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error.
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
 
 Set, it shows under any options there are, in place of `empty-text` and
 `loading-text`, and a screen reader hears it. Clear it when you ask again. */
   "load-error"?: (HelixHeadlessListbox["loadError"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error.
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
 
 Set, it shows under any options there are, in place of `empty-text` and
 `loading-text`, and a screen reader hears it. Clear it when you ask again. */
@@ -15390,6 +15726,12 @@ options. `{count}` is the count.
 pair: a language with more forms than two picks the one for its `one` and
 writes the rest here. */
   resultsLabel?: (HelixHeadlessListbox["resultsLabel"]) | undefined;
+  /** What VoiceOver hears as the highlight reaches a chosen option from the
+filter field, on Apple devices. `{name}` is the option's words. */
+  "selected-label"?: (HelixHeadlessListbox["selectedLabel"]) | undefined;
+  /** What VoiceOver hears as the highlight reaches a chosen option from the
+filter field, on Apple devices. `{name}` is the option's words. */
+  selectedLabel?: (HelixHeadlessListbox["selectedLabel"]) | undefined;
   /** Whether the rows are still loading.
 
 Reflected, because a stylesheet needs it: the rows that are already there
@@ -15473,6 +15815,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessListbox["name"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Set, the list draws only the options in sight, and the ones
+you write as children are not read.
+
+**Every option is still reachable.** The keyboard, the typeahead, the
+filter and the value work over the whole set, and the option the keyboard
+is on is drawn wherever it is, so a screen reader is told about it. Each
+drawn option says its place in the set (`aria-posinset`, `aria-setsize`).
+React Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's
+`VirtualizeController`.
+
+**The list needs a height to scroll in**: the styled tier's
+`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the
+headless tier. Import the Option family as well, whose elements are drawn.
+A server sends the list empty, and the options are drawn once it hydrates. */
+  items?: (HelixHeadlessListbox["items"]) | undefined;
   /** Which option is chosen, as an index, or `-1` where none is.
 
 `<select>`'s own pair, and this control is what stands in for one. The
@@ -15502,12 +15861,16 @@ that can. */
 };
 
 export type HelixHeadlessListboxSolidJsProps = {
-  /** What the browser may autofill in the text field, as a platform token.
+  /** What a browser's autofill may choose, as a platform token such as
+`country` or `cc-exp-month`, as a native `<select>` takes it.
 
-**Defaults to `off`, which is not the platform's default and is the
-point.** The field filters a list rather than collecting a value, so a
-browser offering to fill it with a saved address is competing for the same
-keystrokes as the listbox. A consumer who wants autofill can still ask. */
+Set, the list draws a hidden native `<select>` with the same options for
+the browser to fill, as React Aria's `HiddenSelect` does, and a fill
+chooses the option. `off`, the default, draws none.
+
+**The filter field is never filled.** It narrows the list rather than
+collecting a value, so a browser offering it a saved address competes
+with the reader for the same keystrokes: it is always `off`. */
   "prop:autocomplete"?: (HelixHeadlessListbox["autocomplete"]) | undefined;
   /** The filter text the list starts with, when `filter` is not set. */
   "attr:default-filter"?: (HelixHeadlessListbox["defaultFilter"]) | undefined;
@@ -15561,14 +15924,27 @@ act on the list the reader expects. */
   "attr:filter-label"?: (HelixHeadlessListbox["filterLabel"]) | undefined;
   /** Placeholder text for the filter field. */
   "prop:filterLabel"?: (HelixHeadlessListbox["filterLabel"]) | undefined;
+  /** How the options are laid out, which the arrow keys follow: `stack`, one
+under another, or `grid`, in rows and columns, as React Aria's `ListBox`
+lays out cards or photos. With `grid`, Up and Down move within a column,
+and Left and Right along the list, mirrored right to left.
+
+The columns are the stylesheet's: the styled tier draws them at
+`--listbox-column-min-inline-size` or wider, and a headless list lays out
+`::part(items)` as it likes, since the keys read where each option is
+drawn. A list of `items` stays a stack. Left out, the list is a stack,
+and the host carries no attribute for it. */
+  "prop:layout"?: (HelixHeadlessListbox["layout"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error.
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
 
 Set, it shows under any options there are, in place of `empty-text` and
 `loading-text`, and a screen reader hears it. Clear it when you ask again. */
   "attr:load-error"?: (HelixHeadlessListbox["loadError"]) | undefined;
   /** What the list says when its options could not be loaded, such as after a
-request to a server fails. Empty is no error.
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
 
 Set, it shows under any options there are, in place of `empty-text` and
 `loading-text`, and a screen reader hears it. Clear it when you ask again. */
@@ -15612,6 +15988,12 @@ options. `{count}` is the count.
 pair: a language with more forms than two picks the one for its `one` and
 writes the rest here. */
   "prop:resultsLabel"?: (HelixHeadlessListbox["resultsLabel"]) | undefined;
+  /** What VoiceOver hears as the highlight reaches a chosen option from the
+filter field, on Apple devices. `{name}` is the option's words. */
+  "attr:selected-label"?: (HelixHeadlessListbox["selectedLabel"]) | undefined;
+  /** What VoiceOver hears as the highlight reaches a chosen option from the
+filter field, on Apple devices. `{name}` is the option's words. */
+  "prop:selectedLabel"?: (HelixHeadlessListbox["selectedLabel"]) | undefined;
   /** Whether the rows are still loading.
 
 Reflected, because a stylesheet needs it: the rows that are already there
@@ -15695,6 +16077,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessListbox["name"]) | undefined;
+  /** The options as data, for a list too long to draw whole: each a value,
+which is also its words, or a record with a `value`, a `label` and
+`disabled`. Set, the list draws only the options in sight, and the ones
+you write as children are not read.
+
+**Every option is still reachable.** The keyboard, the typeahead, the
+filter and the value work over the whole set, and the option the keyboard
+is on is drawn wherever it is, so a screen reader is told about it. Each
+drawn option says its place in the set (`aria-posinset`, `aria-setsize`).
+React Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's
+`VirtualizeController`.
+
+**The list needs a height to scroll in**: the styled tier's
+`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the
+headless tier. Import the Option family as well, whose elements are drawn.
+A server sends the list empty, and the options are drawn once it hydrates. */
+  "prop:items"?: (HelixHeadlessListbox["items"]) | undefined;
   /** Which option is chosen, as an index, or `-1` where none is.
 
 `<select>`'s own pair, and this control is what stands in for one. The
@@ -18381,6 +18780,20 @@ export type HelixHeadlessNotificationsHelixReadElementEvent =
 export type HelixHeadlessNotificationsProps = {
   /** The feed's name, read by screen readers. */
   label?: (HelixHeadlessNotifications["label"]) | undefined;
+  /** What the feed says when a page of it could not be loaded, such as after a
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
+
+Set, it shows under the rows there are, in place of `empty-text` and
+`loading-text`, and a screen reader hears it. Clear it when you ask again. */
+  "load-error"?: (HelixHeadlessNotifications["loadError"]) | undefined;
+  /** What the feed says when a page of it could not be loaded, such as after a
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
+
+Set, it shows under the rows there are, in place of `empty-text` and
+`loading-text`, and a screen reader hears it. Clear it when you ask again. */
+  loadError?: (HelixHeadlessNotifications["loadError"]) | undefined;
   /** Whether to draw a button after the list that asks for the next page, by
 sending `helix-load-more`. Take it off once there is nothing more. */
   "load-more"?: (HelixHeadlessNotifications["loadMore"]) | undefined;
@@ -18435,6 +18848,20 @@ say that without the component knowing what a row looks like. */
 export type HelixHeadlessNotificationsSolidJsProps = {
   /** The feed's name, read by screen readers. */
   "prop:label"?: (HelixHeadlessNotifications["label"]) | undefined;
+  /** What the feed says when a page of it could not be loaded, such as after a
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
+
+Set, it shows under the rows there are, in place of `empty-text` and
+`loading-text`, and a screen reader hears it. Clear it when you ask again. */
+  "attr:load-error"?: (HelixHeadlessNotifications["loadError"]) | undefined;
+  /** What the feed says when a page of it could not be loaded, such as after a
+request to a server fails. Empty, null or no attribute is no error, so
+removing the attribute clears it.
+
+Set, it shows under the rows there are, in place of `empty-text` and
+`loading-text`, and a screen reader hears it. Clear it when you ask again. */
+  "prop:loadError"?: (HelixHeadlessNotifications["loadError"]) | undefined;
   /** Whether to draw a button after the list that asks for the next page, by
 sending `helix-load-more`. Take it off once there is nothing more. */
   "bool:load-more"?: (HelixHeadlessNotifications["loadMore"]) | undefined;
@@ -22194,6 +22621,14 @@ export type HelixHeadlessSelectToggleElementEvent =
   HelixHeadlessSelectElementEvent<ToggleEvent>;
 
 export type HelixHeadlessSelectProps = {
+  /** What a browser's autofill may fill in, as a platform token such as
+`country` or `cc-exp-month`, as on a native `<select>`.
+
+Set, the select keeps a hidden native `<select>` with the same options for
+the browser to fill, as React Aria's `HiddenSelect` does, and takes the
+option the browser picks, by its value or its words, as the value. Empty
+draws no hidden select, and a browser fills nothing. */
+  autocomplete?: (HelixHeadlessSelect["autocomplete"]) | undefined;
   /** The text shown when no options match the filter. */
   "empty-text"?: (HelixHeadlessSelect["emptyText"]) | undefined;
   /** The text shown when no options match the filter. */
@@ -22389,6 +22824,14 @@ differently: they are one chooser to a consumer. */
 };
 
 export type HelixHeadlessSelectSolidJsProps = {
+  /** What a browser's autofill may fill in, as a platform token such as
+`country` or `cc-exp-month`, as on a native `<select>`.
+
+Set, the select keeps a hidden native `<select>` with the same options for
+the browser to fill, as React Aria's `HiddenSelect` does, and takes the
+option the browser picks, by its value or its words, as the value. Empty
+draws no hidden select, and a browser fills nothing. */
+  "prop:autocomplete"?: (HelixHeadlessSelect["autocomplete"]) | undefined;
   /** The text shown when no options match the filter. */
   "attr:empty-text"?: (HelixHeadlessSelect["emptyText"]) | undefined;
   /** The text shown when no options match the filter. */
@@ -23327,6 +23770,21 @@ not. */
   textContent?: (string | number) | undefined;
 };
 
+export type HelixHeadlessSpeedDialGroupProps = {
+  /** The group's name, drawn above its actions and read by screen readers. */
+  label?: (HelixHeadlessSpeedDialGroup["label"]) | undefined;
+};
+
+export type HelixHeadlessSpeedDialGroupSolidJsProps = {
+  /** The group's name, drawn above its actions and read by screen readers. */
+  "prop:label"?: (HelixHeadlessSpeedDialGroup["label"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixHeadlessSpeedDialItem` component event */
 export type HelixHeadlessSpeedDialItemElementEvent<E = Event> = TypedEvent<
   HelixHeadlessSpeedDialItem,
@@ -23339,6 +23797,10 @@ export type HelixHeadlessSpeedDialItemHelixSelectElementEvent =
 export type HelixHeadlessSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
+`aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
+keyboard and Control elsewhere. Showing a shortcut does not bind it. */
+  shortcut?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
 
@@ -23351,6 +23813,10 @@ export type HelixHeadlessSpeedDialItemProps = {
 export type HelixHeadlessSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixHeadlessSpeedDialItem["disabled"]) | undefined;
+  /** The action's keyboard shortcut as a chord, such as `mod+s`, carried as
+`aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
+keyboard and Control elsewhere. Showing a shortcut does not bind it. */
+  "prop:shortcut"?: (HelixHeadlessSpeedDialItem["shortcut"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixHeadlessSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -23385,8 +23851,32 @@ export type HelixHeadlessSpeedDialToggleElementEvent =
 export type HelixHeadlessSpeedDialProps = {
   /** Accessible name for the trigger and the set of actions it opens. */
   label?: (HelixHeadlessSpeedDial["label"]) | undefined;
+  /** The description the trigger gives under `open-on="long-press"`, saying how
+its actions are reached.
+
+A slotted trigger is described by the dial, which carries the words as
+its own label for that: a Helix button's inner control at once, and a
+plain element of yours once a reader reaches it, after hydration, unless
+you described or labeled it yourself. */
+  "long-press-label"?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
+  /** The description the trigger gives under `open-on="long-press"`, saying how
+its actions are reached.
+
+A slotted trigger is described by the dial, which carries the words as
+its own label for that: a Helix button's inner control at once, and a
+plain element of yours once a reader reaches it, after hydration, unless
+you described or labeled it yourself. */
+  longPressLabel?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixHeadlessSpeedDial["offset"]) | undefined;
+  /** What opens the dial. `click` opens it on a press of the trigger. Under
+`long-press`, a press is the trigger's own action, and the dial opens on a
+press held for half a second, or on Alt+Down or Alt+Up. */
+  "open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
+  /** What opens the dial. `click` opens it on a press of the trigger. Under
+`long-press`, a press is the trigger's own action, and the dial opens on a
+press held for half a second, or on Alt+Down or Alt+Up. */
+  openOn?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
 
@@ -23428,8 +23918,32 @@ the resolved state for stylesheets, which is what the mirror is for. */
 export type HelixHeadlessSpeedDialSolidJsProps = {
   /** Accessible name for the trigger and the set of actions it opens. */
   "prop:label"?: (HelixHeadlessSpeedDial["label"]) | undefined;
+  /** The description the trigger gives under `open-on="long-press"`, saying how
+its actions are reached.
+
+A slotted trigger is described by the dial, which carries the words as
+its own label for that: a Helix button's inner control at once, and a
+plain element of yours once a reader reaches it, after hydration, unless
+you described or labeled it yourself. */
+  "attr:long-press-label"?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
+  /** The description the trigger gives under `open-on="long-press"`, saying how
+its actions are reached.
+
+A slotted trigger is described by the dial, which carries the words as
+its own label for that: a Helix button's inner control at once, and a
+plain element of yours once a reader reaches it, after hydration, unless
+you described or labeled it yourself. */
+  "prop:longPressLabel"?: (HelixHeadlessSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixHeadlessSpeedDial["offset"]) | undefined;
+  /** What opens the dial. `click` opens it on a press of the trigger. Under
+`long-press`, a press is the trigger's own action, and the dial opens on a
+press held for half a second, or on Alt+Down or Alt+Up. */
+  "attr:open-on"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
+  /** What opens the dial. `click` opens it on a press of the trigger. Under
+`long-press`, a press is the trigger's own action, and the dial opens on a
+press held for half a second, or on Alt+Down or Alt+Up. */
+  "prop:openOn"?: (HelixHeadlessSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
 
@@ -23629,7 +24143,7 @@ The arrow keys move by `step` and do not snap. */
   "onhelix-resized"?: ((
     e: HelixHeadlessSplitterHelixResizedElementEvent,
   ) => void) | undefined;
-  /** Fired each time a drag moves the divider, before it settles, as a range input does while it is dragged. Read `position` for where it is now. */
+  /** Fired each time the divider moves, as a range input does: on each step of a drag, and before `helix-resized` for a key, a double click or a corner. Read `position` for where it is now. */
   oninput?: ((e: HelixHeadlessSplitterElementEvent) => void) | undefined;
 };
 
@@ -23769,7 +24283,7 @@ The arrow keys move by `step` and do not snap. */
   "on:helix-resized"?: ((
     e: HelixHeadlessSplitterHelixResizedElementEvent,
   ) => void) | undefined;
-  /** Fired each time a drag moves the divider, before it settles, as a range input does while it is dragged. Read `position` for where it is now. */
+  /** Fired each time the divider moves, as a range input does: on each step of a drag, and before `helix-resized` for a key, a double click or a corner. Read `position` for where it is now. */
   "on:input"?: ((e: HelixHeadlessSplitterElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -24788,6 +25302,14 @@ is set. */
   "descending-label"?: (HelixHeadlessTable["descendingLabel"]) | undefined;
   /** The word for a descending sort, in `sorted-label`. */
   descendingLabel?: (HelixHeadlessTable["descendingLabel"]) | undefined;
+  /** Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
+Page keys move focus between its cells, the headings included. Enter moves
+into a cell's controls, and Tab leaves the table.
+
+Off by default, where the table is a static `table` and Tab reaches each
+link and control in it. On, the table writes a `tabindex` onto each of its
+cells, which is the one way a cell of your markup can take focus. */
+  grid?: (HelixHeadlessTable["grid"]) | undefined;
   /** Accessible name for the table.
 
 An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -24909,6 +25431,14 @@ is set. */
   "attr:descending-label"?: (HelixHeadlessTable["descendingLabel"]) | undefined;
   /** The word for a descending sort, in `sorted-label`. */
   "prop:descendingLabel"?: (HelixHeadlessTable["descendingLabel"]) | undefined;
+  /** Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
+Page keys move focus between its cells, the headings included. Enter moves
+into a cell's controls, and Tab leaves the table.
+
+Off by default, where the table is a static `table` and Tab reaches each
+link and control in it. On, the table writes a `tabindex` onto each of its
+cells, which is the one way a cell of your markup can take focus. */
+  "prop:grid"?: (HelixHeadlessTable["grid"]) | undefined;
   /** Accessible name for the table.
 
 An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -30642,6 +31172,23 @@ export type CustomElements = {
    * announcement beside it, move focus yourself, for example to the page's main
    * heading.
    *
+   * **The announcement is a landmark region**, named by `label`, "Announcement"
+   * unless you set it, so a screen reader lists it among the page's regions.
+   * `hotkey`, F6 unless you set it, moves focus to the announcement's first
+   * control, an action or the dismiss button, and pressed there moves focus
+   * back to where it was, as React Aria's toast region does. An announcement
+   * with no control leaves the key to the browser. When an announcement that
+   * the key moved focus into is removed with focus still inside, focus goes
+   * back to where it was before the key.
+   *
+   * **Set `queued` to show several announcements one at a time.** A queued
+   * announcement waits while a queued announcement before it in the same parent
+   * is still there, and shows when that one is removed: its message is then
+   * read out, and its `duration` starts. While it waits it renders nothing,
+   * is no region, and carries `:state(waiting)`. A server cannot see the
+   * announcements beside it, so a served page shows every one until the script
+   * runs.
+   *
    * Set `duration` to dismiss it after a time. The clock stops while the pointer
    * or focus is on the announcement, and continues from what was left, so a
    * reader partway through is not cut off. It stops while the page is hidden too,
@@ -30659,6 +31206,19 @@ export type CustomElements = {
    *
    * Read once when the announcement is first rendered, as `Toast` reads its
    * own. The clock stops while the pointer or focus is on the announcement.
+   * - `hotkey`: The key that moves focus to the announcement's first control, and back
+   * to where it was, written as keys joined by `+`, such as `F6` or `Alt+A`.
+   *
+   * F6 by default, the key React Aria's regions answer to. Empty turns it
+   * off. With several announcements, the first one in the page takes focus.
+   * - `label`: The name of the announcement's region, which screen readers list among
+   * the page's landmarks. Translate it with the rest of your interface.
+   *
+   * Empty leaves the announcement no region.
+   * - `queued`: Whether the announcement waits its turn behind the queued announcements
+   * before it in the same parent, showing when the last of them is removed.
+   *
+   * Off by default, so every announcement on a page shows at once.
    * - `tone`: The band's color.
    *
    * Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -30743,6 +31303,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `paused`: The clock `duration` started is stopped, while the pointer or focus is on the announcement or the page is hidden.
+   * - `waiting`: The announcement is `queued` behind another, and renders nothing until that one is removed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-announcement": Partial<
@@ -31049,6 +31610,9 @@ export type CustomElements = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Parts
    *
@@ -31646,6 +32210,9 @@ export type CustomElements = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -31705,13 +32272,33 @@ export type CustomElements = {
   >;
 
   /**
-   * Renders a `<figure>` holding the `<blockquote>` and a `<figcaption>` for the
+   * Renders a figure holding the `<blockquote>` and a caption for the
    * attribution, the structure the HTML spec describes. The attribution sits
    * outside the quotation because it is about the quotation, and it names the
    * figure, so a screen reader reads the source as the figure's caption.
    *
-   * The figure keeps the browser's default margins on this tier. Set
-   * `::part(figure) { margin: 0 }` where they are unwanted.
+   * **The figure is a `<div role="figure">`**, so the headless tier draws no
+   * space around the quotation. A `<figure>` takes a 40px indent and a line of
+   * space above and below from the browser's own sheet, which every page had to
+   * reset. The `<blockquote>` keeps its own margins, as a bare one does. A
+   * screen reader meets the same figure, named by its caption.
+   *
+   * **A figure only while there is an attribution.** With nothing in the caption
+   * the figure has no name and nothing to say, so the role and its name are
+   * dropped and a reader meets the quotation alone. A server cannot see what is
+   * slotted, so it serves the figure, and the client drops it after hydration;
+   * an `attribution` written as words is served exactly.
+   *
+   * **Quotation marks follow the language**, under `marks`. The opening mark is
+   * the one the browser sets for a `<q>` in the element's language, „ under
+   * `lang="de"` and « under `lang="fr"`, and a `Quote` inside the passage takes
+   * the inner marks. The mark is drawn, not read: a screen reader hears the
+   * passage. A passage under `marks` that starts with a mark typed into the text
+   * would show two, and warns once, with the runtime kind `typed-marks`.
+   *
+   * **`cite` is the source's URL**, which the browser keeps and does not show.
+   * Words in it, such as the author's name, warn once, with the runtime kind
+   * `cite-not-url`.
    *
    * For a quotation inside a sentence, use `Quote`.
    *
@@ -31719,7 +32306,16 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `cite`: The URL of the source the passage came from.
+   * - `attribution`: Who said it, and where, as words, such as "Maria Lopez, operations
+   * manager". The `attribution` slot replaces them, for markup such as a link.
+   *
+   * Words are served with the figure they name, where a server cannot see a
+   * slotted attribution.
+   * - `cite`: The URL of the source the passage came from. Who said it goes in
+   * `attribution`: a `cite` with words in it warns once, with the runtime kind
+   * `cite-not-url`.
+   * - `marks`: Whether to draw an opening quotation mark before the passage, in the
+   * element's language. Leave the marks out of the text.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -31746,15 +32342,15 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The quoted passage.
-   * - `attribution`: Who said it, and where.
+   * - `attribution`: Who said it, and where. Replaces the words of `attribution`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `attribution`: The `<figcaption>` carrying the source.
+   * - `attribution`: The caption carrying the source.
    * - `blockquote`: The quotation.
-   * - `figure`: The `<figure>` holding the quotation and its attribution.
+   * - `figure`: The figure holding the quotation and its attribution, a `<div>` with `role="figure"` while the attribution has words.
    *
    * ## CSS States
    *
@@ -31962,12 +32558,50 @@ export type CustomElements = {
    * controls, and a development build warns once with the kind `missing-name`.
    *
    * The group does not manage focus, so each button keeps its own tab stop. For
-   * one tab stop with arrow keys between the buttons, the APG toolbar pattern,
-   * use Toolbar.
+   * one tab stop with arrow keys between a mix of controls, the APG toolbar
+   * pattern, use Toolbar.
    *
    * Buttons are slotted, so they stay your own elements and keep their own
    * appearance and size.
    *
+   * **Buttons that stay pressed.** With `selection-mode`, each button with a
+   * `value` is a toggle button: a press presses or releases it, and it says so
+   * with `aria-pressed`. `single` keeps one pressed at a time, and a press on the
+   * pressed one releases it. `multiple` lets any number be pressed. `value` is
+   * the pressed values, comma separated. A press sends a cancelable
+   * `helix-before-change` with the value it would leave, then `change`.
+   *
+   * The pressed state is written on the control inside each button's shadow
+   * root, so the markup you rendered is never changed and a framework hydrating
+   * it sees what its server sent. That is also why only Helix buttons are
+   * toggles: a native `<button>` or a button without a `value` stays a plain
+   * action button in the group, and a native one without its own
+   * `aria-pressed` warns once, with the runtime kind `untold-toggle`. The inner
+   * control also carries
+   * `--button-group-pressed`, `1` or `0`, for a `::part(button)` rule of yours.
+   *
+   * Use Toggle Group instead for a choice that belongs in a form, or one where
+   * the arrow keys choose as they move: it is a `radiogroup` of options with a
+   * form value, `required` and validation. A Button Group in a selection mode is
+   * a set of actions that stay on, such as bold and italic, or a view that a
+   * press switches, and it submits nothing.
+   *
+   * **Keyboard.** In a selection mode the group is one tab stop: the button
+   * focus was last on, then the first pressed one, then the first one.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Moves to the next button, from the last back to the first. |
+   * | Left, Up | Moves to the button before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last button. |
+   * | Space, Enter | Presses or releases the focused button. |
+   *
+   * Left and Right swap on a right-to-left page, and a disabled button is
+   * passed over. In a selection mode the group is a `toolbar`, with
+   * `aria-orientation` under `orientation="vertical"`. Inside a toolbar it stays
+   * a named `group`, and the toolbar's own arrow keys walk its buttons, so a
+   * reader meets one toolbar.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -31993,6 +32627,16 @@ export type CustomElements = {
    * buttons sharing edges as one shape, and a wrapped row carries the corners of
    * a first row into a second. Stacked, the same three keep one shape and one
    * column.
+   * - `selection-mode`/`selectionMode`: Whether the buttons stay pressed: `single` keeps one pressed at a time and
+   * `multiple` any number. Unset, they are action buttons, each its own tab
+   * stop, as before.
+   *
+   * Optional, so the attribute is absent until a consumer writes it.
+   * - `value`: The values of the pressed buttons, comma separated, in a selection mode.
+   * A button's own `value` names it, so a value holds no comma.
+   *
+   * The attribute is the seed, and a press changes the property, which does
+   * not reflect, as a native control's `value` does not.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -32014,12 +32658,25 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: Fired after a press changes `value`, in a selection mode.
+   * - `helix-before-change`: Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The buttons in the group.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--button-group-pressed`: Written on the control inside each toggle button of a group with `selection-mode`: `1` while it is pressed and `0` while it is not. Read it in a `::part(button)` rule to draw the pressed look.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -32686,20 +33343,34 @@ export type CustomElements = {
    * keep every card in place, such as on a published board. Set `readonly` on one
    * card or connection to keep only that one in place.
    *
+   * Set `snap` to a length in the document's units, such as `32`, and a card
+   * that is moved or resized lands on a multiple of it. Carrying a card, a
+   * corner, a connection, or the selection box near the edge of the board moves
+   * the board under it, so a card can be taken to a place off screen in one
+   * drag. A connection let go within 20 pixels of a card arrives at it. A
+   * double click on the empty board zooms in about that point, and Shift with a
+   * double click zooms out.
+   *
    * Keyboard behavior:
    * - One card holds the board's tab stop.
    * - The arrow keys move through the cards in reading order. The card you land
    *   on scrolls into view, and its connections are announced with it.
-   * - Shift with an arrow key moves the card.
+   * - Shift with an arrow key moves the card: by 16 units, or to the next
+   *   multiple of `snap` where it is set. Alt with an arrow key resizes it from
+   *   its bottom right corner the same way.
    * - The connections leaving a card are stops of their own, straight after it.
    *   Enter on one moves to the card it arrives at.
+   * - What a key changes that a reader cannot see is said: where a card moved
+   *   to, its new size, how many cards are selected, and the zoom. A selected
+   *   card or connection says so when a reader arrives on it.
    *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
    * card's connection point, or the end of a selected connection to pick it up.
    * It follows the pointer with no button held, and the next click puts it down
    * where a drag would have. On touch, the next tap sets where it lands. Escape,
-   * or a press outside the board, puts it back.
+   * or a press outside the board, puts it back. So a finger connects two cards
+   * with three taps: the card, one of its points, and the card to connect to.
    *
    * Connecting and removing dispatch requests, and your code applies them:
    * - Drawing from a card's handle to another card, or pressing C on one card and
@@ -32744,6 +33415,12 @@ export type CustomElements = {
    *
    * The list is joined the way the page's language joins one, "Second and
    * Third", rather than with a comma this component chose.
+   * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
+   * card and `{x}` and `{y}` for where it now is, in the document's units.
+   *
+   * **A move a reader cannot see has to be said.** Shift with an arrow moved
+   * the card and said nothing, so a reader moving one by keys could not tell
+   * whether it had moved, or how far.
    * - `order`: The order the arrow keys and screen readers move through the cards:
    * `spatial` or `edges`.
    *
@@ -32769,6 +33446,9 @@ export type CustomElements = {
    * walk the cards.
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
+   * - `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.
    * - `selected`: The names of the selected cards and connections, comma separated. Empty
    * when nothing is selected.
    *
@@ -32788,6 +33468,26 @@ export type CustomElements = {
    * on its board across cards and connections both, and may not hold a comma.
    *
    * Written to select from outside, and read to act on the selection.
+   * - `selected-label`/`selectedLabel`: What a selected card or connection adds to what screen readers hear on
+   * it, before its tone and its connections. Empty adds nothing.
+   *
+   * A card is an article and a connection a button, and neither has a selected
+   * state for `aria-selected` to carry, so the state is said in words.
+   * - `selection-label`/`selectionLabel`: What screen readers hear after the selection grows or shrinks, with
+   * `{count}` for how many cards and connections are selected: by Space, a
+   * click with Shift, Command or Control, Command or Control with A, a box
+   * drawn across the board, or Escape.
+   *
+   * A selection of one made by arriving on a card or clicking it is not said,
+   * since the card is.
+   * - `snap`: Snaps the cards a reader moves or resizes to a multiple of this many of the
+   * document's units, such as `32` to land on the lines `grid` draws.
+   *
+   * **A drag lets go on the nearest line and a key goes to the next one.**
+   * Shift with an arrow moves a card to the next line that way, rather than
+   * by its step of 16, and Alt with an arrow moves its bottom right corner
+   * the same way. A group moves with what it carries, so a card inside one
+   * keeps its place in it. Absent, cards land where they are let go.
    * - `stopped-label`/`stoppedLabel`: The text announced when a connection is stopped before it is requested.
    * - `tone-labels`/`toneLabels`: What each tone means on this board, in words read out with the cards and
    * connections in it, such as `{"danger": "Blocked", "success": "Done"}`.
@@ -32797,6 +33497,8 @@ export type CustomElements = {
    * red is "blocked" on one board and "urgent" on the next. A reader who can
    * see the board is told by the color; this is how a reader who cannot is
    * told the same. A tone left out is not read.
+   * - `zoomed-label`/`zoomedLabel`: What screen readers hear after a zoom button or key, with `{zoom}` for the
+   * zoom as a percentage, written the way the page's language writes one.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when a surface waiting to be pressed is scrolled or
    * swiped over, with `gestures="activate"`. Absent is the family's own.
    * - `controls`: Which controls to show, as a list such as `pan zoom fullscreen`, or
@@ -32943,7 +33645,14 @@ export type CustomElements = {
    * - `(default)`: The board's `helix-canvas-node` and `helix-canvas-edge` elements, drawn on the plane.
    * - `empty`: Content shown when the document has no nodes.
    * - `footer`: Content below the board.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -34492,15 +35201,17 @@ 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.
-   * - `label`: The block's name, usually a file name or a language.
+   * - `label`: The block's name, usually a file name, drawn in the header.
    *
-   * In a diff, each file is named from the patch, and this names a patch that
-   * carries no name of its own.
+   * Absent, the block is named by `language` where there is one. In a diff,
+   * each file is named from the patch, and this names a patch that carries no
+   * name of its own.
    * - `language`: The language the code is written in, such as `ts` or `css`, handed to
    * `highlight` as its second argument.
    *
-   * Absent hands it an empty string. It draws nothing of its own: the block's
-   * name is `label`.
+   * A block with no `label` is named by it, in the header and on the copy
+   * button, as a docs site names a snippet by its language. Absent hands
+   * `highlight` an empty string and names nothing.
    * - `line-numbers`/`lineNumbers`: Whether the lines are numbered in a gutter beside the code.
    *
    * The numbers are hidden from the accessibility tree and are not part of a
@@ -34610,7 +35321,7 @@ export type CustomElements = {
    * - `gutter`: The line numbers beside the code, shown when `line-numbers` is set.
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
    * - `hunk`: In a diff, a `@@` line saying where the lines under it are.
-   * - `label`: The file name or language, where one is given.
+   * - `label`: The block's name: its `label`, or its `language` where it has no label.
    * - `marker`: In a diff, the `+`, `-`, or space that starts a line.
    * - `new`: In a split diff, the new version's `<pre>`.
    * - `number`: In a diff, a line number.
@@ -35406,13 +36117,33 @@ export type CustomElements = {
    * reopened combobox starts from the whole list.
    *
    * Focus stays in the text field. The arrow keys move through the list with the
-   * listbox's public `navigate` method. `role="combobox"` is on the input itself.
-   * ArrowDown and ArrowUp open the list on the chosen option, and Enter chooses
-   * the highlighted one. As typing narrows the list, a screen reader hears how
-   * many options are left, such as "3 results". Space, Home, End and letters edit the text, and Enter in
-   * a closed field is left to the form. Emptying the field and leaving it clears
-   * a single choice; Escape puts the chosen words back, and a second Escape on
-   * the closed field clears the choice.
+   * listbox's public `navigate` method. As typing narrows the list, a screen
+   * reader hears how many options are left, such as "3 results". Emptying the
+   * field and leaving it clears a single choice.
+   *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | On a closed field, opens the list on the chosen option, or the first or the last. In the open list, moves the highlight, round from the last option to the first. |
+   * | Page Down, Page Up | In the open list, moves the highlight by as many options as the list shows at once. |
+   * | Enter | Chooses the highlighted option. With nothing left in the list, creates what was typed with `creatable`, or takes it with `allows-custom-value`. On a closed field, submits the form. |
+   * | Escape | Closes the list and puts the chosen words back. On a closed field, a second Escape clears a single choice. |
+   * | Tab | Closes the list and moves on. |
+   * | Backspace | With `multiple`, on an empty field, removes the last tag. |
+   * | Space, Home, End, letters | Edit the text. |
+   *
+   * **ARIA.** The input is the `combobox`, named by the label, with
+   * `aria-expanded`, `aria-controls` naming the list, `aria-autocomplete`
+   * (`both` with `suggest`, `list` otherwise) and `aria-activedescendant` on
+   * the highlighted option. The list is the listbox `Listbox` describes.
+   *
+   * On Apple devices, where VoiceOver does not read the option the field points
+   * to, the field says it in a live region as the highlight moves, says how many
+   * options there are as the list opens, and says a choice once it is made, as
+   * React Aria's combobox does there.
+   *
+   * Set `autocomplete` to let a browser's autofill choose an option.
    *
    * With `multiple`, each chosen option is a tag in the field with its own remove
    * control. The panel stays open and the filter clears after each choice, so the
@@ -35435,12 +36166,19 @@ export type CustomElements = {
    * leaves the field or presses Enter with nothing highlighted, and text that
    * names an option takes that option. Unlike `creatable`, no event asks
    * first and no option is expected to be added: the value is the text.
-   * - `autocomplete`: What the browser may autofill in the text field, as a platform token.
+   * - `autocomplete`: What the browser may autofill, as a platform token such as `country`.
    *
    * **Defaults to `off`, which is not the platform's default and is the
    * point.** The field filters a list rather than collecting a value, so a
    * browser offering to fill it with a saved address is competing for the same
    * keystrokes as the listbox. A consumer who wants autofill can still ask.
+   *
+   * Set, a combobox whose answer is one of its options keeps a hidden native
+   * `<select>` with the same options for the browser to fill, as React Aria's
+   * combobox and Select do, and the option the browser picks, by its value or
+   * its words, becomes the value. The text field itself stays `off`, so the
+   * browser fills the answer and not the filter. With `allows-custom-value`
+   * the token goes on the text field, whose words are the answer.
    * - `creatable`: Whether the user can add a value that is not in the list.
    *
    * The row appears while what is typed matches no option's words exactly, so
@@ -35459,8 +36197,9 @@ export type CustomElements = {
    * every keystroke. See Listbox's `filter-delay`.
    * - `list-label`/`listLabel`: The list's name, read by screen readers. The list has no visible name.
    * - `load-error`/`loadError`: What the list says when its options could not be loaded, such as after a
-   * request to a server fails. Empty is no error. Passed to the list, which
-   * shows it under any options there are and tells screen readers.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it. Passed to the list, which shows it
+   * under any options there are and tells screen readers.
    * - `loading`: Whether the options are still loading.
    *
    * Passed straight to the list, which is where the rows are and so where the
@@ -35504,6 +36243,8 @@ export type CustomElements = {
    * - `results-label`/`resultsLabel`: What a screen reader hears when typing leaves any other number of
    * options. `{count}` is the count, and `Intl.PluralRules` picks between the
    * two.
+   * - `selected-label`/`selectedLabel`: What VoiceOver hears for a chosen option, as the highlight reaches it and
+   * once it is chosen, on Apple devices. `{name}` is the option's words.
    * - `suggest`: Whether the field completes the word as the user types.
    *
    * `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -35724,6 +36465,7 @@ export type CustomElements = {
    * - `listbox-loading`: Shown while the options are loading.
    * - `listbox-search`: The region holding the field that narrows the list.
    * - `listbox-search-field`: The filter field inside that region.
+   * - `live`: The region VoiceOver hears the highlight, the count and a choice from on Apple devices, drawn once there is one to say. Visually hidden in the styled tier.
    * - `rest`: The count of choices held beyond `max-tags`. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
    * - `tag`: One chosen option.
@@ -35739,8 +36481,10 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: While nothing is chosen.
    * - `error`: While `load-error` is set.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
+   * - `loading`: While `loading` is set.
    * - `no-results`: What was typed hid every option of a list that has some.
    * - `open`: While the list is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -35786,8 +36530,9 @@ export type CustomElements = {
    * with: one key, said once.
    * - `label`: Accessible name for the overlay, which has no visible heading.
    * - `load-error`/`loadError`: What the list says when its commands could not be loaded, such as after a
-   * request to a server fails. Empty is no error. Passed to the list, which
-   * shows it under any commands there are and tells screen readers.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it. Passed to the list, which shows it
+   * under any commands there are and tells screen readers.
    * - `loading`: Whether the commands are still loading, for a palette that asks a server
    * for them as the user types.
    *
@@ -37376,6 +38121,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The box after the value inside its `<dd>`, holding the `actions` slot.
    * - `label`: The `<dt>`, holding the label.
    * - `value`: The `<dd>`, holding the value.
    *
@@ -37383,6 +38129,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `several`: The values are several `<dd>` elements of your own, so the item draws no `value` part.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-description-list-item": Partial<
@@ -37672,30 +38419,42 @@ export type CustomElements = {
    * rendered element. The semantics are then in the server-rendered markup, with
    * no attribute written by script after the element connects.
    *
-   * Set `announced` for a line that divides one thing from another, and it is
-   * read as a separator, named by any content set into it.
+   * **The line is a separator**, as `<hr>` is, and as Radix Separator, React
+   * Aria Separator, and Web Awesome's divider are. It is named by any content
+   * set into it, so a screen reader says "Or, separator" where you wrote "Or" on
+   * the line. Set `decorative` on a rule that separates nothing, such as one
+   * under a heading or between the facts of a byline, and it leaves the
+   * accessibility tree.
    *
-   * Use `orientation="vertical"` between items on one line, such as inside a
-   * toolbar. A vertical divider stretches to fit its flex parent and sets no
-   * height of its own.
+   * Use `orientation="vertical"` between items on one line. A vertical divider
+   * stretches to fit its flex parent and sets no height of its own.
+   *
+   * **Inside a toolbar it runs across the toolbar** without being told: vertical
+   * in a horizontal toolbar and horizontal in a vertical one, with
+   * `aria-orientation` to match, as React Aria's separator does inside a
+   * toolbar. Inside means a child of Toolbar or of the page's own
+   * `role="toolbar"`. An `orientation` you write still wins. A server cannot see
+   * the toolbar, so the turn arrives with hydration, inside the shadow root.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `announced`: Whether screen readers announce the line as a separator.
+   * - `announced`: Whether screen readers announce the line as a separator, which they now do
+   * by default.
    *
-   * Off by default, and out of the accessibility tree. Most rules on a page
-   * separate nothing: they underline a heading or close a section that space
-   * had already closed, and announcing every one as a separator is noise a
-   * screen-reader user has to walk past.
+   * It dates from when the line was decorative by default. It is still read,
+   * and it wins over `decorative`, so a divider written with it stays a
+   * separator.
+   * - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
+   * nothing: one under a heading, or between the facts of a byline.
    *
-   * An opt-in, not a `decorative` opt-out, because a boolean attribute cannot
-   * be turned off: `decorative="false"` parses as `true`, which would put the
-   * quiet default out of reach from HTML and leave it settable only as a
-   * property. An opt-in is absent by default, which every reflected property
-   * here has to be.
+   * Absent, the line is a separator, as `<hr>` is. Radix Separator's opt-out
+   * has the same name. It turns the role off because a boolean attribute that
+   * is on by default cannot be turned off from HTML.
    * - `orientation`: The direction the line runs: `horizontal` or `vertical`.
+   *
+   * Unset is horizontal, or across the toolbar the divider sits in.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -37734,6 +38493,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `vertical`: The line runs vertically: `orientation="vertical"`, or no `orientation` inside a horizontal toolbar.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-divider": Partial<
@@ -37935,6 +38695,9 @@ export type CustomElements = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -38467,6 +39230,13 @@ export type CustomElements = {
    * rendering from data or on a server gets a heading a reader finds in the
    * outline without writing the element. A heading slotted in replaces it.
    *
+   * **Whatever is slotted into `heading` is read as a heading.** An element that
+   * is no heading, such as a `<span>` or a `<p>`, is set inside the `heading`
+   * part at `heading-level`, so a screen reader still finds it in the outline.
+   * A heading element, or an element holding one, keeps its own level. A server
+   * cannot see the slotted element, so a served `<span>` becomes a heading once
+   * the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -38511,14 +39281,14 @@ export type CustomElements = {
    *
    * - `(default)`: The message: why the region is empty, and what to do about it.
    * - `actions`: The action that would put something in the region.
-   * - `heading`: The heading, which names what is missing. Slot a heading element, such as an `<h3>`, so a reader can find it in the page's outline. Replaces the one `heading` draws.
+   * - `heading`: The heading, which names what is missing. A heading element, such as an `<h3>`, keeps its level; any other element is read as a heading at `heading-level`. Replaces the one `heading` draws.
    * - `icon`: An icon above the heading.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `heading`: The heading `heading` draws, a heading at `heading-level`. Drawn only while `heading` holds words and nothing is slotted into `heading`.
+   * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
    *
    * ## CSS States
@@ -39707,6 +40477,12 @@ export type CustomElements = {
    * showing a date schedules none, so a long feed left open costs almost nothing.
    * `frozen` draws the reading once and leaves it.
    *
+   * **`fields` draws each field of a date as a part of its own**, such as
+   * `day`, `month` and `year`, so a stylesheet can set the year in a lighter ink
+   * or the weekday in capitals with `::part()`. The text between the fields is
+   * the locale's own and has no part. An `elapsed` or `relative` reading is one
+   * phrase, with no parts inside it.
+   *
    * **The output is always `<time datetime>`**, so copy and paste and scripts
    * parsing the page get the exact instant, whatever the visible text says. A
    * screen reader reads the text, so an `elapsed` reading is named in full, such
@@ -39746,6 +40522,13 @@ export type CustomElements = {
    * this is and a stylesheet has a reason to know: a compact reading is a fixed
    * few characters and a date is not.
    * - `era`: How the era is written, such as AD, where a date is shown.
+   * - `fields`: Draws each field of a date in a part of its own: `weekday`, `day`,
+   * `month`, `year`, `era`, `hour`, `minute`, `second`, `day-period` and
+   * `time-zone-name`, so `::part(year)` can set the year apart.
+   *
+   * Off by default, which draws the date as one run of text, as Shoelace and
+   * Web Awesome do. An `elapsed` or `relative` reading is one phrase either
+   * way.
    * - `frozen`: Draws an `elapsed` or `relative` reading once and leaves it, where it
    * would otherwise move on as it goes stale.
    *
@@ -39811,12 +40594,24 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `day`: The day of the month, with `fields`.
+   * - `day-period`: AM or PM, or the locale's word for the part of the day, with `fields`.
+   * - `era`: The era, such as AD, with `fields` and `era`.
+   * - `hour`: The hour, with `fields`.
+   * - `minute`: The minute, with `fields`.
+   * - `month`: The month, with `fields`.
+   * - `second`: The second, with `fields`.
    * - `time`: The `<time>` element that holds the formatted text.
+   * - `time-zone-name`: The time zone's name, with `fields`, where `time-zone-name` or a `long` or `full` `time-style` shows it.
+   * - `weekday`: The day of the week, with `fields`.
+   * - `year`: The year, with `fields`.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `future`: An `elapsed` or `relative` reading of a moment still to come, such as "in 3 hours".
+   * - `past`: An `elapsed` or `relative` reading of a moment gone, such as "3 hours ago".
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-format-date": Partial<
@@ -40020,7 +40815,14 @@ export type CustomElements = {
    * - `(default)`: The renderer's box, which the drawing is made in.
    * - `filter-icon`: The icon in the search field. Defaults to a magnifying glass.
    * - `footer`: Content below the graph.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -40101,9 +40903,14 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `local`: The drawing shows the selected note's local graph, with `depth`.
+   * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
+   * - `searching`: The search field holds words, and the list holds only the notes they find.
+   * - `selected`: A note is selected, in the list or in the drawing.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a graph with `gestures="activate"` waits to be pressed.
    * - `using`: A graph with `gestures="activate"` has been pressed and has the gestures.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -40190,6 +40997,9 @@ export type CustomElements = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
+   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
+   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+   * nothing.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes, with `{count}` for
    * how many cells are selected.
    * - `selection-mode`/`selectionMode`: How many cells a reader can select: `single` or `multiple`.
@@ -40370,6 +41180,9 @@ export type CustomElements = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -40839,6 +41652,17 @@ export type CustomElements = {
    * its own. The fallback is read once the picture fails, after the picture's
    * `alt`, so a reader hears that it did not load, as a sighted reader sees.
    *
+   * **An image with no `alt` says so.** At its first render it reports a
+   * `missing-alt` warning, printed in the console and counted by
+   * `@fusion.dev/helix-diagnostics`, which names the fix: describe the picture
+   * in `alt`, or write `alt=""` for one that is decoration. An image hidden with
+   * `aria-hidden="true"` needs neither and is not reported.
+   *
+   * A sheet of yours reads the state as `:state(loading)`, `:state(loaded)`,
+   * `:state(error)`, and `:state(waiting)`, the last while `placeholder-delay`
+   * holds the placeholder back. It can also read `data-status` on the host once
+   * the picture has loaded or failed.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -42084,6 +42908,9 @@ export type CustomElements = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -42428,16 +43255,31 @@ export type CustomElements = {
    * active option is where the keyboard is: the arrow keys move it, and
    * `aria-activedescendant` points to it while focus stays on the list.
    *
-   * The arrow keys, Home, End, PageUp and PageDown move the highlight, and typed
-   * letters move it to the next option whose words start with them. In a
-   * single-choice list the highlight is the choice unless `manual` is set; then
-   * Enter, Space or a click chooses. With `multiple`, Space toggles the
-   * highlighted option, Shift with an arrow adds the option it moves to, Shift
-   * with Home or End adds every option from the highlight to that end, and
-   * Control+A or Command+A chooses every option, or none where all are chosen.
-   * In a filter field, Space, Home, End and letters edit the text, and with
-   * `multiple`, Control with Shift and Home or End adds every option from the
-   * highlight to that end.
+   * **Keyboard.** The list is one tab stop, or its filter field is where there
+   * is one. In a single-choice list the highlight is the choice unless `manual`
+   * is set; then Enter, Space or a click chooses.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | Moves the highlight to the next or the previous option, round from the last to the first. With `layout="grid"`, to the option below or above, stopping at the edge. |
+   * | Right, Left | With `layout="grid"`, moves to the next or the previous option, mirrored right to left. In a filter field, moves the caret. |
+   * | Home, End | Moves to the first or the last option. In a filter field, moves the caret. |
+   * | Page Down, Page Up | Moves by as many options as the list shows at once. |
+   * | A letter or a word | Moves to the next option whose words start with what you typed. In a filter field, types it. |
+   * | Enter | Chooses the highlighted option, or follows it where it is a link. |
+   * | Space | Chooses the highlighted option, or with `multiple` toggles it. In a filter field, types a space. |
+   * | Shift with Down or Up | With `multiple`, adds the option the highlight moves to. In a filter field, moves the highlight and leaves the value. |
+   * | Shift with Space | With `multiple`, adds every option from the one last chosen to the highlighted one. In a filter field, types a space. |
+   * | Shift with Home or End | With `multiple`, adds every option from the highlight to that end. In a filter field, hold Control as well. |
+   * | Control or Command with A | With `multiple`, chooses every option, or none where all are chosen. In a filter field, selects the text. |
+   * | Escape | In a filter field, clears the filter. |
+   *
+   * **ARIA.** The `items` part is the `listbox`, named by the label and
+   * described by the hint and the message, with `aria-multiselectable` under
+   * `multiple`, `aria-required`, `aria-invalid`, and `aria-busy` while loading.
+   * Each option is an `option` with `aria-selected`. The list, or its filter
+   * field, points `aria-activedescendant` at the highlighted option; the field
+   * is `aria-autocomplete="list"` and controls the list.
    *
    * An option with `href` is a link: Enter or a press follows it and selects
    * nothing, and moving onto it with the arrows does not follow it.
@@ -42450,12 +43292,16 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `autocomplete`: What the browser may autofill in the text field, as a platform token.
+   * - `autocomplete`: What a browser's autofill may choose, as a platform token such as
+   * `country` or `cc-exp-month`, as a native `<select>` takes it.
    *
-   * **Defaults to `off`, which is not the platform's default and is the
-   * point.** The field filters a list rather than collecting a value, so a
-   * browser offering to fill it with a saved address is competing for the same
-   * keystrokes as the listbox. A consumer who wants autofill can still ask.
+   * Set, the list draws a hidden native `<select>` with the same options for
+   * the browser to fill, as React Aria's `HiddenSelect` does, and a fill
+   * chooses the option. `off`, the default, draws none.
+   *
+   * **The filter field is never filled.** It narrows the list rather than
+   * collecting a value, so a browser offering it a saved address competes
+   * with the reader for the same keystrokes: it is always `off`.
    * - `default-filter`/`defaultFilter`: The filter text the list starts with, when `filter` is not set.
    * - `empty-text`/`emptyText`: The text shown when the filter hides every option.
    *
@@ -42483,8 +43329,19 @@ export type CustomElements = {
    * letter. Enter and the arrow keys filter at once on what is typed, so they
    * act on the list the reader expects.
    * - `filter-label`/`filterLabel`: Placeholder text for the filter field.
+   * - `layout`: How the options are laid out, which the arrow keys follow: `stack`, one
+   * under another, or `grid`, in rows and columns, as React Aria's `ListBox`
+   * lays out cards or photos. With `grid`, Up and Down move within a column,
+   * and Left and Right along the list, mirrored right to left.
+   *
+   * The columns are the stylesheet's: the styled tier draws them at
+   * `--listbox-column-min-inline-size` or wider, and a headless list lays out
+   * `::part(items)` as it likes, since the keys read where each option is
+   * drawn. A list of `items` stays a stack. Left out, the list is a stack,
+   * and the host carries no attribute for it.
    * - `load-error`/`loadError`: What the list says when its options could not be loaded, such as after a
-   * request to a server fails. Empty is no error.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it.
    *
    * Set, it shows under any options there are, in place of `empty-text` and
    * `loading-text`, and a screen reader hears it. Clear it when you ask again.
@@ -42507,6 +43364,8 @@ export type CustomElements = {
    * **Two sentences, chosen by `Intl.PluralRules`**, which is Data Table's
    * pair: a language with more forms than two picks the one for its `one` and
    * writes the rest here.
+   * - `selected-label`/`selectedLabel`: What VoiceOver hears as the highlight reaches a chosen option from the
+   * filter field, on Apple devices. `{name}` is the option's words.
    * - `loading`: Whether the rows are still loading.
    *
    * Reflected, because a stylesheet needs it: the rows that are already there
@@ -42561,6 +43420,22 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Set, the list draws only the options in sight, and the ones
+   * you write as children are not read.
+   *
+   * **Every option is still reachable.** The keyboard, the typeahead, the
+   * filter and the value work over the whole set, and the option the keyboard
+   * is on is drawn wherever it is, so a screen reader is told about it. Each
+   * drawn option says its place in the set (`aria-posinset`, `aria-setsize`).
+   * React Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's
+   * `VirtualizeController`.
+   *
+   * **The list needs a height to scroll in**: the styled tier's
+   * `--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the
+   * headless tier. Import the Option family as well, whose elements are drawn.
+   * A server sends the list empty, and the options are drawn once it hydrates. (property only)
    * - `selectedIndex`: Which option is chosen, as an index, or `-1` where none is.
    *
    * `<select>`'s own pair, and this control is what stands in for one. The
@@ -42663,10 +43538,8 @@ export type CustomElements = {
    * read as a dial rather than scanned as a list, which is what Time Picker's
    * wheels do with three of these.
    *
-   * A delta from the two boxes rather than `offsetTop`. An option is a slotted
-   * light DOM child, so its `offsetParent` is whatever is positioned above it,
-   * which is not this list and is not guaranteed to be anything: measuring both
-   * rects and moving by the difference needs no such assumption.
+   * Measured by core's `centerInView`, or, for a list of `items`, by the
+   * arithmetic, since the chosen option may not be drawn.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -43107,7 +43980,8 @@ export type CustomElements = {
    * `name`, or its `label` if it has no name.
    *
    * All the markers in a map share one tab stop. The arrow keys move between
-   * them in the order they are written.
+   * them in the order they are written. Taking away the marker that has focus
+   * moves focus to the next one, or to the one before where it was the last.
    *
    * ## Attributes & Properties
    *
@@ -43646,8 +44520,20 @@ export type CustomElements = {
    *
    * - `(default)`: The element your renderer draws the map in, and the map's markers, routes, areas, positions, and points layers.
    * - `attribution`: The map credit, which most tile licenses require.
+   * - `face-north-icon`: Replaces the compass needle. It inherits `--map-needle-turn`, so `rotate: var(--map-needle-turn)` keeps it pointing north.
    * - `footer`: Content below the map, such as a legend or a scale.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the map, such as a title or a search field.
+   * - `layers-icon`: Replaces the glyph inside the layers button.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `rotate-left-icon`: Replaces the glyph inside the rotate left button.
+   * - `rotate-right-icon`: Replaces the glyph inside the rotate right button.
+   * - `tilt-icon`: Replaces the "3D" inside the 3D button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -43734,8 +44620,11 @@ export type CustomElements = {
    *
    * - `fullscreen`: The map fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `layers-open`: The layers menu is open.
    * - `ready`: The map has been drawn whole, after `helix-map-ready`.
+   * - `rotated`: The map is turned away from north, by `bearing`.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a map with `gestures="activate"` waits to be pressed.
+   * - `tilted`: The map is tilted by `pitch`, so it no longer looks straight down.
    * - `using`: A map with `gestures="activate"` has been pressed and has the gestures.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -44282,8 +45171,8 @@ export type CustomElements = {
    * onto your element after it upgrades causes a hydration mismatch.
    *
    * Group rows under a heading with `Menu.Section`, which is a `group` named by
-   * its heading. Between runs of rows, a `<helix-divider announced>` is a
-   * separator a screen reader announces.
+   * its heading. Between runs of rows, a `<helix-divider>` is a separator a
+   * screen reader announces.
    *
    * Keys: Enter, Space or Down Arrow on the trigger opens the menu on its first
    * row, and Up Arrow on its last. In the menu, Up and Down Arrow move between
@@ -45028,6 +45917,16 @@ export type CustomElements = {
    * - `label`: What happened, on the first line.
    * - `media`: The leading slot's box.
    * - `time`: When it happened, formatted for people to read.
+   * - `time-day`: Format Date's `day`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-day-period`: Format Date's `day-period`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-era`: Format Date's `era`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-hour`: Format Date's `hour`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-minute`: Format Date's `minute`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-month`: Format Date's `month`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-second`: Format Date's `second`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-time-zone-name`: Format Date's `time-zone-name`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-weekday`: Format Date's `weekday`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-year`: Format Date's `year`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `trailing`: The column holding the time and the controls.
    *
    * ## CSS States
@@ -45074,11 +45973,22 @@ export type CustomElements = {
    * nothing more. While the feed is loading the button stays, so focus stays on
    * it, and it is `aria-disabled` and sends nothing.
    *
+   * **`load-error` says a page could not be fetched**, such as "Could not load
+   * notifications": it shows under the rows there are, in the `error` part, in
+   * place of the empty and loading lines, and a screen reader hears it. Clear it
+   * when you ask again.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: The feed's name, read by screen readers.
+   * - `load-error`/`loadError`: What the feed says when a page of it could not be loaded, such as after a
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it.
+   *
+   * Set, it shows under the rows there are, in place of `empty-text` and
+   * `loading-text`, and a screen reader hears it. Clear it when you ask again.
    * - `load-more`/`loadMore`: Whether to draw a button after the list that asks for the next page, by
    * sending `helix-load-more`. Take it off once there is nothing more.
    * - `load-more-label`/`loadMoreLabel`: The text of the `load-more` button.
@@ -45167,6 +46077,7 @@ export type CustomElements = {
    *
    * - `(default)`: The notifications.
    * - `empty`: Replaces the words of `empty-text` in the `empty` part, such as a picture and a line of your own. The live region still says `empty-text`.
+   * - `error`: Replaces the words of `load-error` in the `error` part, such as a line with a retry button. The live region still says `load-error`.
    * - `footer`: Below the list, for a link to everything.
    * - `header`: Above the list, for a title and the mark-all control.
    * - `loading`: Replaces the words of `loading-text` in the `loading` part, such as a loader. The live region still says `loading-text`.
@@ -45207,10 +46118,11 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `empty`: Shown when there is nothing in the feed.
+   * - `error`: Shown while `load-error` is set, under any rows there are, in place of the empty and loading lines.
    * - `footer`: The region below the list.
    * - `header`: The region above the list.
    * - `list`: The list itself.
-   * - `live`: A copy of the empty and loading messages, in a live region that screen readers announce when they change. Visually hidden in the styled tier.
+   * - `live`: A copy of the empty, loading and error messages, in a live region that screen readers announce when they change. Visually hidden in the styled tier.
    * - `loading`: Shown while the feed is loading.
    * - `mark-all`: The control that marks everything read.
    * - `more`: The button after the list that asks for more, while `load-more` is set. It is `aria-disabled` while the feed is loading.
@@ -45219,7 +46131,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `empty`: While the feed holds no notification and is not loading. Never on the server, which cannot count the rows.
+   * - `empty`: While the feed holds no notification and is not loading, and `load-error` is not set. Never on the server, which cannot count the rows.
+   * - `error`: While `load-error` is set.
    * - `loading`: While `loading` is set.
    * - `media`: While a notification in the list holds something in its media slot, so every row keeps that column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -46621,6 +47534,7 @@ export type CustomElements = {
    * - `control-listbox-loading`: The text shown while the options load.
    * - `control-listbox-search`: The region that holds the filter field.
    * - `control-listbox-search-field`: The filter field.
+   * - `control-live`: The select's `live` part, the region a screen reader hears a choice made on the closed trigger from.
    * - `control-surface`: The floating panel.
    * - `control-trigger`: The closed control, which shows the chosen size.
    * - `control-value`: The chosen size inside the trigger.
@@ -47329,7 +48243,8 @@ export type CustomElements = {
    * `correction` sets how much of the code can be lost. At `H` a code can lose
    * thirty percent and still scan, so a mark in the center slot is safe. At `L`
    * the same mark makes the code unscannable. The default is `M`, and `H` when the
-   * `logo` slot is filled.
+   * `logo` slot is filled. A code that holds a logo at a `correction` below `H`
+   * warns once with the kind `unscannable-logo`.
    *
    * A higher level holds fewer characters, so a value that fits at `M` can be too
    * long once a logo raises the level to `H`. A value too long for the level
@@ -47339,7 +48254,8 @@ export type CustomElements = {
    * `toSvg()`, `toPng()` and `download()` give the drawn code as a file of its
    * own, in the colors it is drawn in, with a slotted image or SVG logo where
    * it sits, for a page that offers it to save or print, as Zag's download
-   * trigger does.
+   * trigger does. `download()` saves an SVG for a name ending in `.svg`, and a
+   * PNG for any other.
    *
    * ## Attributes & Properties
    *
@@ -47425,7 +48341,8 @@ export type CustomElements = {
    * - `toPng(size = 512) => Promise<Blob | null>`: The code as a PNG, `size` pixels square, drawn from `toSvg()`.
    *
    * `null` where no code is drawn.
-   * - `download(filename = 'qr-code.png', size = 512) => Promise<void>`: Saves the code as a PNG named `filename`, `size` pixels square.
+   * - `download(filename = 'qr-code.png', size = 512) => Promise<void>`: Saves the code as a file named `filename`, `size` pixels square: an SVG
+   * where the name ends in `.svg`, and a PNG otherwise.
    *
    * Call it from a press, since a browser lets a page start a download only
    * in answer to one. Does nothing where no code is drawn.
@@ -48359,12 +49276,6 @@ export type CustomElements = {
    * The across gets no dot at all rather than a shifted one. It is an axis and
    * not a series: it has a scale under the plot with its name at the end of it,
    * which is where a reader is told what it is.
-   * - `showsColumn(cell: number) => boolean`: Whether the series read from the cell at this place in a row is drawn,
-   * by its column's heading. The keys and the readout pass over one a
-   * legend hid.
-   *
-   * A column's heading is the cell's name in every row, so the first row
-   * answers for the column.
    * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
    * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
@@ -48374,6 +49285,15 @@ export type CustomElements = {
    * thing the two share: see `SourceController.hide`. A series keeps its
    * palette slot while it is hidden, so the colors of the others do not move.
    * For a ring the names are its rows, the slices being the rows.
+   * - `showsColumn(cell: number) => boolean`: Whether the series read from the cell at this place in a row is drawn,
+   * by its column's heading. The keys and the readout pass over one a
+   * legend hid.
+   *
+   * A column's heading is the cell's name in every row, so the first row
+   * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -48594,18 +49514,48 @@ export type CustomElements = {
    * Set `valueContent` to draw the trigger's content from the chosen options,
    * and several chosen options are written as a list in the reader's language.
    *
-   * In the open list the arrow keys, Home, End, PageUp, PageDown and typed
-   * letters move the highlight, and Enter, Space or a click chooses it and
-   * closes the list. Tab closes the list and moves on. On the closed trigger,
-   * ArrowDown, Enter and Space open the list on the chosen option, ArrowUp opens
-   * it on the chosen or last option, Home and End open it on the first or last,
-   * and typed letters choose the option whose words start with them, as a native
-   * `<select>` does.
+   * **Keyboard.** On the closed trigger:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Enter, Space | Opens the list on the chosen option, or the first. |
+   * | Up | Opens the list on the chosen option, or the last. |
+   * | Home, End | Opens the list on the first or the last option. |
+   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does, in either direction of text. |
+   * | A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |
+   *
+   * In the open list, which is a `Listbox`:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up, Home, End, Page Down, Page Up | Moves the highlight. |
+   * | A letter or a word | Moves the highlight to the next option whose words start with what you typed. |
+   * | Enter, Space | Chooses the highlighted option and closes the list. With `multiple`, toggles it and leaves the list open. |
+   * | Escape | Closes the list and puts focus back on the trigger. |
+   * | Tab | Closes the list and moves on. |
+   *
+   * A choice made on the closed trigger is said aloud on Apple devices, where
+   * VoiceOver does not read the trigger's new name.
+   *
+   * **ARIA.** The trigger is a `button` with `aria-haspopup="listbox"` and
+   * `aria-expanded`, named by the label and then the chosen words, as a native
+   * `<select>` is. The list is the listbox `Listbox` describes, named by the
+   * label, or by `list-label` where there is none.
+   *
+   * Set `autocomplete` to let a browser's autofill choose, as a native `<select>`
+   * with the same attribute would.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `autocomplete`: What a browser's autofill may fill in, as a platform token such as
+   * `country` or `cc-exp-month`, as on a native `<select>`.
+   *
+   * Set, the select keeps a hidden native `<select>` with the same options for
+   * the browser to fill, as React Aria's `HiddenSelect` does, and takes the
+   * option the browser picks, by its value or its words, as the value. Empty
+   * draws no hidden select, and a browser fills nothing.
    * - `empty-text`/`emptyText`: The text shown when no options match the filter.
    * - `filterable`: Whether the list can be narrowed by typing.
    *
@@ -48872,6 +49822,7 @@ export type CustomElements = {
    * - `listbox-loading`: The text shown while the options load.
    * - `listbox-search`: The region that holds the filter field.
    * - `listbox-search-field`: The filter field.
+   * - `live`: The region a screen reader announces a choice made on the closed trigger from, drawn once there is one to say. Visually hidden in the styled tier.
    * - `surface`: The floating panel.
    * - `trigger`: The closed control, which shows the chosen value.
    * - `value`: The chosen option's text inside the trigger.
@@ -49561,6 +50512,67 @@ export type CustomElements = {
     HelixHeadlessSparklineProps & BaseProps<HelixHeadlessSparkline> & BaseEvents<HelixHeadlessSparkline>
   >;
 
+  /**
+   * A `group` of the dial's menu, named by its label, as React Aria's menu
+   * sections and Menu's groups are: a reader hears the name on entering the set,
+   * and the arrow keys walk through every group's actions in order, from the
+   * last action of one group to the first of the next.
+   *
+   * Put actions straight into the group, and the group straight into the dial.
+   * Anything else slotted here is drawn and is not an action.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: The group's name, drawn above its actions and read by screen readers.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The group's actions.
+   * - `label`: The group's name, for content richer than the `label` text.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `group`: The set, which carries the `group` role.
+   * - `label`: The group's name, drawn above its actions while there is one.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-headless-speed-dial-group": Partial<
+    HelixHeadlessSpeedDialGroupProps &
+      BaseProps<HelixHeadlessSpeedDialGroup> &
+      BaseEvents<HelixHeadlessSpeedDialGroup>
+  >;
+
   /**
    * Each item is a command, so it has the `menuitem` role. A megamenu holds
    * destinations, so it is a disclosure of links. A speed dial holds actions,
@@ -49570,11 +50582,21 @@ export type CustomElements = {
    * `title` on an icon shows only on hover. Visible text is read, searched, and
    * translated like other text.
    *
+   * `shortcut` gives the action's keyboard shortcut as a chord, such as `mod+s`,
+   * the grammar Menu's rows use. The action carries it as `aria-keyshortcuts`
+   * and draws it after the name in the platform's glyphs or words, `⌘S` on an
+   * Apple keyboard and `Ctrl+S` elsewhere, as Menu draws its rows' shortcuts.
+   * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
+   * imports no `Kbd` of its own. Showing a shortcut does not bind it.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
+   * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
+   * keyboard and Control elsewhere. Showing a shortcut does not bind it.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -49615,6 +50637,7 @@ export type CustomElements = {
    *
    * - `(default)`: The action's name.
    * - `icon`: The action's icon, the main way the action is recognized.
+   * - `shortcut`: The action's keyboard shortcut, drawn after its name, such as a `Kbd`. It replaces the text drawn for `shortcut`, and is hidden from the name, which `aria-keyshortcuts` carries instead.
    *
    * ## Methods
    *
@@ -49632,6 +50655,7 @@ export type CustomElements = {
    * - `icon`: The box that holds the icon.
    * - `item`: The control for the action.
    * - `label`: The action's name, beside the icon.
+   * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
    * ## CSS States
    *
@@ -49666,12 +50690,47 @@ export type CustomElements = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
+   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
+   * first action. With the dial open:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Right | Moves to the next action, from the last back to the first. |
+   * | Up, Left | Moves to the action before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last action. |
+   * | A letter | Moves to the next action whose name starts with it. |
+   * | Enter, Space | Chooses the action, and the dial closes. |
+   * | Escape | Closes the dial and puts focus back on the trigger. |
+   * | Tab | Closes the dial and moves on. |
+   *
+   * **Groups.** Put actions in `Speed Dial.Group`, named by its `label`, to set
+   * them apart as Menu's sections do: each is a `group` of the menu, and the
+   * arrow keys walk through every group's actions in order.
+   *
+   * **A trigger with its own action.** With `open-on="long-press"`, a press on
+   * the trigger is the trigger's own, such as composing a message, and holding it
+   * for half a second opens the dial, as React Aria's menu trigger does with
+   * `trigger="longPress"`. Alt+Down or Alt+Up opens it from the keyboard, and
+   * the trigger says so in its description, `long-press-label`, the drawn one
+   * and a slotted one alike. A press that has opened the dial does not also do
+   * the trigger's action.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: Accessible name for the trigger and the set of actions it opens.
+   * - `long-press-label`/`longPressLabel`: The description the trigger gives under `open-on="long-press"`, saying how
+   * its actions are reached.
+   *
+   * A slotted trigger is described by the dial, which carries the words as
+   * its own label for that: a Helix button's inner control at once, and a
+   * plain element of yours once a reader reaches it, after hydration, unless
+   * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
+   * `long-press`, a press is the trigger's own action, and the dial opens on a
+   * press held for half a second, or on Alt+Down or Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -49772,8 +50831,9 @@ export type CustomElements = {
    * added at `firstUpdated` and is not in the server markup. Before it appears,
    * both dividers work on their own.
    *
-   * The divider has `role="separator"` and `aria-valuenow`, and `aria-controls`
-   * names the start pane. Drag it with a pointer or move it with the arrow keys,
+   * The divider has `role="separator"` and `aria-valuenow`, with
+   * `aria-valuetext` saying the start pane's share as a percentage in the
+   * reader's locale, and `aria-controls` names the start pane. Drag it with a pointer or move it with the arrow keys,
    * press `Home` or `End` to move it to its bounds, and press `Enter` to collapse
    * the start pane and open it again. A drag in progress is tracked as a state, so both dividers a
    * corner moves stay lit for as long as they move.
@@ -49910,13 +50970,14 @@ export type CustomElements = {
    * - `helix-before-resize`: Fired before the divider settles, and only when the gesture moved it. A press that moved nothing, a drag that came back, an arrow key with no room left, and a corner that moved only the other divider do not fire it. Cancelable: canceling it leaves the position to you and keeps the rest of the gesture, so a collapse the gesture reached still fires `helix-before-collapse`, which you can also cancel. A dragged divider stays where it was dropped until you set your own `position`.
    * - `helix-collapse`: Fired after a pane shuts or reopens, with the side that is shut, or empty where both are open.
    * - `helix-resized`: Fired after the divider settles somewhere new, with the new position.
-   * - `input`: Fired each time a drag moves the divider, before it settles, as a range input does while it is dragged. Read `position` for where it is now.
+   * - `input`: Fired each time the divider moves, as a range input does: on each step of a drag, and before `helix-resized` for a key, a double click or a corner. Read `position` for where it is now.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `end`: The pane after the divider.
+   * - `handle`: A mark drawn at the middle of the divider, such as a grip icon. It takes no focus and no pointer of its own: a press on it is a press on the divider.
    * - `start`: The pane before the divider.
    *
    * ## Methods
@@ -49952,7 +51013,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `collapsed`: While a pane is shut. `data-collapsed` on the host says which.
    * - `dragging`: While the pointer or a corner holds the divider.
+   * - `vertical`: While the panes are one above the other, whether `orientation` says so or `auto` turned them.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-splitter": Partial<
@@ -50601,7 +51664,9 @@ export type CustomElements = {
    *   table with no `TableColumn` heads its columns with.
    *
    * The role is on the host so the cell stays a child of its row in the flat
-   * tree, which keeps the table structure intact.
+   * tree, which keeps the table structure intact. In a `grid` table a value is
+   * a `gridcell`, and the table gives the cell a `tabindex` so focus can rest on
+   * it.
    *
    * ## Attributes & Properties
    *
@@ -50935,9 +52000,28 @@ export type CustomElements = {
    * 4. A chosen row takes `:state(selected)`, and a screen reader hears
    *    `selected-label` ("2 selected") from a polite region.
    *
-   * Tab reaches each checkbox, and Space ticks it. For a grid a reader moves
-   * through with the arrow keys, with typeahead and range selection, use
-   * `DataTable`. To act on one row, put a link or a button in a cell.
+   * Tab reaches each checkbox, and Space ticks it. To act on one row, put a
+   * link or a button in a cell, or give the row an `href`.
+   *
+   * **A grid.** `grid` makes the table one tab stop that the arrow keys move
+   * through cell by cell, the headings included, as React Aria's table is. The
+   * table is then a `grid` and each value a `gridcell`, and the table gives
+   * every cell a `tabindex` so focus can rest on it: set `grid` only where the
+   * cells may carry one. For typeahead and range selection, use `DataTable`.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |
+   * | Down, Up | Moves one row, the headings included. |
+   * | Home, End | Moves to the first or the last cell of the row. |
+   * | Control with Home or End | Moves to the first or the last cell of the table. |
+   * | Page Down, Page Up | Moves by the rows that fit in view. |
+   * | Enter, F2 | Moves into the cell's links and controls. Escape or F2 moves back to the cell, and Tab moves between the controls of one cell. |
+   * | Enter on a cell of a row with `href` | Follows the row's link. |
+   * | Enter, Space on a sortable heading | Sorts by the column. |
+   * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
+   * | Control or Command with A | Selects every row, in a `selectable` table. |
+   * | Tab | Leaves the table. |
    *
    * The CSS custom properties listed for this component are written by it and
    * read by the stylesheet that draws it. Do not set them. Each holds a number
@@ -50981,6 +52065,13 @@ export type CustomElements = {
    * is set.
    * - `default-sort`/`defaultSort`: The starting sort order, used until `sort` is set.
    * - `descending-label`/`descendingLabel`: The word for a descending sort, in `sorted-label`.
+   * - `grid`: Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
+   * Page keys move focus between its cells, the headings included. Enter moves
+   * into a cell's controls, and Tab leaves the table.
+   *
+   * Off by default, where the table is a static `table` and Tab reaches each
+   * link and control in it. On, the table writes a `tabindex` onto each of its
+   * cells, which is the one way a cell of your markup can take focus.
    * - `label`: Accessible name for the table.
    *
    * An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -51082,6 +52173,8 @@ export type CustomElements = {
    * - `checkbox-mark-dash`: Added to `checkbox-mark` while it draws the dash, which it keeps until its box is checked.
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
    * - `empty`: The text shown when there are no rows.
+   * - `grid-end`: An empty box after the rows, in a `grid` table. Tab focuses it on its way out of the table, so the key leaves from the end.
+   * - `grid-start`: An empty box before the rows, in a `grid` table. Shift with Tab focuses it on its way out of the table.
    * - `head`: The row that holds the column headings. It has `display: contents`, so it takes no space of its own.
    * - `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 rows are loading.
@@ -51112,7 +52205,8 @@ export type CustomElements = {
    * of the row's own, and Control, Command or Shift open it the way they open a
    * link. A drag that selects text follows nothing. A row in a table is not a
    * stop of its own, so put the same link in a cell, usually the row header,
-   * which is what the keyboard and a screen reader reach.
+   * which is what the keyboard and a screen reader reach. In a `grid` table,
+   * Enter on any cell of the row follows it as well.
    *
    * ## Attributes & Properties
    *
@@ -52741,6 +53835,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: While no time is chosen.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -52961,7 +54056,8 @@ export type CustomElements = {
    *
    * **Each item runs its own timer.** A timer held by the region would restart
    * with each new message, and the last of three messages would stay for nine
-   * seconds.
+   * seconds. It pauses while the pointer or focus is on the message, and while
+   * the page is hidden, so a message is not spent in a background tab.
    *
    * **Each message is an `alertdialog` named by its words**, which is how a reader
    * who moves into the stack hears which message they are on. Give it a
@@ -53629,6 +54725,10 @@ export type CustomElements = {
    * focus counts as a control, including your own elements. A child that takes no
    * focus, such as a divider, is skipped. A menu is reached at its trigger.
    *
+   * A Divider in the toolbar is a separator across the toolbar's axis, as React
+   * Aria's is: vertical in a horizontal toolbar and horizontal in a vertical
+   * one, without an `orientation` of its own.
+   *
    * Controls inside a plain wrapper, such as a `Button Group`, are each a stop
    * of the toolbar's own, as React Aria's toolbar flattens a group: the arrows
    * walk through the group's buttons and on past it, and the group takes no tab
@@ -53637,6 +54737,28 @@ export type CustomElements = {
    * The arrows wrap from the last control to the first. Set `stop-at-ends` to
    * keep them at the ends, as Radix's `loop` set to false does.
    *
+   * **Keyboard.** Tab enters the toolbar on the control that last had focus, the
+   * first control at the start, and the next Tab leaves it.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right | Moves to the next control in a horizontal toolbar, from the last back to the first. |
+   * | Left | Moves to the control before in a horizontal toolbar, from the first round to the last. |
+   * | Down, Up | The same in a vertical toolbar. |
+   * | Home, End | Moves to the first or the last control. |
+   *
+   * Left and Right swap on a right-to-left page, where the first control is on
+   * the right. The arrows across the toolbar's axis are left to the control that
+   * has focus, so a radio-style toggle group or a select answers them itself.
+   * The toolbar is `role="toolbar"` with `aria-orientation`, named by `label`.
+   *
+   * The stop moves through a control's own `focusable` property where it has
+   * one, as Button, Select and Toggle Group do. A control without one has
+   * `tabindex` written on the element that takes focus: a native element
+   * itself, or the control inside a custom element's open shadow root, so the
+   * host keeps the markup you rendered. Only a custom element whose shadow root
+   * is closed takes it on the host.
+   *
    * A toggle group of pressed buttons, `selection-mode="multiple"`, is walked
    * through the same way, each toggle a stop on the toolbar's axis, as React
    * Aria's toolbar walks its toggle buttons. Another nested composite, such as a
@@ -53700,6 +54822,9 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `horizontal`: The controls run along a row, which is the default.
+   * - `nested`: The toolbar is a group inside another toolbar, which owns the keys and the tab stop.
+   * - `vertical`: The controls run down a column, under `orientation="vertical"`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-toolbar": Partial<
@@ -55482,6 +56607,14 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `ended`: Playback reached the end, until it starts again or the source changes.
+   * - `error`: The source could not be played, and `failure` shows.
+   * - `fullscreen`: The player fills the screen.
+   * - `idle`: The video plays and the user has been still for `idle-delay`, so the bar hides.
+   * - `muted`: The sound is off.
+   * - `paused`: Playback is paused, which is where every player starts.
+   * - `playing`: Playback runs, waiting for data included.
+   * - `waiting`: Playback stopped to wait for more data, and `loading` shows.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-video": Partial<
@@ -55980,6 +57113,23 @@ export type CustomElementsSolidJs = {
    * announcement beside it, move focus yourself, for example to the page's main
    * heading.
    *
+   * **The announcement is a landmark region**, named by `label`, "Announcement"
+   * unless you set it, so a screen reader lists it among the page's regions.
+   * `hotkey`, F6 unless you set it, moves focus to the announcement's first
+   * control, an action or the dismiss button, and pressed there moves focus
+   * back to where it was, as React Aria's toast region does. An announcement
+   * with no control leaves the key to the browser. When an announcement that
+   * the key moved focus into is removed with focus still inside, focus goes
+   * back to where it was before the key.
+   *
+   * **Set `queued` to show several announcements one at a time.** A queued
+   * announcement waits while a queued announcement before it in the same parent
+   * is still there, and shows when that one is removed: its message is then
+   * read out, and its `duration` starts. While it waits it renders nothing,
+   * is no region, and carries `:state(waiting)`. A server cannot see the
+   * announcements beside it, so a served page shows every one until the script
+   * runs.
+   *
    * Set `duration` to dismiss it after a time. The clock stops while the pointer
    * or focus is on the announcement, and continues from what was left, so a
    * reader partway through is not cut off. It stops while the page is hidden too,
@@ -55997,6 +57147,19 @@ export type CustomElementsSolidJs = {
    *
    * Read once when the announcement is first rendered, as `Toast` reads its
    * own. The clock stops while the pointer or focus is on the announcement.
+   * - `hotkey`: The key that moves focus to the announcement's first control, and back
+   * to where it was, written as keys joined by `+`, such as `F6` or `Alt+A`.
+   *
+   * F6 by default, the key React Aria's regions answer to. Empty turns it
+   * off. With several announcements, the first one in the page takes focus.
+   * - `label`: The name of the announcement's region, which screen readers list among
+   * the page's landmarks. Translate it with the rest of your interface.
+   *
+   * Empty leaves the announcement no region.
+   * - `queued`: Whether the announcement waits its turn behind the queued announcements
+   * before it in the same parent, showing when the last of them is removed.
+   *
+   * Off by default, so every announcement on a page shows at once.
    * - `tone`: The band's color.
    *
    * Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -56081,6 +57244,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `paused`: The clock `duration` started is stopped, while the pointer or focus is on the announcement or the page is hidden.
+   * - `waiting`: The announcement is `queued` behind another, and renders nothing until that one is removed.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-announcement": Partial<
@@ -56391,6 +57555,9 @@ export type CustomElementsSolidJs = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Parts
    *
@@ -56998,6 +58165,9 @@ export type CustomElementsSolidJs = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -57060,13 +58230,33 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   * Renders a `<figure>` holding the `<blockquote>` and a `<figcaption>` for the
+   * Renders a figure holding the `<blockquote>` and a caption for the
    * attribution, the structure the HTML spec describes. The attribution sits
    * outside the quotation because it is about the quotation, and it names the
    * figure, so a screen reader reads the source as the figure's caption.
    *
-   * The figure keeps the browser's default margins on this tier. Set
-   * `::part(figure) { margin: 0 }` where they are unwanted.
+   * **The figure is a `<div role="figure">`**, so the headless tier draws no
+   * space around the quotation. A `<figure>` takes a 40px indent and a line of
+   * space above and below from the browser's own sheet, which every page had to
+   * reset. The `<blockquote>` keeps its own margins, as a bare one does. A
+   * screen reader meets the same figure, named by its caption.
+   *
+   * **A figure only while there is an attribution.** With nothing in the caption
+   * the figure has no name and nothing to say, so the role and its name are
+   * dropped and a reader meets the quotation alone. A server cannot see what is
+   * slotted, so it serves the figure, and the client drops it after hydration;
+   * an `attribution` written as words is served exactly.
+   *
+   * **Quotation marks follow the language**, under `marks`. The opening mark is
+   * the one the browser sets for a `<q>` in the element's language, „ under
+   * `lang="de"` and « under `lang="fr"`, and a `Quote` inside the passage takes
+   * the inner marks. The mark is drawn, not read: a screen reader hears the
+   * passage. A passage under `marks` that starts with a mark typed into the text
+   * would show two, and warns once, with the runtime kind `typed-marks`.
+   *
+   * **`cite` is the source's URL**, which the browser keeps and does not show.
+   * Words in it, such as the author's name, warn once, with the runtime kind
+   * `cite-not-url`.
    *
    * For a quotation inside a sentence, use `Quote`.
    *
@@ -57074,7 +58264,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `cite`: The URL of the source the passage came from.
+   * - `attribution`: Who said it, and where, as words, such as "Maria Lopez, operations
+   * manager". The `attribution` slot replaces them, for markup such as a link.
+   *
+   * Words are served with the figure they name, where a server cannot see a
+   * slotted attribution.
+   * - `cite`: The URL of the source the passage came from. Who said it goes in
+   * `attribution`: a `cite` with words in it warns once, with the runtime kind
+   * `cite-not-url`.
+   * - `marks`: Whether to draw an opening quotation mark before the passage, in the
+   * element's language. Leave the marks out of the text.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -57101,15 +58300,15 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The quoted passage.
-   * - `attribution`: Who said it, and where.
+   * - `attribution`: Who said it, and where. Replaces the words of `attribution`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `attribution`: The `<figcaption>` carrying the source.
+   * - `attribution`: The caption carrying the source.
    * - `blockquote`: The quotation.
-   * - `figure`: The `<figure>` holding the quotation and its attribution.
+   * - `figure`: The figure holding the quotation and its attribution, a `<div>` with `role="figure"` while the attribution has words.
    *
    * ## CSS States
    *
@@ -57320,12 +58519,50 @@ export type CustomElementsSolidJs = {
    * controls, and a development build warns once with the kind `missing-name`.
    *
    * The group does not manage focus, so each button keeps its own tab stop. For
-   * one tab stop with arrow keys between the buttons, the APG toolbar pattern,
-   * use Toolbar.
+   * one tab stop with arrow keys between a mix of controls, the APG toolbar
+   * pattern, use Toolbar.
    *
    * Buttons are slotted, so they stay your own elements and keep their own
    * appearance and size.
    *
+   * **Buttons that stay pressed.** With `selection-mode`, each button with a
+   * `value` is a toggle button: a press presses or releases it, and it says so
+   * with `aria-pressed`. `single` keeps one pressed at a time, and a press on the
+   * pressed one releases it. `multiple` lets any number be pressed. `value` is
+   * the pressed values, comma separated. A press sends a cancelable
+   * `helix-before-change` with the value it would leave, then `change`.
+   *
+   * The pressed state is written on the control inside each button's shadow
+   * root, so the markup you rendered is never changed and a framework hydrating
+   * it sees what its server sent. That is also why only Helix buttons are
+   * toggles: a native `<button>` or a button without a `value` stays a plain
+   * action button in the group, and a native one without its own
+   * `aria-pressed` warns once, with the runtime kind `untold-toggle`. The inner
+   * control also carries
+   * `--button-group-pressed`, `1` or `0`, for a `::part(button)` rule of yours.
+   *
+   * Use Toggle Group instead for a choice that belongs in a form, or one where
+   * the arrow keys choose as they move: it is a `radiogroup` of options with a
+   * form value, `required` and validation. A Button Group in a selection mode is
+   * a set of actions that stay on, such as bold and italic, or a view that a
+   * press switches, and it submits nothing.
+   *
+   * **Keyboard.** In a selection mode the group is one tab stop: the button
+   * focus was last on, then the first pressed one, then the first one.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Down | Moves to the next button, from the last back to the first. |
+   * | Left, Up | Moves to the button before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last button. |
+   * | Space, Enter | Presses or releases the focused button. |
+   *
+   * Left and Right swap on a right-to-left page, and a disabled button is
+   * passed over. In a selection mode the group is a `toolbar`, with
+   * `aria-orientation` under `orientation="vertical"`. Inside a toolbar it stays
+   * a named `group`, and the toolbar's own arrow keys walk its buttons, so a
+   * reader meets one toolbar.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -57351,6 +58588,16 @@ export type CustomElementsSolidJs = {
    * buttons sharing edges as one shape, and a wrapped row carries the corners of
    * a first row into a second. Stacked, the same three keep one shape and one
    * column.
+   * - `selection-mode`/`selectionMode`: Whether the buttons stay pressed: `single` keeps one pressed at a time and
+   * `multiple` any number. Unset, they are action buttons, each its own tab
+   * stop, as before.
+   *
+   * Optional, so the attribute is absent until a consumer writes it.
+   * - `value`: The values of the pressed buttons, comma separated, in a selection mode.
+   * A button's own `value` names it, so a value holds no comma.
+   *
+   * The attribute is the seed, and a press changes the property, which does
+   * not reflect, as a native control's `value` does not.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -57372,12 +58619,25 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: Fired after a press changes `value`, in a selection mode.
+   * - `helix-before-change`: Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The buttons in the group.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--button-group-pressed`: Written on the control inside each toggle button of a group with `selection-mode`: `1` while it is pressed and `0` while it is not. Read it in a `::part(button)` rule to draw the pressed look.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -58053,20 +59313,34 @@ export type CustomElementsSolidJs = {
    * keep every card in place, such as on a published board. Set `readonly` on one
    * card or connection to keep only that one in place.
    *
+   * Set `snap` to a length in the document's units, such as `32`, and a card
+   * that is moved or resized lands on a multiple of it. Carrying a card, a
+   * corner, a connection, or the selection box near the edge of the board moves
+   * the board under it, so a card can be taken to a place off screen in one
+   * drag. A connection let go within 20 pixels of a card arrives at it. A
+   * double click on the empty board zooms in about that point, and Shift with a
+   * double click zooms out.
+   *
    * Keyboard behavior:
    * - One card holds the board's tab stop.
    * - The arrow keys move through the cards in reading order. The card you land
    *   on scrolls into view, and its connections are announced with it.
-   * - Shift with an arrow key moves the card.
+   * - Shift with an arrow key moves the card: by 16 units, or to the next
+   *   multiple of `snap` where it is set. Alt with an arrow key resizes it from
+   *   its bottom right corner the same way.
    * - The connections leaving a card are stops of their own, straight after it.
    *   Enter on one moves to the card it arrives at.
+   * - What a key changes that a reader cannot see is said: where a card moved
+   *   to, its new size, how many cards are selected, and the zoom. A selected
+   *   card or connection says so when a reader arrives on it.
    *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
    * card's connection point, or the end of a selected connection to pick it up.
    * It follows the pointer with no button held, and the next click puts it down
    * where a drag would have. On touch, the next tap sets where it lands. Escape,
-   * or a press outside the board, puts it back.
+   * or a press outside the board, puts it back. So a finger connects two cards
+   * with three taps: the card, one of its points, and the card to connect to.
    *
    * Connecting and removing dispatch requests, and your code applies them:
    * - Drawing from a card's handle to another card, or pressing C on one card and
@@ -58111,6 +59385,12 @@ export type CustomElementsSolidJs = {
    *
    * The list is joined the way the page's language joins one, "Second and
    * Third", rather than with a comma this component chose.
+   * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
+   * card and `{x}` and `{y}` for where it now is, in the document's units.
+   *
+   * **A move a reader cannot see has to be said.** Shift with an arrow moved
+   * the card and said nothing, so a reader moving one by keys could not tell
+   * whether it had moved, or how far.
    * - `order`: The order the arrow keys and screen readers move through the cards:
    * `spatial` or `edges`.
    *
@@ -58136,6 +59416,9 @@ export type CustomElementsSolidJs = {
    * walk the cards.
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
+   * - `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.
    * - `selected`: The names of the selected cards and connections, comma separated. Empty
    * when nothing is selected.
    *
@@ -58155,6 +59438,26 @@ export type CustomElementsSolidJs = {
    * on its board across cards and connections both, and may not hold a comma.
    *
    * Written to select from outside, and read to act on the selection.
+   * - `selected-label`/`selectedLabel`: What a selected card or connection adds to what screen readers hear on
+   * it, before its tone and its connections. Empty adds nothing.
+   *
+   * A card is an article and a connection a button, and neither has a selected
+   * state for `aria-selected` to carry, so the state is said in words.
+   * - `selection-label`/`selectionLabel`: What screen readers hear after the selection grows or shrinks, with
+   * `{count}` for how many cards and connections are selected: by Space, a
+   * click with Shift, Command or Control, Command or Control with A, a box
+   * drawn across the board, or Escape.
+   *
+   * A selection of one made by arriving on a card or clicking it is not said,
+   * since the card is.
+   * - `snap`: Snaps the cards a reader moves or resizes to a multiple of this many of the
+   * document's units, such as `32` to land on the lines `grid` draws.
+   *
+   * **A drag lets go on the nearest line and a key goes to the next one.**
+   * Shift with an arrow moves a card to the next line that way, rather than
+   * by its step of 16, and Alt with an arrow moves its bottom right corner
+   * the same way. A group moves with what it carries, so a card inside one
+   * keeps its place in it. Absent, cards land where they are let go.
    * - `stopped-label`/`stoppedLabel`: The text announced when a connection is stopped before it is requested.
    * - `tone-labels`/`toneLabels`: What each tone means on this board, in words read out with the cards and
    * connections in it, such as `{"danger": "Blocked", "success": "Done"}`.
@@ -58164,6 +59467,8 @@ export type CustomElementsSolidJs = {
    * red is "blocked" on one board and "urgent" on the next. A reader who can
    * see the board is told by the color; this is how a reader who cannot is
    * told the same. A tone left out is not read.
+   * - `zoomed-label`/`zoomedLabel`: What screen readers hear after a zoom button or key, with `{zoom}` for the
+   * zoom as a percentage, written the way the page's language writes one.
    * - `activate-hint-label`/`activateHintLabel`: The hint shown when a surface waiting to be pressed is scrolled or
    * swiped over, with `gestures="activate"`. Absent is the family's own.
    * - `controls`: Which controls to show, as a list such as `pan zoom fullscreen`, or
@@ -58310,7 +59615,14 @@ export type CustomElementsSolidJs = {
    * - `(default)`: The board's `helix-canvas-node` and `helix-canvas-edge` elements, drawn on the plane.
    * - `empty`: Content shown when the document has no nodes.
    * - `footer`: Content below the board.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -59877,15 +61189,17 @@ 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.
-   * - `label`: The block's name, usually a file name or a language.
+   * - `label`: The block's name, usually a file name, drawn in the header.
    *
-   * In a diff, each file is named from the patch, and this names a patch that
-   * carries no name of its own.
+   * Absent, the block is named by `language` where there is one. In a diff,
+   * each file is named from the patch, and this names a patch that carries no
+   * name of its own.
    * - `language`: The language the code is written in, such as `ts` or `css`, handed to
    * `highlight` as its second argument.
    *
-   * Absent hands it an empty string. It draws nothing of its own: the block's
-   * name is `label`.
+   * A block with no `label` is named by it, in the header and on the copy
+   * button, as a docs site names a snippet by its language. Absent hands
+   * `highlight` an empty string and names nothing.
    * - `line-numbers`/`lineNumbers`: Whether the lines are numbered in a gutter beside the code.
    *
    * The numbers are hidden from the accessibility tree and are not part of a
@@ -59995,7 +61309,7 @@ export type CustomElementsSolidJs = {
    * - `gutter`: The line numbers beside the code, shown when `line-numbers` is set.
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
    * - `hunk`: In a diff, a `@@` line saying where the lines under it are.
-   * - `label`: The file name or language, where one is given.
+   * - `label`: The block's name: its `label`, or its `language` where it has no label.
    * - `marker`: In a diff, the `+`, `-`, or space that starts a line.
    * - `new`: In a split diff, the new version's `<pre>`.
    * - `number`: In a diff, a line number.
@@ -60799,13 +62113,33 @@ export type CustomElementsSolidJs = {
    * reopened combobox starts from the whole list.
    *
    * Focus stays in the text field. The arrow keys move through the list with the
-   * listbox's public `navigate` method. `role="combobox"` is on the input itself.
-   * ArrowDown and ArrowUp open the list on the chosen option, and Enter chooses
-   * the highlighted one. As typing narrows the list, a screen reader hears how
-   * many options are left, such as "3 results". Space, Home, End and letters edit the text, and Enter in
-   * a closed field is left to the form. Emptying the field and leaving it clears
-   * a single choice; Escape puts the chosen words back, and a second Escape on
-   * the closed field clears the choice.
+   * listbox's public `navigate` method. As typing narrows the list, a screen
+   * reader hears how many options are left, such as "3 results". Emptying the
+   * field and leaving it clears a single choice.
+   *
+   * **Keyboard.**
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | On a closed field, opens the list on the chosen option, or the first or the last. In the open list, moves the highlight, round from the last option to the first. |
+   * | Page Down, Page Up | In the open list, moves the highlight by as many options as the list shows at once. |
+   * | Enter | Chooses the highlighted option. With nothing left in the list, creates what was typed with `creatable`, or takes it with `allows-custom-value`. On a closed field, submits the form. |
+   * | Escape | Closes the list and puts the chosen words back. On a closed field, a second Escape clears a single choice. |
+   * | Tab | Closes the list and moves on. |
+   * | Backspace | With `multiple`, on an empty field, removes the last tag. |
+   * | Space, Home, End, letters | Edit the text. |
+   *
+   * **ARIA.** The input is the `combobox`, named by the label, with
+   * `aria-expanded`, `aria-controls` naming the list, `aria-autocomplete`
+   * (`both` with `suggest`, `list` otherwise) and `aria-activedescendant` on
+   * the highlighted option. The list is the listbox `Listbox` describes.
+   *
+   * On Apple devices, where VoiceOver does not read the option the field points
+   * to, the field says it in a live region as the highlight moves, says how many
+   * options there are as the list opens, and says a choice once it is made, as
+   * React Aria's combobox does there.
+   *
+   * Set `autocomplete` to let a browser's autofill choose an option.
    *
    * With `multiple`, each chosen option is a tag in the field with its own remove
    * control. The panel stays open and the filter clears after each choice, so the
@@ -60828,12 +62162,19 @@ export type CustomElementsSolidJs = {
    * leaves the field or presses Enter with nothing highlighted, and text that
    * names an option takes that option. Unlike `creatable`, no event asks
    * first and no option is expected to be added: the value is the text.
-   * - `autocomplete`: What the browser may autofill in the text field, as a platform token.
+   * - `autocomplete`: What the browser may autofill, as a platform token such as `country`.
    *
    * **Defaults to `off`, which is not the platform's default and is the
    * point.** The field filters a list rather than collecting a value, so a
    * browser offering to fill it with a saved address is competing for the same
    * keystrokes as the listbox. A consumer who wants autofill can still ask.
+   *
+   * Set, a combobox whose answer is one of its options keeps a hidden native
+   * `<select>` with the same options for the browser to fill, as React Aria's
+   * combobox and Select do, and the option the browser picks, by its value or
+   * its words, becomes the value. The text field itself stays `off`, so the
+   * browser fills the answer and not the filter. With `allows-custom-value`
+   * the token goes on the text field, whose words are the answer.
    * - `creatable`: Whether the user can add a value that is not in the list.
    *
    * The row appears while what is typed matches no option's words exactly, so
@@ -60852,8 +62193,9 @@ export type CustomElementsSolidJs = {
    * every keystroke. See Listbox's `filter-delay`.
    * - `list-label`/`listLabel`: The list's name, read by screen readers. The list has no visible name.
    * - `load-error`/`loadError`: What the list says when its options could not be loaded, such as after a
-   * request to a server fails. Empty is no error. Passed to the list, which
-   * shows it under any options there are and tells screen readers.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it. Passed to the list, which shows it
+   * under any options there are and tells screen readers.
    * - `loading`: Whether the options are still loading.
    *
    * Passed straight to the list, which is where the rows are and so where the
@@ -60897,6 +62239,8 @@ export type CustomElementsSolidJs = {
    * - `results-label`/`resultsLabel`: What a screen reader hears when typing leaves any other number of
    * options. `{count}` is the count, and `Intl.PluralRules` picks between the
    * two.
+   * - `selected-label`/`selectedLabel`: What VoiceOver hears for a chosen option, as the highlight reaches it and
+   * once it is chosen, on Apple devices. `{name}` is the option's words.
    * - `suggest`: Whether the field completes the word as the user types.
    *
    * `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -61117,6 +62461,7 @@ export type CustomElementsSolidJs = {
    * - `listbox-loading`: Shown while the options are loading.
    * - `listbox-search`: The region holding the field that narrows the list.
    * - `listbox-search-field`: The filter field inside that region.
+   * - `live`: The region VoiceOver hears the highlight, the count and a choice from on Apple devices, drawn once there is one to say. Visually hidden in the styled tier.
    * - `rest`: The count of choices held beyond `max-tags`. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
    * - `tag`: One chosen option.
@@ -61132,8 +62477,10 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: While nothing is chosen.
    * - `error`: While `load-error` is set.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
+   * - `loading`: While `loading` is set.
    * - `no-results`: What was typed hid every option of a list that has some.
    * - `open`: While the list is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -61182,8 +62529,9 @@ export type CustomElementsSolidJs = {
    * with: one key, said once.
    * - `label`: Accessible name for the overlay, which has no visible heading.
    * - `load-error`/`loadError`: What the list says when its commands could not be loaded, such as after a
-   * request to a server fails. Empty is no error. Passed to the list, which
-   * shows it under any commands there are and tells screen readers.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it. Passed to the list, which shows it
+   * under any commands there are and tells screen readers.
    * - `loading`: Whether the commands are still loading, for a palette that asks a server
    * for them as the user types.
    *
@@ -62783,6 +64131,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The box after the value inside its `<dd>`, holding the `actions` slot.
    * - `label`: The `<dt>`, holding the label.
    * - `value`: The `<dd>`, holding the value.
    *
@@ -62790,6 +64139,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `several`: The values are several `<dd>` elements of your own, so the item draws no `value` part.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-description-list-item": Partial<
@@ -63084,30 +64434,42 @@ export type CustomElementsSolidJs = {
    * rendered element. The semantics are then in the server-rendered markup, with
    * no attribute written by script after the element connects.
    *
-   * Set `announced` for a line that divides one thing from another, and it is
-   * read as a separator, named by any content set into it.
+   * **The line is a separator**, as `<hr>` is, and as Radix Separator, React
+   * Aria Separator, and Web Awesome's divider are. It is named by any content
+   * set into it, so a screen reader says "Or, separator" where you wrote "Or" on
+   * the line. Set `decorative` on a rule that separates nothing, such as one
+   * under a heading or between the facts of a byline, and it leaves the
+   * accessibility tree.
+   *
+   * Use `orientation="vertical"` between items on one line. A vertical divider
+   * stretches to fit its flex parent and sets no height of its own.
    *
-   * Use `orientation="vertical"` between items on one line, such as inside a
-   * toolbar. A vertical divider stretches to fit its flex parent and sets no
-   * height of its own.
+   * **Inside a toolbar it runs across the toolbar** without being told: vertical
+   * in a horizontal toolbar and horizontal in a vertical one, with
+   * `aria-orientation` to match, as React Aria's separator does inside a
+   * toolbar. Inside means a child of Toolbar or of the page's own
+   * `role="toolbar"`. An `orientation` you write still wins. A server cannot see
+   * the toolbar, so the turn arrives with hydration, inside the shadow root.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `announced`: Whether screen readers announce the line as a separator.
+   * - `announced`: Whether screen readers announce the line as a separator, which they now do
+   * by default.
    *
-   * Off by default, and out of the accessibility tree. Most rules on a page
-   * separate nothing: they underline a heading or close a section that space
-   * had already closed, and announcing every one as a separator is noise a
-   * screen-reader user has to walk past.
+   * It dates from when the line was decorative by default. It is still read,
+   * and it wins over `decorative`, so a divider written with it stays a
+   * separator.
+   * - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
+   * nothing: one under a heading, or between the facts of a byline.
    *
-   * An opt-in, not a `decorative` opt-out, because a boolean attribute cannot
-   * be turned off: `decorative="false"` parses as `true`, which would put the
-   * quiet default out of reach from HTML and leave it settable only as a
-   * property. An opt-in is absent by default, which every reflected property
-   * here has to be.
+   * Absent, the line is a separator, as `<hr>` is. Radix Separator's opt-out
+   * has the same name. It turns the role off because a boolean attribute that
+   * is on by default cannot be turned off from HTML.
    * - `orientation`: The direction the line runs: `horizontal` or `vertical`.
+   *
+   * Unset is horizontal, or across the toolbar the divider sits in.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -63146,6 +64508,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `vertical`: The line runs vertically: `orientation="vertical"`, or no `orientation` inside a horizontal toolbar.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-divider": Partial<
@@ -63350,6 +64713,9 @@ export type CustomElementsSolidJs = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -63890,6 +65256,13 @@ export type CustomElementsSolidJs = {
    * rendering from data or on a server gets a heading a reader finds in the
    * outline without writing the element. A heading slotted in replaces it.
    *
+   * **Whatever is slotted into `heading` is read as a heading.** An element that
+   * is no heading, such as a `<span>` or a `<p>`, is set inside the `heading`
+   * part at `heading-level`, so a screen reader still finds it in the outline.
+   * A heading element, or an element holding one, keeps its own level. A server
+   * cannot see the slotted element, so a served `<span>` becomes a heading once
+   * the script runs.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -63934,14 +65307,14 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The message: why the region is empty, and what to do about it.
    * - `actions`: The action that would put something in the region.
-   * - `heading`: The heading, which names what is missing. Slot a heading element, such as an `<h3>`, so a reader can find it in the page's outline. Replaces the one `heading` draws.
+   * - `heading`: The heading, which names what is missing. A heading element, such as an `<h3>`, keeps its level; any other element is read as a heading at `heading-level`. Replaces the one `heading` draws.
    * - `icon`: An icon above the heading.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `heading`: The heading `heading` draws, a heading at `heading-level`. Drawn only while `heading` holds words and nothing is slotted into `heading`.
+   * - `heading`: The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.
    * - `live`: A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.
    *
    * ## CSS States
@@ -65141,6 +66514,12 @@ export type CustomElementsSolidJs = {
    * showing a date schedules none, so a long feed left open costs almost nothing.
    * `frozen` draws the reading once and leaves it.
    *
+   * **`fields` draws each field of a date as a part of its own**, such as
+   * `day`, `month` and `year`, so a stylesheet can set the year in a lighter ink
+   * or the weekday in capitals with `::part()`. The text between the fields is
+   * the locale's own and has no part. An `elapsed` or `relative` reading is one
+   * phrase, with no parts inside it.
+   *
    * **The output is always `<time datetime>`**, so copy and paste and scripts
    * parsing the page get the exact instant, whatever the visible text says. A
    * screen reader reads the text, so an `elapsed` reading is named in full, such
@@ -65180,6 +66559,13 @@ export type CustomElementsSolidJs = {
    * this is and a stylesheet has a reason to know: a compact reading is a fixed
    * few characters and a date is not.
    * - `era`: How the era is written, such as AD, where a date is shown.
+   * - `fields`: Draws each field of a date in a part of its own: `weekday`, `day`,
+   * `month`, `year`, `era`, `hour`, `minute`, `second`, `day-period` and
+   * `time-zone-name`, so `::part(year)` can set the year apart.
+   *
+   * Off by default, which draws the date as one run of text, as Shoelace and
+   * Web Awesome do. An `elapsed` or `relative` reading is one phrase either
+   * way.
    * - `frozen`: Draws an `elapsed` or `relative` reading once and leaves it, where it
    * would otherwise move on as it goes stale.
    *
@@ -65245,12 +66631,24 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `day`: The day of the month, with `fields`.
+   * - `day-period`: AM or PM, or the locale's word for the part of the day, with `fields`.
+   * - `era`: The era, such as AD, with `fields` and `era`.
+   * - `hour`: The hour, with `fields`.
+   * - `minute`: The minute, with `fields`.
+   * - `month`: The month, with `fields`.
+   * - `second`: The second, with `fields`.
    * - `time`: The `<time>` element that holds the formatted text.
+   * - `time-zone-name`: The time zone's name, with `fields`, where `time-zone-name` or a `long` or `full` `time-style` shows it.
+   * - `weekday`: The day of the week, with `fields`.
+   * - `year`: The year, with `fields`.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `future`: An `elapsed` or `relative` reading of a moment still to come, such as "in 3 hours".
+   * - `past`: An `elapsed` or `relative` reading of a moment gone, such as "3 hours ago".
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-format-date": Partial<
@@ -65455,7 +66853,14 @@ export type CustomElementsSolidJs = {
    * - `(default)`: The renderer's box, which the drawing is made in.
    * - `filter-icon`: The icon in the search field. Defaults to a magnifying glass.
    * - `footer`: Content below the graph.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -65536,9 +66941,14 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `local`: The drawing shows the selected note's local graph, with `depth`.
+   * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
+   * - `searching`: The search field holds words, and the list holds only the notes they find.
+   * - `selected`: A note is selected, in the list or in the drawing.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a graph with `gestures="activate"` waits to be pressed.
    * - `using`: A graph with `gestures="activate"` has been pressed and has the gestures.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -65628,6 +67038,9 @@ export type CustomElementsSolidJs = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
+   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
+   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+   * nothing.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes, with `{count}` for
    * how many cells are selected.
    * - `selection-mode`/`selectionMode`: How many cells a reader can select: `single` or `multiple`.
@@ -65808,6 +67221,9 @@ export type CustomElementsSolidJs = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -66284,6 +67700,17 @@ export type CustomElementsSolidJs = {
    * its own. The fallback is read once the picture fails, after the picture's
    * `alt`, so a reader hears that it did not load, as a sighted reader sees.
    *
+   * **An image with no `alt` says so.** At its first render it reports a
+   * `missing-alt` warning, printed in the console and counted by
+   * `@fusion.dev/helix-diagnostics`, which names the fix: describe the picture
+   * in `alt`, or write `alt=""` for one that is decoration. An image hidden with
+   * `aria-hidden="true"` needs neither and is not reported.
+   *
+   * A sheet of yours reads the state as `:state(loading)`, `:state(loaded)`,
+   * `:state(error)`, and `:state(waiting)`, the last while `placeholder-delay`
+   * holds the placeholder back. It can also read `data-status` on the host once
+   * the picture has loaded or failed.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -67545,6 +68972,9 @@ export type CustomElementsSolidJs = {
    *
    * A column's heading is the cell's name in every row, so the first row
    * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -67898,16 +69328,31 @@ export type CustomElementsSolidJs = {
    * active option is where the keyboard is: the arrow keys move it, and
    * `aria-activedescendant` points to it while focus stays on the list.
    *
-   * The arrow keys, Home, End, PageUp and PageDown move the highlight, and typed
-   * letters move it to the next option whose words start with them. In a
-   * single-choice list the highlight is the choice unless `manual` is set; then
-   * Enter, Space or a click chooses. With `multiple`, Space toggles the
-   * highlighted option, Shift with an arrow adds the option it moves to, Shift
-   * with Home or End adds every option from the highlight to that end, and
-   * Control+A or Command+A chooses every option, or none where all are chosen.
-   * In a filter field, Space, Home, End and letters edit the text, and with
-   * `multiple`, Control with Shift and Home or End adds every option from the
-   * highlight to that end.
+   * **Keyboard.** The list is one tab stop, or its filter field is where there
+   * is one. In a single-choice list the highlight is the choice unless `manual`
+   * is set; then Enter, Space or a click chooses.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up | Moves the highlight to the next or the previous option, round from the last to the first. With `layout="grid"`, to the option below or above, stopping at the edge. |
+   * | Right, Left | With `layout="grid"`, moves to the next or the previous option, mirrored right to left. In a filter field, moves the caret. |
+   * | Home, End | Moves to the first or the last option. In a filter field, moves the caret. |
+   * | Page Down, Page Up | Moves by as many options as the list shows at once. |
+   * | A letter or a word | Moves to the next option whose words start with what you typed. In a filter field, types it. |
+   * | Enter | Chooses the highlighted option, or follows it where it is a link. |
+   * | Space | Chooses the highlighted option, or with `multiple` toggles it. In a filter field, types a space. |
+   * | Shift with Down or Up | With `multiple`, adds the option the highlight moves to. In a filter field, moves the highlight and leaves the value. |
+   * | Shift with Space | With `multiple`, adds every option from the one last chosen to the highlighted one. In a filter field, types a space. |
+   * | Shift with Home or End | With `multiple`, adds every option from the highlight to that end. In a filter field, hold Control as well. |
+   * | Control or Command with A | With `multiple`, chooses every option, or none where all are chosen. In a filter field, selects the text. |
+   * | Escape | In a filter field, clears the filter. |
+   *
+   * **ARIA.** The `items` part is the `listbox`, named by the label and
+   * described by the hint and the message, with `aria-multiselectable` under
+   * `multiple`, `aria-required`, `aria-invalid`, and `aria-busy` while loading.
+   * Each option is an `option` with `aria-selected`. The list, or its filter
+   * field, points `aria-activedescendant` at the highlighted option; the field
+   * is `aria-autocomplete="list"` and controls the list.
    *
    * An option with `href` is a link: Enter or a press follows it and selects
    * nothing, and moving onto it with the arrows does not follow it.
@@ -67920,12 +69365,16 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `autocomplete`: What the browser may autofill in the text field, as a platform token.
+   * - `autocomplete`: What a browser's autofill may choose, as a platform token such as
+   * `country` or `cc-exp-month`, as a native `<select>` takes it.
    *
-   * **Defaults to `off`, which is not the platform's default and is the
-   * point.** The field filters a list rather than collecting a value, so a
-   * browser offering to fill it with a saved address is competing for the same
-   * keystrokes as the listbox. A consumer who wants autofill can still ask.
+   * Set, the list draws a hidden native `<select>` with the same options for
+   * the browser to fill, as React Aria's `HiddenSelect` does, and a fill
+   * chooses the option. `off`, the default, draws none.
+   *
+   * **The filter field is never filled.** It narrows the list rather than
+   * collecting a value, so a browser offering it a saved address competes
+   * with the reader for the same keystrokes: it is always `off`.
    * - `default-filter`/`defaultFilter`: The filter text the list starts with, when `filter` is not set.
    * - `empty-text`/`emptyText`: The text shown when the filter hides every option.
    *
@@ -67953,8 +69402,19 @@ export type CustomElementsSolidJs = {
    * letter. Enter and the arrow keys filter at once on what is typed, so they
    * act on the list the reader expects.
    * - `filter-label`/`filterLabel`: Placeholder text for the filter field.
+   * - `layout`: How the options are laid out, which the arrow keys follow: `stack`, one
+   * under another, or `grid`, in rows and columns, as React Aria's `ListBox`
+   * lays out cards or photos. With `grid`, Up and Down move within a column,
+   * and Left and Right along the list, mirrored right to left.
+   *
+   * The columns are the stylesheet's: the styled tier draws them at
+   * `--listbox-column-min-inline-size` or wider, and a headless list lays out
+   * `::part(items)` as it likes, since the keys read where each option is
+   * drawn. A list of `items` stays a stack. Left out, the list is a stack,
+   * and the host carries no attribute for it.
    * - `load-error`/`loadError`: What the list says when its options could not be loaded, such as after a
-   * request to a server fails. Empty is no error.
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it.
    *
    * Set, it shows under any options there are, in place of `empty-text` and
    * `loading-text`, and a screen reader hears it. Clear it when you ask again.
@@ -67977,6 +69437,8 @@ export type CustomElementsSolidJs = {
    * **Two sentences, chosen by `Intl.PluralRules`**, which is Data Table's
    * pair: a language with more forms than two picks the one for its `one` and
    * writes the rest here.
+   * - `selected-label`/`selectedLabel`: What VoiceOver hears as the highlight reaches a chosen option from the
+   * filter field, on Apple devices. `{name}` is the option's words.
    * - `loading`: Whether the rows are still loading.
    *
    * Reflected, because a stylesheet needs it: the rows that are already there
@@ -68031,6 +69493,22 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `items`: The options as data, for a list too long to draw whole: each a value,
+   * which is also its words, or a record with a `value`, a `label` and
+   * `disabled`. Set, the list draws only the options in sight, and the ones
+   * you write as children are not read.
+   *
+   * **Every option is still reachable.** The keyboard, the typeahead, the
+   * filter and the value work over the whole set, and the option the keyboard
+   * is on is drawn wherever it is, so a screen reader is told about it. Each
+   * drawn option says its place in the set (`aria-posinset`, `aria-setsize`).
+   * React Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's
+   * `VirtualizeController`.
+   *
+   * **The list needs a height to scroll in**: the styled tier's
+   * `--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the
+   * headless tier. Import the Option family as well, whose elements are drawn.
+   * A server sends the list empty, and the options are drawn once it hydrates. (property only)
    * - `selectedIndex`: Which option is chosen, as an index, or `-1` where none is.
    *
    * `<select>`'s own pair, and this control is what stands in for one. The
@@ -68133,10 +69611,8 @@ export type CustomElementsSolidJs = {
    * read as a dial rather than scanned as a list, which is what Time Picker's
    * wheels do with three of these.
    *
-   * A delta from the two boxes rather than `offsetTop`. An option is a slotted
-   * light DOM child, so its `offsetParent` is whatever is positioned above it,
-   * which is not this list and is not guaranteed to be anything: measuring both
-   * rects and moving by the difference needs no such assumption.
+   * Measured by core's `centerInView`, or, for a list of `items`, by the
+   * arithmetic, since the chosen option may not be drawn.
    * - `requestFilter(next: string) => boolean`: Requests a new filter, and returns whether the request went through.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -68589,7 +70065,8 @@ export type CustomElementsSolidJs = {
    * `name`, or its `label` if it has no name.
    *
    * All the markers in a map share one tab stop. The arrow keys move between
-   * them in the order they are written.
+   * them in the order they are written. Taking away the marker that has focus
+   * moves focus to the next one, or to the one before where it was the last.
    *
    * ## Attributes & Properties
    *
@@ -69138,8 +70615,20 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The element your renderer draws the map in, and the map's markers, routes, areas, positions, and points layers.
    * - `attribution`: The map credit, which most tile licenses require.
+   * - `face-north-icon`: Replaces the compass needle. It inherits `--map-needle-turn`, so `rotate: var(--map-needle-turn)` keeps it pointing north.
    * - `footer`: Content below the map, such as a legend or a scale.
+   * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the map, such as a title or a search field.
+   * - `layers-icon`: Replaces the glyph inside the layers button.
+   * - `pan-down-icon`: Replaces the glyph inside the pan down button.
+   * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
+   * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
+   * - `pan-up-icon`: Replaces the glyph inside the pan up button.
+   * - `rotate-left-icon`: Replaces the glyph inside the rotate left button.
+   * - `rotate-right-icon`: Replaces the glyph inside the rotate right button.
+   * - `tilt-icon`: Replaces the "3D" inside the 3D button.
+   * - `zoom-in-icon`: Replaces the glyph inside the zoom-in button.
+   * - `zoom-out-icon`: Replaces the glyph inside the zoom-out button.
    *
    * ## Methods
    *
@@ -69226,8 +70715,11 @@ export type CustomElementsSolidJs = {
    *
    * - `fullscreen`: The map fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `layers-open`: The layers menu is open.
    * - `ready`: The map has been drawn whole, after `helix-map-ready`.
+   * - `rotated`: The map is turned away from north, by `bearing`.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a map with `gestures="activate"` waits to be pressed.
+   * - `tilted`: The map is tilted by `pitch`, so it no longer looks straight down.
    * - `using`: A map with `gestures="activate"` has been pressed and has the gestures.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -69787,8 +71279,8 @@ export type CustomElementsSolidJs = {
    * onto your element after it upgrades causes a hydration mismatch.
    *
    * Group rows under a heading with `Menu.Section`, which is a `group` named by
-   * its heading. Between runs of rows, a `<helix-divider announced>` is a
-   * separator a screen reader announces.
+   * its heading. Between runs of rows, a `<helix-divider>` is a separator a
+   * screen reader announces.
    *
    * Keys: Enter, Space or Down Arrow on the trigger opens the menu on its first
    * row, and Up Arrow on its last. In the menu, Up and Down Arrow move between
@@ -70542,6 +72034,16 @@ export type CustomElementsSolidJs = {
    * - `label`: What happened, on the first line.
    * - `media`: The leading slot's box.
    * - `time`: When it happened, formatted for people to read.
+   * - `time-day`: Format Date's `day`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-day-period`: Format Date's `day-period`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-era`: Format Date's `era`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-hour`: Format Date's `hour`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-minute`: Format Date's `minute`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-month`: Format Date's `month`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-second`: Format Date's `second`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-time-zone-name`: Format Date's `time-zone-name`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-weekday`: Format Date's `weekday`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-year`: Format Date's `year`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `trailing`: The column holding the time and the controls.
    *
    * ## CSS States
@@ -70589,11 +72091,22 @@ export type CustomElementsSolidJs = {
    * nothing more. While the feed is loading the button stays, so focus stays on
    * it, and it is `aria-disabled` and sends nothing.
    *
+   * **`load-error` says a page could not be fetched**, such as "Could not load
+   * notifications": it shows under the rows there are, in the `error` part, in
+   * place of the empty and loading lines, and a screen reader hears it. Clear it
+   * when you ask again.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: The feed's name, read by screen readers.
+   * - `load-error`/`loadError`: What the feed says when a page of it could not be loaded, such as after a
+   * request to a server fails. Empty, null or no attribute is no error, so
+   * removing the attribute clears it.
+   *
+   * Set, it shows under the rows there are, in place of `empty-text` and
+   * `loading-text`, and a screen reader hears it. Clear it when you ask again.
    * - `load-more`/`loadMore`: Whether to draw a button after the list that asks for the next page, by
    * sending `helix-load-more`. Take it off once there is nothing more.
    * - `load-more-label`/`loadMoreLabel`: The text of the `load-more` button.
@@ -70682,6 +72195,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The notifications.
    * - `empty`: Replaces the words of `empty-text` in the `empty` part, such as a picture and a line of your own. The live region still says `empty-text`.
+   * - `error`: Replaces the words of `load-error` in the `error` part, such as a line with a retry button. The live region still says `load-error`.
    * - `footer`: Below the list, for a link to everything.
    * - `header`: Above the list, for a title and the mark-all control.
    * - `loading`: Replaces the words of `loading-text` in the `loading` part, such as a loader. The live region still says `loading-text`.
@@ -70722,10 +72236,11 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `empty`: Shown when there is nothing in the feed.
+   * - `error`: Shown while `load-error` is set, under any rows there are, in place of the empty and loading lines.
    * - `footer`: The region below the list.
    * - `header`: The region above the list.
    * - `list`: The list itself.
-   * - `live`: A copy of the empty and loading messages, in a live region that screen readers announce when they change. Visually hidden in the styled tier.
+   * - `live`: A copy of the empty, loading and error messages, in a live region that screen readers announce when they change. Visually hidden in the styled tier.
    * - `loading`: Shown while the feed is loading.
    * - `mark-all`: The control that marks everything read.
    * - `more`: The button after the list that asks for more, while `load-more` is set. It is `aria-disabled` while the feed is loading.
@@ -70734,7 +72249,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `empty`: While the feed holds no notification and is not loading. Never on the server, which cannot count the rows.
+   * - `empty`: While the feed holds no notification and is not loading, and `load-error` is not set. Never on the server, which cannot count the rows.
+   * - `error`: While `load-error` is set.
    * - `loading`: While `loading` is set.
    * - `media`: While a notification in the list holds something in its media slot, so every row keeps that column.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -72148,6 +73664,7 @@ export type CustomElementsSolidJs = {
    * - `control-listbox-loading`: The text shown while the options load.
    * - `control-listbox-search`: The region that holds the filter field.
    * - `control-listbox-search-field`: The filter field.
+   * - `control-live`: The select's `live` part, the region a screen reader hears a choice made on the closed trigger from.
    * - `control-surface`: The floating panel.
    * - `control-trigger`: The closed control, which shows the chosen size.
    * - `control-value`: The chosen size inside the trigger.
@@ -72867,7 +74384,8 @@ export type CustomElementsSolidJs = {
    * `correction` sets how much of the code can be lost. At `H` a code can lose
    * thirty percent and still scan, so a mark in the center slot is safe. At `L`
    * the same mark makes the code unscannable. The default is `M`, and `H` when the
-   * `logo` slot is filled.
+   * `logo` slot is filled. A code that holds a logo at a `correction` below `H`
+   * warns once with the kind `unscannable-logo`.
    *
    * A higher level holds fewer characters, so a value that fits at `M` can be too
    * long once a logo raises the level to `H`. A value too long for the level
@@ -72877,7 +74395,8 @@ export type CustomElementsSolidJs = {
    * `toSvg()`, `toPng()` and `download()` give the drawn code as a file of its
    * own, in the colors it is drawn in, with a slotted image or SVG logo where
    * it sits, for a page that offers it to save or print, as Zag's download
-   * trigger does.
+   * trigger does. `download()` saves an SVG for a name ending in `.svg`, and a
+   * PNG for any other.
    *
    * ## Attributes & Properties
    *
@@ -72963,7 +74482,8 @@ export type CustomElementsSolidJs = {
    * - `toPng(size = 512) => Promise<Blob | null>`: The code as a PNG, `size` pixels square, drawn from `toSvg()`.
    *
    * `null` where no code is drawn.
-   * - `download(filename = 'qr-code.png', size = 512) => Promise<void>`: Saves the code as a PNG named `filename`, `size` pixels square.
+   * - `download(filename = 'qr-code.png', size = 512) => Promise<void>`: Saves the code as a file named `filename`, `size` pixels square: an SVG
+   * where the name ends in `.svg`, and a PNG otherwise.
    *
    * Call it from a press, since a browser lets a page start a download only
    * in answer to one. Does nothing where no code is drawn.
@@ -73910,12 +75430,6 @@ export type CustomElementsSolidJs = {
    * The across gets no dot at all rather than a shifted one. It is an axis and
    * not a series: it has a scale under the plot with its name at the end of it,
    * which is where a reader is told what it is.
-   * - `showsColumn(cell: number) => boolean`: Whether the series read from the cell at this place in a row is drawn,
-   * by its column's heading. The keys and the readout pass over one a
-   * legend hid.
-   *
-   * A column's heading is the cell's name in every row, so the first row
-   * answers for the column.
    * - `attributeChangedCallback(name: string, old: string | null, value: string | null) => void`: Called by the browser when an observed attribute changes. A new
    * `aria-label` asks for an update, because it names the plot.
    * - `showsSeries(name: string) => boolean`: Whether the series of this name is drawn, which it is unless a legend
@@ -73925,6 +75439,15 @@ export type CustomElementsSolidJs = {
    * thing the two share: see `SourceController.hide`. A series keeps its
    * palette slot while it is hidden, so the colors of the others do not move.
    * For a ring the names are its rows, the slices being the rows.
+   * - `showsColumn(cell: number) => boolean`: Whether the series read from the cell at this place in a row is drawn,
+   * by its column's heading. The keys and the readout pass over one a
+   * legend hid.
+   *
+   * A column's heading is the cell's name in every row, so the first row
+   * answers for the column.
+   * - `columnName(cell: number) => string`: The heading of the column at this place in a row: a cell's name is its
+   * column's heading, read from the first row that has a cell there, so a
+   * short first row does not lose the heading. `''` where no row has one.
    *
    * ## CSS Custom Properties
    *
@@ -74147,18 +75670,48 @@ export type CustomElementsSolidJs = {
    * Set `valueContent` to draw the trigger's content from the chosen options,
    * and several chosen options are written as a list in the reader's language.
    *
-   * In the open list the arrow keys, Home, End, PageUp, PageDown and typed
-   * letters move the highlight, and Enter, Space or a click chooses it and
-   * closes the list. Tab closes the list and moves on. On the closed trigger,
-   * ArrowDown, Enter and Space open the list on the chosen option, ArrowUp opens
-   * it on the chosen or last option, Home and End open it on the first or last,
-   * and typed letters choose the option whose words start with them, as a native
-   * `<select>` does.
+   * **Keyboard.** On the closed trigger:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Enter, Space | Opens the list on the chosen option, or the first. |
+   * | Up | Opens the list on the chosen option, or the last. |
+   * | Home, End | Opens the list on the first or the last option. |
+   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does, in either direction of text. |
+   * | A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |
+   *
+   * In the open list, which is a `Listbox`:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Up, Home, End, Page Down, Page Up | Moves the highlight. |
+   * | A letter or a word | Moves the highlight to the next option whose words start with what you typed. |
+   * | Enter, Space | Chooses the highlighted option and closes the list. With `multiple`, toggles it and leaves the list open. |
+   * | Escape | Closes the list and puts focus back on the trigger. |
+   * | Tab | Closes the list and moves on. |
+   *
+   * A choice made on the closed trigger is said aloud on Apple devices, where
+   * VoiceOver does not read the trigger's new name.
+   *
+   * **ARIA.** The trigger is a `button` with `aria-haspopup="listbox"` and
+   * `aria-expanded`, named by the label and then the chosen words, as a native
+   * `<select>` is. The list is the listbox `Listbox` describes, named by the
+   * label, or by `list-label` where there is none.
+   *
+   * Set `autocomplete` to let a browser's autofill choose, as a native `<select>`
+   * with the same attribute would.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `autocomplete`: What a browser's autofill may fill in, as a platform token such as
+   * `country` or `cc-exp-month`, as on a native `<select>`.
+   *
+   * Set, the select keeps a hidden native `<select>` with the same options for
+   * the browser to fill, as React Aria's `HiddenSelect` does, and takes the
+   * option the browser picks, by its value or its words, as the value. Empty
+   * draws no hidden select, and a browser fills nothing.
    * - `empty-text`/`emptyText`: The text shown when no options match the filter.
    * - `filterable`: Whether the list can be narrowed by typing.
    *
@@ -74425,6 +75978,7 @@ export type CustomElementsSolidJs = {
    * - `listbox-loading`: The text shown while the options load.
    * - `listbox-search`: The region that holds the filter field.
    * - `listbox-search-field`: The filter field.
+   * - `live`: The region a screen reader announces a choice made on the closed trigger from, drawn once there is one to say. Visually hidden in the styled tier.
    * - `surface`: The floating panel.
    * - `trigger`: The closed control, which shows the chosen value.
    * - `value`: The chosen option's text inside the trigger.
@@ -75129,6 +76683,68 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixHeadlessSparkline>
   >;
 
+  /**
+   * A `group` of the dial's menu, named by its label, as React Aria's menu
+   * sections and Menu's groups are: a reader hears the name on entering the set,
+   * and the arrow keys walk through every group's actions in order, from the
+   * last action of one group to the first of the next.
+   *
+   * Put actions straight into the group, and the group straight into the dial.
+   * Anything else slotted here is drawn and is not an action.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: The group's name, drawn above its actions and read by screen readers.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: The group's actions.
+   * - `label`: The group's name, for content richer than the `label` text.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `group`: The set, which carries the `group` role.
+   * - `label`: The group's name, drawn above its actions while there is one.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-headless-speed-dial-group": Partial<
+    HelixHeadlessSpeedDialGroupProps &
+      HelixHeadlessSpeedDialGroupSolidJsProps &
+      BaseProps<HelixHeadlessSpeedDialGroup> &
+      BaseEvents<HelixHeadlessSpeedDialGroup>
+  >;
+
   /**
    * Each item is a command, so it has the `menuitem` role. A megamenu holds
    * destinations, so it is a disclosure of links. A speed dial holds actions,
@@ -75138,11 +76754,21 @@ export type CustomElementsSolidJs = {
    * `title` on an icon shows only on hover. Visible text is read, searched, and
    * translated like other text.
    *
+   * `shortcut` gives the action's keyboard shortcut as a chord, such as `mod+s`,
+   * the grammar Menu's rows use. The action carries it as `aria-keyshortcuts`
+   * and draws it after the name in the platform's glyphs or words, `⌘S` on an
+   * Apple keyboard and `Ctrl+S` elsewhere, as Menu draws its rows' shortcuts.
+   * Put a `Kbd` in the `shortcut` slot to draw it as keys instead; the dial
+   * imports no `Kbd` of its own. Showing a shortcut does not bind it.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `disabled`: Whether the action is disabled, so it cannot be chosen.
+   * - `shortcut`: The action's keyboard shortcut as a chord, such as `mod+s`, carried as
+   * `aria-keyshortcuts` and drawn after the name. `mod` is Command on an Apple
+   * keyboard and Control elsewhere. Showing a shortcut does not bind it.
    * - `value`: The action's value, sent in `helix-select` when the action is chosen.
    * - `active`: Whether the action has focus, which makes it the action the keyboard is on.
    *
@@ -75183,6 +76809,7 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The action's name.
    * - `icon`: The action's icon, the main way the action is recognized.
+   * - `shortcut`: The action's keyboard shortcut, drawn after its name, such as a `Kbd`. It replaces the text drawn for `shortcut`, and is hidden from the name, which `aria-keyshortcuts` carries instead.
    *
    * ## Methods
    *
@@ -75200,6 +76827,7 @@ export type CustomElementsSolidJs = {
    * - `icon`: The box that holds the icon.
    * - `item`: The control for the action.
    * - `label`: The action's name, beside the icon.
+   * - `shortcut`: The box after the name that holds the shortcut, shown while `shortcut` is set or something is in the `shortcut` slot.
    *
    * ## CSS States
    *
@@ -75235,12 +76863,47 @@ export type CustomElementsSolidJs = {
    * action whose name starts with it. The actions are one tab stop, and Tab
    * closes the dial and moves on.
    *
+   * **Keyboard.** On the trigger, Enter, Space or a press opens the dial on its
+   * first action. With the dial open:
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Down, Right | Moves to the next action, from the last back to the first. |
+   * | Up, Left | Moves to the action before, from the first round to the last. |
+   * | Home, End | Moves to the first or the last action. |
+   * | A letter | Moves to the next action whose name starts with it. |
+   * | Enter, Space | Chooses the action, and the dial closes. |
+   * | Escape | Closes the dial and puts focus back on the trigger. |
+   * | Tab | Closes the dial and moves on. |
+   *
+   * **Groups.** Put actions in `Speed Dial.Group`, named by its `label`, to set
+   * them apart as Menu's sections do: each is a `group` of the menu, and the
+   * arrow keys walk through every group's actions in order.
+   *
+   * **A trigger with its own action.** With `open-on="long-press"`, a press on
+   * the trigger is the trigger's own, such as composing a message, and holding it
+   * for half a second opens the dial, as React Aria's menu trigger does with
+   * `trigger="longPress"`. Alt+Down or Alt+Up opens it from the keyboard, and
+   * the trigger says so in its description, `long-press-label`, the drawn one
+   * and a slotted one alike. A press that has opened the dial does not also do
+   * the trigger's action.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: Accessible name for the trigger and the set of actions it opens.
+   * - `long-press-label`/`longPressLabel`: The description the trigger gives under `open-on="long-press"`, saying how
+   * its actions are reached.
+   *
+   * A slotted trigger is described by the dial, which carries the words as
+   * its own label for that: a Helix button's inner control at once, and a
+   * plain element of yours once a reader reaches it, after hydration, unless
+   * you described or labeled it yourself.
    * - `offset`: Space between the trigger and the actions, in pixels.
+   * - `open-on`/`openOn`: What opens the dial. `click` opens it on a press of the trigger. Under
+   * `long-press`, a press is the trigger's own action, and the dial opens on a
+   * press held for half a second, or on Alt+Down or Alt+Up.
    * - `placement`: The direction the actions open in. They move to another side if that side
    * does not fit.
    *
@@ -75344,8 +77007,9 @@ export type CustomElementsSolidJs = {
    * added at `firstUpdated` and is not in the server markup. Before it appears,
    * both dividers work on their own.
    *
-   * The divider has `role="separator"` and `aria-valuenow`, and `aria-controls`
-   * names the start pane. Drag it with a pointer or move it with the arrow keys,
+   * The divider has `role="separator"` and `aria-valuenow`, with
+   * `aria-valuetext` saying the start pane's share as a percentage in the
+   * reader's locale, and `aria-controls` names the start pane. Drag it with a pointer or move it with the arrow keys,
    * press `Home` or `End` to move it to its bounds, and press `Enter` to collapse
    * the start pane and open it again. A drag in progress is tracked as a state, so both dividers a
    * corner moves stay lit for as long as they move.
@@ -75482,13 +77146,14 @@ export type CustomElementsSolidJs = {
    * - `helix-before-resize`: Fired before the divider settles, and only when the gesture moved it. A press that moved nothing, a drag that came back, an arrow key with no room left, and a corner that moved only the other divider do not fire it. Cancelable: canceling it leaves the position to you and keeps the rest of the gesture, so a collapse the gesture reached still fires `helix-before-collapse`, which you can also cancel. A dragged divider stays where it was dropped until you set your own `position`.
    * - `helix-collapse`: Fired after a pane shuts or reopens, with the side that is shut, or empty where both are open.
    * - `helix-resized`: Fired after the divider settles somewhere new, with the new position.
-   * - `input`: Fired each time a drag moves the divider, before it settles, as a range input does while it is dragged. Read `position` for where it is now.
+   * - `input`: Fired each time the divider moves, as a range input does: on each step of a drag, and before `helix-resized` for a key, a double click or a corner. Read `position` for where it is now.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `end`: The pane after the divider.
+   * - `handle`: A mark drawn at the middle of the divider, such as a grip icon. It takes no focus and no pointer of its own: a press on it is a press on the divider.
    * - `start`: The pane before the divider.
    *
    * ## Methods
@@ -75524,7 +77189,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `collapsed`: While a pane is shut. `data-collapsed` on the host says which.
    * - `dragging`: While the pointer or a corner holds the divider.
+   * - `vertical`: While the panes are one above the other, whether `orientation` says so or `auto` turned them.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-splitter": Partial<
@@ -76191,7 +77858,9 @@ export type CustomElementsSolidJs = {
    *   table with no `TableColumn` heads its columns with.
    *
    * The role is on the host so the cell stays a child of its row in the flat
-   * tree, which keeps the table structure intact.
+   * tree, which keeps the table structure intact. In a `grid` table a value is
+   * a `gridcell`, and the table gives the cell a `tabindex` so focus can rest on
+   * it.
    *
    * ## Attributes & Properties
    *
@@ -76529,9 +78198,28 @@ export type CustomElementsSolidJs = {
    * 4. A chosen row takes `:state(selected)`, and a screen reader hears
    *    `selected-label` ("2 selected") from a polite region.
    *
-   * Tab reaches each checkbox, and Space ticks it. For a grid a reader moves
-   * through with the arrow keys, with typeahead and range selection, use
-   * `DataTable`. To act on one row, put a link or a button in a cell.
+   * Tab reaches each checkbox, and Space ticks it. To act on one row, put a
+   * link or a button in a cell, or give the row an `href`.
+   *
+   * **A grid.** `grid` makes the table one tab stop that the arrow keys move
+   * through cell by cell, the headings included, as React Aria's table is. The
+   * table is then a `grid` and each value a `gridcell`, and the table gives
+   * every cell a `tabindex` so focus can rest on it: set `grid` only where the
+   * cells may carry one. For typeahead and range selection, use `DataTable`.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |
+   * | Down, Up | Moves one row, the headings included. |
+   * | Home, End | Moves to the first or the last cell of the row. |
+   * | Control with Home or End | Moves to the first or the last cell of the table. |
+   * | Page Down, Page Up | Moves by the rows that fit in view. |
+   * | Enter, F2 | Moves into the cell's links and controls. Escape or F2 moves back to the cell, and Tab moves between the controls of one cell. |
+   * | Enter on a cell of a row with `href` | Follows the row's link. |
+   * | Enter, Space on a sortable heading | Sorts by the column. |
+   * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
+   * | Control or Command with A | Selects every row, in a `selectable` table. |
+   * | Tab | Leaves the table. |
    *
    * The CSS custom properties listed for this component are written by it and
    * read by the stylesheet that draws it. Do not set them. Each holds a number
@@ -76575,6 +78263,13 @@ export type CustomElementsSolidJs = {
    * is set.
    * - `default-sort`/`defaultSort`: The starting sort order, used until `sort` is set.
    * - `descending-label`/`descendingLabel`: The word for a descending sort, in `sorted-label`.
+   * - `grid`: Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
+   * Page keys move focus between its cells, the headings included. Enter moves
+   * into a cell's controls, and Tab leaves the table.
+   *
+   * Off by default, where the table is a static `table` and Tab reaches each
+   * link and control in it. On, the table writes a `tabindex` onto each of its
+   * cells, which is the one way a cell of your markup can take focus.
    * - `label`: Accessible name for the table.
    *
    * An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -76676,6 +78371,8 @@ export type CustomElementsSolidJs = {
    * - `checkbox-mark-dash`: Added to `checkbox-mark` while it draws the dash, which it keeps until its box is checked.
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
    * - `empty`: The text shown when there are no rows.
+   * - `grid-end`: An empty box after the rows, in a `grid` table. Tab focuses it on its way out of the table, so the key leaves from the end.
+   * - `grid-start`: An empty box before the rows, in a `grid` table. Shift with Tab focuses it on its way out of the table.
    * - `head`: The row that holds the column headings. It has `display: contents`, so it takes no space of its own.
    * - `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 rows are loading.
@@ -76709,7 +78406,8 @@ export type CustomElementsSolidJs = {
    * of the row's own, and Control, Command or Shift open it the way they open a
    * link. A drag that selects text follows nothing. A row in a table is not a
    * stop of its own, so put the same link in a cell, usually the row header,
-   * which is what the keyboard and a screen reader reach.
+   * which is what the keyboard and a screen reader reach. In a `grid` table,
+   * Enter on any cell of the row follows it as well.
    *
    * ## Attributes & Properties
    *
@@ -78362,6 +80060,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: While no time is chosen.
    * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -78588,7 +80287,8 @@ export type CustomElementsSolidJs = {
    *
    * **Each item runs its own timer.** A timer held by the region would restart
    * with each new message, and the last of three messages would stay for nine
-   * seconds.
+   * seconds. It pauses while the pointer or focus is on the message, and while
+   * the page is hidden, so a message is not spent in a background tab.
    *
    * **Each message is an `alertdialog` named by its words**, which is how a reader
    * who moves into the stack hears which message they are on. Give it a
@@ -79266,6 +80966,10 @@ export type CustomElementsSolidJs = {
    * focus counts as a control, including your own elements. A child that takes no
    * focus, such as a divider, is skipped. A menu is reached at its trigger.
    *
+   * A Divider in the toolbar is a separator across the toolbar's axis, as React
+   * Aria's is: vertical in a horizontal toolbar and horizontal in a vertical
+   * one, without an `orientation` of its own.
+   *
    * Controls inside a plain wrapper, such as a `Button Group`, are each a stop
    * of the toolbar's own, as React Aria's toolbar flattens a group: the arrows
    * walk through the group's buttons and on past it, and the group takes no tab
@@ -79274,6 +80978,28 @@ export type CustomElementsSolidJs = {
    * The arrows wrap from the last control to the first. Set `stop-at-ends` to
    * keep them at the ends, as Radix's `loop` set to false does.
    *
+   * **Keyboard.** Tab enters the toolbar on the control that last had focus, the
+   * first control at the start, and the next Tab leaves it.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Right | Moves to the next control in a horizontal toolbar, from the last back to the first. |
+   * | Left | Moves to the control before in a horizontal toolbar, from the first round to the last. |
+   * | Down, Up | The same in a vertical toolbar. |
+   * | Home, End | Moves to the first or the last control. |
+   *
+   * Left and Right swap on a right-to-left page, where the first control is on
+   * the right. The arrows across the toolbar's axis are left to the control that
+   * has focus, so a radio-style toggle group or a select answers them itself.
+   * The toolbar is `role="toolbar"` with `aria-orientation`, named by `label`.
+   *
+   * The stop moves through a control's own `focusable` property where it has
+   * one, as Button, Select and Toggle Group do. A control without one has
+   * `tabindex` written on the element that takes focus: a native element
+   * itself, or the control inside a custom element's open shadow root, so the
+   * host keeps the markup you rendered. Only a custom element whose shadow root
+   * is closed takes it on the host.
+   *
    * A toggle group of pressed buttons, `selection-mode="multiple"`, is walked
    * through the same way, each toggle a stop on the toolbar's axis, as React
    * Aria's toolbar walks its toggle buttons. Another nested composite, such as a
@@ -79337,6 +81063,9 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `horizontal`: The controls run along a row, which is the default.
+   * - `nested`: The toolbar is a group inside another toolbar, which owns the keys and the tab stop.
+   * - `vertical`: The controls run down a column, under `orientation="vertical"`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-toolbar": Partial<
@@ -81143,6 +82872,14 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `ended`: Playback reached the end, until it starts again or the source changes.
+   * - `error`: The source could not be played, and `failure` shows.
+   * - `fullscreen`: The player fills the screen.
+   * - `idle`: The video plays and the user has been still for `idle-delay`, so the bar hides.
+   * - `muted`: The sound is off.
+   * - `paused`: Playback is paused, which is where every player starts.
+   * - `playing`: Playback runs, waiting for data included.
+   * - `waiting`: Playback stopped to wait for more data, and `loading` shows.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-video": Partial<
@@ -81368,6 +83105,8 @@ export type CustomCssProperties = {
   "--bar-chart-secondary"?: (string) | undefined;
   /** The gradient for a bar, named per bar so the styled tier can use it as the `fill`. It is always drawn, and used only when `wash="gradient"` is set. */
   "--chart-bar-wash"?: (string) | undefined;
+  /** Written on the control inside each toggle button of a group with `selection-mode`: `1` while it is pressed and `0` while it is not. Read it in a `::part(button)` rule to draw the pressed look. */
+  "--button-group-pressed"?: (string) | undefined;
   /** Space between slides. Your stylesheet sets it, and the component uses it to measure the run. */
   "--carousel-gap"?: (string) | undefined;
   /** The size of one pane. Your stylesheet sets it, and the component uses it to measure the run. */