@fusion.dev/helix 0.145.0 → 0.146.0

package/types/vue.d.ts

@@ -164,6 +164,7 @@ import type {
   HelixDismissEvent,
   HelixScrolledEvent,
   HelixAuraFallbackEvent,
+  HelixPressEvent,
   HelixBeforeMoveEvent,
   HelixBeforeReconnectEvent,
   HelixBeforeRelabelEvent,
@@ -190,10 +191,10 @@ import type {
   HelixSampleStartEvent,
   HelixCreateEvent,
   HelixFilterEvent,
+  HelixLoadMoreEvent,
   HelixCopyErrorEvent,
   HelixExpandEvent,
   HelixFilteredEvent,
-  HelixLoadMoreEvent,
   HelixNavigateEvent,
   HelixReorderEvent,
   HelixReorderedEvent,
@@ -224,6 +225,7 @@ import type {
   HelixToggleEvent,
   HelixReadEvent,
   HelixCompleteEvent,
+  HelixPreviewEvent,
   HelixConsoleEvent,
   HelixBeforeEditEvent,
   HelixBeforePanelResizeEvent,
@@ -237,6 +239,7 @@ import type {
   HelixCollapseEvent,
   HelixResizedEvent,
   HelixTourAskEvent,
+  HelixTourStatusEvent,
   HelixLoadEvent,
   HelixEndEvent,
   HelixNextEvent,
@@ -644,6 +647,22 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixAreaChart["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixAreaChart["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixAreaChart["positionLabel"]) | undefined;
   /** How a band's edge gets from one reading to the next.
 
 Three values, and the class doc argues for each: `straight` is absent and
@@ -822,15 +841,17 @@ everyone, assigning a matching property rather than an attribute.
 takes no default**: `max = 0` would stamp `max="0"` onto every host that
 never asked for a limit, including on the server. */
   max?: (HelixAvatarGroup["max"]) | undefined;
-  /** What a screen reader is told the count is, with `{count}` for the number.
+  /** What a screen reader is told the count is, with `{count}` for the number
+and `{names}` for the people it stands for, by each avatar's `name`.
 
 The count shows "+3", which reads as "plus three" and says nothing about
-what was counted. */
+what was counted, nor who. */
   "overflow-label"?: (HelixAvatarGroup["overflowLabel"]) | undefined;
-  /** What a screen reader is told the count is, with `{count}` for the number.
+  /** What a screen reader is told the count is, with `{count}` for the number
+and `{names}` for the people it stands for, by each avatar's `name`.
 
 The count shows "+3", which reads as "plus three" and says nothing about
-what was counted. */
+what was counted, nor who. */
   overflowLabel?: (HelixAvatarGroup["overflowLabel"]) | undefined;
 };
 
@@ -895,6 +916,19 @@ export type HelixAvatarVueEvents = {
 };
 
 export type HelixBadgeVueProps = {
+  /** An effect that draws the eye to the mark: `pulse` swells it in a loop and
+`bounce` hops it, as Web Awesome's badge does.
+
+Absent is still, which is right for almost every count: a mark that moves
+is a mark that interrupts. Still for a reader who asked the system for
+less motion, and while the mark is going away. */
+  attention?: (HelixBadge["attention"]) | undefined;
+  /** How strongly the mark is drawn: `solid`, `outlined` or `subtle`, `Tag`'s
+axis.
+
+Absent is `solid`, the tone's fill. `outlined` draws the fill as a ring on
+the page's ground and `subtle` as a tint, both with the page's ink. */
+  emphasis?: (HelixBadge["emphasis"]) | undefined;
   /** Where the mark sits: a corner, `top-start`, `bottom-end` or `bottom-start`,
 or `inline`, in the line after the content.
 
@@ -918,7 +952,9 @@ say what it means rather than express it by leaving an attribute off. */
   tone?: (HelixBadge["tone"]) | undefined;
   /** The badge's name, read by screen readers.
 
-Required for a dot, which has no text to read. */
+Required for a dot, which has no text to read. `{count}` is replaced with
+what the badge shows, so `label="{count} unread"` reads "8 unread" and
+stays current as `value` changes, with no label of yours to keep in step. */
   label?: (HelixBadge["label"]) | undefined;
   /** The largest number the badge shows.
 
@@ -1068,6 +1104,22 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixBarChart["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixBarChart["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixBarChart["positionLabel"]) | undefined;
   /** Which gridlines are drawn across the plot, if any.
 
 Absent draws none. `value` rules the axis the columns are *measured* on,
@@ -1158,6 +1210,15 @@ scales at once is a rule that means nothing. The tooltip is unaffected: it
 has always shown every column's own number, which is the reader's way out
 of any scale question the picture raises. */
   secondary?: (HelixBarChart["secondary"]) | undefined;
+  /** Stacks a category's columns into one, each series standing on the ones
+before it, so the column's height is the category's total.
+
+Absent stands them side by side, as it always did. A negative reading
+hangs below zero on the negatives before it, so neither direction hides
+the other. The scale fits the stacks. A series
+in `lines` is still a line, measured on its own reading; columns on the
+second scale stack among themselves. */
+  stacked?: (HelixBarChart["stacked"]) | undefined;
 };
 
 export type HelixBarChartVueEvents = {};
@@ -1201,9 +1262,23 @@ The consumer's decision. */
 export type HelixBreadcrumbVueEvents = {};
 
 export type HelixBreadcrumbsVueProps = {
+  /** The name of the button that shows a folded trail's hidden crumbs. `{count}`
+is replaced by how many it shows. Translate it with the page. */
+  "expand-label"?: (HelixBreadcrumbs["expandLabel"]) | undefined;
+  /** The name of the button that shows a folded trail's hidden crumbs. `{count}`
+is replaced by how many it shows. Translate it with the page. */
+  expandLabel?: (HelixBreadcrumbs["expandLabel"]) | undefined;
   /** The landmark's name, read by screen readers. An `aria-label` on the host
 wins over it. */
   label?: (HelixBreadcrumbs["label"]) | undefined;
+  /** The most crumbs a trail drawn from `items` shows before it folds its middle
+into one, counting the first and the last. Unset, it never folds. At least
+2, so the first crumb and the current page always show. */
+  "max-items"?: (HelixBreadcrumbs["maxItems"] | `${number}`) | undefined;
+  /** The most crumbs a trail drawn from `items` shows before it folds its middle
+into one, counting the first and the last. Unset, it never folds. At least
+2, so the first crumb and the current page always show. */
+  maxItems?: (HelixBreadcrumbs["maxItems"]) | undefined;
   /** The trail as data, drawn as crumbs before any you slot. The last item is the
 current page.
 
@@ -1252,6 +1327,12 @@ column. */
 
 export type HelixButtonGroupVueEvents = {};
 
+/** `HelixButton` component event */
+export type HelixButtonElementEvent<E = Event> = TypedEvent<HelixButton, E>;
+/** `helix-press` event type */
+export type HelixButtonHelixPressElementEvent =
+  HelixButtonElementEvent<HelixPressEvent>;
+
 export type HelixButtonVueProps = {
   /** How much of the available width the button takes.
 
@@ -1486,7 +1567,10 @@ invoker without an id in the same tree needs. */
   commandForElement?: (HelixButton["commandForElement"]) | undefined;
 };
 
-export type HelixButtonVueEvents = {};
+export type HelixButtonVueEvents = {
+  /** Fired when a press acts, with `detail.pointerType` saying what pressed the button. */
+  "helix-press": HelixButtonHelixPressElementEvent;
+};
 
 /** `HelixCallout` component event */
 export type HelixCalloutElementEvent<E = Event> = TypedEvent<HelixCallout, E>;
@@ -1646,9 +1730,10 @@ format does too, and moves them with it. Its `label` is drawn above it. */
   /** The card's name as text. A group shows it, and another card's connections
 read it out.
 
-A group needs one because it has no text of its own; a card that has text
-is named by it, and one holding a picture or a figure is named by nothing
-short enough to read out in another card's connections. */
+A group needs one because it has no text of its own. A card is named by
+it where it is set, and by its content where it is not, so a screen reader
+moving between cards hears each one's name. Set it on a card holding a
+picture or a figure, which has no words short enough to name it. */
   label?: (HelixCanvasNode["label"]) | undefined;
   /** The name that connections and events use for this card, unique on its
 board.
@@ -2164,6 +2249,12 @@ edge, so a surface with its own color and neither edge nor lift would
 otherwise be unsayable while being one of the four things a theme can ask
 for. */
   separation?: (HelixCard["separation"]) | undefined;
+  /** The card's accessible name, which makes it a named group.
+
+The name `Stat.Group` and the other named regions take, set through
+`ElementInternals`. `aria-label` and `aria-labelledby` written on the card
+name it too, and win over this, as an author's attribute does. */
+  label?: (HelixCard["label"]) | undefined;
   /** Places the media after the content. By default it comes before.
 
 **A figure that concludes a card is the same region as one that opens it**,
@@ -2634,6 +2725,14 @@ it to leave the role as `group`. */
   /** The word screen readers announce in place of a slide's role, set as
 `aria-roledescription`. Translate it with the rest of your text. */
   slideRoleLabel?: (HelixCarousel["slideRoleLabel"]) | undefined;
+  /** How many slides Previous, Next, the indicators, rotation, and a drag move
+at a time. Unset moves one. The track stops at every `slides-per-move`th
+position from the first, and at the last. */
+  "slides-per-move"?: (HelixCarousel["slidesPerMove"] | `${number}`) | undefined;
+  /** How many slides Previous, Next, the indicators, rotation, and a drag move
+at a time. Unset moves one. The track stops at every `slides-per-move`th
+position from the first, and at the last. */
+  slidesPerMove?: (HelixCarousel["slidesPerMove"]) | undefined;
   /** The name of the rotation control while rotation is stopped. */
   "start-label"?: (HelixCarousel["startLabel"]) | undefined;
   /** The name of the rotation control while rotation is stopped. */
@@ -2918,6 +3017,23 @@ one of paragraphs, and a reader who has scrolled up by half a message has
 not left. The same distance from the top is what counts as reaching the
 history. */
   threshold?: (HelixChat["threshold"]) | undefined;
+  /** The name a screen reader gives a turn with neither an author it can say
+nor a time: a turn by `them` with no `author-label`, say. */
+  "turn-label"?: (HelixChat["turnLabel"]) | undefined;
+  /** The name a screen reader gives a turn with neither an author it can say
+nor a time: a turn by `them` with no `author-label`, say. */
+  turnLabel?: (HelixChat["turnLabel"]) | undefined;
+  /** Who on the other side is typing, by name, or empty while nobody is.
+
+Set it from your connection, and clear it when they stop or send. The
+status band says it with `typing-label`. */
+  typing?: (HelixChat["typing"]) | undefined;
+  /** What the status band says while someone is typing. `{author}` is the
+name in `typing`. */
+  "typing-label"?: (HelixChat["typingLabel"]) | undefined;
+  /** What the status band says while someone is typing. `{author}` is the
+name in `typing`. */
+  typingLabel?: (HelixChat["typingLabel"]) | undefined;
   /** The turns as data, for a transcript too long to hold as elements.
 
 Drawn a window at a time, so the log needs a block size. Set it or declare
@@ -3081,9 +3197,13 @@ Not reflected: the attribute is the consumer's input and stays as they
 wrote it, and `:state(checked)` carries the resolved state for
 stylesheets. */
   checked?: (HelixCheckbox["checked"]) | undefined;
-  /** Whether the control starts checked. A form reset returns it to this state. */
+  /** Whether the control starts checked. A form reset returns it to this state,
+and to the `checked` attribute where this one is not written, as a native
+checkbox resets to the `checked` it declares. */
   "default-checked"?: (HelixCheckbox["defaultChecked"]) | undefined;
-  /** Whether the control starts checked. A form reset returns it to this state. */
+  /** Whether the control starts checked. A form reset returns it to this state,
+and to the `checked` attribute where this one is not written, as a native
+checkbox resets to the `checked` it declares. */
   defaultChecked?: (HelixCheckbox["defaultChecked"]) | undefined;
   /** Whether a reader can see and focus the control and cannot change it. A
 read-only control still submits its value.
@@ -3192,6 +3312,10 @@ significant in code and a wrapped line reads as two. For prose-like code, such a
 a log line, a wrap reads better than a scroll. Line numbers keep the lines
 unwrapped, since a wrapped line would take one number and several rows. */
   wrap?: (HelixCodeBlock["wrap"]) | undefined;
+  /** The expand button's words while the block shows every line. */
+  "collapse-label"?: (HelixCodeBlock["collapseLabel"]) | undefined;
+  /** The expand button's words while the block shows every line. */
+  collapseLabel?: (HelixCodeBlock["collapseLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
   "copied-label"?: (HelixCodeBlock["copiedLabel"]) | undefined;
   /** The copy button's name and tooltip text after a copy. */
@@ -3213,6 +3337,17 @@ In a diff, that is each file's own name. */
 Reflected, because the stylesheet paints a diff differently from code, and
 `false` reflects as no attribute at all. */
   diff?: (HelixCodeBlock["diff"]) | undefined;
+  /** Whether a block whose height is capped takes a button that shows every
+line, and fewer again.
+
+The cap is the page's, `--code-block-max-block-size` on the styled tier;
+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. */
+  expandable?: (HelixCodeBlock["expandable"]) | undefined;
+  /** The expand button's words while the cap hides lines. */
+  "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.
 
 In a diff, each file is named from the patch, and this names a patch that
@@ -3284,7 +3419,9 @@ the plain text.
 Called with the code as written and returning HTML, such as the output of
 Shiki's `codeToHtml` or Prism's `highlight`. **The markup is drawn as
 given**, so it has to escape the code it was handed, which those
-highlighters do. Bind the language in the function you pass. The code
+highlighters do. A `<pre>` and `<code>` around the whole of it, which
+Shiki writes, are taken off, so the lines sit level with the gutter's
+numbers and the block keeps one tab stop. Bind the language in the function you pass. The code
 stays in the slot, so the copy button copies it as written and a reader
 without the script still has it. Not called on a server, which has no code
 to read, nor for a diff. */
@@ -3349,9 +3486,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixColorInput["open"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixColorInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixColorInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -3529,9 +3670,13 @@ export type HelixColorPickerHelixSampleStartElementEvent =
   HelixColorPickerElementEvent<HelixSampleStartEvent>;
 
 export type HelixColorPickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixColorPicker["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixColorPicker["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -3628,6 +3773,13 @@ the color. */
   "eyedropper-label"?: (HelixColorPicker["eyedropperLabel"]) | undefined;
   /** What the eyedropper is called. */
   eyedropperLabel?: (HelixColorPicker["eyedropperLabel"]) | undefined;
+  /** A message under the picker, such as what is wrong with the color.
+
+While set, the picker is invalid and does not submit, as a field's
+`feedback` is, and the square and the value text are described by it.
+Color Input shows its own message here, so a reader in the open panel
+still sees it. */
+  feedback?: (HelixColorPicker["feedback"]) | undefined;
   /** The syntax the value is written in: `hex`, `rgb`, or `hsl`.
 
 Only what is written. Everything is read whatever this says, so a picker on
@@ -3869,6 +4021,9 @@ export type HelixComboboxHelixCreateElementEvent =
 /** `helix-filter` event type */
 export type HelixComboboxHelixFilterElementEvent =
   HelixComboboxElementEvent<HelixFilterEvent>;
+/** `helix-load-more` event type */
+export type HelixComboboxHelixLoadMoreElementEvent =
+  HelixComboboxElementEvent<HelixLoadMoreEvent>;
 
 export type HelixComboboxVueProps = {
   /** Whether the element starts open. Ignored once `open` is written. */
@@ -3904,9 +4059,13 @@ as `+3`, does not say what it does. */
   "max-tags"?: (HelixCombobox["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixCombobox["maxTags"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixCombobox["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixCombobox["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -3986,10 +4145,34 @@ on it adds what was typed. */
   "empty-text"?: (HelixCombobox["emptyText"]) | undefined;
   /** Text shown when the filter hides every option. */
   emptyText?: (HelixCombobox["emptyText"]) | undefined;
+  /** How long typing rests before the list is narrowed and `helix-filter` is
+sent, in milliseconds.
+
+For options filtered on a server, where `helix-filter` starts a request: a
+delay sends one request for a word instead of one per letter. The arrow
+keys, Enter and Escape narrow at once on what was typed. `0` narrows on
+every keystroke. See Listbox's `filter-delay`. */
+  "filter-delay"?: (HelixCombobox["filterDelay"] | `${number}`) | undefined;
+  /** How long typing rests before the list is narrowed and `helix-filter` is
+sent, in milliseconds.
+
+For options filtered on a server, where `helix-filter` starts a request: a
+delay sends one request for a word instead of one per letter. The arrow
+keys, Enter and Escape narrow at once on what was typed. `0` narrows on
+every keystroke. See Listbox's `filter-delay`. */
+  filterDelay?: (HelixCombobox["filterDelay"]) | undefined;
   /** The list's name, read by screen readers. The list has no visible name. */
   "list-label"?: (HelixCombobox["listLabel"]) | undefined;
   /** 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. */
+  "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. */
+  loadError?: (HelixCombobox["loadError"]) | undefined;
   /** Whether the options are still loading.
 
 Passed straight to the list, which is where the rows are and so where the
@@ -4017,6 +4200,22 @@ property the role does not support and no spec here ever asserted: the one
 that covers this says in as many words that telling the list is what this
 element is responsible for. */
   multiple?: (HelixCombobox["multiple"]) | undefined;
+  /** The text shown when typing hides every one of the options, where there are
+some. Absent, `empty-text` shows. See Listbox's `no-results-text`. */
+  "no-results-text"?: (HelixCombobox["noResultsText"]) | undefined;
+  /** The text shown when typing hides every one of the options, where there are
+some. Absent, `empty-text` shows. See Listbox's `no-results-text`. */
+  noResultsText?: (HelixCombobox["noResultsText"]) | undefined;
+  /** What opens the list: `input`, typing or pressing Down; `focus`, also
+arriving in the field, by Tab or a press; or `manual`, only Down, Alt+Down
+or a press on the caret, so typing narrows a list the reader has asked
+for. React Aria's `menuTrigger`. */
+  "open-on"?: (HelixCombobox["openOn"]) | undefined;
+  /** What opens the list: `input`, typing or pressing Down; `focus`, also
+arriving in the field, by Tab or a press; or `manual`, only Down, Alt+Down
+or a press on the caret, so typing narrows a list the reader has asked
+for. React Aria's `menuTrigger`. */
+  openOn?: (HelixCombobox["openOn"]) | undefined;
   /** Text shown while nothing has been chosen. */
   placeholder?: (HelixCombobox["placeholder"]) | undefined;
   /** Whether the choice is locked. A read-only combobox still submits its value.
@@ -4112,6 +4311,8 @@ export type HelixComboboxVueEvents = {
   "helix-create": HelixComboboxHelixCreateElementEvent;
   /** Fired as the user types, with the text the list is filtered by. Cancelable: cancel it to leave the list unfiltered and do the filtering yourself. */
   "helix-filter": HelixComboboxHelixFilterElementEvent;
+  /** Fired once the list is scrolled within a screen of its end, once for each number of options, and not while `loading` is set. Add the next page and set `loading` while you fetch it. */
+  "helix-load-more": HelixComboboxHelixLoadMoreElementEvent;
   /** Fired after the value changes. */
   input: HelixComboboxElementEvent;
 };
@@ -4130,6 +4331,9 @@ export type HelixCommandHelixBeforeOpenElementEvent =
 /** `helix-filter` event type */
 export type HelixCommandHelixFilterElementEvent =
   HelixCommandElementEvent<HelixFilterEvent>;
+/** `helix-load-more` event type */
+export type HelixCommandHelixLoadMoreElementEvent =
+  HelixCommandElementEvent<HelixLoadMoreEvent>;
 /** `helix-select` event type */
 export type HelixCommandHelixSelectElementEvent =
   HelixCommandElementEvent<HelixSelectEvent>;
@@ -4172,6 +4376,14 @@ with: one key, said once. */
   hotkey?: (HelixCommand["hotkey"]) | undefined;
   /** 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. */
+  "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. */
+  loadError?: (HelixCommand["loadError"]) | undefined;
   /** Whether the commands are still loading, for a palette that asks a server
 for them as the user types.
 
@@ -4181,6 +4393,12 @@ Passed to the list, which shows `loading-text` and tells screen readers. */
   "loading-text"?: (HelixCommand["loadingText"]) | undefined;
   /** The text shown while the commands load. */
   loadingText?: (HelixCommand["loadingText"]) | undefined;
+  /** The text shown when typing hides every one of the commands, where there are
+some. Absent, `empty-text` shows. See Listbox's `no-results-text`. */
+  "no-results-text"?: (HelixCommand["noResultsText"]) | undefined;
+  /** The text shown when typing hides every one of the commands, where there are
+some. Absent, `empty-text` shows. See Listbox's `no-results-text`. */
+  noResultsText?: (HelixCommand["noResultsText"]) | undefined;
   /** The text shown in the filter field before anything is typed. */
   placeholder?: (HelixCommand["placeholder"]) | undefined;
   /** What a screen reader hears when typing leaves one command. `{count}` is
@@ -4208,6 +4426,8 @@ export type HelixCommandVueEvents = {
   "helix-before-open": HelixCommandHelixBeforeOpenElementEvent;
   /** Fired as the user types, with the text the list is filtered by. Cancelable: cancel it to leave the list unfiltered and filter the commands yourself, for example on a server while `loading` is set. */
   "helix-filter": HelixCommandHelixFilterElementEvent;
+  /** Fired once the list is scrolled within a screen of its end, once for each number of commands, and not while `loading` is set. Add the next page and set `loading` while you fetch it. */
+  "helix-load-more": HelixCommandHelixLoadMoreElementEvent;
   /** A command was chosen, with its `href` where the option is a link. Cancelable: cancel it to keep the palette open, and to keep the browser from following the link. */
   "helix-select": HelixCommandHelixSelectElementEvent;
 };
@@ -4223,6 +4443,9 @@ export type HelixCopyButtonHelixCopyElementEvent =
 /** `helix-copy-error` event type */
 export type HelixCopyButtonHelixCopyErrorElementEvent =
   HelixCopyButtonElementEvent<HelixCopyErrorEvent>;
+/** `helix-press` event type */
+export type HelixCopyButtonHelixPressElementEvent =
+  HelixCopyButtonElementEvent<HelixPressEvent>;
 
 export type HelixCopyButtonVueProps = {
   /** How much fill the control is drawn with.
@@ -4264,6 +4487,12 @@ clipboard. */
   /** The button's name and tooltip text after a press that put nothing on the
 clipboard. */
   errorLabel?: (HelixCopyButton["errorLabel"]) | undefined;
+  /** How long the confirmation or the failure stands, in milliseconds, before
+the button goes back to `label`. */
+  "feedback-duration"?: (HelixCopyButton["feedbackDuration"] | `${number}`) | undefined;
+  /** How long the confirmation or the failure stands, in milliseconds, before
+the button goes back to `label`. */
+  feedbackDuration?: (HelixCopyButton["feedbackDuration"]) | undefined;
   /** The element to copy from, by its id: `key` for its text, `key[value]` for
 an attribute, and `key.value` for a property. Read at the press, and used
 in place of `value`. An element that is not there copies nothing, which is
@@ -4350,6 +4579,8 @@ export type HelixCopyButtonVueEvents = {
   "helix-copy": HelixCopyButtonHelixCopyElementEvent;
   /** Fired when a press put nothing on the clipboard: the browser did not allow the write, or there was nothing to copy. */
   "helix-copy-error": HelixCopyButtonHelixCopyErrorElementEvent;
+  /** Fired when a press acts, with `detail.pointerType` saying what pressed the button. */
+  "helix-press": HelixCopyButtonHelixPressElementEvent;
 };
 
 /** `HelixDataTable` component event */
@@ -4825,9 +5056,13 @@ as `+3`, does not say what it does. */
   "max-tags"?: (HelixDateInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixDateInput["maxTags"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixDateInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixDateInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -5142,9 +5377,13 @@ export type HelixDatePickerHelixNavigateElementEvent =
   HelixDatePickerElementEvent<HelixNavigateEvent>;
 
 export type HelixDatePickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixDatePicker["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixDatePicker["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -5737,6 +5976,22 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixDonutChart["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixDonutChart["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixDonutChart["positionLabel"]) | undefined;
   /** The size of the hole in the middle of the ring.
 
 Absent is a ring with room for a total in it. `small` and `large` move the
@@ -5763,6 +6018,22 @@ word is not. Reflected, it wrote a value onto every host a script had set
 it on for nothing to read. `sweep` beside it is the converse and reflects,
 because the styled sheet selects on it. */
   hole?: (HelixDonutChart["hole"]) | undefined;
+  /** Writes each slice's share on the slice, the `slice-label` part, so a
+reader sees the parts without a legend or a pointer: "29%" in the middle
+of the band.
+
+Absent writes none. A slice under a twentieth of the whole takes no
+label, there being no room on it for one. A screen reader hears every
+share in the summary, and the labels are hidden from it. */
+  "slice-labels"?: (HelixDonutChart["sliceLabels"]) | undefined;
+  /** Writes each slice's share on the slice, the `slice-label` part, so a
+reader sees the parts without a legend or a pointer: "29%" in the middle
+of the band.
+
+Absent writes none. A slice under a twentieth of the whole takes no
+label, there being no room on it for one. A screen reader hears every
+share in the summary, and the labels are hidden from it. */
+  sliceLabels?: (HelixDonutChart["sliceLabels"]) | undefined;
   /** How much of the circle the whole occupies.
 
 Absent is the full turn. `half` is a semi-donut: the same shares spread
@@ -5857,6 +6128,17 @@ the property this component exists to keep.
 Absent by default, which is the platform's `auto` and this library's rule
 that a resting value is an attribute's absence. */
   closedBy?: (HelixDrawer["closedBy"]) | undefined;
+  /** Draws a control that closes the drawer, in the corner where the title is.
+
+Pressing it is `close()`, so it sends `helix-before-close` like every other
+way out. */
+  dismissible?: (HelixDrawer["dismissible"]) | undefined;
+  /** The close control's accessible name. Translate it with the rest of your
+interface. */
+  "dismiss-label"?: (HelixDrawer["dismissLabel"]) | undefined;
+  /** The close control's accessible name. Translate it with the rest of your
+interface. */
+  dismissLabel?: (HelixDrawer["dismissLabel"]) | undefined;
   /** Accessible name for the panel. When it is empty, the heading in the
 `header` slot names the panel. */
   label?: (HelixDrawer["label"]) | undefined;
@@ -6064,6 +6346,12 @@ the field and does not reach that one. */
 A dropped file the list does not name is left out, because the picker's
 filter is the only check the platform makes and a drop never meets it. */
   accept?: (HelixFileInput["accept"]) | undefined;
+  /** What a reader hears when a drop or a paste adds files, with `{names}` and
+`{count}` filled in. */
+  "added-text"?: (HelixFileInput["addedText"]) | undefined;
+  /** What a reader hears when a drop or a paste adds files, with `{names}` and
+`{count}` filled in. */
+  addedText?: (HelixFileInput["addedText"]) | undefined;
   /** Which camera or microphone a mobile picker should offer, if any. */
   capture?: (HelixFileInput["capture"]) | undefined;
   /** Whether the picker chooses a folder, and the field takes every file in
@@ -6091,6 +6379,10 @@ filled in. */
   /** What a reader hears when files are refused, with `{count}` and `{names}`
 filled in. */
   rejectedText?: (HelixFileInput["rejectedText"]) | undefined;
+  /** What a reader hears when a file is removed, with `{name}` filled in. */
+  "removed-text"?: (HelixFileInput["removedText"]) | undefined;
+  /** What a reader hears when a file is removed, with `{name}` filled in. */
+  removedText?: (HelixFileInput["removedText"]) | undefined;
   /** The accessible name of the control that removes a file. `{name}` is
 replaced with the file's name.
 
@@ -6135,6 +6427,15 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixFileInput["name"]) | undefined;
+  /** Draws a file's row in place of its name, size, and type: a Lit template, a
+string, or a DOM node, given the file and its place in the list. The
+remove button stays beside it. */
+  renderFile?: (HelixFileInput["renderFile"]) | undefined;
+  /** Your own step between taking files and holding them, such as shrinking an
+image, as Zag's file upload `transformFiles`. It is given the files taken
+from one pick, drop, or paste and returns the files to hold, or a promise
+of them. A promise that rejects refuses those files, with its message. */
+  transformFiles?: (HelixFileInput["transformFiles"]) | undefined;
   /** Your own check on each arriving file, which returns why it is refused, or
 nothing to take it. A property, since a function cannot be an attribute. */
   validate?: (HelixFileInput["validate"]) | undefined;
@@ -6380,9 +6681,13 @@ as `+3`, does not say what it does. */
   "max-tags"?: (HelixFilterInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixFilterInput["maxTags"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixFilterInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixFilterInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -6578,11 +6883,15 @@ Named for the property it sets, the way `alignItems` is. `between` and
 `around` drop the `space-` prefix and nothing else does, because those two
 are the only values whose CSS spelling is two words. */
   justifyContent?: (HelixFlex["justifyContent"]) | undefined;
-  /** A common layout pattern: `cluster`, `split`, `flank` or `flank-end`.
+  /** A common layout pattern: `cluster`, `split`, `flank`, `flank-end` or
+`switch`.
 
 Each sets the wrapping, alignment and spread it needs, and an attribute
-you write as well wins over it. `flank` holds the first item at its own
-width and gives the last one the rest, and `flank-end` does the reverse. */
+you write as well wins over it. `split` spreads the items as
+`justify-content: space-between` does, so a third item sits midway.
+`flank` holds the first item at its own width and gives the last one the
+rest, and `flank-end` does the reverse. `switch` puts the items in one
+row, or one to a line once the flex is narrower than `--flex-switch-at`. */
   layout?: (HelixFlex["layout"]) | undefined;
   /** Space between the lines of a wrapping row, or between the items of a
 column, named on the space scale. Wins over `gap` down the column. */
@@ -7105,6 +7414,26 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixHeatmap["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixHeatmap["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixHeatmap["positionLabel"]) | undefined;
+  /** The word the `overview` puts before the busiest reading. */
+  "busiest-label"?: (HelixHeatmap["busiestLabel"]) | undefined;
+  /** The word the `overview` puts before the busiest reading. */
+  busiestLabel?: (HelixHeatmap["busiestLabel"]) | undefined;
   /** Shown when the table has no readings in it.
 
 Never shown while the table cannot be read at all, which is a server render
@@ -7180,6 +7509,10 @@ compare two hues at all. `tones="surface info accent success primary"` for a
 commit count is five unrelated hues for five amounts, which is confetti with
 no order in it. */
   tones?: (HelixHeatmap["tones"]) | undefined;
+  /** The word the `overview` puts before the total of the readings drawn. */
+  "total-label"?: (HelixHeatmap["totalLabel"]) | undefined;
+  /** The word the `overview` puts before the total of the readings drawn. */
+  totalLabel?: (HelixHeatmap["totalLabel"]) | undefined;
 };
 
 export type HelixHeatmapVueEvents = {
@@ -7187,6 +7520,15 @@ export type HelixHeatmapVueEvents = {
   "helix-resize": HelixHeatmapHelixResizeElementEvent;
 };
 
+/** `HelixIconButton` component event */
+export type HelixIconButtonElementEvent<E = Event> = TypedEvent<
+  HelixIconButton,
+  E
+>;
+/** `helix-press` event type */
+export type HelixIconButtonHelixPressElementEvent =
+  HelixIconButtonElementEvent<HelixPressEvent>;
+
 export type HelixIconButtonVueProps = {
   /** Raises the button off the page with a shadow.
 
@@ -7419,7 +7761,10 @@ invoker without an id in the same tree needs. */
   commandForElement?: (HelixIconButton["commandForElement"]) | undefined;
 };
 
-export type HelixIconButtonVueEvents = {};
+export type HelixIconButtonVueEvents = {
+  /** Fired when a press acts, with `detail.pointerType` saying what pressed the button. */
+  "helix-press": HelixIconButtonHelixPressElementEvent;
+};
 
 /** `HelixIcon` component event */
 export type HelixIconElementEvent<E = Event> = TypedEvent<HelixIcon, E>;
@@ -7586,9 +7931,13 @@ export type HelixInputHelixClearElementEvent =
   HelixInputElementEvent<HelixClearEvent>;
 
 export type HelixInputVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -7779,6 +8128,10 @@ be anyway. */
   selectionEnd?: (HelixInput["selectionEnd"]) | undefined;
   /** Where the selection starts, as an offset into the value. */
   selectionStart?: (HelixInput["selectionStart"]) | undefined;
+  /** Your own rule for the value, run on every change once the browser finds
+nothing wrong. Return a message, or a list of them, to mark the field
+invalid, and `true`, `null`, or nothing to accept the value. */
+  validate?: (HelixInput["validate"]) | undefined;
 };
 
 export type HelixInputVueEvents = {
@@ -7799,6 +8152,13 @@ export type HelixKbdHelixShortcutElementEvent =
   HelixKbdElementEvent<HelixShortcutEvent>;
 
 export type HelixKbdVueProps = {
+  /** Draws a chord under `keys` as one key per key, each a `key` part with a
+`separator` part between two where the platform writes a `+`, as GitHub
+and most docs draw `Ctrl` `K`.
+
+Absent, a chord is one key holding the whole label, as it always was.
+Reflected, because the styled tier draws the caps on the keys under it. */
+  caps?: (HelixKbd["caps"]) | undefined;
   /** The id of the control the shortcut works, which is given the chord as its
 `aria-keyshortcuts`.
 
@@ -7806,6 +8166,26 @@ Names an element in the same tree, the way `Tooltip.for` does. Separate
 from `within`, which says where the key listens: a key can describe a
 shortcut the page binds itself. */
   for?: (HelixKbd["for"]) | undefined;
+  /** Names for keys in place of the platform's own, by the key's name in
+`keys`, written as JSON in the attribute: `key-labels='{"mod":"Command",
+"enter":"Return"}'` shows `Command` and `Return` wherever `mod` and
+`enter` are written.
+
+For a page in another language, or a product with its own word for a key.
+Absent, the platform's glyphs and words are used. Only what is shown
+changes: the chord written onto `aria-keyshortcuts` keeps the names a
+screen reader knows. */
+  "key-labels"?: (HelixKbd["keyLabels"]) | undefined;
+  /** Names for keys in place of the platform's own, by the key's name in
+`keys`, written as JSON in the attribute: `key-labels='{"mod":"Command",
+"enter":"Return"}'` shows `Command` and `Return` wherever `mod` and
+`enter` are written.
+
+For a page in another language, or a product with its own word for a key.
+Absent, the platform's glyphs and words are used. Only what is shown
+changes: the chord written onto `aria-keyshortcuts` keeps the names a
+screen reader knows. */
+  keyLabels?: (HelixKbd["keyLabels"]) | undefined;
   /** The key or chord to show, such as `mod+k`, `?`, or `/`.
 
 `mod` is the platform's own command modifier, which is the reason to write
@@ -8044,6 +8424,11 @@ Off by default, for a viewer whose chrome you compose in the `header` and
 reader is idle, and the previous and next ones say they are unavailable at
 either end of a set that does not `loop`. */
   controls?: (HelixLightbox["controls"]) | undefined;
+  /** Draws the place of the shown item in the set over the picture, in the
+words of `status-label`, such as "2 of 5". It hides with the controls while
+the reader is idle. Screen readers hear the place from the live region, so
+the drawn copy is hidden from them. */
+  counter?: (HelixLightbox["counter"]) | undefined;
   /** The close control's accessible name. Translate it with the rest of your
 interface. */
   "dismiss-label"?: (HelixLightbox["dismissLabel"]) | undefined;
@@ -8068,6 +8453,12 @@ keep the chrome up is the consumer's to decide with this. */
   label?: (HelixLightbox["label"]) | undefined;
   /** Whether moving past the last item returns to the first. */
   loop?: (HelixLightbox["loop"]) | undefined;
+  /** How far a reader can zoom into the shown item, as a scale, such as `3`.
+`1`, the default, turns zooming off. */
+  "max-zoom"?: (HelixLightbox["maxZoom"] | `${number}`) | undefined;
+  /** How far a reader can zoom into the shown item, as a scale, such as `3`.
+`1`, the default, turns zooming off. */
+  maxZoom?: (HelixLightbox["maxZoom"]) | undefined;
   /** The next control's accessible name. */
   "next-label"?: (HelixLightbox["nextLabel"]) | undefined;
   /** The next control's accessible name. */
@@ -8182,6 +8573,22 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixLineChart["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixLineChart["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixLineChart["positionLabel"]) | undefined;
   /** Draws a wash under each line, down to the floor of the plot. The washes
 overlap and do not add up, so for parts that make a total, use
 `Area Chart`, which stacks them.
@@ -8236,6 +8643,13 @@ the attribute being absent, which is the one thing a reader cannot debug.
 Furniture rather than data, so the rules are inside the `aria-hidden` plot
 and reach no reader through the table. */
   gridlines?: (HelixLineChart["gridlines"]) | undefined;
+  /** Draws a mark on every reading, the `marker` part, so a reader sees where
+the readings are, as well as the line between them.
+
+Absent draws none, except on a reading with a blank on either side: it
+has no line to be part of, so it takes a mark, the `marker` part with
+`marker-lone` beside it, or it would not be drawn at all. */
+  markers?: (HelixLineChart["markers"]) | undefined;
   /** The shape of the mark on each series' last reading.
 
 Absent is a dot, and absent rather than defaulted because a reflecting
@@ -8383,6 +8797,14 @@ has to survive with the stylesheet turned off.
   /** Numbers an ordered list downward, so the count falls row by row and ends at
 its last row, as `<ol reversed>` does. */
   reversed?: (HelixList["reversed"]) | undefined;
+  /** What a press does to the rows already selected, in a list that selects:
+`toggle` adds or takes out the row, and `replace` selects it alone and
+lets the arrow keys carry the selection. */
+  "selection-behavior"?: (HelixList["selectionBehavior"]) | undefined;
+  /** What a press does to the rows already selected, in a list that selects:
+`toggle` adds or takes out the row, and `replace` selects it alone and
+lets the arrow keys carry the selection. */
+  selectionBehavior?: (HelixList["selectionBehavior"]) | undefined;
   /** Makes the list interactive: `single` selects one row, `multiple` any
 number, and `none` moves and acts without selecting. Unset is a list a
 reader reads, with no tab stop of its own. */
@@ -8428,6 +8850,9 @@ export type HelixListboxHelixBeforeChangeElementEvent =
 /** `helix-filter` event type */
 export type HelixListboxHelixFilterElementEvent =
   HelixListboxElementEvent<HelixFilterEvent>;
+/** `helix-load-more` event type */
+export type HelixListboxHelixLoadMoreElementEvent =
+  HelixListboxElementEvent<HelixLoadMoreEvent>;
 
 export type HelixListboxVueProps = {
   /** The text shown and announced when there are no rows and none are loading. */
@@ -8444,9 +8869,13 @@ say that without the component knowing what a row looks like. */
   "loading-text"?: (HelixListbox["loadingText"]) | undefined;
   /** The text shown and announced while the rows load. */
   loadingText?: (HelixListbox["loadingText"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixListbox["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixListbox["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -8530,6 +8959,18 @@ act on the list the reader expects. */
   "filter-label"?: (HelixListbox["filterLabel"]) | undefined;
   /** Placeholder text for the filter field. */
   filterLabel?: (HelixListbox["filterLabel"]) | 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.
+
+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.
+
+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. */
+  loadError?: (HelixListbox["loadError"]) | undefined;
   /** Stops the arrow keys from choosing each option they move to. Enter, Space
 or a click chooses the highlighted option.
 
@@ -8539,6 +8980,16 @@ a reader can move through the options before closing the panel on one. */
   manual?: (HelixListbox["manual"]) | undefined;
   /** Whether more than one option can be chosen. */
   multiple?: (HelixListbox["multiple"]) | undefined;
+  /** The text shown when a filter hides every option of a list that has some.
+
+Absent, the list says `empty-text` in both cases. Set it to tell "nothing
+matches what you typed" from "there is nothing here". */
+  "no-results-text"?: (HelixListbox["noResultsText"]) | undefined;
+  /** The text shown when a filter hides every option of a list that has some.
+
+Absent, the list says `empty-text` in both cases. Set it to tell "nothing
+matches what you typed" from "there is nothing here". */
+  noResultsText?: (HelixListbox["noResultsText"]) | undefined;
   /** What a screen reader hears when a filter leaves one option. `{count}` is
 the count. */
   "result-label"?: (HelixListbox["resultLabel"]) | undefined;
@@ -8605,6 +9056,8 @@ export type HelixListboxVueEvents = {
   "helix-before-change": HelixListboxHelixBeforeChangeElementEvent;
   /** Fired before the list is filtered, and cancelable. */
   "helix-filter": HelixListboxHelixFilterElementEvent;
+  /** Fired once the list is scrolled within a screen of its end, once for each number of options, and not while `loading` is set. Add the next page of options and set `loading` while you fetch it. */
+  "helix-load-more": HelixListboxHelixLoadMoreElementEvent;
   /** Fired after the value changes. */
   input: HelixListboxElementEvent;
 };
@@ -9759,6 +10212,32 @@ stylesheet outside as `indicator-good`, `-fair` or `-poor` among the fill's
 part names, so reflecting here would write an attribute onto the host for
 no reader. */
   band?: (HelixMeter["band"]) | undefined;
+  /** `Intl.NumberFormat` options the reading is written with, as React Aria's
+Meter and ProgressBar take them: a unit, a currency, or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-meter value="18" max="32" format-options='{"style":"unit","unit":"gigabyte"}'></helix-meter>
+```
+
+A `percent` style writes the share of the range, and any other the value
+itself, so the example says "18 GB", and a value past an end as it is.
+Absent is a whole percentage. The words are announced as well as shown.
+`value-text` still wins. */
+  "format-options"?: (HelixMeter["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options the reading is written with, as React Aria's
+Meter and ProgressBar take them: a unit, a currency, or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-meter value="18" max="32" format-options='{"style":"unit","unit":"gigabyte"}'></helix-meter>
+```
+
+A `percent` style writes the share of the range, and any other the value
+itself, so the example says "18 GB", and a value past an end as it is.
+Absent is a whole percentage. The words are announced as well as shown.
+`value-text` still wins. */
+  formatOptions?: (HelixMeter["formatOptions"]) | undefined;
   /** Bottom of the high band.
 
 Absent leaves the range unbanded. */
@@ -10089,9 +10568,13 @@ export type HelixNumberInputHelixBeforeChangeElementEvent =
   HelixNumberInputElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixNumberInputVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixNumberInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixNumberInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -10224,12 +10707,6 @@ filled in. */
   readonly?: (HelixNumberInput["readOnly"]) | undefined;
   /** Prevents editing. The value is still submitted with the form. */
   readOnly?: (HelixNumberInput["readOnly"]) | undefined;
-  /** What the field is described as on iOS and iPadOS, where it carries no
-spinbutton role. See the class description. */
-  "role-description"?: (HelixNumberInput["roleDescription"]) | undefined;
-  /** What the field is described as on iOS and iPadOS, where it carries no
-spinbutton role. See the class description. */
-  roleDescription?: (HelixNumberInput["roleDescription"]) | undefined;
   /** Makes the label a grip that changes the value when it is dragged.
 
 The label is what is dragged, so this adds no chrome at all. Still opt-in,
@@ -10320,6 +10797,12 @@ export type HelixObjectInspectorHelixActivateElementEvent =
 /** `helix-before-activate` event type */
 export type HelixObjectInspectorHelixBeforeActivateElementEvent =
   HelixObjectInspectorElementEvent<HelixBeforeActivateEvent>;
+/** `helix-before-close` event type */
+export type HelixObjectInspectorHelixBeforeCloseElementEvent =
+  HelixObjectInspectorElementEvent<HelixBeforeCloseEvent>;
+/** `helix-before-open` event type */
+export type HelixObjectInspectorHelixBeforeOpenElementEvent =
+  HelixObjectInspectorElementEvent<HelixBeforeOpenEvent>;
 /** `helix-copy` event type */
 export type HelixObjectInspectorHelixCopyElementEvent =
   HelixObjectInspectorElementEvent<HelixCopyEvent>;
@@ -10329,6 +10812,9 @@ export type HelixObjectInspectorHelixFilterElementEvent =
 /** `helix-filtered` event type */
 export type HelixObjectInspectorHelixFilteredElementEvent =
   HelixObjectInspectorElementEvent<HelixFilteredEvent>;
+/** `toggle` event type */
+export type HelixObjectInspectorToggleElementEvent =
+  HelixObjectInspectorElementEvent<ToggleEvent>;
 
 export type HelixObjectInspectorVueProps = {
   /** The active row's path, such as `/meta/tags/0`, and the empty string for the
@@ -10464,12 +10950,18 @@ export type HelixObjectInspectorVueEvents = {
   "helix-activate": HelixObjectInspectorHelixActivateElementEvent;
   /** The active row is about to move, with its new path. Cancelable: cancel it to keep the row where it is. */
   "helix-before-activate": HelixObjectInspectorHelixBeforeActivateElementEvent;
+  /** A reader is about to close the active branch. Cancelable: cancel it to keep the branch open. */
+  "helix-before-close": HelixObjectInspectorHelixBeforeCloseElementEvent;
+  /** A reader is about to open the active branch, or `*` the branches beside it. Cancelable: cancel it to keep them closed. */
+  "helix-before-open": HelixObjectInspectorHelixBeforeOpenElementEvent;
   /** A value was put on the clipboard, from the copy button or the keyboard. */
   "helix-copy": HelixObjectInspectorHelixCopyElementEvent;
   /** Text was typed in the filter field, with what it now holds. Cancelable: cancel it to keep the filter as it was. */
   "helix-filter": HelixObjectInspectorHelixFilterElementEvent;
   /** The filter field changed `filter`, which now holds the text. */
   "helix-filtered": HelixObjectInspectorHelixFilteredElementEvent;
+  /** A reader opened or closed a branch, with `newState` and `oldState`. `expanded` holds every open branch. */
+  toggle: HelixObjectInspectorToggleElementEvent;
 };
 
 export type HelixOptionGroupVueProps = {
@@ -10488,15 +10980,19 @@ export type HelixOptionHelixSelectElementEvent =
 export type HelixOptionVueProps = {
   /** Whether this is the option the keyboard is on.
 
-Written by the listbox, which writes it once a reader moves the highlight.
-It shows as `:state(active)`, and as a `data-active` attribute for the
-stylesheets written before the state existed. */
+Written by the listbox once a reader moves the highlight. Style it with
+`:state(active)`, or `::part(item-active)` for an option inside another
+component's shadow root. The `data-active` attribute sets it from markup;
+it is also written back for stylesheets from before the state, and no
+stylesheet of the library's own selects it. */
   "data-active"?: (HelixOption["active"]) | undefined;
   /** Whether this is the option the keyboard is on.
 
-Written by the listbox, which writes it once a reader moves the highlight.
-It shows as `:state(active)`, and as a `data-active` attribute for the
-stylesheets written before the state existed. */
+Written by the listbox once a reader moves the highlight. Style it with
+`:state(active)`, or `::part(item-active)` for an option inside another
+component's shadow root. The `data-active` attribute sets it from markup;
+it is also written back for stylesheets from before the state, and no
+stylesheet of the library's own selects it. */
   active?: (HelixOption["active"]) | undefined;
   /** A second destination for the row, opened when you choose it with the
 modifier key held.
@@ -10641,8 +11137,13 @@ export type HelixOptionVueEvents = {
 };
 
 export type HelixOrbVueProps = {
-  /** Says each new state through a polite live region, such as "Working" and
-then "Done".
+  /** Says each new state politely, such as "Working" and then "Done".
+
+**The orb becomes the live region**: its role is `status` rather than
+`progressbar` or `img`, and it holds the state's word. A region inside a
+progress bar or an image may never be heard, because assistive technology
+treats what those two hold as presentation. The name is still `label` or
+the state's word.
 
 Off by default, because the name and the busy state already change with
 the state, and an orb beside a stream of messages would otherwise talk
@@ -10724,6 +11225,11 @@ read at the click rather than cached, because a reader can change it while
 the page is open and this is the only motion in the component that
 JavaScript rather than CSS decides. */
   behavior?: (HelixOutline["behavior"]) | undefined;
+  /** Keeps the link of the section in view in view itself, in an outline
+longer than the box it scrolls in, such as a contents rail with a
+scrollbar of its own. Only that box moves: never the page, and never the
+box the sections scroll in. */
+  follow?: (HelixOutline["follow"]) | undefined;
   /** The navigation's name, read by screen readers. A heading in the `heading`
 slot names it in place of this. */
   label?: (HelixOutline["label"]) | undefined;
@@ -11014,9 +11520,13 @@ export type HelixPinInputHelixCompleteElementEvent =
   HelixPinInputElementEvent<HelixCompleteEvent>;
 
 export type HelixPinInputVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixPinInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixPinInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -11066,6 +11576,10 @@ the same code is one offer made six times. */
 Awesome's `autosubmit` and Radix's `autoSubmit`. Only for a code the field
 took: a refused last character submits nothing. */
   autosubmit?: (HelixPinInput["autosubmit"]) | undefined;
+  /** How typed and pasted letters are cased: `upper`, `lower`, or `preserve`
+to keep them as typed. Web Awesome's OTP input takes the same `case`, for
+a code a service reads in one case. */
+  case?: (HelixPinInput["case"]) | undefined;
   /** Accessible name for one box, with `{index}` and `{length}` filled in. */
   "cell-label"?: (HelixPinInput["cellLabel"]) | undefined;
   /** Accessible name for one box, with `{index}` and `{length}` filled in. */
@@ -11207,8 +11721,9 @@ trigger already reads as belonging to it. */
   /** The panel's name, read by screen readers. Left at `Popover`, the first
 heading in the panel names it instead. */
   label?: (HelixPopover["label"]) | undefined;
-  /** Keeps `Tab` inside the panel while it is open, and marks the panel
-`aria-modal`. A press outside and Escape still close it. */
+  /** Keeps `Tab` inside the panel while it is open, marks the panel
+`aria-modal`, and hides the rest of the page from screen readers. A press
+outside and Escape still close it. */
   modal?: (HelixPopover["modal"]) | undefined;
   /** Space between the trigger and the panel, in pixels. */
   offset?: (HelixPopover["offset"]) | undefined;
@@ -11246,6 +11761,30 @@ from, so an outline there costs legibility and buys no distinction. `solid`
 is the resting state and is written by not writing it, per the rule that a
 reflected property takes no default. */
   emphasis?: (HelixProgress["emphasis"]) | undefined;
+  /** `Intl.NumberFormat` options the reading is written with, as React Aria's
+Meter and ProgressBar take them: a unit, a currency, or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-progress value="18" max="32" format-options='{"style":"unit","unit":"gigabyte"}'></helix-progress>
+```
+
+A `percent` style writes the share of the range, and any other the value
+itself, so the example says "18 GB". Absent is a whole percentage. The
+words are announced as well as shown. `value-text` still wins. */
+  "format-options"?: (HelixProgress["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options the reading is written with, as React Aria's
+Meter and ProgressBar take them: a unit, a currency, or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-progress value="18" max="32" format-options='{"style":"unit","unit":"gigabyte"}'></helix-progress>
+```
+
+A `percent` style writes the share of the range, and any other the value
+itself, so the example says "18 GB". Absent is a whole percentage. The
+words are announced as well as shown. `value-text` still wins. */
+  formatOptions?: (HelixProgress["formatOptions"]) | undefined;
   /** Whether the length of the task is unknown. The bar then shows activity
 without a value.
 
@@ -11395,9 +11934,13 @@ export type HelixRadioGroupHelixSelectElementEvent =
   HelixRadioGroupElementEvent<HelixSelectEvent>;
 
 export type HelixRadioGroupVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixRadioGroup["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixRadioGroup["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -11656,6 +12199,9 @@ export type HelixRatingHelixBeforeChangeElementEvent =
 /** `helix-clear` event type */
 export type HelixRatingHelixClearElementEvent =
   HelixRatingElementEvent<HelixClearEvent>;
+/** `helix-preview` event type */
+export type HelixRatingHelixPreviewElementEvent =
+  HelixRatingElementEvent<HelixPreviewEvent>;
 
 export type HelixRatingVueProps = {
   /** The shape of each mark. `dots` draws plain circles.
@@ -11680,9 +12226,13 @@ an attribute React holds no prop for and so a hydration mismatch for each
 one. The stylesheet names only `dots`, so an unset one draws the star by
 landing on the base rule. */
   shape?: (HelixRating["shape"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixRating["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixRating["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -11872,6 +12422,8 @@ export type HelixRatingVueEvents = {
   "helix-before-change": HelixRatingHelixBeforeChangeElementEvent;
   /** The rating went back to unrated, under `clearable`. Sent after `input` and `change`. */
   "helix-clear": HelixRatingHelixClearElementEvent;
+  /** The score under the pointer, shown before it is chosen, or `''` once the marks show the score again. Sent once each time the preview changes. */
+  "helix-preview": HelixRatingHelixPreviewElementEvent;
   /** The score changed. */
   input: HelixRatingElementEvent;
 };
@@ -12152,6 +12704,14 @@ Not reflected: nothing selects on it, so it keeps a real default instead. */
   tabIndents?: (HelixSandboxSource["tabIndents"]) | undefined;
   /** The source being edited. */
   value?: (HelixSandboxSource["value"]) | undefined;
+  /** Colors the source: a function from the source and the pane's `name` to
+runs of text, each with an optional kind, such as
+`[{ text: '<' }, { kind: 'tag', text: 'p' }, { text: '>' }]`.
+
+Absent, the pane is a plain field. Runs whose text does not add up to the
+source are drawn as the source, uncolored, so the colors never drift from
+the caret. Set it as a property. */
+  highlight?: (HelixSandboxSource["highlight"]) | undefined;
 };
 
 export type HelixSandboxSourceVueEvents = {
@@ -12178,6 +12738,15 @@ Absent shows no readout. */
 
 export type HelixSandboxStatusBarVueEvents = {};
 
+/** `HelixSandboxTerminal` component event */
+export type HelixSandboxTerminalElementEvent<E = Event> = TypedEvent<
+  HelixSandboxTerminal,
+  E
+>;
+/** `helix-before-change` event type */
+export type HelixSandboxTerminalHelixBeforeChangeElementEvent =
+  HelixSandboxTerminalElementEvent<HelixBeforeChangeEvent>;
+
 export type HelixSandboxTerminalVueProps = {
   /** The clear button's text, under `controls`. */
   "clear-label"?: (HelixSandboxTerminal["clearLabel"]) | undefined;
@@ -12206,15 +12775,22 @@ Lines it hides are kept, so lowering it shows them again. The filter under
   levelLabel?: (HelixSandboxTerminal["levelLabel"]) | undefined;
   /** What each choice of the level filter reads, for a page in another
 language, keyed by level, such as `{ warn: '…' }`. A level left out keeps
-its English words. As an attribute it is that object as JSON. */
+its English words. As an attribute it is that object as JSON, and JSON
+that does not parse is no words. */
   "level-words"?: (HelixSandboxTerminal["levelWords"]) | undefined;
   /** What each choice of the level filter reads, for a page in another
 language, keyed by level, such as `{ warn: '…' }`. A level left out keeps
-its English words. As an attribute it is that object as JSON. */
+its English words. As an attribute it is that object as JSON, and JSON
+that does not parse is no words. */
   levelWords?: (HelixSandboxTerminal["levelWords"]) | undefined;
 };
 
-export type HelixSandboxTerminalVueEvents = {};
+export type HelixSandboxTerminalVueEvents = {
+  /** Fired after the reader chose another level in the filter. `level` holds it. */
+  change: HelixSandboxTerminalElementEvent;
+  /** Fired before the level filter changes, with the level chosen, `log` for every level. Cancelable: cancel it to keep the current level. */
+  "helix-before-change": HelixSandboxTerminalHelixBeforeChangeElementEvent;
+};
 
 export type HelixSandboxToolbarVueProps = {};
 
@@ -12241,6 +12817,22 @@ percentages and its totals, such as `de` for `1.240` and `32 %`.
 Absent uses the runtime's own. The table's cells are shown as the table
 writes them, whatever this says. */
   locale?: (HelixScatterChart["locale"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  "position-label"?: (HelixScatterChart["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. A slice or a series a
+legend hid is not counted. */
+  positionLabel?: (HelixScatterChart["positionLabel"]) | undefined;
   /** The word the summary uses for the strength of the relation. */
   "correlation-label"?: (HelixScatterChart["correlationLabel"]) | undefined;
   /** The word the summary uses for the strength of the relation. */
@@ -12256,6 +12848,14 @@ is read along. */
   "points-label"?: (HelixScatterChart["pointsLabel"]) | undefined;
   /** The word the summary uses for a row when it counts them. */
   pointsLabel?: (HelixScatterChart["pointsLabel"]) | undefined;
+  /** Draws each series' line of best fit across the plot, by least squares, in
+the series' color: the regression line a reader would otherwise draw by
+eye.
+
+Absent draws none. A series with fewer than two points, or with every
+point at one measure across, has no line to draw. The summary already
+gives each series' correlation, which says how near the points are to it. */
+  trend?: (HelixScatterChart["trend"]) | undefined;
 };
 
 export type HelixScatterChartVueEvents = {};
@@ -12279,6 +12879,9 @@ leaves, in milliseconds. Read under `scrollbars="scroll"` and
 
 Without one there is no region: see the note on the class. */
   label?: (HelixScrollArea["label"]) | undefined;
+  /** The one axis the content scrolls along: `vertical` or `horizontal`. The
+other axis clips what is past it and has no scrollbar. Unset scrolls both. */
+  orientation?: (HelixScrollArea["orientation"]) | undefined;
   /** Draws scrollbars of the component's own in place of the browser's, and
 says when they show.
 
@@ -12295,7 +12898,7 @@ Absent keeps the browser's scrollbars. */
 export type HelixScrollAreaVueEvents = {
   /** The content scrolled. Sent from the host, because the viewport's own does not leave the shadow root. Does not bubble. */
   scroll: HelixScrollAreaElementEvent;
-  /** The content stopped scrolling. Sent from the host, as `scroll` is. Does not bubble. */
+  /** The content stopped scrolling. Sent from the host, as `scroll` is, and once for a thumb dragged across the content. Does not bubble. */
   scrollend: HelixScrollAreaElementEvent;
 };
 
@@ -12316,6 +12919,9 @@ export type HelixSelectHelixBeforeOpenElementEvent =
 /** `helix-filter` event type */
 export type HelixSelectHelixFilterElementEvent =
   HelixSelectElementEvent<HelixFilterEvent>;
+/** `helix-load-more` event type */
+export type HelixSelectHelixLoadMoreElementEvent =
+  HelixSelectElementEvent<HelixLoadMoreEvent>;
 
 export type HelixSelectVueProps = {
   /** How strongly the trigger is drawn. Leave it unset for a framed field, or
@@ -12369,9 +12975,13 @@ hydration, or diffed by a framework, it comes back holding whatever the
 last reader did rather than what the author wrote. `:state(open)` carries
 the resolved state for stylesheets, which is what the mirror is for. */
   open?: (HelixSelect["open"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixSelect["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixSelect["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -12490,6 +13100,8 @@ export type HelixSelectVueEvents = {
   "helix-before-open": HelixSelectHelixBeforeOpenElementEvent;
   /** Fired as the user types in the filter field of a `filterable` select, with the text the list is filtered by. Cancelable: cancel it to leave the list unfiltered and filter the options yourself. */
   "helix-filter": HelixSelectHelixFilterElementEvent;
+  /** Fired once the list is scrolled within a screen of its end, once for each number of options, and not while `loading` is set. Add the next page and set `loading` while you fetch it. */
+  "helix-load-more": HelixSelectHelixLoadMoreElementEvent;
   /** Fired after the value changes. */
   input: HelixSelectElementEvent;
 };
@@ -12545,9 +13157,13 @@ export type HelixSliderHelixBeforeChangeElementEvent =
   HelixSliderElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixSliderVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixSlider["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixSlider["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -12664,12 +13280,22 @@ takes the width of the row it is in. `--slider-length` is that number and
 defaults to nine rem, so one dropped into a layout is a usable height
 rather than a thumb sitting on nothing. */
   orientation?: (HelixSlider["orientation"]) | undefined;
+  /** Where a single thumb's fill starts: `start` at `min`, `center` at the
+middle of the track, or `end` at `max`. Absent is `start`. A range fills
+between its thumbs and ignores it. */
+  origin?: (HelixSlider["origin"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
 The pair is one string, `"10,50"`, which is what a form submits and what
 `MixinControllerValue` already holds. `valueAsNumber` reads the lower of
 the two, since a range has no single number. */
   range?: (HelixSlider["range"]) | undefined;
+  /** How the readout joins a range's two values, with `{start}` and `{end}`
+filled in. Write it in the page's language, such as `{start} bis {end}`. */
+  "range-text"?: (HelixSlider["rangeText"]) | undefined;
+  /** How the readout joins a range's two values, with `{start}` and `{end}`
+filled in. Write it in the page's language, such as `{start} bis {end}`. */
+  rangeText?: (HelixSlider["rangeText"]) | undefined;
   /** Shows the chosen value beside the track. */
   "show-value"?: (HelixSlider["showValue"]) | undefined;
   /** Shows the chosen value beside the track. */
@@ -12825,6 +13451,18 @@ the accessible representation of a sparkline, and a list of the fourteen
 numbers is not. Absent, the drawing is hidden from a screen reader rather
 than announced without a name. */
   label?: (HelixSparkline["label"]) | undefined;
+  /** The locale the readout's numbers and positions are written in, such as
+`de` for `1.240`.
+
+Absent uses the runtime's own. A table's cells are shown as the table
+writes them, whatever this says. */
+  locale?: (HelixSparkline["locale"]) | undefined;
+  /** Which readings take a mark of their own: `high`, `low`, or both,
+separated by spaces.
+
+Absent marks none, and the drawing is what it was. Each mark is a part,
+placed at its reading, for a stylesheet to draw. */
+  marks?: (HelixSparkline["marks"]) | undefined;
   /** What the readings are drawn as.
 
 Absent is `area`, a line with the region beneath it washed. `line` is the
@@ -12853,6 +13491,20 @@ anywhere the fill would be noise, several of them in one box for instance.
 This tier rather than the one above: a plot type is geometry and geometry
 is markup, the same reason `curve` lives here. */
   plot?: (HelixSparkline["plot"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. */
+  "position-label"?: (HelixSparkline["positionLabel"]) | undefined;
+  /** Where a reading the keys moved to stands among the readings, said after
+it. `{position}` and `{count}` are replaced with the numbers, written in
+`locale`.
+
+Set it to the words of the page's language, such as `{position} von
+{count}`, or to nothing to say no position. */
+  positionLabel?: (HelixSparkline["positionLabel"]) | undefined;
   /** The numbers, separated by whitespace or by commas.
 
 An array assigned to the property works too, which is what React 19 does
@@ -13144,10 +13796,9 @@ A property rather than a `Flex` around it, because the unit has to stay on
 the value's baseline whichever way the pair goes, and only this element
 knows which of its children the unit belongs to.
 
-**`Trend` has a `direction` too, and there it means which way a number
-moved:** `up`, `down` or `neutral`. A Stat and a Trend are often written
-side by side, so watch for the mix-up. On a Stat those three words are not
-layouts, and the pair stays the column.
+The name and the values are `Flex`'s, which lays out the same way. Which
+way a number moved is `Trend`'s `movement`. On a Stat, `up`, `down` and
+`neutral` are not layouts, and the pair stays the column.
 
 **Optional rather than defaulted to `column`, which is not a style
 preference.** A reflecting property with a default writes its attribute onto
@@ -13222,6 +13873,10 @@ nothing about whether it is finished.
 order is the point, a form that says "step 3 of 5" beside it, or a sequence
 a reader is told to come back to by number. */
   variant?: (HelixSteps["variant"]) | undefined;
+  /** A function that answers whether a stage is valid, asked about the stage a
+reader is on before they move forward from it. Return `false` to keep them
+there. Not asked of an `optional` stage, nor for a move back. */
+  validate?: (HelixSteps["validate"]) | undefined;
 };
 
 export type HelixStepsVueEvents = {
@@ -13280,9 +13935,13 @@ Not reflected: the attribute is the consumer's input and stays as they
 wrote it, and `:state(checked)` carries the resolved state for
 stylesheets. */
   checked?: (HelixSwitch["checked"]) | undefined;
-  /** Whether the control starts checked. A form reset returns it to this state. */
+  /** Whether the control starts checked. A form reset returns it to this state,
+and to the `checked` attribute where this one is not written, as a native
+checkbox resets to the `checked` it declares. */
   "default-checked"?: (HelixSwitch["defaultChecked"]) | undefined;
-  /** Whether the control starts checked. A form reset returns it to this state. */
+  /** Whether the control starts checked. A form reset returns it to this state,
+and to the `checked` attribute where this one is not written, as a native
+checkbox resets to the `checked` it declares. */
   defaultChecked?: (HelixSwitch["defaultChecked"]) | undefined;
   /** Whether a reader can see and focus the control and cannot change it. A
 read-only control still submits its value.
@@ -14011,7 +14670,8 @@ ellipsis.
 Lays the text out as a block, because a line count needs a width to break
 against. The whole text stays in the page, so a screen reader and a search
 still read all of it. Set it as an attribute, such as `lines="1"` for a
-single line. */
+single line. A count that is not a whole number above zero, such as `0`,
+cuts nothing off. */
   lines?: (HelixText["lines"]) | undefined;
   /** How the lines align, set as `text-align`.
 
@@ -14063,11 +14723,18 @@ export type HelixTextareaElementEvent<E = Event> = TypedEvent<HelixTextarea, E>;
 /** `helix-before-change` event type */
 export type HelixTextareaHelixBeforeChangeElementEvent =
   HelixTextareaElementEvent<HelixBeforeChangeEvent>;
+/** `helix-clear` event type */
+export type HelixTextareaHelixClearElementEvent =
+  HelixTextareaElementEvent<HelixClearEvent>;
 
 export type HelixTextareaVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixTextarea["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixTextarea["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -14116,6 +14783,12 @@ a token like `email` or `bday` to ask for autofill, or to `off` to refuse. */
   "auto-grow"?: (HelixTextarea["autoGrow"]) | undefined;
   /** Grows the box to fit its content, so it does not scroll. */
   autoGrow?: (HelixTextarea["autoGrow"]) | undefined;
+  /** Draws a button that empties the field while it holds text. */
+  clearable?: (HelixTextarea["clearable"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "clear-label"?: (HelixTextarea["clearLabel"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  clearLabel?: (HelixTextarea["clearLabel"]) | undefined;
   /** How many characters wide the box is, when the layout does not set its
 width.
 
@@ -14222,6 +14895,10 @@ which is where an empty field's caret would be anyway. */
   selectionEnd?: (HelixTextarea["selectionEnd"]) | undefined;
   /** Where the selection starts, as an offset into the value. */
   selectionStart?: (HelixTextarea["selectionStart"]) | undefined;
+  /** Your own rule for the value, run on every change once the browser finds
+nothing wrong. Return a message, or a list of them, to mark the field
+invalid, and `true`, `null`, or nothing to accept the value. */
+  validate?: (HelixTextarea["validate"]) | undefined;
 };
 
 export type HelixTextareaVueEvents = {
@@ -14229,6 +14906,8 @@ export type HelixTextareaVueEvents = {
   change: HelixTextareaElementEvent;
   /** Fired as the text changes, and cancelable. */
   "helix-before-change": HelixTextareaHelixBeforeChangeElementEvent;
+  /** Fired after the clear button has emptied the field, after `input` and `change`. */
+  "helix-clear": HelixTextareaHelixClearElementEvent;
   /** Fired after the value changes. */
   input: HelixTextareaElementEvent;
 };
@@ -14339,9 +15018,13 @@ as `+3`, does not say what it does. */
   "max-tags"?: (HelixTimeInput["maxTags"] | `${number}`) | undefined;
   /** How many tokens to show before the rest become a count. */
   maxTags?: (HelixTimeInput["maxTags"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -14566,9 +15249,13 @@ export type HelixTimePickerHelixBeforeChangeElementEvent =
   HelixTimePickerElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixTimePickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixTimePicker["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixTimePicker["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -14625,9 +15312,15 @@ Absent is the locale's own, which is right for a reader's own form. Set it
 where every reader must see the same clock whatever their language, as a
 timetable does. The value is `HH:mm` on twenty-four hours either way. */
   hourCycle?: (HelixTimePicker["hourCycle"]) | undefined;
-  /** What the wheel of hours is called, read by screen readers. */
+  /** What the wheel of hours is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Hour" in
+English, "Stunde" in German. */
   "hour-label"?: (HelixTimePicker["hourLabel"]) | undefined;
-  /** What the wheel of hours is called, read by screen readers. */
+  /** What the wheel of hours is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Hour" in
+English, "Stunde" in German. */
   hourLabel?: (HelixTimePicker["hourLabel"]) | undefined;
   /** Whether the current selection fails validation.
 
@@ -14654,16 +15347,28 @@ closes on a time. */
   /** Latest time offered, as `HH:mm`. */
   max?: (HelixTimePicker["max"]) | undefined;
   /** What the wheel of the half of the day is called, read by screen readers.
-Its two options are written as the locale writes them, such as AM and PM. */
+Its two options are written as the locale writes them, such as AM and PM.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "AM/PM" in
+English, "Tageshälfte" in German. */
   "meridiem-label"?: (HelixTimePicker["meridiemLabel"]) | undefined;
   /** What the wheel of the half of the day is called, read by screen readers.
-Its two options are written as the locale writes them, such as AM and PM. */
+Its two options are written as the locale writes them, such as AM and PM.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "AM/PM" in
+English, "Tageshälfte" in German. */
   meridiemLabel?: (HelixTimePicker["meridiemLabel"]) | undefined;
   /** Earliest time offered, as `HH:mm`. */
   min?: (HelixTimePicker["min"]) | undefined;
-  /** What the wheel of minutes is called, read by screen readers. */
+  /** What the wheel of minutes is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Minute" in
+English and German, "分" in Japanese. */
   "minute-label"?: (HelixTimePicker["minuteLabel"]) | undefined;
-  /** What the wheel of minutes is called, read by screen readers. */
+  /** What the wheel of minutes is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Minute" in
+English and German, "分" in Japanese. */
   minuteLabel?: (HelixTimePicker["minuteLabel"]) | undefined;
   /** How many times can be held at once.
 
@@ -14721,9 +15426,15 @@ else set needs. */
   readOnly?: (HelixTimePicker["readOnly"]) | undefined;
   /** Stops the form from submitting while no time is chosen. */
   required?: (HelixTimePicker["required"]) | undefined;
-  /** What the wheel of seconds is called, read by screen readers. */
+  /** What the wheel of seconds is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Second" in
+English, "Sekunde" in German. */
   "second-label"?: (HelixTimePicker["secondLabel"]) | undefined;
-  /** What the wheel of seconds is called, read by screen readers. */
+  /** What the wheel of seconds is called, read by screen readers.
+
+Absent is the locale's own word, from `Intl.DisplayNames`: "Second" in
+English, "Sekunde" in German. */
   secondLabel?: (HelixTimePicker["secondLabel"]) | undefined;
   /** Whether times carry their seconds.
 
@@ -14996,9 +15707,13 @@ because a row of tabs is a row until asked; here it is the resting state,
 because a group of toggles is one control. Same groove, opposite polarity,
 and what decides the polarity is which reading is ordinary for the family. */
   separation?: (HelixToggleGroup["separation"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   "default-value"?: (HelixToggleGroup["defaultValue"]) | undefined;
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** The value the control starts with. A form reset returns it to this value,
+and to the `value` attribute where this one is not written, as a native
+control resets to the `value` it declares. */
   defaultValue?: (HelixToggleGroup["defaultValue"]) | undefined;
   /** The control's current value, which its form submits.
 
@@ -15289,9 +16004,13 @@ Without one, sweeping across a row of controls flashes a tooltip for each
 of them, which is noise rather than help. Focus opens with no delay: a
 keyboard reader arriving on a control has already committed to it. */
   delay?: (HelixTooltip["delay"]) | undefined;
-  /** How long the bubble stays after the pointer leaves, in milliseconds. */
+  /** How long the bubble stays after the pointer leaves the trigger or the
+bubble, in milliseconds: the close delay. It is the time a reader has to
+cross the gap onto the bubble. */
   "delay-out"?: (HelixTooltip["delayOut"] | `${number}`) | undefined;
-  /** How long the bubble stays after the pointer leaves, in milliseconds. */
+  /** How long the bubble stays after the pointer leaves the trigger or the
+bubble, in milliseconds: the close delay. It is the time a reader has to
+cross the gap onto the bubble. */
   delayOut?: (HelixTooltip["delayOut"]) | undefined;
   /** Stops the tooltip from showing. */
   disabled?: (HelixTooltip["disabled"]) | undefined;
@@ -15314,6 +16033,11 @@ through as attributes. Both paths reach the same place through Lit, so
 nothing is broken by it; a `[for]` selector would find nothing, which is
 why this does not reflect and nothing styles on it. */
   for?: (HelixTooltip["for"]) | undefined;
+  /** Whether the pointer can move onto the bubble and the bubble stays, so a
+reader can read it under a magnifier or select its words, as WCAG 1.4.13
+asks. `hoverable="false"` hides the bubble once the pointer reaches it,
+for a bubble that covers something a reader moves on to. */
+  hoverable?: (HelixTooltip["hoverable"]) | undefined;
   /** The space between the trigger and the tip of the bubble, in pixels.
 
 **Measured from the point, which is what the arrow being back changed.**
@@ -15405,6 +16129,9 @@ export type HelixTourHelixCompleteElementEvent =
 /** `helix-tour-ask` event type */
 export type HelixTourHelixTourAskElementEvent =
   HelixTourElementEvent<HelixTourAskEvent>;
+/** `helix-tour-status` event type */
+export type HelixTourHelixTourStatusElementEvent =
+  HelixTourElementEvent<HelixTourStatusEvent>;
 
 export type HelixTourVueProps = {
   /** Whether the element starts open. Ignored once `open` is written. */
@@ -15486,6 +16213,8 @@ export type HelixTourVueEvents = {
   "helix-complete": HelixTourHelixCompleteElementEvent;
   /** Fired when a stop's control is pressed to move the tour. The stop sends it, and the tour handles it. */
   "helix-tour-ask": HelixTourHelixTourAskElementEvent;
+  /** Fired when the tour starts waiting at a `wait` stop, is skipped, or is completed, with the stop's index and `detail.status` saying which. */
+  "helix-tour-status": HelixTourHelixTourStatusElementEvent;
 };
 
 /** `HelixTourStop` component event */
@@ -15782,13 +16511,13 @@ branch as a label; a headless consumer reads the attribute and the
 written here appears in the served markup of every tree anybody renders.
 The resting state is the absence of the attribute, which is `peer`. */
   nesting?: (HelixTree["nesting"]) | undefined;
-  /** Whether a reader can check many items. Unset, one item is chosen at a
-time.
+  /** Whether a reader can check many items, or choose only the items at the
+ends. Unset, one item is chosen at a time, branches included.
 
 Optional, so a tree of one choice writes no attribute onto the host. */
   "selection-mode"?: (HelixTree["selectionMode"]) | undefined;
-  /** Whether a reader can check many items. Unset, one item is chosen at a
-time.
+  /** Whether a reader can check many items, or choose only the items at the
+ends. Unset, one item is chosen at a time, branches included.
 
 Optional, so a tree of one choice writes no attribute onto the host. */
   selectionMode?: (HelixTree["selectionMode"]) | undefined;
@@ -15811,26 +16540,27 @@ export type HelixTrendVueProps = {
   "better-label"?: (HelixTrend["betterLabel"]) | undefined;
   /** The word read out after the direction when the move is an improvement. */
   betterLabel?: (HelixTrend["betterLabel"]) | undefined;
-  /** Which way the measurement moved.
-
-Absent is neutral, so a trend with nothing to report draws a bar rather
-than picking a direction. Optional rather than defaulted for the reason
-`Stat.direction` is: a reflecting property with a default writes its
-attribute onto the host the moment the element upgrades, and the host is
-markup the consumer rendered, which React compares against what it rendered
-and reports as a hydration mismatch. */
+  /** Which way the measurement moved, as `movement` says it. */
   direction?: (HelixTrend["direction"]) | undefined;
   /** The word read out for a move down. */
   "down-label"?: (HelixTrend["downLabel"]) | undefined;
   /** The word read out for a move down. */
   downLabel?: (HelixTrend["downLabel"]) | undefined;
-  /** Which direction counts as an improvement for this metric.
+  /** Which movement counts as an improvement for this metric.
 
 Absent states the movement without judging it, which is the honest default:
 revenue up is good news and latency up is bad news, and only the consumer
 knows which one this is. Set it once per metric and it holds while the
-direction changes underneath. */
+movement changes underneath. */
   good?: (HelixTrend["good"]) | undefined;
+  /** Which way the measurement moved.
+
+Absent is neutral, so a trend with nothing to report draws a bar rather
+than picking a direction. Optional rather than defaulted: a reflecting
+property with a default writes its attribute onto the host the moment the
+element upgrades, and the host is markup the consumer rendered, which React
+compares against what it rendered and reports as a hydration mismatch. */
+  movement?: (HelixTrend["movement"]) | undefined;
   /** The word read out for no move, or for a direction that is not one of the
 three. */
   "unchanged-label"?: (HelixTrend["unchangedLabel"]) | undefined;
@@ -15963,7 +16693,7 @@ arrives or leaves, so previous goes back through what has played. */
 };
 
 export type HelixVideoPlaylistVueEvents = {
-  /** The current entry changed. The playlist already holds the new entry when this is sent. */
+  /** The current entry changed. The playlist already holds the new entry when this is sent, and `detail.previous` is the entry it left. */
   "helix-activate": HelixVideoPlaylistHelixActivateElementEvent;
   /** The current entry is about to change. Cancelable: cancel it to keep the current entry. */
   "helix-before-activate": HelixVideoPlaylistHelixBeforeActivateElementEvent;
@@ -16430,6 +17160,9 @@ export type HelixVirtualListElementEvent<E = Event> = TypedEvent<
   HelixVirtualList,
   E
 >;
+/** `helix-before-change` event type */
+export type HelixVirtualListHelixBeforeChangeElementEvent =
+  HelixVirtualListElementEvent<HelixBeforeChangeEvent>;
 /** `helix-load-more` event type */
 export type HelixVirtualListHelixLoadMoreElementEvent =
   HelixVirtualListElementEvent<HelixLoadMoreEvent>;
@@ -16446,21 +17179,61 @@ right whenever the rows really are one height and is the cheaper of the two. */
   /** The id of the script element that holds the items as JSON. `items` wins
 where both are set. */
   for?: (HelixVirtualList["for"]) | undefined;
+  /** The field of each item that is its key in `value`, as a key or a path of
+keys. Empty reads a string or a number item as its own key, and any
+other item by its place in the set. */
+  "key-field"?: (HelixVirtualList["keyField"]) | undefined;
+  /** The field of each item that is its key in `value`, as a key or a path of
+keys. Empty reads a string or a number item as its own key, and any
+other item by its place in the set. */
+  keyField?: (HelixVirtualList["keyField"]) | undefined;
   /** The list's name, read by screen readers, because only some of its rows
 are rendered at a time.
 
 An `aria-label` or `aria-labelledby` on the host names the list too, and
 wins over this. */
   label?: (HelixVirtualList["label"]) | undefined;
-  /** Places rows by their measured height. Without it, every row is placed by
-`estimate`.
+  /** Marks the list as busy fetching more items, and draws a row after the last
+item that says so.
+
+Set it when `helix-load-more` starts a fetch, and clear it when the items
+arrive. The list does not ask for more while it is set. */
+  loading?: (HelixVirtualList["loading"]) | undefined;
+  /** The text of the row drawn while `loading` is set, where the `loading` slot is empty. */
+  "loading-label"?: (HelixVirtualList["loadingLabel"]) | undefined;
+  /** The text of the row drawn while `loading` is set, where the `loading` slot is empty. */
+  loadingLabel?: (HelixVirtualList["loadingLabel"]) | undefined;
+  /** Places each row by its own measured height. Without it, rows are placed
+by one height: `estimate` until rows are drawn, then the drawn rows' height,
+read once.
 
 **Off by default, because the straight line is better when it holds.** One
-estimate makes offset and index convert by division, which can never
+height makes offset and index convert by division, which can never
 disagree with itself; measuring is what a set of genuinely different
 heights needs and costs a read of each row as it renders. A list of
 one-line rows should leave this alone. */
   measured?: (HelixVirtualList["measured"]) | undefined;
+  /** Makes the list a list box a reader chooses from: `single` selects one
+item, and `multiple` any number. Unset is a list a reader reads. */
+  "selection-mode"?: (HelixVirtualList["selectionMode"]) | undefined;
+  /** Makes the list a list box a reader chooses from: `single` selects one
+item, and `multiple` any number. Unset is a list a reader reads. */
+  selectionMode?: (HelixVirtualList["selectionMode"]) | undefined;
+  /** The field of each item that typing matches, as a key or a path of keys
+(`author.name`).
+
+Empty by default, which matches the first `data-field` of the row
+template, or the item itself where it is a string or a number. */
+  "text-field"?: (HelixVirtualList["textField"]) | undefined;
+  /** The field of each item that typing matches, as a key or a path of keys
+(`author.name`).
+
+Empty by default, which matches the first `data-field` of the row
+template, or the item itself where it is a string or a number. */
+  textField?: (HelixVirtualList["textField"]) | undefined;
+  /** The keys of the chosen items, separated by commas, in a list with
+`selection-mode`. Set it to start with items chosen. */
+  value?: (HelixVirtualList["value"]) | undefined;
   /** The items, as an array. Set it as a property.
 
 Each item is drawn by `renderItem`, or into the row `<template>` by its
@@ -16477,6 +17250,10 @@ and place in the set. Where it is unset, the row `<template>` is used. */
 };
 
 export type HelixVirtualListVueEvents = {
+  /** Fired once a press or a key has changed which items are selected, in a list with `selection-mode`. */
+  change: HelixVirtualListElementEvent;
+  /** Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable. */
+  "helix-before-change": HelixVirtualListHelixBeforeChangeElementEvent;
   /** Fired when a reader comes within one screen of the last item, once for each length of the set. */
   "helix-load-more": HelixVirtualListHelixLoadMoreElementEvent;
   /** Fired when the items on screen change, with the new `first` and `last`, which `range` also holds. */
@@ -16484,8 +17261,26 @@ export type HelixVirtualListVueEvents = {
 };
 
 export type CustomCssProperties = {
+  /** The color of the open and close indicator. */
+  "--accordion-item-chevron-color"?: (string) | undefined;
+  /** The indicator's color while the pointer is on the trigger. */
+  "--accordion-item-chevron-hover-color"?: (string) | undefined;
+  /** The color of the trigger's text. */
+  "--accordion-item-color"?: (string) | undefined;
+  /** The color of the content's text. */
+  "--accordion-item-content-color"?: (string) | undefined;
+  /** How faint a disabled trigger is drawn. */
+  "--accordion-item-disabled-opacity"?: (string) | undefined;
+  /** The size of the trigger's text. */
+  "--accordion-item-font-size"?: (string) | undefined;
+  /** The weight of the trigger's text. */
+  "--accordion-item-font-weight"?: (string) | undefined;
+  /** The trigger's fill while the pointer is on it. Unset, there is none. */
+  "--accordion-item-hover-background-color"?: (string) | undefined;
   /** The padding of the trigger and the content. */
   "--accordion-item-padding"?: (string) | undefined;
+  /** The height of the content, in pixels, written on the `content` part while the section is open. */
+  "--accordion-content-height"?: (string) | undefined;
   /** The color of the lines between items, and of each item's border when outlined. */
   "--accordion-border-color"?: (string) | undefined;
   /** The space between items when outlined. Otherwise items share an edge. */
@@ -16540,6 +17335,8 @@ export type CustomCssProperties = {
   "--avatar-background-color"?: (string) | undefined;
   /** Edge length of the avatar. */
   "--avatar-size"?: (string) | undefined;
+  /** How long one beat of `attention` takes. */
+  "--badge-attention-duration"?: (string) | undefined;
   /** The fill of the indicator. */
   "--badge-background-color"?: (string) | undefined;
   /** The color of the count, to pair with a fill set through `--badge-background-color`. */
@@ -16580,8 +17377,12 @@ export type CustomCssProperties = {
   "--blockquote-color"?: (string) | undefined;
   /** The typeface of the quoted passage, the display face by default. */
   "--blockquote-font-family"?: (string) | undefined;
+  /** The weight of the quoted passage, medium by default. */
+  "--blockquote-font-weight"?: (string) | undefined;
   /** The space between the passage and its attribution. */
   "--blockquote-gap"?: (string) | undefined;
+  /** The line height of the quoted passage, the tight leading by default. */
+  "--blockquote-line-height"?: (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. */
@@ -16636,6 +17437,10 @@ export type CustomCssProperties = {
   "--button-radius-start-start"?: (string) | undefined;
   /** Height of the control, for a row height outside the density steps. */
   "--button-size"?: (string) | undefined;
+  /** Color of the ring a pending button turns. It follows the label's color. */
+  "--button-spinner-color"?: (string) | undefined;
+  /** How long the ring takes to turn once. */
+  "--button-spinner-duration"?: (string) | undefined;
   /** Size of the ring a pending button turns. Defaults to the size of its icons. */
   "--button-spinner-size"?: (string) | undefined;
   /** The color of the bar, the mark and the tint, in place of the tone's. */
@@ -16644,11 +17449,11 @@ export type CustomCssProperties = {
   "--callout-background-color"?: (string) | undefined;
   /** The thickness of the bar on the inline start edge. */
   "--callout-bar-thickness"?: (string) | undefined;
-  /** The size of the callout's text. */
+  /** The size of the callout's text. Defaults to the control text step, which follows `data-density`. */
   "--callout-font-size"?: (string) | undefined;
   /** The space between the mark and the content. */
   "--callout-gap"?: (string) | undefined;
-  /** The inset around the content, to which the bar's width is added at the start. */
+  /** The inset around the content, to which the bar's width is added at the start. Defaults to the control space step, which follows `data-density`. */
   "--callout-padding"?: (string) | undefined;
   /** The corner radius of the callout. */
   "--callout-radius"?: (string) | undefined;
@@ -16752,6 +17557,10 @@ export type CustomCssProperties = {
   "--chat-resume-shadow"?: (string) | undefined;
   /** The hairline under the header. */
   "--chat-rule"?: (string) | undefined;
+  /** The color of the dots and the words that say who is typing. */
+  "--chat-typing-color"?: (string) | undefined;
+  /** The space between the dots and the words that say who is typing. */
+  "--chat-typing-gap"?: (string) | undefined;
   /** The space between the checkboxes. */
   "--checkbox-group-gap"?: (string) | undefined;
   /** The fill of the box. It stays the same when the box is checked. */
@@ -16766,7 +17575,9 @@ export type CustomCssProperties = {
   "--checkbox-card-padding"?: (string) | undefined;
   /** The border color of a checked box when `--checkbox-border-color` is not set. */
   "--checkbox-checked-color"?: (string) | undefined;
-  /** The color of the check mark and the dash. */
+  /** The width and height of an icon slotted into `check` or `dash`. It fills the box by default. */
+  "--checkbox-icon-size"?: (string) | undefined;
+  /** The color of the check mark and the dash, and of an icon slotted into `check` or `dash`. */
   "--checkbox-mark-color"?: (string) | undefined;
   /** The width and height of the box. */
   "--checkbox-size"?: (string) | undefined;
@@ -16776,20 +17587,26 @@ export type CustomCssProperties = {
   "--code-block-background-color"?: (string) | undefined;
   /** The line around the block and its header. */
   "--code-block-border-color"?: (string) | undefined;
+  /** The color of the button under a capped block that shows every line. */
+  "--code-block-expand-color"?: (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 tallest the code grows before it scrolls. The default is no limit. */
+  /** 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;
   /** 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. */
+  "--code-font-family"?: (string) | undefined;
   /** Color of the fragment's text. Defaults to the foreground color mixed toward `foreground-muted`. */
   "--code-foreground-color"?: (string) | undefined;
   /** Space either side of the fragment. Defaults to half of `space-2xs`, so a bracket next to the fragment sits close to it. */
   "--code-padding"?: (string) | undefined;
+  /** Corner radius of the wash. Defaults to `radii-sm`. */
+  "--code-radius"?: (string) | undefined;
   /** The fragment's size. Defaults to `text-sm`. */
   "--code-size"?: (string) | undefined;
   /** Fill behind the field. */
@@ -16808,6 +17625,8 @@ export type CustomCssProperties = {
   "--color-input-swatch-size"?: (string) | undefined;
   /** The chosen color, painted over the checkerboard that shows transparency. */
   "--color-input-swatch"?: (string) | undefined;
+  /** The color of the message under the picker, while `feedback` is set. */
+  "--color-picker-feedback-color"?: (string) | undefined;
   /** The color of the names above the channel number fields, in `channel-fields`. */
   "--color-picker-field-label-color"?: (string) | undefined;
   /** The space between the channel number fields, in `channel-fields`. */
@@ -16846,18 +17665,38 @@ export type CustomCssProperties = {
   "--command-list-size"?: (string) | undefined;
   /** How wide the palette is. Defaults to `40rem`. */
   "--command-size"?: (string) | undefined;
+  /** The icon's color at rest. A `tone` keeps its own. */
+  "--copy-button-color"?: (string) | undefined;
+  /** The icon's color under the pointer. Without it, `--copy-button-color` also applies on hover. */
+  "--copy-button-color-hover"?: (string) | undefined;
+  /** The cross's color after a copy that put nothing on the clipboard. */
+  "--copy-button-error-color"?: (string) | undefined;
+  /** The width and height of the clipboard, check, and cross icons drawn by default. */
+  "--copy-button-icon-size"?: (string) | undefined;
+  /** Edge length of the button. Without it, `--icon-button-size` applies. */
+  "--copy-button-size"?: (string) | undefined;
+  /** The check mark's color after a copy. */
+  "--copy-button-success-color"?: (string) | undefined;
   /** Fill behind the button, in every state. */
   "--icon-button-background-color"?: (string) | undefined;
+  /** Fill behind the button while it is pressed. Without it, a press shows the fill of the state under it. */
+  "--icon-button-background-color-active"?: (string) | undefined;
   /** Fill behind the button under the pointer. Without it, `--icon-button-background-color` also applies on hover. */
   "--icon-button-background-color-hover"?: (string) | undefined;
   /** Icon color. */
   "--icon-button-foreground-color"?: (string) | undefined;
+  /** Icon color while the button is pressed. Without it, a press shows the color of the state under it. */
+  "--icon-button-foreground-color-active"?: (string) | undefined;
   /** Corner radius of the control, which a group flattens through `--button-radius-start` and `--button-radius-end`. */
   "--icon-button-radius"?: (string) | undefined;
   /** Shadow of a raised icon button. */
   "--icon-button-shadow"?: (string) | undefined;
   /** Edge length of the control. */
   "--icon-button-size"?: (string) | undefined;
+  /** Color of the ring a pending button turns. It follows the icon's color. */
+  "--icon-button-spinner-color"?: (string) | undefined;
+  /** How long the ring takes to turn once. */
+  "--icon-button-spinner-duration"?: (string) | undefined;
   /** Size of the ring a pending button turns. */
   "--icon-button-spinner-size"?: (string) | undefined;
   /** The height of the scrolling box while `windowed`. Ignored otherwise, where the grid is as tall as its rows. It is a fixed height, so a short result keeps the full box with space below it. */
@@ -16872,6 +17711,12 @@ export type CustomCssProperties = {
   "--data-table-heading-color"?: (string) | undefined;
   /** How far a tree grid's row header steps in for each level. It defaults to the width of the mark that opens a row. */
   "--data-table-indent"?: (string) | undefined;
+  /** The color of the edge around the button in the `load-more` row. */
+  "--data-table-more-border-color"?: (string) | undefined;
+  /** The fill behind the button in the `load-more` row while the pointer is over it. */
+  "--data-table-more-hover-background-color"?: (string) | undefined;
+  /** The corner radius of the button in the `load-more` row. */
+  "--data-table-more-radius"?: (string) | undefined;
   /** The space above and below a cell's content. */
   "--data-table-padding-block"?: (string) | undefined;
   /** The space on either side of a cell's content. */
@@ -16880,6 +17725,10 @@ export type CustomCssProperties = {
   "--data-table-rule-color"?: (string) | undefined;
   /** The font size of headings and cells. */
   "--data-table-text"?: (string) | undefined;
+  /** The color of the mark that opens and closes a row of a tree grid. */
+  "--data-table-toggle-color"?: (string) | undefined;
+  /** The size of the mark that opens and closes a row of a tree grid, and of the room a row with no children keeps for it. */
+  "--data-table-toggle-size"?: (string) | undefined;
   /** The alignment of the cell's column: `start`, `center`, or `end`. Unset when the column sets none. The component writes it on each cell it draws, and the stylesheet reads it. `Table` sets `--table-cell-align` for the same purpose. */
   "--data-table-cell-align"?: (string) | undefined;
   /** How deep a row is in a tree grid, from 1. The component writes it on each row header cell, and the stylesheet indents by it. */
@@ -16958,6 +17807,12 @@ export type CustomCssProperties = {
   "--donut-chart-edge-stroke"?: (string) | undefined;
   /** Width and height of the ring. */
   "--donut-chart-size"?: (string) | undefined;
+  /** Plate behind a slice's share, under `slice-labels`. */
+  "--donut-chart-slice-label-background-color"?: (string) | undefined;
+  /** Color of a slice's share, under `slice-labels`. */
+  "--donut-chart-slice-label-color"?: (string) | undefined;
+  /** Size of a slice's share, under `slice-labels`. */
+  "--donut-chart-slice-label-font-size"?: (string) | undefined;
   /** Color of the ring under the slices. */
   "--donut-chart-track-color"?: (string) | undefined;
   /** How thick the ring is drawn, derived from `hole`. */
@@ -16986,12 +17841,44 @@ export type CustomCssProperties = {
   "--drawer-swipe-x"?: (string) | undefined;
   /** How far a swipe, or a snap point, has moved the panel down, in pixels. */
   "--drawer-swipe-y"?: (string) | undefined;
+  /** Height of a row. */
+  "--drilldown-item-block-size"?: (string) | undefined;
+  /** Color of a row's words. */
+  "--drilldown-item-color"?: (string) | undefined;
+  /** How faint a disabled row is drawn. */
+  "--drilldown-item-disabled-opacity"?: (string) | undefined;
+  /** Size of a row's words. */
+  "--drilldown-item-font-size"?: (string) | undefined;
   /** Fill when a row is under the pointer. */
   "--drilldown-item-hover-color"?: (string) | undefined;
+  /** Color of the caret on a row that opens a page. */
+  "--drilldown-item-mark-color"?: (string) | undefined;
+  /** Space at either end of a row. */
+  "--drilldown-item-padding-inline"?: (string) | undefined;
+  /** Color of the back button's icon. */
+  "--drilldown-back-color"?: (string) | undefined;
+  /** Fill of the back button under the pointer. */
+  "--drilldown-back-hover-background-color"?: (string) | undefined;
   /** Fill behind the pages. */
   "--drilldown-background-color"?: (string) | undefined;
+  /** How long a page takes to slide in. */
+  "--drilldown-duration"?: (string) | undefined;
+  /** Height of the bar above a page. */
+  "--drilldown-header-block-size"?: (string) | undefined;
+  /** Color of the rule under the bar above a page. */
+  "--drilldown-header-border-color"?: (string) | undefined;
   /** Width of the region. */
   "--drilldown-inline-size"?: (string) | undefined;
+  /** Space above and below a page's rows. */
+  "--drilldown-page-padding-block"?: (string) | undefined;
+  /** Color of the page's name. */
+  "--drilldown-title-color"?: (string) | undefined;
+  /** Size of the page's name. */
+  "--drilldown-title-font-size"?: (string) | undefined;
+  /** Weight of the page's name. */
+  "--drilldown-title-font-weight"?: (string) | undefined;
+  /** How far a page slides as it arrives, along the line of text. */
+  "--drilldown-travel"?: (string) | undefined;
   /** Space added above the actions. */
   "--empty-actions-gap"?: (string) | undefined;
   /** Space between the icon, the heading, the message and the actions. */
@@ -17014,8 +17901,30 @@ export type CustomCssProperties = {
   "--empty-padding"?: (string) | undefined;
   /** Fill behind the field. */
   "--file-input-background-color"?: (string) | undefined;
+  /** The field's dashed edge at rest. */
+  "--file-input-border-color"?: (string) | undefined;
+  /** Fill behind the field while files are dragged over it. */
+  "--file-input-drop-background-color"?: (string) | undefined;
+  /** The field's edge while files are dragged over it. */
+  "--file-input-drop-border-color"?: (string) | undefined;
+  /** Fill behind each chosen file. */
+  "--file-input-file-background-color"?: (string) | undefined;
+  /** The edge of each chosen file. */
+  "--file-input-file-border-color"?: (string) | undefined;
+  /** Padding above and below each chosen file. */
+  "--file-input-file-padding-block"?: (string) | undefined;
+  /** Padding at each side of each chosen file. */
+  "--file-input-file-padding-inline"?: (string) | undefined;
+  /** Corner radius of each chosen file. */
+  "--file-input-file-radius"?: (string) | undefined;
   /** Padding inside the field. */
   "--file-input-padding"?: (string) | undefined;
+  /** Corner radius of the field. */
+  "--file-input-radius"?: (string) | undefined;
+  /** The remove button's icon at rest. */
+  "--file-input-remove-color"?: (string) | undefined;
+  /** The remove button's icon under the pointer. */
+  "--file-input-remove-color-hover"?: (string) | undefined;
   /** The fill behind the chip. */
   "--filter-input-chip-background-color"?: (string) | undefined;
   /** The color of the chip's border. */
@@ -17032,12 +17941,22 @@ export type CustomCssProperties = {
   "--filter-input-border-color"?: (string) | undefined;
   /** The width of the suggestion panel's border. It follows `--helix-border-floating`. */
   "--filter-input-border-width"?: (string) | undefined;
+  /** The clear button's icon at rest. */
+  "--filter-input-clear-color"?: (string) | undefined;
+  /** The clear button's icon under the pointer. */
+  "--filter-input-clear-color-hover"?: (string) | undefined;
   /** The smallest width the text keeps as tokens fill the line. Below it, the text wraps to its own line. */
   "--filter-input-control-size"?: (string) | undefined;
+  /** The field's edge at rest. Hover, focus, and an error still draw their own. */
+  "--filter-input-field-border-color"?: (string) | undefined;
   /** The color of the line between the leading box and the text. */
   "--filter-input-lead-border-color"?: (string) | undefined;
+  /** Space at each side of the field, inside its edge. */
+  "--filter-input-padding-inline"?: (string) | undefined;
   /** The width of the suggestion panel. It matches the field by default. */
   "--filter-input-panel-size"?: (string) | undefined;
+  /** Corner radius of the field. */
+  "--filter-input-radius"?: (string) | undefined;
   /** The shadow under the panel. It follows `--helix-shadow-floating`. The panel can sit over any content, so it has a shadow by default. */
   "--filter-input-shadow"?: (string) | undefined;
   /** The height of the empty field. The field grows from this height. */
@@ -17046,12 +17965,30 @@ export type CustomCssProperties = {
   "--flex-flank-min"?: (string) | undefined;
   /** The width of the fixed item of a `flank` layout. Defaults to its own width. */
   "--flex-flank-size"?: (string) | undefined;
+  /** The narrowest a `switch` layout keeps its items in one row, below which each takes a line. Defaults to `30rem`. */
+  "--flex-switch-at"?: (string) | undefined;
   /** The color behind the drawing while it loads. */
   "--graph-background-color"?: (string) | undefined;
   /** The frame's height, as a length. */
   "--graph-block-size"?: (string) | undefined;
   /** The frame's border color. */
   "--graph-border-color"?: (string) | undefined;
+  /** The wash over a note in the list while the pointer is over it, and over the note the keyboard is on. */
+  "--graph-note-hover-color"?: (string) | undefined;
+  /** The space at either end of a note in the list. */
+  "--graph-note-padding-inline"?: (string) | undefined;
+  /** The color of how a note stands to the selected one, such as "Linked from Alpha". */
+  "--graph-note-relation-color"?: (string) | undefined;
+  /** The fill behind the selected note, which leads the list. */
+  "--graph-note-selected-background-color"?: (string) | undefined;
+  /** The weight of the selected note's name. */
+  "--graph-note-selected-weight"?: (string) | undefined;
+  /** The size of a note's name in the list. */
+  "--graph-note-text"?: (string) | undefined;
+  /** The fill behind the search and the list. */
+  "--graph-panel-background-color"?: (string) | undefined;
+  /** The text color of the search and the list. */
+  "--graph-panel-color"?: (string) | undefined;
   /** The list's width beside the drawing, or over it when opened with `no-panel`. */
   "--graph-panel-size"?: (string) | undefined;
   /** The named areas, as `grid-template-areas` takes them, such as `"rail main"`. A child takes its area with `grid-area`. */
@@ -17124,6 +18061,10 @@ export type CustomCssProperties = {
   "--kbd-background-color"?: (string) | undefined;
   /** The color of the key's border and its bottom edge. */
   "--kbd-border-color"?: (string) | undefined;
+  /** The space between two keys of a chord under `caps`. */
+  "--kbd-gap"?: (string) | undefined;
+  /** The color of the `+` between two keys of a chord under `caps`. */
+  "--kbd-separator-color"?: (string) | undefined;
   /** The direction the entries run: `row`, which wraps, or `column`. */
   "--legend-direction"?: (string) | undefined;
   /** The space between a swatch and its name. */
@@ -17152,6 +18093,12 @@ export type CustomCssProperties = {
   "--lightbox-padding"?: (string) | undefined;
   /** The overlay color on the page behind the viewer. Set it on the host, because a `var()` inside `::backdrop` cannot resolve a token. */
   "--lightbox-scrim"?: (string) | undefined;
+  /** How far the zoomed item is moved across from the middle of the viewport, in pixels, toward the right. Written only while zoomed. */
+  "--lightbox-pan-x"?: (string) | undefined;
+  /** How far the zoomed item is moved down from the middle of the viewport, in pixels. Written only while zoomed. */
+  "--lightbox-pan-y"?: (string) | undefined;
+  /** The scale the shown item is zoomed to, such as `2`. Written only while zoomed. */
+  "--lightbox-zoom"?: (string) | undefined;
   /** Fill for the middle of a `ring` terminus, which is otherwise open. Line Chart and Sparkline share this property. */
   "--chart-terminus-hole"?: (string) | undefined;
   /** Size of the mark on each series' last reading. Line Chart and Sparkline share this property. */
@@ -17166,6 +18113,10 @@ export type CustomCssProperties = {
   "--line-chart-gap"?: (string) | undefined;
   /** Color of the rules drawn across the plot under `gridlines`. */
   "--line-chart-gridline-color"?: (string) | undefined;
+  /** Color of the ring round the mark on a reading, which matches the page. Change it when the chart sits on another surface. */
+  "--line-chart-marker-ring-color"?: (string) | undefined;
+  /** Size of the mark on a reading, under `markers`. */
+  "--line-chart-marker-size"?: (string) | undefined;
   /** Thickness of a line. Overrides `--chart-stroke`. */
   "--line-chart-width"?: (string) | undefined;
   /** Where a series' last reading sits horizontally, as a percentage. Written by the component. */
@@ -17202,14 +18153,20 @@ 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;
+  /** The color of the line shown while `load-error` is set. */
+  "--listbox-error-color"?: (string) | undefined;
   /** Maximum height of the list before it scrolls. */
   "--listbox-max-block-size"?: (string) | undefined;
   /** Color of the moving arc. */
   "--loader-color"?: (string) | undefined;
+  /** How long one turn of the arc takes, 0.8s by default. With motion reduced the turn slows to a crawl whatever this says. */
+  "--loader-duration"?: (string) | undefined;
   /** Diameter. Defaults to the size token that `size` picks, which is 1.5rem at the default density. */
   "--loader-size"?: (string) | undefined;
   /** Color of the circle behind the arc. */
   "--loader-track-color"?: (string) | undefined;
+  /** Width of the arc and the circle behind it, in units of a 24-unit drawing. Defaults to 2. */
+  "--loader-track-width"?: (string) | undefined;
   /** The area's color when no tone is set. */
   "--map-area-color"?: (string) | undefined;
   /** The buildings' color when no tone is set. */
@@ -17270,14 +18227,46 @@ export type CustomCssProperties = {
   "--megamenu-border-width"?: (string) | undefined;
   /** The minimum width of a column before the grid wraps. */
   "--megamenu-column-size"?: (string) | undefined;
+  /** How long the panel takes to open and close. */
+  "--megamenu-duration"?: (string) | undefined;
   /** The maximum width of the band's contents, which are centered in it. */
   "--megamenu-full-size"?: (string) | undefined;
+  /** The space between the panel's columns. */
+  "--megamenu-gap"?: (string) | undefined;
+  /** The space inside the card's edge. */
+  "--megamenu-padding"?: (string) | undefined;
   /** The shadow under the panel. Follows `--helix-shadow-floating`, so the panel has a shadow by default, because it sits over content you cannot predict. */
   "--megamenu-shadow"?: (string) | undefined;
   /** The maximum width of the panel. */
   "--megamenu-size"?: (string) | undefined;
+  /** The trigger's text color at rest. */
+  "--megamenu-trigger-color"?: (string) | undefined;
+  /** The size of the trigger's text. */
+  "--megamenu-trigger-font-size"?: (string) | undefined;
+  /** The weight of the trigger's text. */
+  "--megamenu-trigger-font-weight"?: (string) | undefined;
+  /** The trigger's text color under the pointer. */
+  "--megamenu-trigger-hover-color"?: (string) | undefined;
+  /** The trigger's fill while its panel is open. */
+  "--megamenu-trigger-open-background-color"?: (string) | undefined;
+  /** The trigger's text color while its panel is open. */
+  "--megamenu-trigger-open-color"?: (string) | undefined;
+  /** The space either side of the trigger's text. */
+  "--megamenu-trigger-padding-inline"?: (string) | undefined;
+  /** The trigger's corners. */
+  "--megamenu-trigger-radius"?: (string) | undefined;
+  /** The height of the panel this one took over from, written on the surface while it is open. */
+  "--megamenu-from-block-size"?: (string) | undefined;
+  /** The width of the panel this one took over from, written on the surface while it is open. */
+  "--megamenu-from-inline-size"?: (string) | undefined;
+  /** The panel's own height, written on the surface while it is open. */
+  "--megamenu-surface-block-size"?: (string) | undefined;
+  /** The panel's own width, written on the surface while it is open. */
+  "--megamenu-surface-inline-size"?: (string) | undefined;
   /** Where the panel starts, measured from the bar above it. */
   "--megamenu-top"?: (string) | undefined;
+  /** Color of the line under the label. */
+  "--menu-item-description-color"?: (string) | undefined;
   /** Color of the shortcut and the words in the `end` slot. */
   "--menu-item-detail-color"?: (string) | undefined;
   /** Width of the trailing column, including the gap before it, which holds a check mark or a submenu caret. */
@@ -17318,6 +18307,8 @@ export type CustomCssProperties = {
   "--meter-tick-color"?: (string) | undefined;
   /** The color of the groove behind the fill. */
   "--meter-track-color"?: (string) | undefined;
+  /** How long the fill takes to move to a new reading, and to change its color. `0s` moves it at once. */
+  "--meter-transition-duration"?: (string) | undefined;
   /** Where a bound sits on the arc, as a length along it. */
   "--meter-along"?: (string) | undefined;
   /** Where a bound sits on a linear track, as a percentage. */
@@ -17340,6 +18331,20 @@ export type CustomCssProperties = {
   "--navigation-item-color"?: (string) | undefined;
   /** Text color of the current destination, the one marked `aria-current="page"`. */
   "--navigation-item-current-color"?: (string) | undefined;
+  /** Weight of the current destination's text. */
+  "--navigation-item-current-font-weight"?: (string) | undefined;
+  /** Size of a destination's text. */
+  "--navigation-item-font-size"?: (string) | undefined;
+  /** Weight of a destination's text. */
+  "--navigation-item-font-weight"?: (string) | undefined;
+  /** Background of a destination under the pointer. */
+  "--navigation-item-hover-background-color"?: (string) | undefined;
+  /** Text color of a destination under the pointer. */
+  "--navigation-item-hover-color"?: (string) | undefined;
+  /** Space either side of a destination's text. */
+  "--navigation-item-padding-inline"?: (string) | undefined;
+  /** Corner radius of a destination, which its hover background follows. */
+  "--navigation-item-radius"?: (string) | undefined;
   /** Text color in a read item. */
   "--notifications-color"?: (string) | undefined;
   /** Color of the dismiss control. It is `danger`, because dismissing an item removes it for good. */
@@ -17378,10 +18383,26 @@ export type CustomCssProperties = {
   "--number-input-background-color"?: (string) | undefined;
   /** Edge of the field at rest. Hover, focus and an error still draw their own. */
   "--number-input-border-color"?: (string) | undefined;
+  /** Space at each side of the number, inside the steppers. */
+  "--number-input-padding-inline"?: (string) | undefined;
   /** Corner radius of the field. */
   "--number-input-radius"?: (string) | undefined;
   /** Height of the field. */
   "--number-input-size"?: (string) | undefined;
+  /** Fill behind each stepper button at rest. */
+  "--number-input-stepper-background-color"?: (string) | undefined;
+  /** Fill behind a stepper button under the pointer. */
+  "--number-input-stepper-background-color-hover"?: (string) | undefined;
+  /** The rule between each stepper button and the number. */
+  "--number-input-stepper-border-color"?: (string) | undefined;
+  /** Icon color of the stepper buttons at rest. */
+  "--number-input-stepper-color"?: (string) | undefined;
+  /** Icon color of a stepper button under the pointer. */
+  "--number-input-stepper-color-hover"?: (string) | undefined;
+  /** Width and height of the stepper icons. */
+  "--number-input-stepper-icon-size"?: (string) | undefined;
+  /** Width of each stepper button. */
+  "--number-input-stepper-size"?: (string) | undefined;
   /** The background of the tree. */
   "--object-inspector-background-color"?: (string) | undefined;
   /** The height of the scrolling box when `windowed` is set. */
@@ -17426,12 +18447,20 @@ export type CustomCssProperties = {
   "--pin-input-cell-background-color"?: (string) | undefined;
   /** Edge of each box at rest. Hover, focus and an error still draw their own. */
   "--pin-input-cell-border-color"?: (string) | undefined;
+  /** Edge of the box holding focus. */
+  "--pin-input-cell-border-color-focus"?: (string) | undefined;
+  /** The color of a typed character. */
+  "--pin-input-cell-color"?: (string) | undefined;
+  /** The size of a typed character. */
+  "--pin-input-cell-font-size"?: (string) | undefined;
   /** Corner radius of each box. */
   "--pin-input-cell-radius"?: (string) | undefined;
   /** Width and height of each box. */
   "--pin-input-cell-size"?: (string) | undefined;
   /** The space between one box and the next. */
   "--pin-input-gap"?: (string) | undefined;
+  /** The color of the text `format` draws between boxes. */
+  "--pin-input-separator-color"?: (string) | undefined;
   /** Size of the point drawn with `arrow`. Tooltip's point is the same size. */
   "--popover-arrow-size"?: (string) | undefined;
   /** Color of the panel's edge. */
@@ -17462,6 +18491,8 @@ export type CustomCssProperties = {
   "--progress-size"?: (string) | undefined;
   /** Fill of the part that is not done. */
   "--progress-track-color"?: (string) | undefined;
+  /** How long the fill takes to move to a new value. `0s` moves it at once. */
+  "--progress-transition-duration"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. Pinned to 1 while indeterminate. */
   "--progress-fraction"?: (string) | undefined;
   /** The fill behind the modules, including the quiet zone and the logo's box. */
@@ -17478,8 +18509,12 @@ export type CustomCssProperties = {
   "--qr-code-size"?: (string) | undefined;
   /** Color of the quoted text. */
   "--quote-color"?: (string) | undefined;
+  /** The typeface of the quoted text, the paragraph's own by default. */
+  "--quote-font-family"?: (string) | undefined;
   /** The slant of the quoted text, `italic` by default. Set `normal` for a face whose italic is too loud, or `oblique` for one with no italic of its own. */
   "--quote-font-style"?: (string) | undefined;
+  /** The weight of the quoted text, the paragraph's own by default. */
+  "--quote-font-weight"?: (string) | undefined;
   /** The space between the choices. */
   "--radio-group-gap"?: (string) | undefined;
   /** The fill of an unselected circle. */
@@ -17494,7 +18529,9 @@ export type CustomCssProperties = {
   "--radio-card-padding"?: (string) | undefined;
   /** The diameter of a chip. */
   "--radio-chip-size"?: (string) | undefined;
-  /** The color of the dot. */
+  /** The width and height of an icon slotted into `indicator`. Three quarters of the circle by default. */
+  "--radio-indicator-size"?: (string) | undefined;
+  /** The color of the dot, or of an icon slotted into `indicator`. */
   "--radio-mark-color"?: (string) | undefined;
   /** The diameter of the circle. */
   "--radio-size"?: (string) | undefined;
@@ -17524,8 +18561,24 @@ export type CustomCssProperties = {
   "--sandbox-separator-color"?: (string) | undefined;
   /** Fill behind the source. */
   "--sandbox-source-background-color"?: (string) | undefined;
+  /** Color of a `callable` run, under `highlight`. Defaults to `--helix-color-syntax-callable`. */
+  "--sandbox-source-callable-color"?: (string) | undefined;
+  /** Color of a `comment` run, under `highlight`. Defaults to `--helix-color-syntax-comment`. */
+  "--sandbox-source-comment-color"?: (string) | undefined;
+  /** Color of a `constant` run, under `highlight`. Defaults to `--helix-color-syntax-constant`. */
+  "--sandbox-source-constant-color"?: (string) | undefined;
+  /** Color of an `invalid` run, under `highlight`. Defaults to `--helix-color-syntax-invalid`. */
+  "--sandbox-source-invalid-color"?: (string) | undefined;
+  /** Color of a `keyword` run, under `highlight`. Defaults to `--helix-color-syntax-keyword`. */
+  "--sandbox-source-keyword-color"?: (string) | undefined;
   /** Minimum height of the pane. */
   "--sandbox-source-min-block-size"?: (string) | undefined;
+  /** Color of a `name` run, under `highlight`. Defaults to `--helix-color-syntax-name`. */
+  "--sandbox-source-name-color"?: (string) | undefined;
+  /** Color of a `string` run, under `highlight`. Defaults to `--helix-color-syntax-string`. */
+  "--sandbox-source-string-color"?: (string) | undefined;
+  /** Color of a `tag` run, under `highlight`. Defaults to `--helix-color-syntax-tag`. */
+  "--sandbox-source-tag-color"?: (string) | undefined;
   /** Color of the bar's text. */
   "--sandbox-status-bar-color"?: (string) | undefined;
   /** Height of the scrolling region. */
@@ -17546,6 +18599,10 @@ export type CustomCssProperties = {
   "--scatter-chart-point-ring-color"?: (string) | undefined;
   /** Diameter of a point. */
   "--scatter-chart-point-size"?: (string) | undefined;
+  /** The dash pattern of a line of best fit, under `trend`, as `stroke-dasharray` takes it. `none` draws it solid. */
+  "--scatter-chart-trend-dash"?: (string) | undefined;
+  /** The thickness of a line of best fit, under `trend`. */
+  "--scatter-chart-trend-width"?: (string) | undefined;
   /** A point's horizontal position, as a percentage. The component writes it. */
   "--chart-point-x"?: (string) | undefined;
   /** A point's vertical position, as a percentage from the top. The component writes it. */
@@ -17646,11 +18703,11 @@ export type CustomCssProperties = {
   "--slider-track-size"?: (string) | undefined;
   /** The value as a fraction of the range, 0 to 1. */
   "--slider-fraction"?: (string) | undefined;
-  /** Where a range's filled span starts, as a fraction of the track, 0 to 1. */
+  /** Where the filled span starts, as a fraction of the track, 0 to 1: a range's lower thumb, or a single thumb's `origin`. */
   "--slider-from"?: (string) | undefined;
   /** Where one marker sits, as a percentage of the track. */
   "--slider-marker-at"?: (string) | undefined;
-  /** Where a range's filled span ends, as a fraction of the track, 0 to 1. */
+  /** Where the filled span ends, as a fraction of the track, 0 to 1: a range's upper thumb, or the farther of a single thumb and its `origin`. */
   "--slider-to"?: (string) | undefined;
   /** Opacity of the area fill where it meets the line. */
   "--sparkline-area-opacity"?: (string) | undefined;
@@ -17664,20 +18721,46 @@ export type CustomCssProperties = {
   "--sparkline-color"?: (string) | undefined;
   /** Width of the drawing. */
   "--sparkline-inline-size"?: (string) | undefined;
+  /** Color of the dot on the reading a pointer or a key rests on, and of the `marks` dots. Without it, the line's color. */
+  "--sparkline-mark-color"?: (string) | undefined;
+  /** Color of the ring round the dot on the reading a pointer or a key rests on, which matches the page. Change it when the sparkline sits on another surface. */
+  "--sparkline-mark-ring-color"?: (string) | undefined;
+  /** Size of the dot on the reading a pointer or a key rests on, and of the `marks` dots. */
+  "--sparkline-mark-size"?: (string) | undefined;
+  /** Ground of the reading written above the dot. */
+  "--sparkline-readout-background-color"?: (string) | undefined;
+  /** Color of the reading written above the dot. */
+  "--sparkline-readout-color"?: (string) | undefined;
+  /** Size of the reading written above the dot. */
+  "--sparkline-readout-font-size"?: (string) | undefined;
   /** Thickness of the line, overriding `weight`. */
   "--sparkline-width"?: (string) | undefined;
   /** Fill of the round icon. */
   "--speed-dial-item-background-color"?: (string) | undefined;
   /** Color of the icon. */
   "--speed-dial-item-color"?: (string) | undefined;
+  /** How faint a disabled action is drawn. */
+  "--speed-dial-item-disabled-opacity"?: (string) | undefined;
+  /** Fill of the round icon under the pointer. */
+  "--speed-dial-item-hover-background-color"?: (string) | undefined;
   /** Edge length of the icon. */
   "--speed-dial-item-size"?: (string) | undefined;
   /** Fill of the chip holding the action's name. */
   "--speed-dial-label-background-color"?: (string) | undefined;
   /** Color of the action's name. */
   "--speed-dial-label-color"?: (string) | undefined;
+  /** Size of the action's name. */
+  "--speed-dial-label-font-size"?: (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. */
+  "--speed-dial-color"?: (string) | undefined;
   /** Space between the actions. */
   "--speed-dial-gap"?: (string) | undefined;
+  /** Shadow under that trigger at rest. */
+  "--speed-dial-shadow"?: (string) | undefined;
+  /** Width and height of that trigger. */
+  "--speed-dial-size"?: (string) | undefined;
   /** The wait between one action arriving and the next. */
   "--speed-dial-stagger"?: (string) | undefined;
   /** How far each action moves as it arrives. */
@@ -17730,6 +18813,14 @@ export type CustomCssProperties = {
   "--steps-gap"?: (string) | undefined;
   /** Size of the mark, whether an icon or a digit. */
   "--steps-marker-size"?: (string) | undefined;
+  /** Fill of the progress bar, once a page shows the `progress` part. */
+  "--steps-progress-color"?: (string) | undefined;
+  /** Height of the progress bar. */
+  "--steps-progress-thickness"?: (string) | undefined;
+  /** Color of the progress bar's track. */
+  "--steps-progress-track-color"?: (string) | undefined;
+  /** How far through the sequence is, as a percentage, written on the `progress` part. */
+  "--steps-progress"?: (string) | undefined;
   /** Height of the track. The width follows it. */
   "--switch-block-size"?: (string) | undefined;
   /** Color of the icon on the thumb. Without it, the icon is muted while off and takes the on color while on. */
@@ -17758,6 +18849,10 @@ export type CustomCssProperties = {
   "--tabs-gap"?: (string) | undefined;
   /** The fill of the mark on the current tab: the bar under `underlined`, and the pill otherwise. */
   "--tabs-indicator-color"?: (string) | undefined;
+  /** The corners of the mark. */
+  "--tabs-indicator-radius"?: (string) | undefined;
+  /** The shadow under the mark, which the pill and `segmented` draw. */
+  "--tabs-indicator-shadow"?: (string) | undefined;
   /** The height of the bar under `underlined`. */
   "--tabs-indicator-thickness"?: (string) | undefined;
   /** The color of the rule under the row in `underlined`. */
@@ -17766,8 +18861,22 @@ export type CustomCssProperties = {
   "--tabs-tab-block-size"?: (string) | undefined;
   /** The label color of a tab that is not current. */
   "--tabs-tab-color"?: (string) | undefined;
+  /** How faint a disabled tab is drawn. */
+  "--tabs-tab-disabled-opacity"?: (string) | undefined;
+  /** The size of a tab's label. */
+  "--tabs-tab-font-size"?: (string) | undefined;
+  /** The weight of a tab's label. */
+  "--tabs-tab-font-weight"?: (string) | undefined;
+  /** The wash under the pointer. */
+  "--tabs-tab-hover-background-color"?: (string) | undefined;
+  /** The label color under the pointer. */
+  "--tabs-tab-hover-color"?: (string) | undefined;
   /** The space either side of the label. */
   "--tabs-tab-padding-inline"?: (string) | undefined;
+  /** The corners of a tab, which the hover wash takes. */
+  "--tabs-tab-radius"?: (string) | undefined;
+  /** The fill of the current tab itself, under the moving mark. */
+  "--tabs-tab-selected-background-color"?: (string) | undefined;
   /** The label color of the current tab. */
   "--tabs-tab-selected-color"?: (string) | undefined;
   /** The space between tags, across and between rows. */
@@ -17856,10 +18965,30 @@ export type CustomCssProperties = {
   "--toast-inline-size"?: (string) | undefined;
   /** Distance from the edges of the window. */
   "--toast-inset"?: (string) | undefined;
-  /** The fill of the moving marker. */
+  /** The groove behind the items, when the group is framed. */
+  "--toggle-group-background-color"?: (string) | undefined;
+  /** The edge of the groove, when the group is framed. */
+  "--toggle-group-border-color"?: (string) | undefined;
+  /** The fill of the moving marker, and of each pressed item under `selection-mode="multiple"`. */
   "--toggle-group-indicator-color"?: (string) | undefined;
+  /** The shadow of the moving marker and of each pressed item. */
+  "--toggle-group-indicator-shadow"?: (string) | undefined;
+  /** Corner radius of each item, the marker, and a pressed item's fill. Without it, the curve stays concentric with the groove. */
+  "--toggle-group-item-radius"?: (string) | undefined;
+  /** Corner radius of the groove, when the group is framed. */
+  "--toggle-group-radius"?: (string) | undefined;
+  /** Text color of an item that is not chosen. Read by the base layer, which styles the `item` part. */
+  "--toggle-item-color"?: (string) | undefined;
+  /** Text color of the chosen item, and of each pressed item in a group that allows several. */
+  "--toggle-item-color-selected"?: (string) | undefined;
+  /** Space either side of an item's label. */
+  "--toggle-item-padding-inline"?: (string) | undefined;
   /** The fill behind the controls. Transparent unless set. */
   "--toolbar-background-color"?: (string) | undefined;
+  /** The color of the toolbar's edge, once it has a width. */
+  "--toolbar-border-color"?: (string) | undefined;
+  /** The width of the toolbar's edge. None unless set. */
+  "--toolbar-border-width"?: (string) | undefined;
   /** The space between controls. */
   "--toolbar-gap"?: (string) | undefined;
   /** The space between the toolbar's edge and its controls. */
@@ -17872,12 +19001,28 @@ export type CustomCssProperties = {
   "--tooltip-backdrop"?: (string) | undefined;
   /** The fill of the bubble. */
   "--tooltip-background-color"?: (string) | undefined;
+  /** The color of the bubble's words. */
+  "--tooltip-color"?: (string) | undefined;
+  /** The size of the bubble's words. */
+  "--tooltip-font-size"?: (string) | undefined;
   /** The widest the bubble grows before its text wraps. */
   "--tooltip-max-inline-size"?: (string) | undefined;
+  /** The space between the bubble's edge and its words. */
+  "--tooltip-padding"?: (string) | undefined;
+  /** The bubble's corner radius. */
+  "--tooltip-radius"?: (string) | undefined;
   /** The color of the dimmed area outside the spotlight. */
   "--tour-scrim-color"?: (string) | undefined;
   /** The corner radius of the spotlight. */
   "--tour-spotlight-radius"?: (string) | undefined;
+  /** The lit box's height, in pixels, padding included. Written on the spotlight while it lights a target. */
+  "--tour-spotlight-height"?: (string) | undefined;
+  /** The lit box's width, in pixels, padding included. Written on the spotlight while it lights a target. */
+  "--tour-spotlight-width"?: (string) | undefined;
+  /** The lit box's left edge, from the window's left edge, in pixels. Written on the spotlight while it lights a target. */
+  "--tour-spotlight-x"?: (string) | undefined;
+  /** The lit box's top edge, from the window's top edge, in pixels. Written on the spotlight while it lights a target. */
+  "--tour-spotlight-y"?: (string) | undefined;
   /** The size of the arrow's box, before it is rotated. */
   "--tour-arrow-size"?: (string) | undefined;
   /** The width of the panel's border. It follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless a theme sets a border. */
@@ -17904,6 +19049,24 @@ export type CustomCssProperties = {
   "--tree-gap"?: (string) | undefined;
   /** Indent added per level. */
   "--tree-indent"?: (string) | undefined;
+  /** Fill of a checked row, in a tree with `selection-mode="multiple"`. Unset, the box alone marks it. */
+  "--tree-row-checked-background-color"?: (string) | undefined;
+  /** Text color of a checked row, in a tree with `selection-mode="multiple"`. */
+  "--tree-row-checked-color"?: (string) | undefined;
+  /** Text color of a row at rest. */
+  "--tree-row-color"?: (string) | undefined;
+  /** How faint a disabled row is drawn. */
+  "--tree-row-disabled-opacity"?: (string) | undefined;
+  /** Fill of a row under the pointer. */
+  "--tree-row-hover-background-color"?: (string) | undefined;
+  /** Text color of a row under the pointer. */
+  "--tree-row-hover-color"?: (string) | undefined;
+  /** Corners of a row's fill. */
+  "--tree-row-radius"?: (string) | undefined;
+  /** Fill of the chosen row, in a tree of one choice. */
+  "--tree-row-selected-background-color"?: (string) | undefined;
+  /** Text color of the chosen row, in a tree of one choice. */
+  "--tree-row-selected-color"?: (string) | undefined;
   /** Minimum height of a row, so rows with and without an icon match. */
   "--tree-row-size"?: (string) | undefined;
   /** How deep this row sits, counting from one as `aria-level` does, for the indent. */
@@ -17918,7 +19081,7 @@ export type CustomCssProperties = {
   "--trend-color"?: (string) | undefined;
   /** Space between the arrow, the metric and the label. */
   "--trend-gap"?: (string) | undefined;
-  /** Size of the arrow, or of a glyph in the `icon` slot. */
+  /** Size of the arrow, or of a glyph in one of the icon slots. */
   "--trend-icon-size"?: (string) | undefined;
   /** Color of the label. */
   "--trend-label-color"?: (string) | undefined;
@@ -17962,6 +19125,12 @@ export type CustomCssProperties = {
   "--video-progress"?: (string) | undefined;
   /** How tall the scrolling box is. */
   "--virtual-list-block-size"?: (string) | undefined;
+  /** The color of the text in the row drawn while `loading` is set. */
+  "--virtual-list-loading-color"?: (string) | undefined;
+  /** The space around the text in the row drawn while `loading` is set. */
+  "--virtual-list-loading-padding"?: (string) | undefined;
+  /** The fill behind a chosen row, in a list with `selection-mode`. */
+  "--virtual-list-selected-background-color"?: (string) | undefined;
 };
 
 // Vue SFC template type-checking (GlobalComponents) for non-Vue custom elements.
@@ -17998,7 +19167,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixAreaChartVueProps,
     HelixAreaChartVueEvents
   >;
-  /** One fragment shader draws over a full-screen triangle, and its palette comes from the tokens. A background built on '--helix-color-primary' changes when your brand color changes.  Every shape ramps through four token stops, and the token layer inverts each one: the page background, 'primary-subtle', 'primary', and a peak. The peak is the foreground on a dark page and 'primary-active' on a light one, because mixing a saturated hue toward near-black removes its chroma. The component reads which way the page runs from the background's luminance, because the mode is a private token.  The geometry is three vertices derived from 'gl_VertexID'. There is no dependency, scene graph, attribute, buffer, or upload.  The shader stops drawing in these cases: - The element is off screen or in a background tab. - 'prefers-reduced-motion' is set. The element shows one still frame. - The browser takes back the drawing context, on a GPU reset or past its   limit of about sixteen contexts. The gradient shows until the context   returns.  On a renderer that draws on the CPU, such as a headless browser or a machine with no usable GPU, the element shows the gradient. There the shader costs about 450ms for the first frame of each element, against 2ms on a GPU.  Aura is styled only and has behavior, which the tier split does not otherwise allow. Its behavior is drawing to a canvas, so there is no structure for you to restyle and nothing for a headless version to hold.  **Content placed inside sits over the field**, in a 'content' part that covers the aura, so an interactive aura answers the pointer over the content too. Clicks still reach the content. Style '::part(content)' to place it, such as centering a hero's heading.  **The colors are the theme's, and each has a hook**: '--aura-ground', '--aura-haze', '--aura-glow' and '--aura-peak', read by the shader and by the fallback gradient alike, from wherever on the page you set them.  Where the gradient shows in place of the shader, the aura matches ':state(fallback)' and sends 'helix-aura-fallback' with the reason. */
+  /** One fragment shader draws over a full-screen triangle, and its palette comes from the tokens. A background built on '--helix-color-primary' changes when your brand color changes.  Every shape ramps through four token stops, and the token layer inverts each one: the page background, 'primary-subtle', 'primary', and a peak. The peak is the foreground on a dark page and 'primary-active' on a light one, because mixing a saturated hue toward near-black removes its chroma. The component reads which way the page runs from the background's luminance, because the mode is a private token.  The geometry is three vertices derived from 'gl_VertexID'. There is no dependency, scene graph, attribute, buffer, or upload.  The shader stops drawing in these cases: - The element is off screen or in a background tab. - 'prefers-reduced-motion' is set. The element shows one still frame. - The browser takes back the drawing context, on a GPU reset or past its   limit of about sixteen contexts. The gradient shows until the context   returns.  On a renderer that draws on the CPU, such as a headless browser or a machine with no usable GPU, the element shows the gradient. There the shader costs about 450ms for the first frame of each element, against 2ms on a GPU.  Aura is styled only and has behavior, which the tier split does not otherwise allow. Its behavior is drawing to a canvas, so there is no structure for you to restyle and nothing for a headless version to hold.  **Content placed inside sits over the field**, in a 'content' part that covers the aura, so an interactive aura answers the pointer over the content too. Clicks still reach the content. Style '::part(content)' to place it, such as centering a hero's heading.  **The colors are the theme's, and each has a hook**: '--aura-ground', '--aura-haze', '--aura-glow' and '--aura-peak', read by the shader and by the fallback gradient alike, from wherever on the page you set them. A hook changed while the aura draws, by a class, a style or the color mode, reaches the shader on the next frame.  Where the gradient shows in place of the shader, the aura matches ':state(fallback)' and sends 'helix-aura-fallback' with the reason. */
   "helix-aura": DefineCustomElement<
     HelixAura,
     HelixAuraVueProps,
@@ -18058,7 +19227,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixButtonVueProps,
     HelixButtonVueEvents
   >;
-  /** The background is a tint of the tone's color, mixed with 'color-mix'. A 'neutral' callout is drawn in the muted ink, for a note that reports no status, so it keeps to the palette whatever the brand. A bar on the inline start edge also marks the tone, so it still shows in grayscale and for people who do not distinguish the hues.  'tone' is set on the headless tier and carries the meaning, and this tier draws it. 'separation' is where the box ends: absent is the tint with the bar, 'outlined' an edge with no fill, and 'plain' the bar and the mark alone. */
+  /** The background is a tint of the tone's color, mixed with 'color-mix'. A 'neutral' callout is drawn in the muted ink, for a note that reports no status, so it keeps to the palette whatever the brand. A bar on the inline start edge also marks the tone, so it still shows in grayscale and for people who do not distinguish the hues.  'tone' is set on the headless tier and carries the meaning, and this tier draws it. 'separation' is where the box ends: absent is the tint with the bar, 'outlined' an edge with no fill, and 'plain' the bar and the mark alone.  The inset and the type follow 'data-density', as the controls around a callout do: set it on a region for tighter or looser callouts, or set '--callout-padding' and '--callout-font-size' on one. */
   "helix-callout": DefineCustomElement<
     HelixCallout,
     HelixCalloutVueProps,
@@ -18274,7 +19443,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixFilterInputVueProps,
     HelixFilterInputVueEvents
   >;
-  /** The host is the flex container and its only child is a slot, so '<helix-flex>' adds no box beyond the '<div>' it replaces.  There is no separate Stack component. For a stack, set 'direction="column"'.  'gap' takes a space token name, so spacing stays on the scale. 'row-gap' and 'column-gap' set one axis each and win over 'gap' on theirs.  'layout' sets up one of three common patterns, and any attribute you also write wins over the pattern's own value:  - 'cluster': items in a wrapping row, centered on one line, such as tags. - 'split': the first item at the start and the rest pushed to the end, such   as a title and its actions. Wraps when there is no room. - 'flank' and 'flank-end': a fixed item beside one that takes the rest, such   as an icon and its text, or a field and its button. The item that takes   the rest stays at least '--flex-flank-min' wide, and the pair stacks once   it cannot.  Flex is presentation only, so it has no headless tier. */
+  /** The host is the flex container and its only child is a slot, so '<helix-flex>' adds no box beyond the '<div>' it replaces.  There is no separate Stack component. For a stack, set 'direction="column"'.  'gap' takes a space token name, so spacing stays on the scale. 'row-gap' and 'column-gap' set one axis each and win over 'gap' on theirs.  'layout' sets up one of three common patterns, and any attribute you also write wins over the pattern's own value:  - 'cluster': items in a wrapping row, centered on one line, such as tags. - 'split': the first item at the start, the last at the end, and any between   them spaced evenly, such as a title and its actions. Put several actions   in a flex of their own so they stay together at the end. Wraps when there   is no room. - 'flank' and 'flank-end': a fixed item beside one that takes the rest, such   as an icon and its text, or a field and its button. The item that takes   the rest stays at least '--flex-flank-min' wide, and the pair stacks once   it cannot. - 'switch': the items share a row while the flex is at least   '--flex-switch-at' wide, and each takes a line of its own below that, such   as cards that stack on a narrow screen. It answers the width the flex is   given, wherever it sits, with no breakpoint to maintain.  Flex is presentation only, so it has no headless tier. */
   "helix-flex": DefineCustomElement<
     HelixFlex,
     HelixFlexVueProps,
@@ -18292,7 +19461,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixGraphVueProps,
     HelixGraphVueEvents
   >;
-  /** Set columns in one of two ways:  - 'columns' sets a fixed count. - 'min' fits as many equal columns as there is room for at that width, so the   layout responds with no breakpoints to maintain.  If you set both, 'min' wins. The grid is presentation only, so there is no headless tier.  'row-gap' and 'column-gap' set one axis each and win over 'gap' on theirs. '--grid-rows' and '--grid-areas' set the rows and named areas, and a child takes its place with 'grid-area' in your own stylesheet.  **A child can span columns with 'data-grid-span'.** 'data-grid-span="full"' runs from the first column to the last, such as a heading across a set of cards, and a number from '2' to '6' spans that many columns. */
+  /** Set columns in one of two ways:  - 'columns' sets a fixed count. - 'min' fits as many equal columns as there is room for at that width, so the   layout responds with no breakpoints to maintain.  If you set both, 'min' wins. The grid is presentation only, so there is no headless tier.  'row-gap' and 'column-gap' set one axis each and win over 'gap' on theirs. '--grid-rows' and '--grid-areas' set the rows and named areas, and a child takes its place with 'grid-area' in your own stylesheet.  **A child can span columns with 'data-grid-span'.** 'data-grid-span="full"' runs from the first column to the last, such as a heading across a set of cards, and a number from '2' to '6' spans that many columns. A number wider than the grid adds columns of no width beside the real ones, as CSS does, so in a 'min' grid, whose count changes with its width, use 'full' for a child that must span them all. */
   "helix-grid": DefineCustomElement<
     HelixGrid,
     HelixGridVueProps,
@@ -18526,7 +19695,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixOptionVueProps,
     HelixOptionVueEvents
   >;
-  /** A cloud of dots drawn to a canvas, with one shape per state:  - 'connecting' and 'thinking': the same leaning sash, differing in how   agitated it is. - 'waiting' and 'done': the same settled ball at different tempos. - 'fetching': a globe with a light moving around it. - 'listening': a closed sphere with a ripple crossing it. - 'working': a ring.  Every state is the same banded grid with different parameters. Changing state interpolates the parameters, so every frame in between is a complete shape. A small change gets less time than a large one, such as a sash becoming a ring. The outline changes first, so the light starts orbiting only after the shape is round.  The cloud does not rotate, and all movement happens inside it. The exception is the light, which travels because a ring of evenly spaced dots looks the same when rotated, so a turning state needs something fixed passing over it.  Colors come from '--orb-color' and '--orb-ground'. Each dot's color is mixed toward the ground color by its depth, so depth holds when the theme changes.  The animation stops when the orb is off screen or in a background tab. With 'prefers-reduced-motion', it draws one still frame.  The orb is styled only and has behavior, which the tier split does not otherwise allow. Its role, name and busy state follow 'state', and the rest is drawing dots to a canvas, so there is no structure to restyle. For a drawing of your own, the headless 'Loader' holds the same busy progress bar and its name.  Each state is also a custom state, such as ':state(thinking)' or ':state(done)', so a page can style what sits around an orb by what it shows, whether the state was written as an attribute or set from script. */
+  /** A cloud of dots drawn to a canvas, with one shape per state:  - 'connecting' and 'thinking': the same leaning sash, differing in how   agitated it is. - 'waiting' and 'done': the same settled ball at different tempos. - 'fetching': a globe with a light moving around it. - 'listening': a closed sphere with a ripple crossing it. - 'working': a ring.  Every state is the same banded grid with different parameters. Changing state interpolates the parameters, so every frame in between is a complete shape. A small change gets less time than a large one, such as a sash becoming a ring. The outline changes first, so the light starts orbiting only after the shape is round.  The cloud does not rotate, and all movement happens inside it. The exception is the light, which travels because a ring of evenly spaced dots looks the same when rotated, so a turning state needs something fixed passing over it.  Colors come from '--orb-color' and '--orb-ground'. Each dot's color is mixed toward the ground color by its depth, so depth holds when the theme changes.  The animation stops when the orb is off screen or in a background tab. With 'prefers-reduced-motion', it draws one still frame.  The orb is styled only and has behavior, which the tier split does not otherwise allow. Its role, name and busy state follow 'state', unless 'announce' makes it a status region, and the rest is drawing dots to a canvas, so there is no structure to restyle. For a drawing of your own, the headless 'Loader' holds the same busy progress bar and its name.  Each state is also a custom state, such as ':state(thinking)' or ':state(done)', so a page can style what sits around an orb by what it shows, whether the state was written as an attribute or set from script. */
   "helix-orb": DefineCustomElement<
     HelixOrb,
     HelixOrbVueProps,
@@ -18616,7 +19785,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixSandboxVueProps,
     HelixSandboxVueEvents
   >;
-  /** A real '<textarea>', so undo, selection, spellcheck suppression, mobile keyboards, and screen reader support come from the platform.  Tab inserts two spaces, so you can indent code. To move focus out of the field, press Escape and then Tab. Shift+Tab moves focus back as it does anywhere else. The field's description says so to a screen reader. */
+  /** A real '<textarea>', so undo, selection, spellcheck suppression, mobile keyboards, and screen reader support come from the platform.  Tab inserts two spaces, so you can indent code. To move focus out of the field, press Escape and then Tab. Shift+Tab moves focus back as it does anywhere else. The field's description says so to a screen reader.  **'highlight' colors the source** with a highlighter you bring, such as one built on Lezer, Prism or Shiki. It is a function from the source to runs of text, each with an optional kind, and the pane draws the runs under a transparent field, so typing, selection and undo stay the textarea's. The kinds are 'callable', 'comment', 'constant', 'invalid', 'keyword', 'name', 'string' and 'tag', each colored by the '--helix-color-syntax-*' token of its name and a hook of its own, such as '--sandbox-source-keyword-color'. A run of any other kind is drawn in the field's own color. Every run with a kind is a 'token' part, and carries its kind as 'data-kind'. */
   "helix-sandbox-source": DefineCustomElement<
     HelixSandboxSource,
     HelixSandboxSourceVueProps,
@@ -18664,7 +19833,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixSkeletonVueProps,
     HelixSkeletonVueEvents
   >;
-  /** Hidden until it receives keyboard focus, then shown in the corner of the viewport. It is hidden with the base layer's visually hidden helper, so it stays in the tab order and the accessibility tree. This stylesheet adds the reveal.  It is fixed to the viewport, because the page may already be scrolled when focus arrives, from a restored position or an anchor in the address.  Put it first inside '<body>', before the header, and give the content region the id its 'href' names. */
+  /** Hidden until it receives keyboard focus, then shown in the corner of the viewport. Its own stylesheet hides it with the visually hidden recipe the base layer uses, so it stays in the tab order and the accessibility tree, and is hidden with or without the base layer.  It is fixed to the viewport, because the page may already be scrolled when focus arrives, from a restored position or an anchor in the address.  Put it first inside '<body>', before the header, and give the content region the id its 'href' names. */
   "helix-skip-link": DefineCustomElement<
     HelixSkipLink,
     HelixSkipLinkVueProps,
@@ -18688,7 +19857,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixSpeedDialItemVueProps,
     HelixSpeedDialItemVueEvents
   >;
-  /** Presentation only: the column the actions fan into, and the end they align to. The base class handles opening, closing, and keyboard movement. */
+  /** Presentation only: the column the actions fan into, and the end they align to. The base class handles opening, closing, and keyboard movement.  It draws no 'helix-icon' of its own, so it does not register one: import '@fusion.dev/helix/icon' where your trigger or your actions use it. */
   "helix-speed-dial": DefineCustomElement<
     HelixSpeedDial,
     HelixSpeedDialVueProps,
@@ -18885,7 +20054,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixTreeVueProps,
     HelixTreeVueEvents
   >;
-  /** The arrow takes the judgment color and the number keeps the foreground color. In light mode the success token has 3.8:1 contrast on the surface, enough for a glyph and short of what 13px text needs, and the ramp has no darker green. The number stays the most legible part.  Trend has no 'emphasis', 'material', or 'wash'. It has no mark for emphasis, no surface for material, and no area for a wash. The text weight comes from 'Text' and the size from the region.  The meaning axis is derived: 'direction' and 'good' resolve to success, danger, or muted, so you state the metric's polarity once. There is no 'tone', because a declared tone could disagree with the arrow. */
+  /** The arrow takes the judgment color and the number keeps the foreground color. In light mode the success token has 3.8:1 contrast on the surface, enough for a glyph and short of what 13px text needs, and the ramp has no darker green. The number stays the most legible part.  Trend has no 'emphasis', 'material', or 'wash'. It has no mark for emphasis, no surface for material, and no area for a wash. The text weight comes from 'Text' and the size from the region.  The meaning axis is derived: 'movement' and 'good' resolve to success, danger, or muted, so you state the metric's polarity once. There is no 'tone', because a declared tone could disagree with the arrow. */
   "helix-trend": DefineCustomElement<
     HelixTrend,
     HelixTrendVueProps,
@@ -18915,7 +20084,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixVideoVueProps,
     HelixVideoVueEvents
   >;
-  /** The styled tier styles the scrolling box and draws the focus ring on the row holding focus. Rows are your markup in the light DOM, so your stylesheet styles them the same as any other content, and a rule of yours on a row wins over the ring. */
+  /** The styled tier styles the scrolling box and draws the focus ring on the row holding focus. Rows are your markup in the light DOM, so your stylesheet styles them the same as any other content, and a rule of yours on a row wins over the ring. While 'loading' is set, a muted, centered row after the last item says "Loading more". In a list with 'selection-mode', a chosen row takes the fill a chosen List row takes. */
   "helix-virtual-list": DefineCustomElement<
     HelixVirtualList,
     HelixVirtualListVueProps,