@fusion.dev/helix 0.147.0 → 0.148.0

package/types/jsx.d.ts

@@ -202,6 +202,7 @@ import type {
   HelixSortedEvent,
   HelixSparkline,
   HelixSpeedDial,
+  HelixSpeedDialGroup,
   HelixSpeedDialItem,
   HelixSplitEvent,
   HelixSplitter,
@@ -873,6 +874,22 @@ would catch. */
 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?: (HelixAnnouncement["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?: (HelixAnnouncement["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?: (HelixAnnouncement["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?: (HelixAnnouncement["queued"]) | undefined;
   /** The band's color.
 
 Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -937,6 +954,22 @@ would catch. */
 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"?: (HelixAnnouncement["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"?: (HelixAnnouncement["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"?: (HelixAnnouncement["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"?: (HelixAnnouncement["queued"]) | undefined;
   /** The band's color.
 
 Paint only: unlike `Callout`, no value here draws a mark, changes the label,
@@ -2422,13 +2455,35 @@ second scale stack among themselves. */
 };
 
 export type HelixBlockquoteProps = {
-  /** 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?: (HelixBlockquote["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?: (HelixBlockquote["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?: (HelixBlockquote["marks"]) | undefined;
 };
 
 export type HelixBlockquoteSolidJsProps = {
-  /** 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"?: (HelixBlockquote["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"?: (HelixBlockquote["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"?: (HelixBlockquote["marks"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -2578,7 +2633,20 @@ attribute would put the whole path into the markup twice. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixButtonGroup` component event */
+export type HelixButtonGroupElementEvent<E = Event> = TypedEvent<
+  HelixButtonGroup,
+  E
+>;
+/** `helix-before-change` event type */
+export type HelixButtonGroupHelixBeforeChangeElementEvent =
+  HelixButtonGroupElementEvent<HelixBeforeChangeEvent>;
+
 export type HelixButtonGroupProps = {
+  /** The size of every button in the group: their height, text, padding and
+icons, from the density steps. Unset, the buttons take the size of the
+region around the group. */
+  size?: (HelixButtonGroup["size"]) | undefined;
   /** Whether the buttons are one bar or a spaced row.
 
 Joined by default: one control made of parts, sharing borders, reading as a
@@ -2612,9 +2680,38 @@ 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?: (HelixButtonGroup["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"?: (HelixButtonGroup["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?: (HelixButtonGroup["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?: (HelixButtonGroup["value"]) | undefined;
+
+  /** Fired after a press changes `value`, in a selection mode. */
+  onchange?: ((e: HelixButtonGroupElementEvent) => 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: HelixButtonGroupHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixButtonGroupSolidJsProps = {
+  /** The size of every button in the group: their height, text, padding and
+icons, from the density steps. Unset, the buttons take the size of the
+region around the group. */
+  "prop:size"?: (HelixButtonGroup["size"]) | undefined;
   /** Whether the buttons are one bar or a spaced row.
 
 Joined by default: one control made of parts, sharing borders, reading as a
@@ -2648,6 +2745,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"?: (HelixButtonGroup["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"?: (HelixButtonGroup["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"?: (HelixButtonGroup["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"?: (HelixButtonGroup["value"]) | undefined;
+  /** Fired after a press changes `value`, in a selection mode. */
+  "on:change"?: ((e: HelixButtonGroupElementEvent) => 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: HelixButtonGroupHelixBeforeChangeElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -3827,6 +3948,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?: (HelixCanvas["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"?: (HelixCanvas["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?: (HelixCanvas["movedLabel"]) | undefined;
   /** The order the arrow keys and screen readers move through the cards:
 `spatial` or `edges`.
 
@@ -3867,6 +4002,14 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   reconnectingLabel?: (HelixCanvas["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"?: (HelixCanvas["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?: (HelixCanvas["resizedLabel"]) | undefined;
   /** The names of the selected cards and connections, comma separated. Empty
 when nothing is selected.
 
@@ -3887,6 +4030,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?: (HelixCanvas["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"?: (HelixCanvas["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?: (HelixCanvas["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"?: (HelixCanvas["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?: (HelixCanvas["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?: (HelixCanvas["snap"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
   "stopped-label"?: (HelixCanvas["stoppedLabel"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
@@ -3909,6 +4089,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?: (HelixCanvas["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"?: (HelixCanvas["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?: (HelixCanvas["zoomedLabel"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -4199,6 +4385,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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["movedLabel"]) | undefined;
   /** The order the arrow keys and screen readers move through the cards:
 `spatial` or `edges`.
 
@@ -4239,6 +4439,14 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   "prop:reconnectingLabel"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["resizedLabel"]) | undefined;
   /** The names of the selected cards and connections, comma separated. Empty
 when nothing is selected.
 
@@ -4259,6 +4467,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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["snap"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
   "attr:stopped-label"?: (HelixCanvas["stoppedLabel"]) | undefined;
   /** The text announced when a connection is stopped before it is requested. */
@@ -4281,6 +4526,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"?: (HelixCanvas["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"?: (HelixCanvas["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"?: (HelixCanvas["zoomedLabel"]) | undefined;
   /** The board's current view: the document's point at the middle of the view,
 and the zoom.
 
@@ -6576,16 +6827,18 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   expandLabel?: (HelixCodeBlock["expandLabel"]) | undefined;
-  /** The 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?: (HelixCodeBlock["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?: (HelixCodeBlock["language"]) | undefined;
   /** Whether the lines are numbered in a gutter beside the code.
 
@@ -6715,16 +6968,18 @@ block lays out. Not for a diff, whose files each scroll on their own. */
   "attr:expand-label"?: (HelixCodeBlock["expandLabel"]) | undefined;
   /** The expand button's words while the cap hides lines. */
   "prop:expandLabel"?: (HelixCodeBlock["expandLabel"]) | undefined;
-  /** The 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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["language"]) | undefined;
   /** Whether the lines are numbered in a gutter beside the code.
 
@@ -8091,12 +8346,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?: (HelixCombobox["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?: (HelixCombobox["autocomplete"]) | undefined;
   /** Whether the user can add a value that is not in the list.
 
@@ -8135,12 +8397,14 @@ every keystroke. See Listbox's `filter-delay`. */
   /** The list's name, read by screen readers. The list has no visible name. */
   listLabel?: (HelixCombobox["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"?: (HelixCombobox["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?: (HelixCombobox["loadError"]) | undefined;
   /** Whether the options are still loading.
 
@@ -8223,6 +8487,12 @@ two. */
 options. `{count}` is the count, and `Intl.PluralRules` picks between the
 two. */
   resultsLabel?: (HelixCombobox["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"?: (HelixCombobox["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?: (HelixCombobox["selectedLabel"]) | undefined;
   /** Whether the field completes the word as the user types.
 
 `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -8387,12 +8657,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"?: (HelixCombobox["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"?: (HelixCombobox["autocomplete"]) | undefined;
   /** Whether the user can add a value that is not in the list.
 
@@ -8431,12 +8708,14 @@ every keystroke. See Listbox's `filter-delay`. */
   /** The list's name, read by screen readers. The list has no visible name. */
   "prop:listLabel"?: (HelixCombobox["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"?: (HelixCombobox["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"?: (HelixCombobox["loadError"]) | undefined;
   /** Whether the options are still loading.
 
@@ -8519,6 +8798,12 @@ two. */
 options. `{count}` is the count, and `Intl.PluralRules` picks between the
 two. */
   "prop:resultsLabel"?: (HelixCombobox["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"?: (HelixCombobox["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"?: (HelixCombobox["selectedLabel"]) | undefined;
   /** Whether the field completes the word as the user types.
 
 `suggest` rather than `autocomplete`, which is a real HTML attribute this
@@ -8652,12 +8937,14 @@ with: one key, said once. */
   /** Accessible name for the overlay, which has no visible heading. */
   label?: (HelixCommand["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"?: (HelixCommand["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?: (HelixCommand["loadError"]) | undefined;
   /** Whether the commands are still loading, for a palette that asks a server
 for them as the user types.
@@ -8748,12 +9035,14 @@ with: one key, said once. */
   /** Accessible name for the overlay, which has no visible heading. */
   "prop:label"?: (HelixCommand["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"?: (HelixCommand["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"?: (HelixCommand["loadError"]) | undefined;
   /** Whether the commands are still loading, for a palette that asks a server
 for them as the user types.
@@ -11260,6 +11549,10 @@ item finds them once it runs, and the served markup wraps them until then. */
 };
 
 export type HelixDescriptionListProps = {
+  /** Draws a rule between one pair and the next, in the middle of the gap, as
+a details panel with many rows often does. Off by default, where space
+alone separates the pairs. */
+  divided?: (HelixDescriptionList["divided"]) | undefined;
   /** Where the values sit, beside their labels.
 
 Absent, each value starts right after the label column. `between` sets it on
@@ -11304,6 +11597,10 @@ makes the list a named group. */
 };
 
 export type HelixDescriptionListSolidJsProps = {
+  /** Draws a rule between one pair and the next, in the middle of the gap, as
+a details panel with many rows often does. Off by default, where space
+alone separates the pairs. */
+  "prop:divided"?: (HelixDescriptionList["divided"]) | undefined;
   /** Where the values sit, beside their labels.
 
 Absent, each value starts right after the label column. `between` sets it on
@@ -11691,20 +11988,23 @@ Absent is the middle. `start` and `end` move it toward one end, with a
 short length of line, `--divider-content-offset`, kept before or after it.
 A divider with nothing set into it is one line whatever this says. */
   contentPlacement?: (HelixDivider["contentPlacement"]) | undefined;
-  /** 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?: (HelixDivider["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?: (HelixDivider["decorative"]) | undefined;
+  /** The direction the line runs: `horizontal` or `vertical`.
+
+Unset is horizontal, or across the toolbar the divider sits in. */
   orientation?: (HelixDivider["orientation"]) | undefined;
 };
 
@@ -11721,20 +12021,23 @@ Absent is the middle. `start` and `end` move it toward one end, with a
 short length of line, `--divider-content-offset`, kept before or after it.
 A divider with nothing set into it is one line whatever this says. */
   "prop:contentPlacement"?: (HelixDivider["contentPlacement"]) | undefined;
-  /** 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"?: (HelixDivider["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"?: (HelixDivider["decorative"]) | undefined;
+  /** The direction the line runs: `horizontal` or `vertical`.
+
+Unset is horizontal, or across the toolbar the divider sits in. */
   "prop:orientation"?: (HelixDivider["orientation"]) | undefined;
 
   /** Set the innerHTML of the element */
@@ -13747,6 +14050,14 @@ few characters and a date is not. */
   elapsed?: (HelixFormatDate["elapsed"]) | undefined;
   /** How the era is written, such as AD, where a date is shown. */
   era?: (HelixFormatDate["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?: (HelixFormatDate["fields"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -13853,6 +14164,14 @@ few characters and a date is not. */
   "prop:elapsed"?: (HelixFormatDate["elapsed"]) | undefined;
   /** How the era is written, such as AD, where a date is shown. */
   "prop:era"?: (HelixFormatDate["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"?: (HelixFormatDate["fields"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -14786,6 +15105,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?: (HelixHeatmap["rows"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "selected-label"?: (HelixHeatmap["selectedLabel"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  selectedLabel?: (HelixHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes, with `{count}` for
 how many cells are selected. */
   "selection-label"?: (HelixHeatmap["selectionLabel"]) | undefined;
@@ -14937,6 +15264,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"?: (HelixHeatmap["rows"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "attr:selected-label"?: (HelixHeatmap["selectedLabel"]) | undefined;
+  /** What the readout adds for a selected cell, under `selection-mode`, after
+where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
+nothing. */
+  "prop:selectedLabel"?: (HelixHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes, with `{count}` for
 how many cells are selected. */
   "attr:selection-label"?: (HelixHeatmap["selectionLabel"]) | undefined;
@@ -17721,12 +18056,16 @@ and this one was the English a form in another language still spoke in
 the bubble it raises on submit: `feedback` replaces the message under
 the field and does not reach that one. */
   valueMissingMessage?: (HelixListbox["valueMissingMessage"]) | undefined;
-  /** 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?: (HelixListbox["autocomplete"]) | undefined;
   /** The filter text the list starts with, when `filter` is not set. */
   "default-filter"?: (HelixListbox["defaultFilter"]) | undefined;
@@ -17766,14 +18105,27 @@ act on the list the reader expects. */
   "filter-label"?: (HelixListbox["filterLabel"]) | undefined;
   /** Placeholder text for the filter field. */
   filterLabel?: (HelixListbox["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?: (HelixListbox["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"?: (HelixListbox["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. */
@@ -17817,6 +18169,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?: (HelixListbox["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"?: (HelixListbox["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?: (HelixListbox["selectedLabel"]) | undefined;
   /** Whether the control is disabled and cannot be used.
 
 Reflected, because the styled tier selects on it, and mirrored to
@@ -17843,6 +18201,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixListbox["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?: (HelixListbox["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
@@ -17931,12 +18306,16 @@ and this one was the English a form in another language still spoke in
 the bubble it raises on submit: `feedback` replaces the message under
 the field and does not reach that one. */
   "prop:valueMissingMessage"?: (HelixListbox["valueMissingMessage"]) | undefined;
-  /** 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"?: (HelixListbox["autocomplete"]) | undefined;
   /** The filter text the list starts with, when `filter` is not set. */
   "attr:default-filter"?: (HelixListbox["defaultFilter"]) | undefined;
@@ -17976,14 +18355,27 @@ act on the list the reader expects. */
   "attr:filter-label"?: (HelixListbox["filterLabel"]) | undefined;
   /** Placeholder text for the filter field. */
   "prop:filterLabel"?: (HelixListbox["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"?: (HelixListbox["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"?: (HelixListbox["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. */
@@ -18027,6 +18419,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"?: (HelixListbox["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"?: (HelixListbox["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"?: (HelixListbox["selectedLabel"]) | undefined;
   /** Whether the control is disabled and cannot be used.
 
 Reflected, because the styled tier selects on it, and mirrored to
@@ -18053,6 +18451,23 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixListbox["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"?: (HelixListbox["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
@@ -20901,6 +21316,20 @@ say that without the component knowing what a row looks like. */
   loadingText?: (HelixNotifications["loadingText"]) | undefined;
   /** The feed's name, read by screen readers. */
   label?: (HelixNotifications["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"?: (HelixNotifications["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?: (HelixNotifications["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"?: (HelixNotifications["loadMore"]) | undefined;
@@ -20953,6 +21382,20 @@ say that without the component knowing what a row looks like. */
   "prop:loadingText"?: (HelixNotifications["loadingText"]) | undefined;
   /** The feed's name, read by screen readers. */
   "prop:label"?: (HelixNotifications["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"?: (HelixNotifications["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"?: (HelixNotifications["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"?: (HelixNotifications["loadMore"]) | undefined;
@@ -25794,6 +26237,14 @@ and this one was the English a form in another language still spoke in
 the bubble it raises on submit: `feedback` replaces the message under
 the field and does not reach that one. */
   valueMissingMessage?: (HelixSelect["valueMissingMessage"]) | undefined;
+  /** 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?: (HelixSelect["autocomplete"]) | undefined;
   /** The text shown when no options match the filter. */
   "empty-text"?: (HelixSelect["emptyText"]) | undefined;
   /** The text shown when no options match the filter. */
@@ -26017,6 +26468,14 @@ and this one was the English a form in another language still spoke in
 the bubble it raises on submit: `feedback` replaces the message under
 the field and does not reach that one. */
   "prop:valueMissingMessage"?: (HelixSelect["valueMissingMessage"]) | undefined;
+  /** 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"?: (HelixSelect["autocomplete"]) | undefined;
   /** The text shown when no options match the filter. */
   "attr:empty-text"?: (HelixSelect["emptyText"]) | undefined;
   /** The text shown when no options match the filter. */
@@ -27022,6 +27481,21 @@ not. */
   textContent?: (string | number) | undefined;
 };
 
+export type HelixSpeedDialGroupProps = {
+  /** The group's name, drawn above its actions and read by screen readers. */
+  label?: (HelixSpeedDialGroup["label"]) | undefined;
+};
+
+export type HelixSpeedDialGroupSolidJsProps = {
+  /** The group's name, drawn above its actions and read by screen readers. */
+  "prop:label"?: (HelixSpeedDialGroup["label"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixSpeedDialItem` component event */
 export type HelixSpeedDialItemElementEvent<E = Event> = TypedEvent<
   HelixSpeedDialItem,
@@ -27034,6 +27508,10 @@ export type HelixSpeedDialItemHelixSelectElementEvent =
 export type HelixSpeedDialItemProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   disabled?: (HelixSpeedDialItem["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?: (HelixSpeedDialItem["shortcut"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   value?: (HelixSpeedDialItem["value"]) | undefined;
 
@@ -27044,6 +27522,10 @@ export type HelixSpeedDialItemProps = {
 export type HelixSpeedDialItemSolidJsProps = {
   /** Whether the action is disabled, so it cannot be chosen. */
   "prop:disabled"?: (HelixSpeedDialItem["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"?: (HelixSpeedDialItem["shortcut"]) | undefined;
   /** The action's value, sent in `helix-select` when the action is chosen. */
   "prop:value"?: (HelixSpeedDialItem["value"]) | undefined;
   /** The action was chosen. Cancelable: cancel it to keep the dial open. */
@@ -27098,8 +27580,32 @@ the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixSpeedDial["open"]) | undefined;
   /** Accessible name for the trigger and the set of actions it opens. */
   label?: (HelixSpeedDial["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"?: (HelixSpeedDial["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?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   offset?: (HelixSpeedDial["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"?: (HelixSpeedDial["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?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
 
@@ -27146,8 +27652,32 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "prop:open"?: (HelixSpeedDial["open"]) | undefined;
   /** Accessible name for the trigger and the set of actions it opens. */
   "prop:label"?: (HelixSpeedDial["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"?: (HelixSpeedDial["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"?: (HelixSpeedDial["longPressLabel"]) | undefined;
   /** Space between the trigger and the actions, in pixels. */
   "prop:offset"?: (HelixSpeedDial["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"?: (HelixSpeedDial["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"?: (HelixSpeedDial["openOn"]) | undefined;
   /** The direction the actions open in. They move to another side if that side
 does not fit.
 
@@ -27337,7 +27867,7 @@ The arrow keys move by `step` and do not snap. */
   "onhelix-collapse"?: ((e: HelixSplitterHelixCollapseElementEvent) => void) | undefined;
   /** Fired after the divider settles somewhere new, with the new position. */
   "onhelix-resized"?: ((e: HelixSplitterHelixResizedElementEvent) => 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: HelixSplitterElementEvent) => void) | undefined;
 };
 
@@ -27489,7 +28019,7 @@ The arrow keys move by `step` and do not snap. */
   "on:helix-collapse"?: ((e: HelixSplitterHelixCollapseElementEvent) => void) | undefined;
   /** Fired after the divider settles somewhere new, with the new position. */
   "on:helix-resized"?: ((e: HelixSplitterHelixResizedElementEvent) => 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: HelixSplitterElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
@@ -28522,6 +29052,14 @@ is set. */
   "descending-label"?: (HelixTable["descendingLabel"]) | undefined;
   /** The word for a descending sort, in `sorted-label`. */
   descendingLabel?: (HelixTable["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?: (HelixTable["grid"]) | undefined;
   /** Accessible name for the table.
 
 An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -28643,6 +29181,14 @@ is set. */
   "attr:descending-label"?: (HelixTable["descendingLabel"]) | undefined;
   /** The word for a descending sort, in `sorted-label`. */
   "prop:descendingLabel"?: (HelixTable["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"?: (HelixTable["grid"]) | undefined;
   /** Accessible name for the table.
 
 An `aria-label` or `aria-labelledby` on the host names the table too, and
@@ -31769,6 +32315,9 @@ Written by the group, like `selected`, so no attribute. */
 };
 
 export type HelixToolbarProps = {
+  /** The size of every control in the toolbar: their height, icons, boxes and
+tags. Unset is the small size, as a toolbar is dense by nature. */
+  size?: (HelixToolbar["size"]) | undefined;
   /** The toolbar's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the toolbar too,
@@ -31785,6 +32334,9 @@ wrap around from one end to the other. */
 };
 
 export type HelixToolbarSolidJsProps = {
+  /** The size of every control in the toolbar: their height, icons, boxes and
+tags. Unset is the small size, as a toolbar is dense by nature. */
+  "prop:size"?: (HelixToolbar["size"]) | undefined;
   /** The toolbar's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the toolbar too,
@@ -34748,6 +35300,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,
@@ -34837,6 +35402,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-announcement": Partial<
@@ -35168,6 +35734,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
    *
@@ -36081,6 +36650,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
    *
@@ -36150,14 +36722,24 @@ export type CustomElements = {
 
   /**
    * Set in the display face, larger than body text, to mark a change of voice. No
-   * quotation marks are drawn, because the size and spacing already set the
-   * passage apart.
+   * quotation marks are drawn by default, because the size and spacing already
+   * set the passage apart. `marks` draws one large opening mark over the passage,
+   * as a pull quote sets it, in the element's language.
    *
    * ## Attributes & Properties
    *
    * 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
@@ -36184,28 +36766,33 @@ 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 Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--blockquote-attribution-color`: The color of the attribution.
+   * - `--blockquote-attribution-font-family`: The typeface of the attribution, the page's by default.
+   * - `--blockquote-attribution-font-weight`: The weight of the attribution, the page's by default.
    * - `--blockquote-attribution-size`: The font size of the attribution.
    * - `--blockquote-color`: The color of the quoted passage.
    * - `--blockquote-font-family`: The typeface of the quoted passage, the display face by default.
    * - `--blockquote-font-weight`: The weight of the quoted passage, medium by default.
    * - `--blockquote-gap`: The space between the passage and its attribution.
+   * - `--blockquote-letter-spacing`: The letter spacing of the quoted passage, the tight tracking by default.
    * - `--blockquote-line-height`: The line height of the quoted passage, the tight leading by default.
+   * - `--blockquote-mark-color`: The color of the mark `marks` draws, the subtle foreground by default.
+   * - `--blockquote-mark-size`: The font size of the mark `marks` draws.
    * - `--blockquote-size`: The font size of the quoted passage.
    *
    * ## 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
    *
@@ -36408,18 +36995,28 @@ export type CustomElements = {
    * Joins the buttons into one shape: the outer corners keep their radius, the
    * inner corners lose it, and adjacent borders collapse into one line.
    *
-   * The joining rule is in the base layer, paired with `data-button` like the
-   * button's own box, because the corner is on the control inside each button's
-   * shadow root, where this component's styles cannot reach. The same rule works
-   * for your own anchor styled as a button.
+   * A Helix button's corners are on the control inside its shadow root, where
+   * this component's styles cannot reach, so the group flattens them through the
+   * button's own `--button-radius-*` hooks. A native `<button>` and your own
+   * anchor styled with `data-button` join through rules in the base layer,
+   * because a page rule setting their radius would beat any rule in here.
+   *
+   * The buttons take their height from the region, so `size` makes every
+   * button in the group smaller or larger together, as `data-density` on the
+   * group does, and a button's own size still wins. A native `<button>` in a
+   * sized group takes the height and the text size.
    *
-   * The buttons take their height from the region, so set `data-density` on the
-   * group to make every button in it smaller or larger together.
+   * With `selection-mode`, a pressed button takes the solid fill:
+   * `--button-group-pressed-background-color` behind it and
+   * `--button-group-pressed-color` for its words, set on the group or above it.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `size`: The size of every button in the group: their height, text, padding and
+   * icons, from the density steps. Unset, the buttons take the size of the
+   * region around the group.
    * - `variant`: Whether the buttons are one bar or a spaced row.
    *
    * Joined by default: one control made of parts, sharing borders, reading as a
@@ -36450,6 +37047,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
@@ -36471,6 +37078,13 @@ 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.
@@ -36482,6 +37096,10 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--button-group-gap`: Space between the buttons, when `spaced`.
+   * - `--button-group-pressed-background-color`: Fill behind a pressed button, in a selection mode. Defaults to the foreground color.
+   * - `--button-group-pressed-border-color`: Edge of a pressed button, in a selection mode. Defaults to its fill.
+   * - `--button-group-pressed-color`: Words and icons of a pressed button, in a selection mode. Defaults to the background color.
+   * - `--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
    *
@@ -37032,6 +37650,9 @@ export type CustomElements = {
    * Before the board places it, the card sits in normal flow. Without JavaScript,
    * the page shows the cards' text in the order it was written.
    *
+   * On a touch screen, the points and corners of the card with focus take a
+   * reach 44 pixels across, so a finger can start a connection from one.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -37140,7 +37761,9 @@ export type CustomElements = {
    * - `--canvas-move-inset`: The distance between the move handle and the card's corner.
    * - `--canvas-node-background-color`: The card's background.
    * - `--canvas-node-color`: A color for the card that carries no meaning, such as a hex color from a document. Use it when no tone fits.
+   * - `--canvas-node-font-size`: The size of the card's text.
    * - `--canvas-node-padding`: The space between the card's edge and its content.
+   * - `--canvas-node-radius`: The card's corners. A `shape` draws its own.
    * - `--canvas-node-shadow`: The shadow under the card, set by `separation="elevated"`.
    *
    * ## CSS Parts
@@ -37319,6 +37942,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`.
    *
@@ -37344,6 +37973,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.
    *
@@ -37363,6 +37995,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"}`.
@@ -37372,6 +38024,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.
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -37428,7 +38082,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
    *
@@ -37463,11 +38124,17 @@ export type CustomElements = {
    * - `--canvas-background-color`: The background behind the board.
    * - `--canvas-block-size`: The height of the frame.
    * - `--canvas-border-color`: The color of the frame's edge.
+   * - `--canvas-connect-color`: The color of a connection being drawn, and of the card it will arrive at and that card's points.
    * - `--canvas-edge-color`: The color of a connection with no tone. Set it in one edge's `style` to color only that edge.
    * - `--canvas-edge-target-width`: The width of the area a pointer can press on a connection, which is wider than the drawn line.
+   * - `--canvas-edge-width`: The width of a connection's line. A selected or focused connection is drawn at twice it.
    * - `--canvas-grid-size`: The spacing of the grid lines or dots, in the document's units, so it scales with the zoom.
    * - `--canvas-handle-size`: The size of the ends of a selected connection. A card's connection points use the same property.
+   * - `--canvas-label-color`: The color of the label on a connection.
    * - `--canvas-label-editor-inline-size`: The width of the field for editing a label.
+   * - `--canvas-label-font-size`: The size of the label on a connection.
+   * - `--canvas-radius`: The frame's corners.
+   * - `--canvas-selected-color`: The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. `Map` uses the same property.
    *
    * ## CSS Parts
@@ -37645,8 +38312,12 @@ export type CustomElements = {
    * - `--card-background-color`: Surface behind the card.
    * - `--card-border-color`: Border color of the surface.
    * - `--card-border-width`: Width of the surface's edge. Follows `--helix-border-surface`, which is a hairline unless your theme sets another width. The edge is what sets the surface apart.
+   * - `--card-color`: Color of the card's text. Muted by default, so the header reads as the card's own voice.
    * - `--card-gap`: Space between the regions, and between a header or footer and its actions.
+   * - `--card-heading-color`: Color of the header, and of a `Text` heading anywhere in the card. The foreground by default.
+   * - `--card-line-height`: Line height of the card's text. The normal leading by default.
    * - `--card-media-block-size`: Height of the media region. Defaults to `auto`, which follows an image's own proportions. A chart has no height of its own, so set one here for a chart.
+   * - `--card-media-fit`: How a slotted picture fills the media region, as `object-fit`. `cover` by default; `contain` shows all of a logo or a screenshot.
    * - `--card-media-size`: Width of the media column when horizontal.
    * - `--card-padding`: Inset applied to each region.
    * - `--card-radius`: Corner radius of the surface.
@@ -39045,15 +39716,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
@@ -39136,14 +39809,21 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--code-block-added-color`: The color a diff's added lines are tinted in and their `+` is drawn in. The success color by default.
    * - `--code-block-backdrop`: A backdrop filter for the block and its header, for a translucent background.
    * - `--code-block-background-color`: The background behind the code. Set it for a block that sits on a surface other than the page background.
    * - `--code-block-border-color`: The line around the block and its header.
+   * - `--code-block-color`: The color of the code. A highlighter's own colors win on the tokens it colors.
    * - `--code-block-expand-color`: The color of the button under a capped block that shows every line.
+   * - `--code-block-font-family`: The typeface of the code and its line numbers. The mono face by default.
+   * - `--code-block-font-size`: The size of the code and its line numbers.
    * - `--code-block-gutter-color`: The color of the line numbers.
    * - `--code-block-header-background-color`: The background behind the name. The default is `surface-raised`.
+   * - `--code-block-label-color`: The color of the name in the header.
+   * - `--code-block-line-height`: The line height of the code and its line numbers, as a number or a length.
    * - `--code-block-max-block-size`: The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit.
    * - `--code-block-radius`: The corner radius of the header's top and the block's bottom, which form one shape.
+   * - `--code-block-removed-color`: The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default.
    *
    * ## CSS Parts
    *
@@ -39176,7 +39856,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.
@@ -40031,12 +40711,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
@@ -40055,8 +40742,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
@@ -40100,6 +40788,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
@@ -40302,6 +40992,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.
@@ -40317,8 +41008,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.
@@ -40363,8 +41056,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.
    *
@@ -41881,6 +42575,7 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--description-list-actions-gap`: The space between the value and the controls in `actions`.
+   * - `--description-list-item-align`: How a label and its value line up beside each other, as `align-items`. Defaults to `baseline`; `center` suits a value taller than a line, such as an avatar.
    * - `--description-list-item-gap`: The space between a label and its value when the label sits over it.
    * - `--description-list-label-color`: The color of a label.
    * - `--description-list-label-font-size`: The size of a label's text.
@@ -41891,6 +42586,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.
    *
@@ -41898,6 +42594,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-description-list-item": Partial<
@@ -41921,10 +42618,16 @@ export type CustomElements = {
    * wide as its widest pair, labels sit on the start edge, and values sit on the
    * end edge in tabular figures, as in a set of totals.
    *
+   * **For a rule between pairs, set `divided`.** The rule sits in the middle of
+   * the gap, so the pairs keep the same room on either side of it.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `divided`: Draws a rule between one pair and the next, in the middle of the gap, as
+   * a details panel with many rows often does. Off by default, where space
+   * alone separates the pairs.
    * - `justify`: Where the values sit, beside their labels.
    *
    * Absent, each value starts right after the label column. `between` sets it on
@@ -42002,7 +42705,10 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--description-list-column-gap`: The space between the column of labels and the column of values, with `direction="row"`.
+   * - `--description-list-divider-color`: The color of the rule between pairs, with `divided`.
+   * - `--description-list-divider-width`: The thickness of the rule between pairs, with `divided`.
    * - `--description-list-gap`: Space between one pair and the next. The default is smaller with `direction="row"` than when stacked. Setting this property replaces both defaults.
+   * - `--description-list-label-width`: The width of the column of labels, with `direction="row"`. Defaults to the width of the longest label; set a length such as `10rem` to line up several lists.
    *
    * ## CSS Parts
    *
@@ -42248,19 +42954,21 @@ export type CustomElements = {
    * Absent is the middle. `start` and `end` move it toward one end, with a
    * short length of line, `--divider-content-offset`, kept before or after it.
    * A divider with nothing set into it is one line whatever this says.
-   * - `announced`: 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.
+   * - `announced`: 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.
+   * - `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.
+   *
+   * 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
@@ -42294,6 +43002,9 @@ export type CustomElements = {
    *
    * - `--divider-color`: The color of the line.
    * - `--divider-content-color`: The color of the content set into the line.
+   * - `--divider-content-font-family`: The typeface of the content set into the line. The sans face by default.
+   * - `--divider-content-font-size`: The size of the content set into the line. The `xs` step by default.
+   * - `--divider-content-font-weight`: The weight of the content set into the line. The weight around the divider by default.
    * - `--divider-content-gap`: The space either side of the content set into the line.
    * - `--divider-content-offset`: The length of line before the content under `content-placement="start"`, or after it under `end`.
    * - `--divider-length`: The length of a vertical line. A horizontal line takes the divider's width.
@@ -42313,6 +43024,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-divider": Partial<
@@ -42553,6 +43265,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.
    * - `showsReading(at: number) => boolean`: Whether the slice at this place is drawn, which a slice a legend hid is
    * not. The keys pass over it, as the ring closes over it.
    *
@@ -43078,7 +43793,7 @@ 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 Custom Properties
@@ -43100,7 +43815,7 @@ export type CustomElements = {
    *
    * 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
@@ -44281,6 +44996,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.
    *
@@ -44346,12 +45068,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-format-date": Partial<
@@ -44534,7 +45268,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
    *
@@ -44633,9 +45374,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.
@@ -44822,6 +45568,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`.
@@ -44972,6 +45721,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.
    * - `pageFrom(at: number, forward: boolean) => number | undefined`: Where PageUp or PageDown goes from the drawn cell at `at`: the same day a
    * month on or back, by the dates the rows' headers carry. Undefined where
    * they carry none, and the keys move four columns.
@@ -46762,6 +47514,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
    *
@@ -47107,12 +47862,16 @@ export type CustomElements = {
    * and this one was the English a form in another language still spoke in
    * the bubble it raises on submit: `feedback` replaces the message under
    * the field and does not reach that one.
-   * - `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.
    * - `filter`: The text the list is filtered by, if any.
    *
@@ -47134,8 +47893,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.
@@ -47158,6 +47928,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.
    * - `disabled`: Whether the control is disabled and cannot be used.
    *
    * Reflected, because the styled tier selects on it, and mirrored to
@@ -47182,6 +47954,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
@@ -47302,10 +48090,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.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -47354,6 +48140,7 @@ export type CustomElements = {
    *
    * - `--listbox-background-color`: The panel's fill. Set it to `transparent` when the list is already inside a panel.
    * - `--listbox-border`: The panel's border, as a shorthand. Set it to `none` when the list is already inside a panel.
+   * - `--listbox-column-min-inline-size`: How narrow a column may be with `layout="grid"`. As many columns as fit are drawn. Defaults to `8rem`.
    * - `--listbox-error-color`: The color of the line shown while `load-error` is set.
    * - `--listbox-max-block-size`: Maximum height of the list before it scrolls.
    *
@@ -48260,8 +49047,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
    *
@@ -48301,9 +49100,19 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--map-attribution-border-color`: The rule above the map credit, under the map.
+   * - `--map-attribution-color`: The color of the map credit.
+   * - `--map-attribution-font-size`: The size of the map credit's text.
    * - `--map-background-color`: The color behind the map while tiles load.
    * - `--map-block-size`: The frame's height, as a length. Ignored with `fill`, where the container decides it.
    * - `--map-border-color`: The frame's border color.
+   * - `--map-chosen-color`: The fill of the pressed 3D button and the ring around the chosen map type and each shown layer in the layers menu.
+   * - `--map-layers-menu-gap`: The space between the map types and the layers in the layers menu.
+   * - `--map-layers-menu-inline-size`: The width of the layers menu.
+   * - `--map-layers-menu-padding`: The space inside the edge of the layers menu.
+   * - `--map-needle-north-color`: The north half of the compass needle.
+   * - `--map-needle-south-color`: The south half of the compass needle.
+   * - `--map-radius`: The frame's corners.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. Canvas uses the same property.
    * - `--map-needle-turn`: How far the needle turns to point north, as an angle. The frame writes it from `bearing`.
    *
@@ -48352,8 +49161,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.
    */
@@ -49635,6 +50447,16 @@ export type CustomElements = {
    * - `body`: The label and the caption together.
    * - `label`: What happened, on the first line.
    * - `media`: The leading slot's box.
+   * - `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.
    *
    * ## CSS States
    *
@@ -49670,6 +50492,12 @@ export type CustomElements = {
    * say that without the component knowing what a row looks like.
    * - `loading-text`/`loadingText`: The text shown and announced while the rows load.
    * - `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.
@@ -49751,6 +50579,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.
+   * - `error`: Replaces the words of `load-error` in the `error` part, such as a line with a retry button.
    * - `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.
@@ -49790,6 +50619,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--notifications-error-color`: The color of the `error` line.
    * - `--notifications-max-block-size`: How tall the feed may get before the list scrolls.
    * - `--notifications-media-column`: Width of the media column that every item keeps when any item in the feed has media.
    * - `--notifications-padding-inline`: Space either side of the header and footer.
@@ -49799,8 +50629,9 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `error`: The line `load-error` shows under the rows, in the danger color.
    * - `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.
    * - `mark-all`: The control that marks everything read.
    * - `more`: The button after the list that asks for more, while `load-more` is set. It stays while the feed is loading, in a lighter color and `aria-disabled`, so focus stays on it.
    * - `empty`: Shown when there is nothing in the feed.
@@ -49812,7 +50643,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.
@@ -51049,10 +51881,24 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--pagination-current-border-color`: Edge of the page you are on.
    * - `--pagination-current-color`: Fill behind the page you are on.
+   * - `--pagination-current-font-weight`: Weight of the number of the page you are on.
+   * - `--pagination-current-foreground-color`: Color of the number of the page you are on.
+   * - `--pagination-disabled-foreground-color`: Color of a first, previous, next or last control with nowhere to go.
+   * - `--pagination-disabled-opacity`: How faint a control with nowhere to go is drawn.
+   * - `--pagination-ellipsis-foreground-color`: Color of the control that stands in for hidden pages.
+   * - `--pagination-font-size`: Size of the numbers and the status text.
+   * - `--pagination-font-weight`: Weight of the numbers and the status text.
+   * - `--pagination-foreground-color`: Color of the numbers and the marks on every control.
    * - `--pagination-gap`: Space between one control and the next.
    * - `--pagination-hover-color`: Fill behind a control under the pointer.
+   * - `--pagination-hover-foreground-color`: Color of a control's number or mark under the pointer.
+   * - `--pagination-icon-size`: Size of the mark on a first, previous, next or last control, drawn or slotted.
+   * - `--pagination-padding`: Space either side of a control's number or mark.
+   * - `--pagination-radius`: Corner radius of every control in the row.
    * - `--pagination-size`: The box every control in the row takes.
+   * - `--pagination-status-foreground-color`: Color of the text that says which page you are on, in `compact`.
    *
    * ## CSS Parts
    *
@@ -51221,6 +52067,13 @@ export type CustomElements = {
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--pagination-size`: Height of the select's trigger, the same hook that sizes every control in the page row.
+   * - `--pagination-size-gap`: Space between the label and the select.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -51243,6 +52096,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.
@@ -51314,6 +52168,13 @@ 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)
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--pagination-font-size`: Size of the text, the same hook that sizes the page numbers.
+   * - `--pagination-summary-foreground-color`: Color of the text.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -51992,7 +52853,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.
@@ -52003,9 +52865,12 @@ export type CustomElements = {
    *
    * - `--qr-code-background-color`: The fill behind the modules, including the quiet zone and the logo's box.
    * - `--qr-code-color`: Color of the dark modules. Defaults to the dark media ink, which is the same in both color schemes so the code scans.
+   * - `--qr-code-fallback-padding`: The space around the fallback inside the square.
    * - `--qr-code-finder-color`: Color of the three corner squares. Defaults to the color of the modules.
    * - `--qr-code-logo-padding`: The clear space around the center logo.
+   * - `--qr-code-logo-radius`: The corner radius of the logo's box.
    * - `--qr-code-logo-size`: How much of the center a logo can cover. Defaults to `27%`, which `H` correction allows, because it can lose thirty percent.
+   * - `--qr-code-radius`: The corner radius of the square.
    * - `--qr-code-size`: How wide the square is. Defaults to `12rem`.
    *
    * ## CSS Parts
@@ -53587,6 +54452,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
    *
@@ -53860,6 +54728,13 @@ export type CustomElements = {
    * and this one was the English a form in another language still spoke in
    * the bubble it raises on submit: `feedback` replaces the message under
    * the field and does not reach that one.
+   * - `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.
    *
@@ -54093,6 +54968,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.
@@ -54820,6 +55696,68 @@ export type CustomElements = {
     HelixSparklineProps & BaseProps<HelixSparkline> & BaseEvents<HelixSparkline>
   >;
 
+  /**
+   * A column of actions with its name above them, in the small muted words a
+   * menu heads its sections with, lined up on the side the trigger is on. The
+   * space between two groups is the space between two actions.
+   *
+   * ## 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 Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--speed-dial-group-label-color`: Color of the group's name.
+   * - `--speed-dial-group-label-font-size`: Size of the group's name.
+   *
+   * ## 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-speed-dial-group": Partial<
+    HelixSpeedDialGroupProps & BaseProps<HelixSpeedDialGroup> & BaseEvents<HelixSpeedDialGroup>
+  >;
+
   /**
    * Presentation only: a round mark the size of a small control, with the name on
    * a chip beside it so it stays readable over whatever the dial floats over. The
@@ -54830,6 +55768,9 @@ export type CustomElements = {
    * 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.
    *
@@ -54870,6 +55811,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
    *
@@ -54892,6 +55834,7 @@ export type CustomElements = {
    * - `--speed-dial-label-background-color`: Fill of the chip holding the action's name.
    * - `--speed-dial-label-color`: Color of the action's name.
    * - `--speed-dial-label-font-size`: Size of the action's name.
+   * - `--speed-dial-shortcut-color`: Color of the shortcut drawn after the action's name.
    *
    * ## CSS Parts
    *
@@ -54900,6 +55843,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
    *
@@ -54940,7 +55884,17 @@ export type CustomElements = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `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.
    *
@@ -55186,13 +56140,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
@@ -55217,8 +56172,12 @@ export type CustomElements = {
    * - `--splitter-drag-color`: Color of the line while it is being moved.
    * - `--splitter-grip-color`: Color of the grip beside the line, when the grip is shown.
    * - `--splitter-grip-length`: How far the grip runs along the divider.
+   * - `--splitter-grip-thickness`: How thick the grip is, across the divider.
+   * - `--splitter-handle-color`: Color of a mark slotted into `handle`.
    * - `--splitter-hover-color`: Color of the divider's target under the pointer.
+   * - `--splitter-hover-thickness`: How thick the line is under the pointer, with focus and while it moves.
    * - `--splitter-target`: Width of the area you can drag.
+   * - `--splitter-thickness`: How thick the line is at rest.
    * - `--splitter-corner-at`: Where a nested splitter crosses this one, as a percentage.
    * - `--splitter-position`: Where the divider sits, as a percentage of the box.
    *
@@ -55235,7 +56194,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-splitter": Partial<
@@ -56162,6 +57123,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
@@ -56262,6 +57230,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.
    * - `loading`: The text shown while the rows are loading.
    * - `select-all`: The heading that holds the checkbox that selects every row.
@@ -57973,12 +58943,18 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--time-picker-columns-gap`: The space between the wheels. None by default.
    * - `--time-picker-feedback-color`: The color of the message under the times, while `feedback` is set.
+   * - `--time-picker-hover-background-color`: Fill on a wheel's row under the pointer or the keyboard.
+   * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
+   * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
+   * - `--time-picker-selected-foreground-color`: Ink on the chosen row of a wheel.
    * - `--time-picker-wheel-block-size`: How tall a wheel is. Five rows by default.
+   * - `--time-picker-wheel-mask`: The mask that fades a wheel toward its ends, as a `mask-image`. Set `none` for no fade.
    *
    * ## CSS Parts
    *
@@ -58025,6 +59001,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.
    */
@@ -58325,10 +59302,19 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--toast-background-color`: The panel's color. Follows `--helix-color-surface-overlay`.
    * - `--toast-border-color`: Color of the panel's edge.
    * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--toast-color`: Color of the message's text.
+   * - `--toast-description-color`: Color of the line in the `description` slot, under the heading.
+   * - `--toast-dismiss-color`: Color of the dismiss control's mark at rest.
+   * - `--toast-font-size`: Size of the message's text. The first line's controls and mark stay centered on it.
+   * - `--toast-heading-weight`: Weight of the heading in the `heading` slot.
    * - `--toast-item-padding`: Space between the message's edge and its contents.
+   * - `--toast-radius`: Rounding of the panel's corners.
    * - `--toast-shadow`: Shadow under the panel. Follows `--helix-shadow-floating`. A floating surface can sit over any content, so it has a shadow by default.
+   * - `--toast-timer-size`: Thickness of the bar that counts down a timed message.
+   * - `--toast-tone-color`: Color of the mark and the countdown bar. Unset, each `tone` takes its own color, so set it per tone, as in `helix-toast-item[tone="danger"]`.
    * - `--toast-duration`: How long this message stays, in milliseconds, for a progress hint.
    * - `--toast-swipe-x`: How far a swipe has moved the message across, in pixels, toward the right.
    *
@@ -58855,10 +59841,16 @@ export type CustomElements = {
    * The toolbar draws no frame of its own, so it does not add a second frame
    * inside whatever already frames the bar.
    *
+   * Its controls are the small size, since a toolbar is dense by nature, and a
+   * control added later takes it without being told. `size="md"` or `"lg"`
+   * makes every control in it larger together.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `size`: The size of every control in the toolbar: their height, icons, boxes and
+   * tags. Unset is the small size, as a toolbar is dense by nature.
    * - `label`: The toolbar's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the toolbar too,
@@ -58916,6 +59908,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-toolbar": Partial<
@@ -60649,6 +61644,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-video": Partial<HelixVideoProps & BaseProps<HelixVideo> & BaseEvents<HelixVideo>>;
@@ -61090,6 +62093,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,
@@ -61179,6 +62195,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-announcement": Partial<
@@ -61516,6 +62533,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
    *
@@ -62445,6 +63465,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
    *
@@ -62517,14 +63540,24 @@ export type CustomElementsSolidJs = {
 
   /**
    * Set in the display face, larger than body text, to mark a change of voice. No
-   * quotation marks are drawn, because the size and spacing already set the
-   * passage apart.
+   * quotation marks are drawn by default, because the size and spacing already
+   * set the passage apart. `marks` draws one large opening mark over the passage,
+   * as a pull quote sets it, in the element's language.
    *
    * ## Attributes & Properties
    *
    * 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
@@ -62551,28 +63584,33 @@ 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 Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--blockquote-attribution-color`: The color of the attribution.
+   * - `--blockquote-attribution-font-family`: The typeface of the attribution, the page's by default.
+   * - `--blockquote-attribution-font-weight`: The weight of the attribution, the page's by default.
    * - `--blockquote-attribution-size`: The font size of the attribution.
    * - `--blockquote-color`: The color of the quoted passage.
    * - `--blockquote-font-family`: The typeface of the quoted passage, the display face by default.
    * - `--blockquote-font-weight`: The weight of the quoted passage, medium by default.
    * - `--blockquote-gap`: The space between the passage and its attribution.
+   * - `--blockquote-letter-spacing`: The letter spacing of the quoted passage, the tight tracking by default.
    * - `--blockquote-line-height`: The line height of the quoted passage, the tight leading by default.
+   * - `--blockquote-mark-color`: The color of the mark `marks` draws, the subtle foreground by default.
+   * - `--blockquote-mark-size`: The font size of the mark `marks` draws.
    * - `--blockquote-size`: The font size of the quoted passage.
    *
    * ## 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
    *
@@ -62784,18 +63822,28 @@ export type CustomElementsSolidJs = {
    * Joins the buttons into one shape: the outer corners keep their radius, the
    * inner corners lose it, and adjacent borders collapse into one line.
    *
-   * The joining rule is in the base layer, paired with `data-button` like the
-   * button's own box, because the corner is on the control inside each button's
-   * shadow root, where this component's styles cannot reach. The same rule works
-   * for your own anchor styled as a button.
+   * A Helix button's corners are on the control inside its shadow root, where
+   * this component's styles cannot reach, so the group flattens them through the
+   * button's own `--button-radius-*` hooks. A native `<button>` and your own
+   * anchor styled with `data-button` join through rules in the base layer,
+   * because a page rule setting their radius would beat any rule in here.
+   *
+   * The buttons take their height from the region, so `size` makes every
+   * button in the group smaller or larger together, as `data-density` on the
+   * group does, and a button's own size still wins. A native `<button>` in a
+   * sized group takes the height and the text size.
    *
-   * The buttons take their height from the region, so set `data-density` on the
-   * group to make every button in it smaller or larger together.
+   * With `selection-mode`, a pressed button takes the solid fill:
+   * `--button-group-pressed-background-color` behind it and
+   * `--button-group-pressed-color` for its words, set on the group or above it.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `size`: The size of every button in the group: their height, text, padding and
+   * icons, from the density steps. Unset, the buttons take the size of the
+   * region around the group.
    * - `variant`: Whether the buttons are one bar or a spaced row.
    *
    * Joined by default: one control made of parts, sharing borders, reading as a
@@ -62826,6 +63874,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
@@ -62847,6 +63905,13 @@ 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.
@@ -62858,6 +63923,10 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--button-group-gap`: Space between the buttons, when `spaced`.
+   * - `--button-group-pressed-background-color`: Fill behind a pressed button, in a selection mode. Defaults to the foreground color.
+   * - `--button-group-pressed-border-color`: Edge of a pressed button, in a selection mode. Defaults to its fill.
+   * - `--button-group-pressed-color`: Words and icons of a pressed button, in a selection mode. Defaults to the background color.
+   * - `--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
    *
@@ -63420,6 +64489,9 @@ export type CustomElementsSolidJs = {
    * Before the board places it, the card sits in normal flow. Without JavaScript,
    * the page shows the cards' text in the order it was written.
    *
+   * On a touch screen, the points and corners of the card with focus take a
+   * reach 44 pixels across, so a finger can start a connection from one.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -63528,7 +64600,9 @@ export type CustomElementsSolidJs = {
    * - `--canvas-move-inset`: The distance between the move handle and the card's corner.
    * - `--canvas-node-background-color`: The card's background.
    * - `--canvas-node-color`: A color for the card that carries no meaning, such as a hex color from a document. Use it when no tone fits.
+   * - `--canvas-node-font-size`: The size of the card's text.
    * - `--canvas-node-padding`: The space between the card's edge and its content.
+   * - `--canvas-node-radius`: The card's corners. A `shape` draws its own.
    * - `--canvas-node-shadow`: The shadow under the card, set by `separation="elevated"`.
    *
    * ## CSS Parts
@@ -63710,6 +64784,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`.
    *
@@ -63735,6 +64815,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.
    *
@@ -63754,6 +64837,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"}`.
@@ -63763,6 +64866,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.
    * - `view`: The board's current view: the document's point at the middle of the view,
    * and the zoom.
    *
@@ -63819,7 +64924,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
    *
@@ -63854,11 +64966,17 @@ export type CustomElementsSolidJs = {
    * - `--canvas-background-color`: The background behind the board.
    * - `--canvas-block-size`: The height of the frame.
    * - `--canvas-border-color`: The color of the frame's edge.
+   * - `--canvas-connect-color`: The color of a connection being drawn, and of the card it will arrive at and that card's points.
    * - `--canvas-edge-color`: The color of a connection with no tone. Set it in one edge's `style` to color only that edge.
    * - `--canvas-edge-target-width`: The width of the area a pointer can press on a connection, which is wider than the drawn line.
+   * - `--canvas-edge-width`: The width of a connection's line. A selected or focused connection is drawn at twice it.
    * - `--canvas-grid-size`: The spacing of the grid lines or dots, in the document's units, so it scales with the zoom.
    * - `--canvas-handle-size`: The size of the ends of a selected connection. A card's connection points use the same property.
+   * - `--canvas-label-color`: The color of the label on a connection.
    * - `--canvas-label-editor-inline-size`: The width of the field for editing a label.
+   * - `--canvas-label-font-size`: The size of the label on a connection.
+   * - `--canvas-radius`: The frame's corners.
+   * - `--canvas-selected-color`: The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. `Map` uses the same property.
    *
    * ## CSS Parts
@@ -64039,8 +65157,12 @@ export type CustomElementsSolidJs = {
    * - `--card-background-color`: Surface behind the card.
    * - `--card-border-color`: Border color of the surface.
    * - `--card-border-width`: Width of the surface's edge. Follows `--helix-border-surface`, which is a hairline unless your theme sets another width. The edge is what sets the surface apart.
+   * - `--card-color`: Color of the card's text. Muted by default, so the header reads as the card's own voice.
    * - `--card-gap`: Space between the regions, and between a header or footer and its actions.
+   * - `--card-heading-color`: Color of the header, and of a `Text` heading anywhere in the card. The foreground by default.
+   * - `--card-line-height`: Line height of the card's text. The normal leading by default.
    * - `--card-media-block-size`: Height of the media region. Defaults to `auto`, which follows an image's own proportions. A chart has no height of its own, so set one here for a chart.
+   * - `--card-media-fit`: How a slotted picture fills the media region, as `object-fit`. `cover` by default; `contain` shows all of a logo or a screenshot.
    * - `--card-media-size`: Width of the media column when horizontal.
    * - `--card-padding`: Inset applied to each region.
    * - `--card-radius`: Corner radius of the surface.
@@ -65458,15 +66580,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
@@ -65549,14 +66673,21 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--code-block-added-color`: The color a diff's added lines are tinted in and their `+` is drawn in. The success color by default.
    * - `--code-block-backdrop`: A backdrop filter for the block and its header, for a translucent background.
    * - `--code-block-background-color`: The background behind the code. Set it for a block that sits on a surface other than the page background.
    * - `--code-block-border-color`: The line around the block and its header.
+   * - `--code-block-color`: The color of the code. A highlighter's own colors win on the tokens it colors.
    * - `--code-block-expand-color`: The color of the button under a capped block that shows every line.
+   * - `--code-block-font-family`: The typeface of the code and its line numbers. The mono face by default.
+   * - `--code-block-font-size`: The size of the code and its line numbers.
    * - `--code-block-gutter-color`: The color of the line numbers.
    * - `--code-block-header-background-color`: The background behind the name. The default is `surface-raised`.
+   * - `--code-block-label-color`: The color of the name in the header.
+   * - `--code-block-line-height`: The line height of the code and its line numbers, as a number or a length.
    * - `--code-block-max-block-size`: The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit.
    * - `--code-block-radius`: The corner radius of the header's top and the block's bottom, which form one shape.
+   * - `--code-block-removed-color`: The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default.
    *
    * ## CSS Parts
    *
@@ -65589,7 +66720,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.
@@ -66455,12 +67586,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
@@ -66479,8 +67617,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
@@ -66524,6 +67663,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
@@ -66726,6 +67867,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.
@@ -66741,8 +67883,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.
@@ -66790,8 +67934,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.
    *
@@ -68323,6 +69468,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--description-list-actions-gap`: The space between the value and the controls in `actions`.
+   * - `--description-list-item-align`: How a label and its value line up beside each other, as `align-items`. Defaults to `baseline`; `center` suits a value taller than a line, such as an avatar.
    * - `--description-list-item-gap`: The space between a label and its value when the label sits over it.
    * - `--description-list-label-color`: The color of a label.
    * - `--description-list-label-font-size`: The size of a label's text.
@@ -68333,6 +69479,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.
    *
@@ -68340,6 +69487,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-description-list-item": Partial<
@@ -68364,10 +69512,16 @@ export type CustomElementsSolidJs = {
    * wide as its widest pair, labels sit on the start edge, and values sit on the
    * end edge in tabular figures, as in a set of totals.
    *
+   * **For a rule between pairs, set `divided`.** The rule sits in the middle of
+   * the gap, so the pairs keep the same room on either side of it.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `divided`: Draws a rule between one pair and the next, in the middle of the gap, as
+   * a details panel with many rows often does. Off by default, where space
+   * alone separates the pairs.
    * - `justify`: Where the values sit, beside their labels.
    *
    * Absent, each value starts right after the label column. `between` sets it on
@@ -68445,7 +69599,10 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--description-list-column-gap`: The space between the column of labels and the column of values, with `direction="row"`.
+   * - `--description-list-divider-color`: The color of the rule between pairs, with `divided`.
+   * - `--description-list-divider-width`: The thickness of the rule between pairs, with `divided`.
    * - `--description-list-gap`: Space between one pair and the next. The default is smaller with `direction="row"` than when stacked. Setting this property replaces both defaults.
+   * - `--description-list-label-width`: The width of the column of labels, with `direction="row"`. Defaults to the width of the longest label; set a length such as `10rem` to line up several lists.
    *
    * ## CSS Parts
    *
@@ -68697,19 +69854,21 @@ export type CustomElementsSolidJs = {
    * Absent is the middle. `start` and `end` move it toward one end, with a
    * short length of line, `--divider-content-offset`, kept before or after it.
    * A divider with nothing set into it is one line whatever this says.
-   * - `announced`: 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.
+   * - `announced`: 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.
+   * - `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.
+   *
+   * 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
@@ -68743,6 +69902,9 @@ export type CustomElementsSolidJs = {
    *
    * - `--divider-color`: The color of the line.
    * - `--divider-content-color`: The color of the content set into the line.
+   * - `--divider-content-font-family`: The typeface of the content set into the line. The sans face by default.
+   * - `--divider-content-font-size`: The size of the content set into the line. The `xs` step by default.
+   * - `--divider-content-font-weight`: The weight of the content set into the line. The weight around the divider by default.
    * - `--divider-content-gap`: The space either side of the content set into the line.
    * - `--divider-content-offset`: The length of line before the content under `content-placement="start"`, or after it under `end`.
    * - `--divider-length`: The length of a vertical line. A horizontal line takes the divider's width.
@@ -68762,6 +69924,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-divider": Partial<
@@ -69005,6 +70168,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.
    * - `showsReading(at: number) => boolean`: Whether the slice at this place is drawn, which a slice a legend hid is
    * not. The keys pass over it, as the ring closes over it.
    *
@@ -69542,7 +70708,7 @@ 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 Custom Properties
@@ -69564,7 +70730,7 @@ export type CustomElementsSolidJs = {
    *
    * 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
@@ -70770,6 +71936,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.
    *
@@ -70835,12 +72008,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-format-date": Partial<
@@ -71026,7 +72211,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
    *
@@ -71125,9 +72317,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.
@@ -71321,6 +72518,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`.
@@ -71471,6 +72671,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.
    * - `pageFrom(at: number, forward: boolean) => number | undefined`: Where PageUp or PageDown goes from the drawn cell at `at`: the same day a
    * month on or back, by the dates the rows' headers carry. Undefined where
    * they carry none, and the keys move four columns.
@@ -73290,6 +74493,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
    *
@@ -73643,12 +74849,16 @@ export type CustomElementsSolidJs = {
    * and this one was the English a form in another language still spoke in
    * the bubble it raises on submit: `feedback` replaces the message under
    * the field and does not reach that one.
-   * - `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.
    * - `filter`: The text the list is filtered by, if any.
    *
@@ -73670,8 +74880,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.
@@ -73694,6 +74915,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.
    * - `disabled`: Whether the control is disabled and cannot be used.
    *
    * Reflected, because the styled tier selects on it, and mirrored to
@@ -73718,6 +74941,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
@@ -73838,10 +75077,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.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -73890,6 +75127,7 @@ export type CustomElementsSolidJs = {
    *
    * - `--listbox-background-color`: The panel's fill. Set it to `transparent` when the list is already inside a panel.
    * - `--listbox-border`: The panel's border, as a shorthand. Set it to `none` when the list is already inside a panel.
+   * - `--listbox-column-min-inline-size`: How narrow a column may be with `layout="grid"`. As many columns as fit are drawn. Defaults to `8rem`.
    * - `--listbox-error-color`: The color of the line shown while `load-error` is set.
    * - `--listbox-max-block-size`: Maximum height of the list before it scrolls.
    *
@@ -74826,8 +76064,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
    *
@@ -74867,9 +76117,19 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--map-attribution-border-color`: The rule above the map credit, under the map.
+   * - `--map-attribution-color`: The color of the map credit.
+   * - `--map-attribution-font-size`: The size of the map credit's text.
    * - `--map-background-color`: The color behind the map while tiles load.
    * - `--map-block-size`: The frame's height, as a length. Ignored with `fill`, where the container decides it.
    * - `--map-border-color`: The frame's border color.
+   * - `--map-chosen-color`: The fill of the pressed 3D button and the ring around the chosen map type and each shown layer in the layers menu.
+   * - `--map-layers-menu-gap`: The space between the map types and the layers in the layers menu.
+   * - `--map-layers-menu-inline-size`: The width of the layers menu.
+   * - `--map-layers-menu-padding`: The space inside the edge of the layers menu.
+   * - `--map-needle-north-color`: The north half of the compass needle.
+   * - `--map-needle-south-color`: The south half of the compass needle.
+   * - `--map-radius`: The frame's corners.
    * - `--viewport-control-background-color`: The background of the pan and zoom buttons. Canvas uses the same property.
    * - `--map-needle-turn`: How far the needle turns to point north, as an angle. The frame writes it from `bearing`.
    *
@@ -74918,8 +76178,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.
    */
@@ -76231,6 +77494,16 @@ export type CustomElementsSolidJs = {
    * - `body`: The label and the caption together.
    * - `label`: What happened, on the first line.
    * - `media`: The leading slot's box.
+   * - `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.
    *
    * ## CSS States
    *
@@ -76269,6 +77542,12 @@ export type CustomElementsSolidJs = {
    * say that without the component knowing what a row looks like.
    * - `loading-text`/`loadingText`: The text shown and announced while the rows load.
    * - `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.
@@ -76350,6 +77629,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.
+   * - `error`: Replaces the words of `load-error` in the `error` part, such as a line with a retry button.
    * - `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.
@@ -76389,6 +77669,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--notifications-error-color`: The color of the `error` line.
    * - `--notifications-max-block-size`: How tall the feed may get before the list scrolls.
    * - `--notifications-media-column`: Width of the media column that every item keeps when any item in the feed has media.
    * - `--notifications-padding-inline`: Space either side of the header and footer.
@@ -76398,8 +77679,9 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `error`: The line `load-error` shows under the rows, in the danger color.
    * - `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.
    * - `mark-all`: The control that marks everything read.
    * - `more`: The button after the list that asks for more, while `load-more` is set. It stays while the feed is loading, in a lighter color and `aria-disabled`, so focus stays on it.
    * - `empty`: Shown when there is nothing in the feed.
@@ -76411,7 +77693,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.
@@ -77671,10 +78954,24 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--pagination-current-border-color`: Edge of the page you are on.
    * - `--pagination-current-color`: Fill behind the page you are on.
+   * - `--pagination-current-font-weight`: Weight of the number of the page you are on.
+   * - `--pagination-current-foreground-color`: Color of the number of the page you are on.
+   * - `--pagination-disabled-foreground-color`: Color of a first, previous, next or last control with nowhere to go.
+   * - `--pagination-disabled-opacity`: How faint a control with nowhere to go is drawn.
+   * - `--pagination-ellipsis-foreground-color`: Color of the control that stands in for hidden pages.
+   * - `--pagination-font-size`: Size of the numbers and the status text.
+   * - `--pagination-font-weight`: Weight of the numbers and the status text.
+   * - `--pagination-foreground-color`: Color of the numbers and the marks on every control.
    * - `--pagination-gap`: Space between one control and the next.
    * - `--pagination-hover-color`: Fill behind a control under the pointer.
+   * - `--pagination-hover-foreground-color`: Color of a control's number or mark under the pointer.
+   * - `--pagination-icon-size`: Size of the mark on a first, previous, next or last control, drawn or slotted.
+   * - `--pagination-padding`: Space either side of a control's number or mark.
+   * - `--pagination-radius`: Corner radius of every control in the row.
    * - `--pagination-size`: The box every control in the row takes.
+   * - `--pagination-status-foreground-color`: Color of the text that says which page you are on, in `compact`.
    *
    * ## CSS Parts
    *
@@ -77846,6 +79143,13 @@ export type CustomElementsSolidJs = {
    * string, as on a native control. The form does not submit while it is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the control, as focusing a native control does.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--pagination-size`: Height of the select's trigger, the same hook that sizes every control in the page row.
+   * - `--pagination-size-gap`: Space between the label and the select.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -77868,6 +79172,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.
@@ -77942,6 +79247,13 @@ 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)
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--pagination-font-size`: Size of the text, the same hook that sizes the page numbers.
+   * - `--pagination-summary-foreground-color`: Color of the text.
+   *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
@@ -78632,7 +79944,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.
@@ -78643,9 +79956,12 @@ export type CustomElementsSolidJs = {
    *
    * - `--qr-code-background-color`: The fill behind the modules, including the quiet zone and the logo's box.
    * - `--qr-code-color`: Color of the dark modules. Defaults to the dark media ink, which is the same in both color schemes so the code scans.
+   * - `--qr-code-fallback-padding`: The space around the fallback inside the square.
    * - `--qr-code-finder-color`: Color of the three corner squares. Defaults to the color of the modules.
    * - `--qr-code-logo-padding`: The clear space around the center logo.
+   * - `--qr-code-logo-radius`: The corner radius of the logo's box.
    * - `--qr-code-logo-size`: How much of the center a logo can cover. Defaults to `27%`, which `H` correction allows, because it can lose thirty percent.
+   * - `--qr-code-radius`: The corner radius of the square.
    * - `--qr-code-size`: How wide the square is. Defaults to `12rem`.
    *
    * ## CSS Parts
@@ -80264,6 +81580,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
    *
@@ -80543,6 +81862,13 @@ export type CustomElementsSolidJs = {
    * and this one was the English a form in another language still spoke in
    * the bubble it raises on submit: `feedback` replaces the message under
    * the field and does not reach that one.
+   * - `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.
    *
@@ -80776,6 +82102,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.
@@ -81518,6 +82845,71 @@ export type CustomElementsSolidJs = {
       BaseEvents<HelixSparkline>
   >;
 
+  /**
+   * A column of actions with its name above them, in the small muted words a
+   * menu heads its sections with, lined up on the side the trigger is on. The
+   * space between two groups is the space between two actions.
+   *
+   * ## 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 Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--speed-dial-group-label-color`: Color of the group's name.
+   * - `--speed-dial-group-label-font-size`: Size of the group's name.
+   *
+   * ## 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-speed-dial-group": Partial<
+    HelixSpeedDialGroupProps &
+      HelixSpeedDialGroupSolidJsProps &
+      BaseProps<HelixSpeedDialGroup> &
+      BaseEvents<HelixSpeedDialGroup>
+  >;
+
   /**
    * Presentation only: a round mark the size of a small control, with the name on
    * a chip beside it so it stays readable over whatever the dial floats over. The
@@ -81528,6 +82920,9 @@ export type CustomElementsSolidJs = {
    * 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.
    *
@@ -81568,6 +82963,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
    *
@@ -81590,6 +82986,7 @@ export type CustomElementsSolidJs = {
    * - `--speed-dial-label-background-color`: Fill of the chip holding the action's name.
    * - `--speed-dial-label-color`: Color of the action's name.
    * - `--speed-dial-label-font-size`: Size of the action's name.
+   * - `--speed-dial-shortcut-color`: Color of the shortcut drawn after the action's name.
    *
    * ## CSS Parts
    *
@@ -81598,6 +82995,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
    *
@@ -81641,7 +83039,17 @@ export type CustomElementsSolidJs = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `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.
    *
@@ -81890,13 +83298,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
@@ -81921,8 +83330,12 @@ export type CustomElementsSolidJs = {
    * - `--splitter-drag-color`: Color of the line while it is being moved.
    * - `--splitter-grip-color`: Color of the grip beside the line, when the grip is shown.
    * - `--splitter-grip-length`: How far the grip runs along the divider.
+   * - `--splitter-grip-thickness`: How thick the grip is, across the divider.
+   * - `--splitter-handle-color`: Color of a mark slotted into `handle`.
    * - `--splitter-hover-color`: Color of the divider's target under the pointer.
+   * - `--splitter-hover-thickness`: How thick the line is under the pointer, with focus and while it moves.
    * - `--splitter-target`: Width of the area you can drag.
+   * - `--splitter-thickness`: How thick the line is at rest.
    * - `--splitter-corner-at`: Where a nested splitter crosses this one, as a percentage.
    * - `--splitter-position`: Where the divider sits, as a percentage of the box.
    *
@@ -81939,7 +83352,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-splitter": Partial<
@@ -82890,6 +84305,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
@@ -82990,6 +84412,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.
    * - `loading`: The text shown while the rows are loading.
    * - `select-all`: The heading that holds the checkbox that selects every row.
@@ -84729,12 +86153,18 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--time-picker-columns-gap`: The space between the wheels. None by default.
    * - `--time-picker-feedback-color`: The color of the message under the times, while `feedback` is set.
+   * - `--time-picker-hover-background-color`: Fill on a wheel's row under the pointer or the keyboard.
+   * - `--time-picker-invalid-color`: The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid.
    * - `--time-picker-list-block-size`: How tall the list is before it scrolls.
+   * - `--time-picker-mark-radius`: The corners of the mark on a wheel's row.
    * - `--time-picker-range-color`: Fill behind the times inside a range.
    * - `--time-picker-row-size`: Height and minimum width of one row in a wheel.
    * - `--time-picker-selected-color`: Fill on the chosen row of a wheel.
+   * - `--time-picker-selected-foreground-color`: Ink on the chosen row of a wheel.
    * - `--time-picker-wheel-block-size`: How tall a wheel is. Five rows by default.
+   * - `--time-picker-wheel-mask`: The mask that fades a wheel toward its ends, as a `mask-image`. Set `none` for no fade.
    *
    * ## CSS Parts
    *
@@ -84781,6 +86211,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.
    */
@@ -85093,10 +86524,19 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--toast-background-color`: The panel's color. Follows `--helix-color-surface-overlay`.
    * - `--toast-border-color`: Color of the panel's edge.
    * - `--toast-border-width`: Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border.
+   * - `--toast-color`: Color of the message's text.
+   * - `--toast-description-color`: Color of the line in the `description` slot, under the heading.
+   * - `--toast-dismiss-color`: Color of the dismiss control's mark at rest.
+   * - `--toast-font-size`: Size of the message's text. The first line's controls and mark stay centered on it.
+   * - `--toast-heading-weight`: Weight of the heading in the `heading` slot.
    * - `--toast-item-padding`: Space between the message's edge and its contents.
+   * - `--toast-radius`: Rounding of the panel's corners.
    * - `--toast-shadow`: Shadow under the panel. Follows `--helix-shadow-floating`. A floating surface can sit over any content, so it has a shadow by default.
+   * - `--toast-timer-size`: Thickness of the bar that counts down a timed message.
+   * - `--toast-tone-color`: Color of the mark and the countdown bar. Unset, each `tone` takes its own color, so set it per tone, as in `helix-toast-item[tone="danger"]`.
    * - `--toast-duration`: How long this message stays, in milliseconds, for a progress hint.
    * - `--toast-swipe-x`: How far a swipe has moved the message across, in pixels, toward the right.
    *
@@ -85637,10 +87077,16 @@ export type CustomElementsSolidJs = {
    * The toolbar draws no frame of its own, so it does not add a second frame
    * inside whatever already frames the bar.
    *
+   * Its controls are the small size, since a toolbar is dense by nature, and a
+   * control added later takes it without being told. `size="md"` or `"lg"`
+   * makes every control in it larger together.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `size`: The size of every control in the toolbar: their height, icons, boxes and
+   * tags. Unset is the small size, as a toolbar is dense by nature.
    * - `label`: The toolbar's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the toolbar too,
@@ -85698,6 +87144,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-toolbar": Partial<
@@ -87461,6 +88910,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-video": Partial<
@@ -87750,6 +89207,10 @@ export type CustomCssProperties = {
   "--chart-bar-wash"?: (string) | undefined;
   /** The color of the attribution. */
   "--blockquote-attribution-color"?: (string) | undefined;
+  /** The typeface of the attribution, the page's by default. */
+  "--blockquote-attribution-font-family"?: (string) | undefined;
+  /** The weight of the attribution, the page's by default. */
+  "--blockquote-attribution-font-weight"?: (string) | undefined;
   /** The font size of the attribution. */
   "--blockquote-attribution-size"?: (string) | undefined;
   /** The color of the quoted passage. */
@@ -87760,8 +89221,14 @@ export type CustomCssProperties = {
   "--blockquote-font-weight"?: (string) | undefined;
   /** The space between the passage and its attribution. */
   "--blockquote-gap"?: (string) | undefined;
+  /** The letter spacing of the quoted passage, the tight tracking by default. */
+  "--blockquote-letter-spacing"?: (string) | undefined;
   /** The line height of the quoted passage, the tight leading by default. */
   "--blockquote-line-height"?: (string) | undefined;
+  /** The color of the mark `marks` draws, the subtle foreground by default. */
+  "--blockquote-mark-color"?: (string) | undefined;
+  /** The font size of the mark `marks` draws. */
+  "--blockquote-mark-size"?: (string) | undefined;
   /** The font size of the quoted passage. */
   "--blockquote-size"?: (string) | undefined;
   /** Inline padding of a control slotted into a crumb, matching the steps either side of it. */
@@ -87790,6 +89257,14 @@ export type CustomCssProperties = {
   "--breadcrumbs-split-fill"?: (string) | undefined;
   /** Space between the buttons, when `spaced`. */
   "--button-group-gap"?: (string) | undefined;
+  /** Fill behind a pressed button, in a selection mode. Defaults to the foreground color. */
+  "--button-group-pressed-background-color"?: (string) | undefined;
+  /** Edge of a pressed button, in a selection mode. Defaults to its fill. */
+  "--button-group-pressed-border-color"?: (string) | undefined;
+  /** Words and icons of a pressed button, in a selection mode. Defaults to the background color. */
+  "--button-group-pressed-color"?: (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;
   /** Fill behind the button, in every state. */
   "--button-background-color"?: (string) | undefined;
   /** Fill behind the button under the pointer. Without it, `--button-background-color` also applies on hover. */
@@ -87854,8 +89329,12 @@ export type CustomCssProperties = {
   "--canvas-node-background-color"?: (string) | undefined;
   /** A color for the card that carries no meaning, such as a hex color from a document. Use it when no tone fits. */
   "--canvas-node-color"?: (string) | undefined;
+  /** The size of the card's text. */
+  "--canvas-node-font-size"?: (string) | undefined;
   /** The space between the card's edge and its content. */
   "--canvas-node-padding"?: (string) | undefined;
+  /** The card's corners. A `shape` draws its own. */
+  "--canvas-node-radius"?: (string) | undefined;
   /** The shadow under the card, set by `separation="elevated"`. */
   "--canvas-node-shadow"?: (string) | undefined;
   /** The background behind the board. */
@@ -87864,14 +89343,26 @@ export type CustomCssProperties = {
   "--canvas-block-size"?: (string) | undefined;
   /** The color of the frame's edge. */
   "--canvas-border-color"?: (string) | undefined;
+  /** The color of a connection being drawn, and of the card it will arrive at and that card's points. */
+  "--canvas-connect-color"?: (string) | undefined;
   /** The color of a connection with no tone. Set it in one edge's `style` to color only that edge. */
   "--canvas-edge-color"?: (string) | undefined;
   /** The width of the area a pointer can press on a connection, which is wider than the drawn line. */
   "--canvas-edge-target-width"?: (string) | undefined;
+  /** The width of a connection's line. A selected or focused connection is drawn at twice it. */
+  "--canvas-edge-width"?: (string) | undefined;
   /** The spacing of the grid lines or dots, in the document's units, so it scales with the zoom. */
   "--canvas-grid-size"?: (string) | undefined;
+  /** The color of the label on a connection. */
+  "--canvas-label-color"?: (string) | undefined;
   /** The width of the field for editing a label. */
   "--canvas-label-editor-inline-size"?: (string) | undefined;
+  /** The size of the label on a connection. */
+  "--canvas-label-font-size"?: (string) | undefined;
+  /** The frame's corners. */
+  "--canvas-radius"?: (string) | undefined;
+  /** The color of what is selected: a card's outline, its corners and its move handle, a connection and its ends, and the box drawn to select. */
+  "--canvas-selected-color"?: (string) | undefined;
   /** The background of the pan and zoom buttons. `Map` uses the same property. */
   "--viewport-control-background-color"?: (string) | undefined;
   /** How the regions pack when the card is stretched taller than its content. `start` by default, so the slack is at the bottom; `space-between` puts a footer on the floor. */
@@ -87884,10 +89375,18 @@ export type CustomCssProperties = {
   "--card-border-color"?: (string) | undefined;
   /** Width of the surface's edge. Follows `--helix-border-surface`, which is a hairline unless your theme sets another width. The edge is what sets the surface apart. */
   "--card-border-width"?: (string) | undefined;
+  /** Color of the card's text. Muted by default, so the header reads as the card's own voice. */
+  "--card-color"?: (string) | undefined;
   /** Space between the regions, and between a header or footer and its actions. */
   "--card-gap"?: (string) | undefined;
+  /** Color of the header, and of a `Text` heading anywhere in the card. The foreground by default. */
+  "--card-heading-color"?: (string) | undefined;
+  /** Line height of the card's text. The normal leading by default. */
+  "--card-line-height"?: (string) | undefined;
   /** Height of the media region. Defaults to `auto`, which follows an image's own proportions. A chart has no height of its own, so set one here for a chart. */
   "--card-media-block-size"?: (string) | undefined;
+  /** How a slotted picture fills the media region, as `object-fit`. `cover` by default; `contain` shows all of a logo or a screenshot. */
+  "--card-media-fit"?: (string) | undefined;
   /** Width of the media column when horizontal. */
   "--card-media-size"?: (string) | undefined;
   /** Inset applied to each region. */
@@ -87974,22 +89473,36 @@ export type CustomCssProperties = {
   "--checkbox-mark-color"?: (string) | undefined;
   /** The width and height of the box. */
   "--checkbox-size"?: (string) | undefined;
+  /** The color a diff's added lines are tinted in and their `+` is drawn in. The success color by default. */
+  "--code-block-added-color"?: (string) | undefined;
   /** A backdrop filter for the block and its header, for a translucent background. */
   "--code-block-backdrop"?: (string) | undefined;
   /** The background behind the code. Set it for a block that sits on a surface other than the page background. */
   "--code-block-background-color"?: (string) | undefined;
   /** The line around the block and its header. */
   "--code-block-border-color"?: (string) | undefined;
+  /** The color of the code. A highlighter's own colors win on the tokens it colors. */
+  "--code-block-color"?: (string) | undefined;
   /** The color of the button under a capped block that shows every line. */
   "--code-block-expand-color"?: (string) | undefined;
+  /** The typeface of the code and its line numbers. The mono face by default. */
+  "--code-block-font-family"?: (string) | undefined;
+  /** The size of the code and its line numbers. */
+  "--code-block-font-size"?: (string) | undefined;
   /** The color of the line numbers. */
   "--code-block-gutter-color"?: (string) | undefined;
   /** The background behind the name. The default is `surface-raised`. */
   "--code-block-header-background-color"?: (string) | undefined;
+  /** The color of the name in the header. */
+  "--code-block-label-color"?: (string) | undefined;
+  /** The line height of the code and its line numbers, as a number or a length. */
+  "--code-block-line-height"?: (string) | undefined;
   /** The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit. */
   "--code-block-max-block-size"?: (string) | undefined;
   /** The corner radius of the header's top and the block's bottom, which form one shape. */
   "--code-block-radius"?: (string) | undefined;
+  /** The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default. */
+  "--code-block-removed-color"?: (string) | undefined;
   /** Fill behind the fragment. Defaults to the foreground color at 6%, which looks the same on a light page and a dark one. */
   "--code-background-color"?: (string) | undefined;
   /** The fragment's typeface. Defaults to the mono face. */
@@ -88182,6 +89695,8 @@ export type CustomCssProperties = {
   "--date-picker-column-count"?: (string) | undefined;
   /** The space between the value and the controls in `actions`. */
   "--description-list-actions-gap"?: (string) | undefined;
+  /** How a label and its value line up beside each other, as `align-items`. Defaults to `baseline`; `center` suits a value taller than a line, such as an avatar. */
+  "--description-list-item-align"?: (string) | undefined;
   /** The space between a label and its value when the label sits over it. */
   "--description-list-item-gap"?: (string) | undefined;
   /** The color of a label. */
@@ -88194,8 +89709,14 @@ export type CustomCssProperties = {
   "--description-list-value-color"?: (string) | undefined;
   /** The space between the column of labels and the column of values, with `direction="row"`. */
   "--description-list-column-gap"?: (string) | undefined;
+  /** The color of the rule between pairs, with `divided`. */
+  "--description-list-divider-color"?: (string) | undefined;
+  /** The thickness of the rule between pairs, with `divided`. */
+  "--description-list-divider-width"?: (string) | undefined;
   /** Space between one pair and the next. The default is smaller with `direction="row"` than when stacked. Setting this property replaces both defaults. */
   "--description-list-gap"?: (string) | undefined;
+  /** The width of the column of labels, with `direction="row"`. Defaults to the width of the longest label; set a length such as `10rem` to line up several lists. */
+  "--description-list-label-width"?: (string) | undefined;
   /** The panel's fill. Follows `--helix-color-surface-overlay`. */
   "--dialog-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
@@ -88222,6 +89743,12 @@ export type CustomCssProperties = {
   "--divider-color"?: (string) | undefined;
   /** The color of the content set into the line. */
   "--divider-content-color"?: (string) | undefined;
+  /** The typeface of the content set into the line. The sans face by default. */
+  "--divider-content-font-family"?: (string) | undefined;
+  /** The size of the content set into the line. The `xs` step by default. */
+  "--divider-content-font-size"?: (string) | undefined;
+  /** The weight of the content set into the line. The weight around the divider by default. */
+  "--divider-content-font-weight"?: (string) | undefined;
   /** The space either side of the content set into the line. */
   "--divider-content-gap"?: (string) | undefined;
   /** The length of line before the content under `content-placement="start"`, or after it under `end`. */
@@ -88626,6 +90153,8 @@ export type CustomCssProperties = {
   "--listbox-background-color"?: (string) | undefined;
   /** The panel's border, as a shorthand. Set it to `none` when the list is already inside a panel. */
   "--listbox-border"?: (string) | undefined;
+  /** How narrow a column may be with `layout="grid"`. As many columns as fit are drawn. Defaults to `8rem`. */
+  "--listbox-column-min-inline-size"?: (string) | undefined;
   /** The color of the line shown while `load-error` is set. */
   "--listbox-error-color"?: (string) | undefined;
   /** Maximum height of the list before it scrolls. */
@@ -88676,12 +90205,32 @@ export type CustomCssProperties = {
   "--map-position-fill"?: (string) | undefined;
   /** The point's width. */
   "--map-position-size"?: (string) | undefined;
+  /** The rule above the map credit, under the map. */
+  "--map-attribution-border-color"?: (string) | undefined;
+  /** The color of the map credit. */
+  "--map-attribution-color"?: (string) | undefined;
+  /** The size of the map credit's text. */
+  "--map-attribution-font-size"?: (string) | undefined;
   /** The color behind the map while tiles load. */
   "--map-background-color"?: (string) | undefined;
   /** The frame's height, as a length. Ignored with `fill`, where the container decides it. */
   "--map-block-size"?: (string) | undefined;
   /** The frame's border color. */
   "--map-border-color"?: (string) | undefined;
+  /** The fill of the pressed 3D button and the ring around the chosen map type and each shown layer in the layers menu. */
+  "--map-chosen-color"?: (string) | undefined;
+  /** The space between the map types and the layers in the layers menu. */
+  "--map-layers-menu-gap"?: (string) | undefined;
+  /** The width of the layers menu. */
+  "--map-layers-menu-inline-size"?: (string) | undefined;
+  /** The space inside the edge of the layers menu. */
+  "--map-layers-menu-padding"?: (string) | undefined;
+  /** The north half of the compass needle. */
+  "--map-needle-north-color"?: (string) | undefined;
+  /** The south half of the compass needle. */
+  "--map-needle-south-color"?: (string) | undefined;
+  /** The frame's corners. */
+  "--map-radius"?: (string) | undefined;
   /** How far the needle turns to point north, as an angle. The frame writes it from `bearing`. */
   "--map-needle-turn"?: (string) | undefined;
   /** The color of the casing under the route. */
@@ -88858,6 +90407,8 @@ export type CustomCssProperties = {
   "--notifications-unread-offset"?: (string) | undefined;
   /** Corner radius of the unread mark, which can turn it into a dot. */
   "--notifications-unread-radius"?: (string) | undefined;
+  /** The color of the `error` line. */
+  "--notifications-error-color"?: (string) | undefined;
   /** How tall the feed may get before the list scrolls. */
   "--notifications-max-block-size"?: (string) | undefined;
   /** Width of the media column that every item keeps when any item in the feed has media. */
@@ -88948,14 +90499,46 @@ export type CustomCssProperties = {
   "--outline-rail"?: (string) | undefined;
   /** The color of the line down the leading edge. */
   "--outline-rule-color"?: (string) | undefined;
+  /** Edge of the page you are on. */
+  "--pagination-current-border-color"?: (string) | undefined;
   /** Fill behind the page you are on. */
   "--pagination-current-color"?: (string) | undefined;
+  /** Weight of the number of the page you are on. */
+  "--pagination-current-font-weight"?: (string) | undefined;
+  /** Color of the number of the page you are on. */
+  "--pagination-current-foreground-color"?: (string) | undefined;
+  /** Color of a first, previous, next or last control with nowhere to go. */
+  "--pagination-disabled-foreground-color"?: (string) | undefined;
+  /** How faint a control with nowhere to go is drawn. */
+  "--pagination-disabled-opacity"?: (string) | undefined;
+  /** Color of the control that stands in for hidden pages. */
+  "--pagination-ellipsis-foreground-color"?: (string) | undefined;
+  /** Size of the numbers and the status text. */
+  "--pagination-font-size"?: (string) | undefined;
+  /** Weight of the numbers and the status text. */
+  "--pagination-font-weight"?: (string) | undefined;
+  /** Color of the numbers and the marks on every control. */
+  "--pagination-foreground-color"?: (string) | undefined;
   /** Space between one control and the next. */
   "--pagination-gap"?: (string) | undefined;
   /** Fill behind a control under the pointer. */
   "--pagination-hover-color"?: (string) | undefined;
+  /** Color of a control's number or mark under the pointer. */
+  "--pagination-hover-foreground-color"?: (string) | undefined;
+  /** Size of the mark on a first, previous, next or last control, drawn or slotted. */
+  "--pagination-icon-size"?: (string) | undefined;
+  /** Space either side of a control's number or mark. */
+  "--pagination-padding"?: (string) | undefined;
+  /** Corner radius of every control in the row. */
+  "--pagination-radius"?: (string) | undefined;
   /** The box every control in the row takes. */
   "--pagination-size"?: (string) | undefined;
+  /** Color of the text that says which page you are on, in `compact`. */
+  "--pagination-status-foreground-color"?: (string) | undefined;
+  /** Space between the label and the select. */
+  "--pagination-size-gap"?: (string) | undefined;
+  /** Color of the text. */
+  "--pagination-summary-foreground-color"?: (string) | undefined;
   /** The color of the caret drawn in an empty box. Without it, the character color applies. */
   "--pin-input-caret-color"?: (string) | undefined;
   /** Fill behind each box. */
@@ -89024,12 +90607,18 @@ export type CustomCssProperties = {
   "--qr-code-background-color"?: (string) | undefined;
   /** Color of the dark modules. Defaults to the dark media ink, which is the same in both color schemes so the code scans. */
   "--qr-code-color"?: (string) | undefined;
+  /** The space around the fallback inside the square. */
+  "--qr-code-fallback-padding"?: (string) | undefined;
   /** Color of the three corner squares. Defaults to the color of the modules. */
   "--qr-code-finder-color"?: (string) | undefined;
   /** The clear space around the center logo. */
   "--qr-code-logo-padding"?: (string) | undefined;
+  /** The corner radius of the logo's box. */
+  "--qr-code-logo-radius"?: (string) | undefined;
   /** How much of the center a logo can cover. Defaults to `27%`, which `H` correction allows, because it can lose thirty percent. */
   "--qr-code-logo-size"?: (string) | undefined;
+  /** The corner radius of the square. */
+  "--qr-code-radius"?: (string) | undefined;
   /** How wide the square is. Defaults to `12rem`. */
   "--qr-code-size"?: (string) | undefined;
   /** Color of the quoted text. */
@@ -89274,6 +90863,10 @@ export type CustomCssProperties = {
   "--sparkline-readout-font-size"?: (string) | undefined;
   /** Thickness of the line, overriding `weight`. */
   "--sparkline-width"?: (string) | undefined;
+  /** Color of the group's name. */
+  "--speed-dial-group-label-color"?: (string) | undefined;
+  /** Size of the group's name. */
+  "--speed-dial-group-label-font-size"?: (string) | undefined;
   /** Fill of the round icon. */
   "--speed-dial-item-background-color"?: (string) | undefined;
   /** Color of the icon. */
@@ -89290,6 +90883,8 @@ export type CustomCssProperties = {
   "--speed-dial-label-color"?: (string) | undefined;
   /** Size of the action's name. */
   "--speed-dial-label-font-size"?: (string) | undefined;
+  /** Color of the shortcut drawn after the action's name. */
+  "--speed-dial-shortcut-color"?: (string) | undefined;
   /** Fill of the trigger the dial draws when none is slotted. */
   "--speed-dial-background-color"?: (string) | undefined;
   /** Color of that trigger's icon. */
@@ -89314,10 +90909,18 @@ export type CustomCssProperties = {
   "--splitter-grip-color"?: (string) | undefined;
   /** How far the grip runs along the divider. */
   "--splitter-grip-length"?: (string) | undefined;
+  /** How thick the grip is, across the divider. */
+  "--splitter-grip-thickness"?: (string) | undefined;
+  /** Color of a mark slotted into `handle`. */
+  "--splitter-handle-color"?: (string) | undefined;
   /** Color of the divider's target under the pointer. */
   "--splitter-hover-color"?: (string) | undefined;
+  /** How thick the line is under the pointer, with focus and while it moves. */
+  "--splitter-hover-thickness"?: (string) | undefined;
   /** Width of the area you can drag. */
   "--splitter-target"?: (string) | undefined;
+  /** How thick the line is at rest. */
+  "--splitter-thickness"?: (string) | undefined;
   /** Where a nested splitter crosses this one, as a percentage. */
   "--splitter-corner-at"?: (string) | undefined;
   /** Where the divider sits, as a percentage of the box. */
@@ -89472,18 +91075,30 @@ export type CustomCssProperties = {
   "--time-input-segment-placeholder-color"?: (string) | undefined;
   /** Shadow under the panel. Defaults to `--helix-shadow-floating`, because the panel can sit over any content. */
   "--time-input-shadow"?: (string) | undefined;
+  /** The space between the wheels. None by default. */
+  "--time-picker-columns-gap"?: (string) | undefined;
   /** The color of the message under the times, while `feedback` is set. */
   "--time-picker-feedback-color"?: (string) | undefined;
+  /** Fill on a wheel's row under the pointer or the keyboard. */
+  "--time-picker-hover-background-color"?: (string) | undefined;
+  /** The ring around the chosen time, or around the times while nothing is chosen, while the picker is invalid. */
+  "--time-picker-invalid-color"?: (string) | undefined;
   /** How tall the list is before it scrolls. */
   "--time-picker-list-block-size"?: (string) | undefined;
+  /** The corners of the mark on a wheel's row. */
+  "--time-picker-mark-radius"?: (string) | undefined;
   /** Fill behind the times inside a range. */
   "--time-picker-range-color"?: (string) | undefined;
   /** Height and minimum width of one row in a wheel. */
   "--time-picker-row-size"?: (string) | undefined;
   /** Fill on the chosen row of a wheel. */
   "--time-picker-selected-color"?: (string) | undefined;
+  /** Ink on the chosen row of a wheel. */
+  "--time-picker-selected-foreground-color"?: (string) | undefined;
   /** How tall a wheel is. Five rows by default. */
   "--time-picker-wheel-block-size"?: (string) | undefined;
+  /** The mask that fades a wheel toward its ends, as a `mask-image`. Set `none` for no fade. */
+  "--time-picker-wheel-mask"?: (string) | undefined;
   /** The color of the heading. */
   "--timeline-group-heading-color"?: (string) | undefined;
   /** How round the mark is. Zero is a square, and half its size is a disc. */
@@ -89494,14 +91109,32 @@ export type CustomCssProperties = {
   "--timeline-rail-size"?: (string) | undefined;
   /** Space between one entry and the next. */
   "--timeline-gap"?: (string) | undefined;
+  /** The panel's color. Follows `--helix-color-surface-overlay`. */
+  "--toast-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--toast-border-color"?: (string) | undefined;
   /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border. */
   "--toast-border-width"?: (string) | undefined;
+  /** Color of the message's text. */
+  "--toast-color"?: (string) | undefined;
+  /** Color of the line in the `description` slot, under the heading. */
+  "--toast-description-color"?: (string) | undefined;
+  /** Color of the dismiss control's mark at rest. */
+  "--toast-dismiss-color"?: (string) | undefined;
+  /** Size of the message's text. The first line's controls and mark stay centered on it. */
+  "--toast-font-size"?: (string) | undefined;
+  /** Weight of the heading in the `heading` slot. */
+  "--toast-heading-weight"?: (string) | undefined;
   /** Space between the message's edge and its contents. */
   "--toast-item-padding"?: (string) | undefined;
+  /** Rounding of the panel's corners. */
+  "--toast-radius"?: (string) | undefined;
   /** Shadow under the panel. Follows `--helix-shadow-floating`. A floating surface can sit over any content, so it has a shadow by default. */
   "--toast-shadow"?: (string) | undefined;
+  /** Thickness of the bar that counts down a timed message. */
+  "--toast-timer-size"?: (string) | undefined;
+  /** Color of the mark and the countdown bar. Unset, each `tone` takes its own color, so set it per tone, as in `helix-toast-item[tone="danger"]`. */
+  "--toast-tone-color"?: (string) | undefined;
   /** How long this message stays, in milliseconds, for a progress hint. */
   "--toast-duration"?: (string) | undefined;
   /** How far a swipe has moved the message across, in pixels, toward the right. */