@fusion.dev/helix 0.145.0 → 0.147.0

package/types/vue.d.ts

@@ -92,6 +92,7 @@ import type {
   HelixObjectInspector,
   HelixOptionGroup,
   HelixOption,
+  HelixOptionSeparator,
   HelixOrb,
   HelixOutline,
   HelixPagination,
@@ -164,6 +165,7 @@ import type {
   HelixDismissEvent,
   HelixScrolledEvent,
   HelixAuraFallbackEvent,
+  HelixPressEvent,
   HelixBeforeMoveEvent,
   HelixBeforeReconnectEvent,
   HelixBeforeRelabelEvent,
@@ -190,10 +192,10 @@ import type {
   HelixSampleStartEvent,
   HelixCreateEvent,
   HelixFilterEvent,
+  HelixLoadMoreEvent,
   HelixCopyErrorEvent,
   HelixExpandEvent,
   HelixFilteredEvent,
-  HelixLoadMoreEvent,
   HelixNavigateEvent,
   HelixReorderEvent,
   HelixReorderedEvent,
@@ -222,8 +224,10 @@ import type {
   HelixMapTiltEvent,
   HelixMapZoomEvent,
   HelixToggleEvent,
+  HelixBandEvent,
   HelixReadEvent,
   HelixCompleteEvent,
+  HelixPreviewEvent,
   HelixConsoleEvent,
   HelixBeforeEditEvent,
   HelixBeforePanelResizeEvent,
@@ -237,6 +241,7 @@ import type {
   HelixCollapseEvent,
   HelixResizedEvent,
   HelixTourAskEvent,
+  HelixTourStatusEvent,
   HelixLoadEvent,
   HelixEndEvent,
   HelixNextEvent,
@@ -349,18 +354,16 @@ too. */
   /** Whether find in page searches the section while it is closed, and opens it
 on a match.
 
-Off by default. A closed section is then `hidden="until-found"`, which
-hides through `content-visibility`, so a stylesheet that animates the
-section closed shows an empty box for the length of that animation. The
-accordion's own `hidden-until-found` turns it on for every section. */
+Unset takes the accordion's `hidden-until-found`, which is on. Write
+`hidden-until-found="false"` to keep find in page out of this section: a
+closed section is then `hidden` and `inert`. */
   "hidden-until-found"?: (HelixAccordionItem["hiddenUntilFound"]) | undefined;
   /** Whether find in page searches the section while it is closed, and opens it
 on a match.
 
-Off by default. A closed section is then `hidden="until-found"`, which
-hides through `content-visibility`, so a stylesheet that animates the
-section closed shows an empty box for the length of that animation. The
-accordion's own `hidden-until-found` turns it on for every section. */
+Unset takes the accordion's `hidden-until-found`, which is on. Write
+`hidden-until-found="false"` to keep find in page out of this section: a
+closed section is then `hidden` and `inert`. */
   hiddenUntilFound?: (HelixAccordionItem["hiddenUntilFound"]) | undefined;
   /** A group name. Opening an item closes the other items with the same name,
 as `<details name>` does.
@@ -423,12 +426,18 @@ Unset is 3. An item's own `heading-level` wins over this. */
 Unset is 3. An item's own `heading-level` wins over this. */
   headingLevel?: (HelixAccordion["headingLevel"]) | undefined;
   /** Whether find in page searches every closed section, and opens the one it
-matches in. Each item's own `hidden-until-found` turns it on for that item
-alone. */
+matches in.
+
+On by default, as in React Aria's disclosure. Write
+`hidden-until-found="false"` to turn it off for every section; an item's
+own `hidden-until-found` wins for that item. */
   "hidden-until-found"?: (HelixAccordion["hiddenUntilFound"]) | undefined;
   /** Whether find in page searches every closed section, and opens the one it
-matches in. Each item's own `hidden-until-found` turns it on for that item
-alone. */
+matches in.
+
+On by default, as in React Aria's disclosure. Write
+`hidden-until-found="false"` to turn it off for every section; an item's
+own `hidden-until-found` wins for that item. */
   hiddenUntilFound?: (HelixAccordion["hiddenUntilFound"]) | undefined;
   /** How many sections may be open at once.
 
@@ -644,6 +653,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
@@ -668,6 +693,13 @@ The same three values `LineChart` takes, with the same fallback: a bare
 rather than under them, because the bands are opaque and a rule under one is
 a rule nobody sees. */
   gridlines?: (HelixAreaChart["gridlines"]) | undefined;
+  /** Draws every band from zero, in front of the next, so a band's height is
+its own part's amount and not its place in a stack.
+
+Absent stacks the parts, so the top edge is the total. Set, the first
+column is in front and the scale fits the largest part. Reflected, because
+the styled tier lets the bands behind show through the ones in front. */
+  overlap?: (HelixAreaChart["overlap"]) | undefined;
   /** Draws each reading as a hundred percent, so each band shows its share of
 the total.
 
@@ -822,15 +854,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;
 };
 
@@ -866,6 +900,19 @@ replaces them when it arrives, so a slow connection shows who it is
 without a cached picture flashing initials first. Radix's `delayMs` is the
 same idea. */
   fallbackDelay?: (HelixAvatar["fallbackDelay"]) | undefined;
+  /** The letters shown where no picture loaded, such as `GH`, in place of the
+ones taken from `name`.
+
+For a name whose initials are not its first and last letters, or an
+entity with a short mark of its own. Absent, the first letters of the
+first and last words of `name` are shown. */
+  initials?: (HelixAvatar["initials"]) | undefined;
+  /** When the browser fetches the picture: `lazy` waits until it is near the
+screen, as an `<img loading="lazy">` does, and `eager` fetches it at once.
+
+Absent is the browser's own default, which is `eager`. `lazy` suits a long
+list of people, most of them off screen. */
+  loading?: (HelixAvatar["loading"]) | undefined;
   /** Name of the person or entity.
 
 Used for the label and the initials. */
@@ -895,6 +942,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.
 
@@ -916,10 +976,28 @@ color.
 `Announcement` gives for its own neutral: a generated page should be able to
 say what it means rather than express it by leaving an attribute off. */
   tone?: (HelixBadge["tone"]) | undefined;
+  /** `Intl.NumberFormat` options a count is written with, such as
+`{"notation":"compact"}` for `1.2K`, written as JSON in the attribute.
+
+Absent, a count is shown as it was given. Text that is not a number is
+shown as it is either way. */
+  "format-options"?: (HelixBadge["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options a count is written with, such as
+`{"notation":"compact"}` for `1.2K`, written as JSON in the attribute.
+
+Absent, a count is shown as it was given. Text that is not a number is
+shown as it is either way. */
+  formatOptions?: (HelixBadge["formatOptions"]) | 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 locale a count is written in under `format-options`, such as `de`.
+
+Absent uses the runtime's own. */
+  locale?: (HelixBadge["locale"]) | undefined;
   /** The largest number the badge shows.
 
 Past it the indicator reads `{max}+`. */
@@ -1068,6 +1146,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 +1252,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 +1304,34 @@ The consumer's decision. */
 export type HelixBreadcrumbVueEvents = {};
 
 export type HelixBreadcrumbsVueProps = {
+  /** How the two halves of a split crumb are told apart. A split crumb is one
+with a control in its `end` slot, such as a switcher's menu trigger.
+
+- `plain` is the default. The halves are text at rest, like every other
+  crumb. While one half is under the pointer, both halves take a light fill
+  and that half takes the full hover fill.
+- `outlined` draws a hairline between the halves, at rest and under the
+  pointer, the way an outlined surface keeps its edge at rest.
+
+The other crumbs look the same under either value. */
+  separation?: (HelixBreadcrumbs["separation"]) | 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. */
+  "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 +1380,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.
 
@@ -1322,33 +1456,23 @@ is the platform's `commandfor`. */
   commandFor?: (HelixButton["commandFor"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
-**The five `form*` overrides work by writing the form and putting it back**,
-which is the only mechanism available and is closer to the platform than it
-sounds. `requestSubmit(submitter)` is how a native submitter carries these,
-and it refuses ours twice over: the inner `<button>` is `type="button"` so
-it is not a submit button, and it sits in this shadow root so its form owner
-is not the consumer's form. Both throw. So the submission is started with no
-submitter and the overrides are applied to the form for the duration of it.
-
-The whole submit algorithm runs synchronously inside `requestSubmit()`, so
-the window is one call and a `finally` closes it whether or not a listener
-refused. What a `submit` handler observes during that window is the form a
-native submitter would have given it, which is the point. */
+**The five `form*` overrides ride on a native submit button that stands in
+for this one**, because `requestSubmit(submitter)` refuses the inner
+`<button>` twice over: it is `type="button"`, and it sits in this shadow
+root, so its form owner is not the consumer's form. The stand-in is a
+hidden `<button type="submit">` in the form for the one synchronous call,
+so the platform applies the overrides to that submission alone and leaves
+the form as it was. See `submitAs`. */
   formaction?: (HelixButton["formAction"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
-**The five `form*` overrides work by writing the form and putting it back**,
-which is the only mechanism available and is closer to the platform than it
-sounds. `requestSubmit(submitter)` is how a native submitter carries these,
-and it refuses ours twice over: the inner `<button>` is `type="button"` so
-it is not a submit button, and it sits in this shadow root so its form owner
-is not the consumer's form. Both throw. So the submission is started with no
-submitter and the overrides are applied to the form for the duration of it.
-
-The whole submit algorithm runs synchronously inside `requestSubmit()`, so
-the window is one call and a `finally` closes it whether or not a listener
-refused. What a `submit` handler observes during that window is the form a
-native submitter would have given it, which is the point. */
+**The five `form*` overrides ride on a native submit button that stands in
+for this one**, because `requestSubmit(submitter)` refuses the inner
+`<button>` twice over: it is `type="button"`, and it sits in this shadow
+root, so its form owner is not the consumer's form. The stand-in is a
+hidden `<button type="submit">` in the form for the one synchronous call,
+so the platform applies the overrides to that submission alone and leaves
+the form as it was. See `submitAs`. */
   formAction?: (HelixButton["formAction"]) | undefined;
   /** How the submission is encoded, overriding the form's own. */
   formenctype?: (HelixButton["formEnctype"]) | undefined;
@@ -1394,13 +1518,10 @@ a press, so focus stays where the reader left it. */
   /** The value this button submits under its own `name`, as a native submit
 button does.
 
-**Reported for exactly the submission this button starts and not otherwise.**
+**Sent with exactly the submission this button starts and not otherwise.**
 A native submit button contributes `name=value` only when it is the one
-that submitted, and every other button on the form contributes nothing. A
-form-associated element reporting a value continuously would contribute on
-every submission whoever started it, which is a different feature wearing
-the same name, so `submit` below sets it, submits, and clears it inside one
-synchronous call.
+that submitted, and every other button on the form contributes nothing,
+which is what the native button standing in for this one at submit does.
 
 `CopyButton` has a `value` of its own meaning the text to put on the
 clipboard, which is not this and is why it is declared there rather than
@@ -1486,7 +1607,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 +1770,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 +2289,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 +2765,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. */
@@ -2854,6 +2993,22 @@ say that without the component knowing what a row looks like. */
   "loading-text"?: (HelixChat["loadingText"]) | undefined;
   /** The text shown and announced while the rows load. */
   loadingText?: (HelixChat["loadingText"]) | undefined;
+  /** Declarations for the turns from `turns` by each author, keyed by `author`,
+as JSON in the attribute: `{"ada": "--chat-message-background-color: …"}`.
+
+The message drawn for each turn by that author takes them as its `style`,
+so the custom properties a message reads, its fill, text color, radius and
+padding, change for that author alone. A turn by an author with no entry
+takes none, and looks as it did. JSON that does not parse is no entries. */
+  "author-styles"?: (HelixChat["authorStyles"]) | undefined;
+  /** Declarations for the turns from `turns` by each author, keyed by `author`,
+as JSON in the attribute: `{"ada": "--chat-message-background-color: …"}`.
+
+The message drawn for each turn by that author takes them as its `style`,
+so the custom properties a message reads, its fill, text color, radius and
+padding, change for that author alone. A turn by an author with no entry
+takes none, and looks as it did. JSON that does not parse is no entries. */
+  authorStyles?: (HelixChat["authorStyles"]) | undefined;
   /** Whether the transcript opens pinned to the bottom, when `pinned` is not
 set.
 
@@ -2918,6 +3073,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 +3253,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 +3368,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,11 +3393,28 @@ 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
 carries no name of its own. */
   label?: (HelixCodeBlock["label"]) | undefined;
+  /** The language the code is written in, such as `ts` or `css`, handed to
+`highlight` as its second argument.
+
+Absent hands it an empty string. It draws nothing of its own: the block's
+name is `label`. */
+  language?: (HelixCodeBlock["language"]) | undefined;
   /** Whether the lines are numbered in a gutter beside the code.
 
 The numbers are hidden from the accessibility tree and are not part of a
@@ -3281,13 +3478,24 @@ than defaulted, so the host carries no attribute the consumer did not write. */
   /** Turns the code into highlighted markup, which the block draws in place of
 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
-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. */
+Called with the code as written and the block's `language`, and returning
+HTML, such as the output of Shiki's `codeToHtml` or Prism's `highlight`.
+One function serves every block on a page, each block saying its own
+language:
+
+```js
+for (const block of document.querySelectorAll('helix-code-block')) {
+  block.highlight = (code, lang) => codeToHtml(code, { lang, theme: 'github-light' })
+}
+```
+
+**The markup is drawn as given**, so it has to escape the code it was
+handed, which those 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. 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. */
   highlight?: (HelixCodeBlock["highlight"]) | undefined;
 };
 
@@ -3349,9 +3557,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.
 
@@ -3467,6 +3679,9 @@ The trade is real and is the reason this is not the default: a swatch cannot
 be read or pasted into without opening the panel, which is worse for a form
 where the color is the answer rather than a setting. */
   variant?: (HelixColorInput["variant"]) | undefined;
+  /** Draws the panel's hue as a wheel around the square, in place of the hue
+ramp. See Color Picker's `wheel`. */
+  wheel?: (HelixColorInput["wheel"]) | undefined;
   /** Whether the control is disabled and cannot be used.
 
 Reflected, because the styled tier selects on it, and mirrored to
@@ -3529,9 +3744,26 @@ export type HelixColorPickerHelixSampleStartElementEvent =
   HelixColorPickerElementEvent<HelixSampleStartEvent>;
 
 export type HelixColorPickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** A message under the picker, such as what is wrong with the answer.
+
+While set, the picker is invalid and does not submit, as a field's
+`feedback` is, it is marked invalid to a reader and to CSS, and the
+controls a reader answers with are described by it. */
+  feedback?: (HelixColorPicker["feedback"]) | undefined;
+  /** Whether the answer fails validation, marked on the controls a reader
+answers with and as `:state(invalid)`.
+
+A flag a field that wraps the picker sets, since that field owns the
+label, the hint and the message; on its own, `feedback` both marks the
+picker and says why. */
+  invalid?: (HelixColorPicker["invalid"]) | undefined;
+  /** 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.
 
@@ -3645,14 +3877,6 @@ Only what is written. Everything is read whatever this says, so a picker on
   "hue-label"?: (HelixColorPicker["hueLabel"]) | undefined;
   /** What the hue channel is called. */
   hueLabel?: (HelixColorPicker["hueLabel"]) | undefined;
-  /** Whether the current selection fails validation.
-
-A flag rather than a message, the split Date Picker also draws. A flat
-picker has no room of its own for a sentence: the field that wraps one owns
-the label, the hint and the feedback, and a second message inside the panel
-would be the same error said twice. What is left for the picker is the one
-thing the field cannot draw from outside, the mark on the answer itself. */
-  invalid?: (HelixColorPicker["invalid"]) | undefined;
   /** What the lightness channel's field is called, in `channel-fields` with
 hsl. */
   "lightness-label"?: (HelixColorPicker["lightnessLabel"]) | undefined;
@@ -3806,6 +4030,14 @@ speaks it. Absent is the control's own sentence, in English. */
 named for the validity flag it reports, so a form in another language
 speaks it. Absent is the control's own sentence, in English. */
   valueMissingMessage?: (HelixColorPicker["valueMissingMessage"]) | undefined;
+  /** Draws the hue as a wheel around the square, in place of the hue ramp, as
+React Aria's ColorWheel sits round its ColorArea.
+
+The ring is one stop, a slider a reader turns with the arrow keys, Home
+and End, the same way round in either writing direction, and a press or a
+drag on it takes the hue in that direction. Off, the picker keeps its
+ramp. */
+  wheel?: (HelixColorPicker["wheel"]) | undefined;
   /** Whether the control is disabled and cannot be used.
 
 Reflected, because the styled tier selects on it, and mirrored to
@@ -3869,6 +4101,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 +4139,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 +4225,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 +4280,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 +4391,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 +4411,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>;
@@ -4164,7 +4448,9 @@ so a palette filtered on a server sends one `helix-filter` for a word.
 so a palette filtered on a server sends one `helix-filter` for a word.
 `0` filters on every keystroke. See Listbox's `filter-delay`. */
   filterDelay?: (HelixCommand["filterDelay"]) | undefined;
-  /** The key that opens the palette, written as `mod+k`, `shift+p`, or `k`.
+  /** The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,
+in Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,
+`alt` and `shift` the keys they name.
 
 Empty turns it off, for a consumer who opens the palette from a button or
 from their own shortcut handler. There is no list of defaults to fight
@@ -4172,6 +4458,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 +4475,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 +4508,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 +4525,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 +4569,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 +4661,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 +5138,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.
 
@@ -4946,7 +5263,11 @@ Saturday.
 Absent follows `locale`, where the engine knows the week of that language,
 and is Sunday otherwise. */
   firstDayOfWeek?: (HelixDateInput["firstDayOfWeek"]) | undefined;
-  /** The language tag for the names of months and days in the calendar. */
+  /** The language tag for the field's order and words, and for the names of
+months and days in the calendar.
+
+Absent is the page's: the `lang` of the nearest element with one, as
+Shoelace and Web Awesome read it, then the runtime's own. */
   locale?: (HelixDateInput["locale"]) | undefined;
   /** The latest date that can be chosen, as `YYYY-MM-DD`. */
   max?: (HelixDateInput["max"]) | undefined;
@@ -5142,9 +5463,26 @@ export type HelixDatePickerHelixNavigateElementEvent =
   HelixDatePickerElementEvent<HelixNavigateEvent>;
 
 export type HelixDatePickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** A message under the picker, such as what is wrong with the answer.
+
+While set, the picker is invalid and does not submit, as a field's
+`feedback` is, it is marked invalid to a reader and to CSS, and the
+controls a reader answers with are described by it. */
+  feedback?: (HelixDatePicker["feedback"]) | undefined;
+  /** Whether the answer fails validation, marked on the controls a reader
+answers with and as `:state(invalid)`.
+
+A flag a field that wraps the picker sets, since that field owns the
+label, the hint and the message; on its own, `feedback` both marks the
+picker and says why. */
+  invalid?: (HelixDatePicker["invalid"]) | undefined;
+  /** 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.
 
@@ -5191,13 +5529,12 @@ Absent follows `locale`, where the engine knows the week of that language
 Absent follows `locale`, where the engine knows the week of that language
 (Firefox does not), and is Sunday otherwise. */
   firstDayOfWeek?: (HelixDatePicker["firstDayOfWeek"]) | undefined;
-  /** Whether the current selection fails validation. */
-  invalid?: (HelixDatePicker["invalid"]) | undefined;
   /** Accessible name for the grid. */
   label?: (HelixDatePicker["label"]) | undefined;
-  /** Locale for month and day names.
+  /** Locale for month and day names, and the day a week starts on.
 
-Absent uses the runtime's own. */
+Absent is the page's: the `lang` of the nearest element with one, as
+Shoelace and Web Awesome read it, then the runtime's own. */
   locale?: (HelixDatePicker["locale"]) | undefined;
   /** Latest selectable date, as `YYYY-MM-DD`. */
   max?: (HelixDatePicker["max"]) | undefined;
@@ -5425,6 +5762,10 @@ The fallback of the `label` slot, so slotted content replaces it rather than
 appearing beside it. The value itself is the default slot: it is the half
 that varies and is often more than text. */
   label?: (HelixDescriptionListItem["label"]) | undefined;
+  /** Says the values are several `<dd>` elements of your own, so the item
+draws no `<dd>` of its own around them, on the server too. Without it the
+item finds them once it runs, and the served markup wraps them until then. */
+  several?: (HelixDescriptionListItem["several"]) | undefined;
 };
 
 export type HelixDescriptionListItemVueEvents = {};
@@ -5737,6 +6078,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 +6120,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 +6230,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;
@@ -6000,6 +6384,21 @@ export type HelixDrilldownVueEvents = {
 };
 
 export type HelixEmptyVueProps = {
+  /** The heading as words, such as "No results", drawn as a heading when
+nothing is slotted into `heading`.
+
+Absent draws none, and the `heading` slot is the only heading. */
+  heading?: (HelixEmpty["heading"]) | undefined;
+  /** The level of the heading `heading` draws, from 1 to 6.
+
+Absent is 3, the level of a heading inside a page's section. Set it to fit
+the outline the empty view sits in. A slotted heading keeps its own. */
+  "heading-level"?: (HelixEmpty["headingLevel"] | `${number}`) | undefined;
+  /** The level of the heading `heading` draws, from 1 to 6.
+
+Absent is 3, the level of a heading inside a page's section. Set it to fit
+the outline the empty view sits in. A slotted heading keeps its own. */
+  headingLevel?: (HelixEmpty["headingLevel"]) | undefined;
   /** Whether the state is announced when it appears.
 
 On by default: an empty view almost always replaces something that was
@@ -6064,6 +6463,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
@@ -6085,12 +6490,22 @@ refused. */
   maxFileSize?: (HelixFileInput["maxFileSize"]) | undefined;
   /** Whether more than one file can be chosen. */
   multiple?: (HelixFileInput["multiple"]) | undefined;
+  /** The name of a file's progress bar, read by screen readers, with `{name}`
+filled in. A label with no `{name}` has it added after it. */
+  "progress-label"?: (HelixFileInput["progressLabel"]) | undefined;
+  /** The name of a file's progress bar, read by screen readers, with `{name}`
+filled in. A label with no `{name}` has it added after it. */
+  progressLabel?: (HelixFileInput["progressLabel"]) | undefined;
   /** What a reader hears when files are refused, with `{count}` and `{names}`
 filled in. */
   "rejected-text"?: (HelixFileInput["rejectedText"]) | undefined;
   /** 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 +6550,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 +6804,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 +7006,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. */
@@ -6631,6 +7063,17 @@ few characters and a date is not. */
   elapsed?: (HelixFormatDate["elapsed"]) | undefined;
   /** How the era is written, such as AD, where a date is shown. */
   era?: (HelixFormatDate["era"]) | undefined;
+  /** Draws an `elapsed` or `relative` reading once and leaves it, where it
+would otherwise move on as it goes stale.
+
+For a reading that describes a moment the page itself is about, such as
+"3 hours ago" in a report generated then, or a list a reader compares
+line by line while it should not change under them. The reading is taken
+when the element draws, and again whenever `date` or another option
+changes. Turned off, the reading catches up and moves on again.
+`sl-relative-time` and `wa-relative-time` keep still unless `sync` is
+set; this keeps moving unless `frozen` is. */
+  frozen?: (HelixFormatDate["frozen"]) | undefined;
   /** How the hour is written, where a time of day is shown. */
   hour?: (HelixFormatDate["hour"]) | undefined;
   /** The clock a time of day is written on: `h12` or `h11` for twelve hours,
@@ -6647,7 +7090,8 @@ reader the same clock whatever their language. */
   hourCycle?: (HelixFormatDate["hourCycle"]) | undefined;
   /** The locale to format the timestamp in.
 
-Empty is the runtime's own. */
+Absent is the page's: the `lang` of the nearest element with one, as
+Shoelace and Web Awesome read it, then the runtime's own. */
   locale?: (HelixFormatDate["locale"]) | undefined;
   /** How the minute is written, where a time of day is shown. */
   minute?: (HelixFormatDate["minute"]) | undefined;
@@ -7080,6 +7524,9 @@ export type HelixGridVueEvents = {};
 
 /** `HelixHeatmap` component event */
 export type HelixHeatmapElementEvent<E = Event> = TypedEvent<HelixHeatmap, E>;
+/** `helix-before-change` event type */
+export type HelixHeatmapHelixBeforeChangeElementEvent =
+  HelixHeatmapElementEvent<HelixBeforeChangeEvent>;
 /** `helix-resize` event type */
 export type HelixHeatmapHelixResizeElementEvent =
   HelixHeatmapElementEvent<HelixResizeEvent>;
@@ -7105,6 +7552,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
@@ -7162,6 +7629,20 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   rows?: (HelixHeatmap["rows"]) | undefined;
+  /** What the `selection` part says after the selection changes, with `{count}` for
+how many cells are selected. */
+  "selection-label"?: (HelixHeatmap["selectionLabel"]) | undefined;
+  /** What the `selection` part says after the selection changes, with `{count}` for
+how many cells are selected. */
+  selectionLabel?: (HelixHeatmap["selectionLabel"]) | undefined;
+  /** How many cells a reader can select: `single` or `multiple`.
+
+Absent selects nothing, and a press or Space does what it did. */
+  "selection-mode"?: (HelixHeatmap["selectionMode"]) | undefined;
+  /** How many cells a reader can select: `single` or `multiple`.
+
+Absent selects nothing, and a press or Space does what it did. */
+  selectionMode?: (HelixHeatmap["selectionMode"]) | undefined;
   /** Lower bounds for the tone buckets, in the order the tones are given.
 
 `thresholds="1 3 6 9"` with `tones="1 2 3 4"` puts 1 and 2 in the ramp's
@@ -7180,13 +7661,36 @@ 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;
+  /** The selected cells, by the names their rows have in the table, such as
+`2026-06-11`, separated by commas.
+
+Set it to start with cells selected. Written by a press or a key under
+`selection-mode`. */
+  value?: (HelixHeatmap["value"]) | undefined;
 };
 
 export type HelixHeatmapVueEvents = {
+  /** Fired once a press or a key has changed which cells are selected. */
+  change: HelixHeatmapElementEvent;
+  /** Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable. */
+  "helix-before-change": HelixHeatmapHelixBeforeChangeElementEvent;
   /** Fired when the number of cells drawn changes, with the new number. */
   "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.
 
@@ -7255,33 +7759,23 @@ is the platform's `commandfor`. */
   commandFor?: (HelixIconButton["commandFor"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
-**The five `form*` overrides work by writing the form and putting it back**,
-which is the only mechanism available and is closer to the platform than it
-sounds. `requestSubmit(submitter)` is how a native submitter carries these,
-and it refuses ours twice over: the inner `<button>` is `type="button"` so
-it is not a submit button, and it sits in this shadow root so its form owner
-is not the consumer's form. Both throw. So the submission is started with no
-submitter and the overrides are applied to the form for the duration of it.
-
-The whole submit algorithm runs synchronously inside `requestSubmit()`, so
-the window is one call and a `finally` closes it whether or not a listener
-refused. What a `submit` handler observes during that window is the form a
-native submitter would have given it, which is the point. */
+**The five `form*` overrides ride on a native submit button that stands in
+for this one**, because `requestSubmit(submitter)` refuses the inner
+`<button>` twice over: it is `type="button"`, and it sits in this shadow
+root, so its form owner is not the consumer's form. The stand-in is a
+hidden `<button type="submit">` in the form for the one synchronous call,
+so the platform applies the overrides to that submission alone and leaves
+the form as it was. See `submitAs`. */
   formaction?: (HelixIconButton["formAction"]) | undefined;
   /** Where this button's submission goes, overriding the form's own.
 
-**The five `form*` overrides work by writing the form and putting it back**,
-which is the only mechanism available and is closer to the platform than it
-sounds. `requestSubmit(submitter)` is how a native submitter carries these,
-and it refuses ours twice over: the inner `<button>` is `type="button"` so
-it is not a submit button, and it sits in this shadow root so its form owner
-is not the consumer's form. Both throw. So the submission is started with no
-submitter and the overrides are applied to the form for the duration of it.
-
-The whole submit algorithm runs synchronously inside `requestSubmit()`, so
-the window is one call and a `finally` closes it whether or not a listener
-refused. What a `submit` handler observes during that window is the form a
-native submitter would have given it, which is the point. */
+**The five `form*` overrides ride on a native submit button that stands in
+for this one**, because `requestSubmit(submitter)` refuses the inner
+`<button>` twice over: it is `type="button"`, and it sits in this shadow
+root, so its form owner is not the consumer's form. The stand-in is a
+hidden `<button type="submit">` in the form for the one synchronous call,
+so the platform applies the overrides to that submission alone and leaves
+the form as it was. See `submitAs`. */
   formAction?: (HelixIconButton["formAction"]) | undefined;
   /** How the submission is encoded, overriding the form's own. */
   formenctype?: (HelixIconButton["formEnctype"]) | undefined;
@@ -7327,13 +7821,10 @@ a press, so focus stays where the reader left it. */
   /** The value this button submits under its own `name`, as a native submit
 button does.
 
-**Reported for exactly the submission this button starts and not otherwise.**
+**Sent with exactly the submission this button starts and not otherwise.**
 A native submit button contributes `name=value` only when it is the one
-that submitted, and every other button on the form contributes nothing. A
-form-associated element reporting a value continuously would contribute on
-every submission whoever started it, which is a different feature wearing
-the same name, so `submit` below sets it, submits, and clears it inside one
-synchronous call.
+that submitted, and every other button on the form contributes nothing,
+which is what the native button standing in for this one at submit does.
 
 `CopyButton` has a `value` of its own meaning the text to put on the
 clipboard, which is not this and is why it is declared there rather than
@@ -7419,7 +7910,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>;
@@ -7565,7 +8059,12 @@ the *first* update mirrors to a custom state instead, which is what
 `:state(open)` and `:state(checked)` are.
 
 `loading` writes nothing, because it is where every image starts and the
-resting state of a mirror is the attribute's absence. */
+resting state of a mirror is the attribute's absence.
+
+**Kept beside the custom states, and what the styled tier draws from.** An
+engine without `CustomStateSet`, Safari before 17.4 and Firefox before
+126, records no state, and a picture faded in by `:state(loaded)` alone
+would stay transparent there for good. A sheet of your own can read either. */
   status?: (HelixImage["status"]) | undefined;
 };
 
@@ -7586,9 +8085,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 +8282,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 +8306,20 @@ export type HelixKbdHelixShortcutElementEvent =
   HelixKbdElementEvent<HelixShortcutEvent>;
 
 export type HelixKbdVueProps = {
+  /** What the chord does to the control `for` names once it is pressed:
+`focus` moves focus to the control and `click` presses it.
+
+Unset, the chord sends `helix-shortcut` and does nothing else, for a page
+that acts on the event itself. It acts only where `within` listens, after
+`helix-shortcut`, and not when a listener cancels that event. */
+  activate?: (HelixKbd["activate"]) | undefined;
+  /** 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 +8327,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
@@ -7940,14 +8481,18 @@ shadow root reads a table in that root rather than one in the document.
 
 Set it to start with series hidden. Every chart reading the same table
 draws without them. Commas only, because a column's heading may hold a
-space. For a ring the names are the rows. */
+space. For a ring the names are the rows. An array of names set on the
+property works too, as React sets `hiddenSeries={['Direct']}`; a toggle
+writes the list back as a string. */
   "hidden-series"?: (HelixLegend["hiddenSeries"]) | undefined;
   /** The series hidden on the table, by name, separated by commas: what
 `toggles` hides and shows.
 
 Set it to start with series hidden. Every chart reading the same table
 draws without them. Commas only, because a column's heading may hold a
-space. For a ring the names are the rows. */
+space. For a ring the names are the rows. An array of names set on the
+property works too, as React sets `hiddenSeries={['Direct']}`; a toggle
+writes the list back as a string. */
   hiddenSeries?: (HelixLegend["hiddenSeries"]) | undefined;
   /** The name of the list, which a screen reader announces before its entries.
 
@@ -8037,13 +8582,20 @@ 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?: (HelixLightbox["open"]) | undefined;
-  /** Draws the viewer's own previous, next and close controls over the picture.
+  /** Draws the viewer's own previous, next and close controls over the picture,
+and zoom-out and zoom-in controls where `max-zoom` allows zooming.
 
 Off by default, for a viewer whose chrome you compose in the `header` and
 `footer` slots. The controls hide with the rest of the chrome while the
-reader is idle, and the previous and next ones say they are unavailable at
-either end of a set that does not `loop`. */
+reader is idle, the previous and next ones say they are unavailable at
+either end of a set that does not `loop`, and the zoom ones at either end
+of the scale. */
   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 +8620,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. */
@@ -8104,6 +8662,20 @@ Announced rather than only drawn, because the picture changing under a
 reader who cannot see it is otherwise silent. A consumer who has their own
 counter in the chrome can empty this and say it themselves. */
   statusLabel?: (HelixLightbox["statusLabel"]) | undefined;
+  /** The zoom-in control's accessible name. */
+  "zoom-in-label"?: (HelixLightbox["zoomInLabel"]) | undefined;
+  /** The zoom-in control's accessible name. */
+  zoomInLabel?: (HelixLightbox["zoomInLabel"]) | undefined;
+  /** The zoom-out control's accessible name. */
+  "zoom-out-label"?: (HelixLightbox["zoomOutLabel"]) | undefined;
+  /** The zoom-out control's accessible name. */
+  zoomOutLabel?: (HelixLightbox["zoomOutLabel"]) | undefined;
+  /** What the live region says once a reader has stopped zooming, with the
+scale as a whole `{percent}` filled in. Empty it to say nothing. */
+  "zoom-status-label"?: (HelixLightbox["zoomStatusLabel"]) | undefined;
+  /** What the live region says once a reader has stopped zooming, with the
+scale as a whole `{percent}` filled in. Empty it to say nothing. */
+  zoomStatusLabel?: (HelixLightbox["zoomStatusLabel"]) | undefined;
 };
 
 export type HelixLightboxVueEvents = {
@@ -8182,6 +8754,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.
@@ -8214,6 +8802,13 @@ sum can pass under the curve fitted through the sum beneath it, so a
 smoothed stack can draw a part as less than nothing. There is no such edge
 here, which is what lets a line take the reading aid. */
   curve?: (HelixLineChart["curve"]) | undefined;
+  /** The series drawn as a dashed line, by their headings, separated by
+commas: `dashed="Forecast, Target"`.
+
+For a series that is not a reading, such as a forecast or a goal, drawn
+beside the ones that are. Each takes a `line-dashed` part beside `line`,
+which a stylesheet draws dashed. Absent, every line is solid. */
+  dashed?: (HelixLineChart["dashed"]) | undefined;
   /** Which rules are drawn across the plot, if any.
 
 Absent draws none, which is the honest default rather than a timid one: a
@@ -8236,6 +8831,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 +8985,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 +9038,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 +9057,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 +9147,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 +9168,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 +9244,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;
 };
@@ -9711,6 +10352,12 @@ slot replaces it. */
 
 export type HelixMenuSectionVueEvents = {};
 
+/** `HelixMeter` component event */
+export type HelixMeterElementEvent<E = Event> = TypedEvent<HelixMeter, E>;
+/** `helix-band` event type */
+export type HelixMeterHelixBandElementEvent =
+  HelixMeterElementEvent<HelixBandEvent>;
+
 export type HelixMeterVueProps = {
   /** How strongly the reading is drawn. `subtle` draws it as a wash of its color.
 
@@ -9759,6 +10406,42 @@ 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;
+  /** The words each band is said with under `live`, by its name, written as
+JSON in the attribute: `band-labels='{"poor":"Almost full"}'`.
+
+A band left out keeps its default: "Good", "Fair" or "Poor". */
+  "band-labels"?: (HelixMeter["bandLabels"]) | undefined;
+  /** The words each band is said with under `live`, by its name, written as
+JSON in the attribute: `band-labels='{"poor":"Almost full"}'`.
+
+A band left out keeps its default: "Good", "Fair" or "Poor". */
+  bandLabels?: (HelixMeter["bandLabels"]) | 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. */
@@ -9768,6 +10451,13 @@ Absent leaves the range unbanded. */
 A visible label in the `label` slot names it instead, with the words it
 shows, so the name and the label cannot disagree. */
   label?: (HelixMeter["label"]) | undefined;
+  /** Says the reading in a polite `live` region each time it moves into
+another band, with the band's word, such as "92%, Poor".
+
+For a meter whose value changes while it is on screen. Off by default,
+because a meter that reads a fixed level has nothing new to say. A meter
+with no bands says nothing. */
+  live?: (HelixMeter["live"]) | undefined;
   /** The locale the percentage is written in, such as `fr` for `72 %`.
 
 Absent uses the runtime's own. */
@@ -9833,7 +10523,10 @@ fair summary of a task and a poor one of a quantity. */
   valueText?: (HelixMeter["valueText"]) | undefined;
 };
 
-export type HelixMeterVueEvents = {};
+export type HelixMeterVueEvents = {
+  /** Fired when the reading moves into another band, with the band it is in now, or `''` where it is in none. Not sent on the first render, since a meter that arrives in a band has not moved. */
+  "helix-band": HelixMeterHelixBandElementEvent;
+};
 
 export type HelixNavigationVueProps = {
   /** Whether the arrow keys move focus between the destinations.
@@ -10089,9 +10782,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 +10921,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,
@@ -10240,7 +10931,13 @@ than states: a duration, a weight, a count they are looking for rather than
 one they already know. */
   scrub?: (HelixNumberInput["scrub"]) | undefined;
   /** How far one step moves. A value off the step grid, counted from `min`, is
-invalid, as it is in a native number field. */
+invalid, as it is in a native number field.
+
+Unset, a step moves by one, or by one percent under a percent format, and
+a typed number is rounded to the smallest amount `format-options` shows
+rather than to whole steps, as React Aria's NumberField does: a field
+showing dollars keeps the cents typed into it. Without `format-options`
+the grid is whole numbers, as in a native number field. */
   step?: (HelixNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values. */
@@ -10320,6 +11017,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 +11032,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 +11170,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 +11200,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.
@@ -10640,9 +11356,18 @@ export type HelixOptionVueEvents = {
   "helix-select": HelixOptionHelixSelectElementEvent;
 };
 
+export type HelixOptionSeparatorVueProps = {};
+
+export type HelixOptionSeparatorVueEvents = {};
+
 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 +11449,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 +11744,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.
 
@@ -11055,20 +11789,21 @@ and this one was the English a form in another language still spoke in
 the bubble it raises on submit: `feedback` replaces the message under
 the field and does not reach that one. */
   valueMissingMessage?: (HelixPinInput["valueMissingMessage"]) | undefined;
-  /** The autofill hint for the browser, set on the first box only.
-
-`one-time-code` is why this defaults to anything at all: it is the token
-that lets a phone offer the code out of a message. Later cells stay `off`
-for the reason in the class comment above, that six cells each offering
-the same code is one offer made six times. */
+  /** The autofill hint for the browser. `one-time-code` is why this defaults to
+anything at all: it is the token that lets a phone offer the code out of a
+message. */
   autocomplete?: (HelixPinInput["autocomplete"]) | undefined;
   /** Whether the form is submitted once the last box is filled, as Web
 Awesome's `autosubmit` and Radix's `autoSubmit`. Only for a code the field
 took: a refused last character submits nothing. */
   autosubmit?: (HelixPinInput["autosubmit"]) | undefined;
-  /** Accessible name for one box, with `{index}` and `{length}` filled in. */
+  /** 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;
+  /** The name each box once had, with `{index}` and `{length}` filled in. */
   "cell-label"?: (HelixPinInput["cellLabel"]) | undefined;
-  /** Accessible name for one box, with `{index}` and `{length}` filled in. */
+  /** The name each box once had, with `{index}` and `{length}` filled in. */
   cellLabel?: (HelixPinInput["cellLabel"]) | undefined;
   /** Separators drawn between the boxes: `#` or `*` for a box and anything
 else as it is written, so `###-###` draws a dash after the third. The
@@ -11076,21 +11811,22 @@ separators are hidden from screen readers and are not part of the value. */
   format?: (HelixPinInput["format"]) | undefined;
   /** How many characters the code has. */
   length?: (HelixPinInput["length"]) | undefined;
-  /** Whether the characters are hidden, the way a password is. */
+  /** Whether the characters are hidden, the way a password is. The field is a
+password field, and each filled box draws `mask-character`. */
   mask?: (HelixPinInput["mask"]) | undefined;
-  /** What an empty box shows, usually a single dot.
-
-The platform's own placeholder, on each cell, rather than a character
-drawn behind the field: it clears the moment anything is typed, it is
-already excluded from the accessible value, and it works the same under
-`mask`, where the cell is a password input and a hand-drawn glyph would
-have to know that.
-
-Empty by default, because a row of boxes already reads as a row of boxes. */
+  /** What a filled box draws under `mask`, in place of its character, as Web
+Awesome's `--mask-char`. */
+  "mask-character"?: (HelixPinInput["maskCharacter"]) | undefined;
+  /** What a filled box draws under `mask`, in place of its character, as Web
+Awesome's `--mask-char`. */
+  maskCharacter?: (HelixPinInput["maskCharacter"]) | undefined;
+  /** What an empty box shows, usually a single dot. It is not shown in the box
+the caret is in. Empty by default, because a row of boxes already reads as
+a row of boxes. */
   placeholder?: (HelixPinInput["placeholder"]) | undefined;
-  /** Whether the boxes block input. A read-only code still submits its value. */
+  /** Whether the field blocks input. A read-only code still submits its value. */
   readonly?: (HelixPinInput["readOnly"]) | undefined;
-  /** Whether the boxes block input. A read-only code still submits its value. */
+  /** Whether the field blocks input. A read-only code still submits its value. */
   readOnly?: (HelixPinInput["readOnly"]) | undefined;
   /** The message shown when the code is started and not finished, with
 `{length}` filled in. When it is unset, an English default is shown. */
@@ -11115,8 +11851,7 @@ marked letters wants `text`, which judges nothing.
 
 **Not reflected**: nothing selects on it, so reflecting only writes
 `type="numeric"` onto every `<helix-headless-pin-input>` ever rendered, an
-attribute no consumer's markup had. The area rules carry the sentence
-"reflect only what CSS selects on". The real inputs take it as a binding,
+attribute no consumer's markup had. The field takes it as `inputmode`,
 which is what makes the keyboard follow. */
   type?: (HelixPinInput["type"]) | undefined;
   /** Whether the control is disabled and cannot be used.
@@ -11207,8 +11942,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;
@@ -11227,6 +11963,12 @@ export type HelixPopoverVueEvents = {
   "helix-before-open": HelixPopoverHelixBeforeOpenElementEvent;
 };
 
+/** `HelixProgress` component event */
+export type HelixProgressElementEvent<E = Event> = TypedEvent<HelixProgress, E>;
+/** `helix-complete` event type */
+export type HelixProgressHelixCompleteElementEvent =
+  HelixProgressElementEvent<HelixCompleteEvent>;
+
 export type HelixProgressVueProps = {
   /** How strongly the bar is drawn.
 
@@ -11246,6 +11988,42 @@ 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;
+  /** The words a screen reader hears when the value reaches `max`, such as
+"Upload complete".
+
+Said once, politely, as the work finishes. Empty says nothing, for a bar
+whose page announces the result itself. */
+  "complete-label"?: (HelixProgress["completeLabel"]) | undefined;
+  /** The words a screen reader hears when the value reaches `max`, such as
+"Upload complete".
+
+Said once, politely, as the work finishes. Empty says nothing, for a bar
+whose page announces the result itself. */
+  completeLabel?: (HelixProgress["completeLabel"]) | 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.
 
@@ -11332,12 +12110,21 @@ report progress. */
   valueText?: (HelixProgress["valueText"]) | undefined;
 };
 
-export type HelixProgressVueEvents = {};
+export type HelixProgressVueEvents = {
+  /** The value reached `max` from below. Its `value` is `max`. Not sent for a bar that starts full. */
+  "helix-complete": HelixProgressHelixCompleteElementEvent;
+};
 
 /** `HelixQrCode` component event */
 export type HelixQrCodeElementEvent<E = Event> = TypedEvent<HelixQrCode, E>;
 
 export type HelixQrCodeVueProps = {
+  /** The words a code with no `label` is named by, followed by its value where
+the value is a web address. */
+  "code-label"?: (HelixQrCode["codeLabel"]) | undefined;
+  /** The words a code with no `label` is named by, followed by its value where
+the value is a web address. */
+  codeLabel?: (HelixQrCode["codeLabel"]) | undefined;
   /** The error correction level, which sets how much of the code can be lost
 and still scan.
 
@@ -11347,10 +12134,13 @@ chosen automatically when the slot is filled: it is the level that makes
 covering safe, and a consumer who fills the slot has said what they want
 without having to know that. */
   correction?: (HelixQrCode["correction"]) | undefined;
-  /** The image's accessible name.
+  /** The image's accessible name: what the code is for, such as "Open the
+menu".
 
-Falling back to the value is deliberate: a code almost always holds a URL,
-and a URL is a better name than "QR code" for a reader who cannot see it. */
+Absent names it by `code-label` and, for a web address, the address,
+which is what a reader who cannot scan it needs. Any other value is left
+out of the name, since it may hold a secret, such as an authenticator's
+key or a network's password. */
   label?: (HelixQrCode["label"]) | undefined;
   /** How the modules are drawn.
 
@@ -11395,9 +12185,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 +12450,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 +12477,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 +12673,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 +12955,18 @@ 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, and so is the source when the function throws. Set it as a
+property.
+
+Named for what it returns, runs of text, where Code Block's `highlight`
+returns markup. */
+  tokenize?: (HelixSandboxSource["tokenize"]) | undefined;
 };
 
 export type HelixSandboxSourceVueEvents = {
@@ -12178,6 +12993,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 +13030,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 +13072,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 +13103,28 @@ is read along. */
   "points-label"?: (HelixScatterChart["pointsLabel"]) | undefined;
   /** The word the summary uses for a row when it counts them. */
   pointsLabel?: (HelixScatterChart["pointsLabel"]) | undefined;
+  /** The heading of a column whose numbers size the points, such as
+`Population`, which makes the chart a bubble chart.
+
+That column is then a measure and no series: it draws no points of its
+own, and each point's area follows its row's number in it. Absent, every
+point is one size. */
+  "size-by"?: (HelixScatterChart["sizeBy"]) | undefined;
+  /** The heading of a column whose numbers size the points, such as
+`Population`, which makes the chart a bubble chart.
+
+That column is then a measure and no series: it draws no points of its
+own, and each point's area follows its row's number in it. Absent, every
+point is one size. */
+  sizeBy?: (HelixScatterChart["sizeBy"]) | 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 +13148,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 +13167,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 +13188,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 +13244,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.
 
@@ -12419,6 +13298,24 @@ the field and does not reach that one. */
 Passed to the listbox rather than acted on here, because the listbox owns
 the filtering, the empty state and the keyboard. */
   filterable?: (HelixSelect["filterable"]) | undefined;
+  /** The open list's name where nothing names the Select, read by screen
+readers. The list has no visible name.
+
+A Select named by `label`, `aria-label`, `aria-labelledby` or a `<label>`
+gives its list that name, and this is not used. Unnamed, the Select is
+reported once by the missing-name warning, and its list is not reported a
+second time for a name the page never wrote: the list is this element's,
+and so is the fallback. Combobox calls its list the same. */
+  "list-label"?: (HelixSelect["listLabel"]) | undefined;
+  /** The open list's name where nothing names the Select, read by screen
+readers. The list has no visible name.
+
+A Select named by `label`, `aria-label`, `aria-labelledby` or a `<label>`
+gives its list that name, and this is not used. Unnamed, the Select is
+reported once by the missing-name warning, and its list is not reported a
+second time for a name the page never wrote: the list is this element's,
+and so is the fallback. Combobox calls its list the same. */
+  listLabel?: (HelixSelect["listLabel"]) | undefined;
   /** Whether the options are still loading.
 
 Passed straight to the list, which is where the rows are and so where the
@@ -12433,6 +13330,16 @@ consumer wiring the same flag twice. */
   multiple?: (HelixSelect["multiple"]) | undefined;
   /** Shown on the trigger while nothing is chosen. */
   placeholder?: (HelixSelect["placeholder"]) | undefined;
+  /** Where the list opens: `floating`, under the trigger and above it where
+there is no room, or `item-aligned`, over the trigger with the chosen
+option where the trigger is, as a native select does on macOS and Radix
+Select does by default.
+
+Over the trigger, a reader's eye stays on the answer as the list opens
+round it, and a short move reaches the options either side. Near an edge
+of the screen the list moves to stay on it, so the option may sit beside
+the trigger rather than on it. It follows the page as it scrolls. */
+  position?: (HelixSelect["position"]) | undefined;
   /** Whether the control is disabled and cannot be used.
 
 Reflected, because the styled tier selects on it, and mirrored to
@@ -12459,6 +13366,16 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixSelect["name"]) | undefined;
+  /** Whether the trigger holds its group's tab stop.
+
+A toolbar keeps one tab stop across its controls, and writing `tabindex`
+onto this element would change markup the consumer rendered, which a React
+consumer's hydration reports. A toolbar sets this property instead, and
+the stop moves on the trigger inside the shadow root, as Button's does.
+
+No attribute, because it is coordination between elements rather than
+anything a consumer sets. */
+  focusable?: (HelixSelect["focusable"]) | undefined;
   /** What the trigger shows for the chosen options: a function given them, in
 the order they appear, that returns text, an element or a Lit template.
 
@@ -12490,6 +13407,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 +13464,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,18 +13587,33 @@ 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. */
   showValue?: (HelixSlider["showValue"]) | undefined;
   /** How far one press of an arrow key moves the thumb. */
   step?: (HelixSlider["step"]) | undefined;
+  /** Whether each thumb shows its value in a bubble beside it, as Web
+Awesome's `with-tooltip`. The styled slider shows the bubbles while the
+slider is under the pointer or holds focus. They repeat what each thumb
+already reports, so a screen reader skips them. */
+  tooltip?: (HelixSlider["tooltip"]) | undefined;
   /** What a screen reader says for a thumb's value, with `{value}` filled in,
 such as `{value} degrees`. Empty announces the number alone. */
   "value-text"?: (HelixSlider["valueText"]) | undefined;
@@ -12825,6 +13763,32 @@ 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 come to, said after the name: `{first}` and `{last}`
+for the first and the last reading, `{high}` and `{low}` for the highest
+and the lowest, each written as the readout writes it.
+
+Set it to the words of the page's language, or to nothing to say no
+more than the name. Said only where the sparkline is named. */
+  "overview-label"?: (HelixSparkline["overviewLabel"]) | undefined;
+  /** What the readings come to, said after the name: `{first}` and `{last}`
+for the first and the last reading, `{high}` and `{low}` for the highest
+and the lowest, each written as the readout writes it.
+
+Set it to the words of the page's language, or to nothing to say no
+more than the name. Said only where the sparkline is named. */
+  overviewLabel?: (HelixSparkline["overviewLabel"]) | undefined;
   /** What the readings are drawn as.
 
 Absent is `area`, a line with the region beneath it washed. `line` is the
@@ -12853,6 +13817,26 @@ 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;
+  /** Two values a band is drawn between, behind the line, separated by a
+space: `range="60 100"` marks a normal range.
+
+The scale stretches to hold the band where the readings do not reach it.
+Absent draws none. */
+  range?: (HelixSparkline["range"]) | undefined;
   /** The numbers, separated by whitespace or by commas.
 
 An array assigned to the property works too, which is what React 19 does
@@ -13111,6 +14095,8 @@ export type HelixSplitterVueEvents = {
   "helix-collapse": HelixSplitterHelixCollapseElementEvent;
   /** Fired after the divider settles somewhere new, with the new position. */
   "helix-resized": HelixSplitterHelixResizedElementEvent;
+  /** Fired each time a drag moves the divider, before it settles, as a range input does while it is dragged. Read `position` for where it is now. */
+  input: HelixSplitterElementEvent;
 };
 
 export type HelixStatGroupVueProps = {
@@ -13144,10 +14130,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
@@ -13211,6 +14196,12 @@ in both. Of those four combinations three are ones nobody should pick, and
 a property whose job is mostly to be left alone is a property that mostly
 catches people out. */
   orientation?: (HelixSteps["orientation"]) | undefined;
+  /** What the `progress` part says to a screen reader, with `{percent}` filled
+in with `progress`. */
+  "progress-label"?: (HelixSteps["progressLabel"]) | undefined;
+  /** What the `progress` part says to a screen reader, with `{percent}` filled
+in with `progress`. */
+  progressLabel?: (HelixSteps["progressLabel"]) | undefined;
   /** What each step is marked with.
 
 Absent is the state itself: a check where a stage is done, a target where
@@ -13222,6 +14213,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 +14275,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.
@@ -13721,6 +14720,13 @@ export type HelixTableVueEvents = {
 };
 
 export type HelixTableRowVueProps = {
+  /** The URL a press on the row follows, which makes the whole row a link.
+Empty, the default, leaves presses to the row's cells. */
+  href?: (HelixTableRow["href"]) | undefined;
+  /** The `rel` of the row's link. You set it yourself, as on an anchor. */
+  rel?: (HelixTableRow["rel"]) | undefined;
+  /** Where the row's link opens, such as `_blank`. */
+  target?: (HelixTableRow["target"]) | undefined;
   /** The key the table's `selected` lists this row by. Left empty, the row is
 known by its place among the rows as written. */
   value?: (HelixTableRow["value"]) | undefined;
@@ -13871,6 +14877,12 @@ export type HelixTagGroupHelixDismissElementEvent =
   HelixTagGroupElementEvent<HelixDismissEvent>;
 
 export type HelixTagGroupVueProps = {
+  /** The words the group shows and says once its last tag is removed, where
+nothing is in the `empty` slot. */
+  "empty-label"?: (HelixTagGroup["emptyLabel"]) | undefined;
+  /** The words the group shows and says once its last tag is removed, where
+nothing is in the `empty` slot. */
+  emptyLabel?: (HelixTagGroup["emptyLabel"]) | undefined;
   /** The name of the set, such as "Filters", which a screen reader announces
 before its tags. */
   label?: (HelixTagGroup["label"]) | undefined;
@@ -14011,7 +15023,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 +15076,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 +15136,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 +15248,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 +15259,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 +15371,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.
 
@@ -14407,7 +15443,8 @@ Handed to the list. The value is `HH:mm` on twenty-four hours either way. */
   hourCycle?: (HelixTimeInput["hourCycle"]) | undefined;
   /** Language tag the times are written in.
 
-Absent uses the runtime's own. */
+Absent is the page's: the `lang` of the nearest element with one, as
+Shoelace and Web Awesome read it, then the runtime's own. */
   locale?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   max?: (HelixTimeInput["max"]) | undefined;
@@ -14566,9 +15603,26 @@ export type HelixTimePickerHelixBeforeChangeElementEvent =
   HelixTimePickerElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixTimePickerVueProps = {
-  /** The value the control starts with. A form reset returns it to this value. */
+  /** A message under the picker, such as what is wrong with the answer.
+
+While set, the picker is invalid and does not submit, as a field's
+`feedback` is, it is marked invalid to a reader and to CSS, and the
+controls a reader answers with are described by it. */
+  feedback?: (HelixTimePicker["feedback"]) | undefined;
+  /** Whether the answer fails validation, marked on the controls a reader
+answers with and as `:state(invalid)`.
+
+A flag a field that wraps the picker sets, since that field owns the
+label, the hint and the message; on its own, `feedback` both marks the
+picker and says why. */
+  invalid?: (HelixTimePicker["invalid"]) | undefined;
+  /** 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,25 +15679,24 @@ 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. */
-  hourLabel?: (HelixTimePicker["hourLabel"]) | undefined;
-  /** Whether the current selection fails validation.
+  /** What the wheel of hours is called, read by screen readers.
 
-A flag rather than a message, the same split Date Picker draws. A flat
-picker has no room of its own for a sentence: the field that wraps one owns
-the label, the hint and the feedback, and a second message inside the panel
-would be the same error said twice. What is left for the picker is the one
-thing the field cannot draw from outside, the mark on the answer itself. */
-  invalid?: (HelixTimePicker["invalid"]) | undefined;
+Absent is the locale's own word, from `Intl.DisplayNames`: "Hour" in
+English, "Stunde" in German. */
+  hourLabel?: (HelixTimePicker["hourLabel"]) | undefined;
   /** Accessible name for the list, which has no visible one of its own.
 
 An `aria-label` or `aria-labelledby` on the host names the list instead. */
   label?: (HelixTimePicker["label"]) | undefined;
-  /** Language tag the times are written in.
+  /** Language tag the times and the wheels' names are written in.
 
-Absent uses the runtime's own. */
+Absent is the page's: the `lang` of the nearest element with one, as
+Shoelace and Web Awesome read it, then the runtime's own. */
   locale?: (HelixTimePicker["locale"]) | undefined;
   /** Stops the arrow keys in the list from choosing each time they move to.
 Enter, Space or a click chooses.
@@ -14654,16 +15707,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 +15786,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 +16067,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 +16364,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 +16393,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 +16489,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 +16573,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 +16871,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 +16900,56 @@ 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.
+  /** `Intl.NumberFormat` options `value` is written with, as React Aria's
+NumberField takes them: a percent, a currency, a unit or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-trend value="-0.084" format-options='{"style":"percent","maximumFractionDigits":1}'></helix-trend>
+```
+
+The example says "Down 8.4%". The size is written without a sign, since
+the arrow and the word say which way; set `signDisplay` for one. Absent
+writes the number as the locale writes any number. */
+  "format-options"?: (HelixTrend["formatOptions"]) | undefined;
+  /** `Intl.NumberFormat` options `value` is written with, as React Aria's
+NumberField takes them: a percent, a currency, a unit or a number of
+decimals. Written as JSON in the attribute.
+
+```html
+<helix-trend value="-0.084" format-options='{"style":"percent","maximumFractionDigits":1}'></helix-trend>
+```
+
+The example says "Down 8.4%". The size is written without a sign, since
+the arrow and the word say which way; set `signDisplay` for one. Absent
+writes the number as the locale writes any number. */
+  formatOptions?: (HelixTrend["formatOptions"]) | undefined;
+  /** 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;
+  /** The locale `value` is written in, such as `de` for `1.234,5`.
+
+Absent uses the runtime's own. Set it on a page rendered on a server, so
+the server and the browser write the figure alike. */
+  locale?: (HelixTrend["locale"]) | 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;
@@ -15841,6 +16960,14 @@ three. */
   "up-label"?: (HelixTrend["upLabel"]) | undefined;
   /** The word read out for a move up. */
   upLabel?: (HelixTrend["upLabel"]) | undefined;
+  /** The change as a signed number, such as `0.12` or `-8`, which sets the
+movement by its sign and is written as the metric.
+
+Above zero is up, below is down, and zero is neutral; `movement` wins when
+both are written. The size is written in the `value` part with
+`format-options` and `locale`, in place of a slotted metric. Absent leaves
+the movement to `movement` and the metric to the slot. */
+  value?: (HelixTrend["value"]) | undefined;
   /** The word read out after the direction when the move is a setback. */
   "worse-label"?: (HelixTrend["worseLabel"]) | undefined;
   /** The word read out after the direction when the move is a setback. */
@@ -15963,7 +17090,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. `currentEntry` is the entry itself, with its `src`, `poster` and name. */
   "helix-activate": HelixVideoPlaylistHelixActivateElementEvent;
   /** The current entry is about to change. Cancelable: cancel it to keep the current entry. */
   "helix-before-activate": HelixVideoPlaylistHelixBeforeActivateElementEvent;
@@ -16100,7 +17227,11 @@ assumed: it is absent on iPhone and behind a flag in Firefox, and a button
 that cannot work is worse than one that is not there.
 
 The names are `speed`, `pip`, `remote`, `download`, `rewind`, `forward`,
-`previous` and `next`.
+`previous` and `next`. `full` stands for `rewind`, `forward`, `speed`,
+`pip` and `remote` in that order, the controls that act on the video by
+themselves, as Web Awesome's `full` preset does, and a name it already
+holds is drawn once. `extra-controls="full"` is the whole bar, and
+`overflow-controls="full"` puts all of it behind one button.
 
 **`previous` and `next` do nothing to the video, and are offered anyway.**
 They announce `helix-previous` and `helix-next` and stop there, so what
@@ -16130,7 +17261,11 @@ assumed: it is absent on iPhone and behind a flag in Firefox, and a button
 that cannot work is worse than one that is not there.
 
 The names are `speed`, `pip`, `remote`, `download`, `rewind`, `forward`,
-`previous` and `next`.
+`previous` and `next`. `full` stands for `rewind`, `forward`, `speed`,
+`pip` and `remote` in that order, the controls that act on the video by
+themselves, as Web Awesome's `full` preset does, and a name it already
+holds is drawn once. `extra-controls="full"` is the whole bar, and
+`overflow-controls="full"` puts all of it behind one button.
 
 **`previous` and `next` do nothing to the video, and are offered anyway.**
 They announce `helix-previous` and `helix-next` and stop there, so what
@@ -16430,6 +17565,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>;
@@ -16438,6 +17576,10 @@ export type HelixVirtualListHelixRangeChangeElementEvent =
   HelixVirtualListElementEvent<HelixRangeChangeEvent>;
 
 export type HelixVirtualListVueProps = {
+  /** How many items a line holds. One, the default, is a list; more lays the
+items out as a grid of that many equal columns, windowed a line at a
+time, with Left and Right moving along a line. */
+  columns?: (HelixVirtualList["columns"]) | undefined;
   /** The height of one row, in pixels, used to find the row at a scroll offset.
 
 An estimate rather than a measurement while `measured` is off, which is
@@ -16446,21 +17588,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 +17659,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 +17670,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. */
@@ -16496,10 +17700,16 @@ export type CustomCssProperties = {
   "--announcement-background-color"?: (string) | undefined;
   /** The band's minimum height, so adding a control to it does not move the page down. A message long enough to wrap makes the band taller. */
   "--announcement-block-size"?: (string) | undefined;
+  /** The size of the message's text. */
+  "--announcement-font-size"?: (string) | undefined;
   /** The message's color, to pair with a fill set through the background hook. */
   "--announcement-foreground-color"?: (string) | undefined;
   /** The inline padding, matched to the page. */
   "--announcement-inset"?: (string) | undefined;
+  /** Where the message sits in the band. Centered by default; `start` lines it up with the page under it. */
+  "--announcement-text-align"?: (string) | undefined;
+  /** The color a toned band's tint and outline are mixed from, in place of the tone's. */
+  "--announcement-tone-color"?: (string) | undefined;
   /** The filter behind the banner. Set it to `none` when you pair the header with a panel. */
   "--app-header-backdrop"?: (string) | undefined;
   /** Fill behind the banner. */
@@ -16520,6 +17730,8 @@ export type CustomCssProperties = {
   "--area-chart-gap"?: (string) | undefined;
   /** Color of the rules drawn across the plot under `gridlines`. */
   "--area-chart-gridline-color"?: (string) | undefined;
+  /** How much of each band shows under `overlap`, where the bands in front let the ones behind show through. */
+  "--area-chart-overlap-opacity"?: (string) | undefined;
   /** Thickness of a band's top edge. Overrides `--chart-stroke`. */
   "--area-chart-width"?: (string) | undefined;
   /** Thickness of a band's top edge. Area Chart, Line Chart, and Bar Chart's `lines` all read this one property. `--area-chart-width` overrides it here. */
@@ -16532,22 +17744,38 @@ export type CustomCssProperties = {
   "--aura-haze"?: (string) | undefined;
   /** The hottest stop, at the center of a shape. Defaults to `--helix-color-primary-active` on a light page and `--helix-color-foreground` on a dark one. */
   "--aura-peak"?: (string) | undefined;
+  /** The fill of the count of avatars past `max`. */
+  "--avatar-group-overflow-background-color"?: (string) | undefined;
+  /** The color of the count of avatars past `max`. */
+  "--avatar-group-overflow-color"?: (string) | undefined;
+  /** The type size of the count of avatars past `max`. */
+  "--avatar-group-overflow-font-size"?: (string) | undefined;
   /** How far each avatar sits over the one before it. */
   "--avatar-group-overlap"?: (string) | undefined;
   /** Color of the ring that separates one avatar from the next. */
   "--avatar-group-ring-color"?: (string) | undefined;
   /** Fill behind the initials. */
   "--avatar-background-color"?: (string) | undefined;
+  /** The color of the initials. */
+  "--avatar-color"?: (string) | undefined;
+  /** The weight of the initials. */
+  "--avatar-font-weight"?: (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`. */
   "--badge-color"?: (string) | undefined;
+  /** The weight of the count. */
+  "--badge-font-weight"?: (string) | undefined;
   /** The space between the content and the count under `placement="inline"`. */
   "--badge-gap"?: (string) | undefined;
   /** Pulls the mark in from the corner, along both axes. */
   "--badge-offset"?: (string) | undefined;
+  /** How far the indicator's corners are rounded. */
+  "--badge-radius"?: (string) | undefined;
   /** The color of the ring between the indicator and what is behind it. */
   "--badge-ring-color"?: (string) | undefined;
   /** Fill of the category band under the pointer. */
@@ -16580,8 +17808,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. */
@@ -16604,6 +17836,10 @@ export type CustomCssProperties = {
   "--breadcrumbs-font-size"?: (string) | undefined;
   /** Space between items and separators. */
   "--breadcrumbs-gap"?: (string) | undefined;
+  /** Color of the line between the two halves of a split crumb, under `separation="outlined"`. */
+  "--breadcrumbs-split-divider-color"?: (string) | undefined;
+  /** Fill across both halves of a split crumb while one of them is under the pointer, under the default `plain` separation. */
+  "--breadcrumbs-split-fill"?: (string) | undefined;
   /** Space between the buttons, when `spaced`. */
   "--button-group-gap"?: (string) | undefined;
   /** Fill behind the button, in every state. */
@@ -16636,6 +17872,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 +17884,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;
@@ -16736,8 +17976,18 @@ export type CustomCssProperties = {
   "--chat-message-background-color-me"?: (string) | undefined;
   /** Text color in a turn. */
   "--chat-message-color"?: (string) | undefined;
+  /** Text color in turns by `me`. */
+  "--chat-message-color-me"?: (string) | undefined;
   /** Maximum width of a turn before its text wraps. */
   "--chat-message-measure"?: (string) | undefined;
+  /** Color of the line under a turn, with its time and state. */
+  "--chat-message-meta-color"?: (string) | undefined;
+  /** Space above and below a turn's content inside its bubble. */
+  "--chat-message-padding-block"?: (string) | undefined;
+  /** Space either side of a turn's content inside its bubble. */
+  "--chat-message-padding-inline"?: (string) | undefined;
+  /** Corner radius of a turn's bubble. */
+  "--chat-message-radius"?: (string) | undefined;
   /** Space between turns. */
   "--chat-gap"?: (string) | undefined;
   /** How tall the conversation may get before the transcript scrolls. */
@@ -16752,6 +18002,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 +18020,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 +18032,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 +18070,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`. */
@@ -16822,6 +18086,10 @@ export type CustomCssProperties = {
   "--color-picker-sample-size"?: (string) | undefined;
   /** The width and height of one preset. */
   "--color-picker-swatch-size"?: (string) | undefined;
+  /** The widest the hue ring draws, with `wheel`. The picker's width by default. */
+  "--color-picker-wheel-size"?: (string) | undefined;
+  /** The width of the hue ring's band, with `wheel`. */
+  "--color-picker-wheel-thickness"?: (string) | undefined;
   /** The chosen brightness, 0 to 100, as a percentage. */
   "--color-picker-brightness"?: (string) | undefined;
   /** The chosen hue, 0 to 360, unitless. */
@@ -16846,18 +18114,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. */
@@ -16866,20 +18154,44 @@ export type CustomCssProperties = {
   "--data-table-color"?: (string) | undefined;
   /** The grid track list for the columns. It overrides the list worked out from the columns. */
   "--data-table-columns"?: (string) | undefined;
+  /** The space between the grid and the footer below it. */
+  "--data-table-footer-gap"?: (string) | undefined;
+  /** The space between the pieces of the footer, such as a summary and the pagination. */
+  "--data-table-footer-item-gap"?: (string) | undefined;
   /** The fill behind a heading while `windowed`. It is opaque, because rows scroll under the sticky heading. Unset otherwise. */
   "--data-table-heading-background-color"?: (string) | undefined;
   /** The text color of a heading. */
   "--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 space above and below the words of the button in the `load-more` row. */
+  "--data-table-more-padding-block"?: (string) | undefined;
+  /** The space either side of the words of the button in the `load-more` row. */
+  "--data-table-more-padding-inline"?: (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. */
   "--data-table-padding-inline"?: (string) | undefined;
   /** The color of the line between rows. It takes a color only, because it fills the color in a border shorthand, and a full border value makes the rule invalid. It is drawn on the cells, because the row is `display: contents`. */
   "--data-table-rule-color"?: (string) | undefined;
+  /** The fill across a selected row. */
+  "--data-table-selected-background-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 space between the mark that opens a row of a tree grid and the row's name, also kept by a row with no children. */
+  "--data-table-toggle-gap"?: (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 space between the toolbar and the grid below it. */
+  "--data-table-toolbar-gap"?: (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. */
@@ -16906,6 +18218,8 @@ export type CustomCssProperties = {
   "--date-picker-columns"?: (string) | undefined;
   /** Width and height of a day. */
   "--date-picker-day-size"?: (string) | undefined;
+  /** The color of the message under the calendar, while `feedback` is set. */
+  "--date-picker-feedback-color"?: (string) | undefined;
   /** Height of a month or a year in the months and years views, where `max-view` is set. */
   "--date-picker-period-size"?: (string) | undefined;
   /** Band behind the days in a range. */
@@ -16918,18 +18232,38 @@ export type CustomCssProperties = {
   "--date-picker-track-size"?: (string) | undefined;
   /** How many month columns are drawn, capped at two. `--date-picker-columns` overrides it. */
   "--date-picker-column-count"?: (string) | undefined;
+  /** The space between the value and the controls in `actions`. */
+  "--description-list-actions-gap"?: (string) | undefined;
+  /** The space between a label and its value when the label sits over it. */
+  "--description-list-item-gap"?: (string) | undefined;
+  /** The color of a label. */
+  "--description-list-label-color"?: (string) | undefined;
+  /** The size of a label's text. */
+  "--description-list-label-font-size"?: (string) | undefined;
+  /** The weight of a label's text. */
+  "--description-list-label-weight"?: (string) | undefined;
+  /** The color of a value. */
+  "--description-list-value-color"?: (string) | undefined;
+  /** The space between the column of labels and the column of values, with `direction="row"`. */
+  "--description-list-column-gap"?: (string) | undefined;
   /** Space between one pair and the next. The default is smaller with `direction="row"` than when stacked. Setting this property replaces both defaults. */
   "--description-list-gap"?: (string) | undefined;
+  /** The panel's fill. Follows `--helix-color-surface-overlay`. */
+  "--dialog-background-color"?: (string) | undefined;
   /** Color of the panel's edge. */
   "--dialog-border-color"?: (string) | undefined;
   /** Width of the panel's edge. Follows `--helix-border-floating`, which is `0`, so the panel stands out by its shadow unless your theme sets a border. */
   "--dialog-border-width"?: (string) | undefined;
+  /** Color of the words in the panel. Follows `--helix-color-foreground`. */
+  "--dialog-color"?: (string) | undefined;
   /** How big the mark above the title is. */
   "--dialog-icon-size"?: (string) | undefined;
   /** Width of the panel. */
   "--dialog-inline-size"?: (string) | undefined;
   /** Padding inside the panel. */
   "--dialog-padding"?: (string) | undefined;
+  /** The panel's corner radius. Follows `--helix-radii-sm`. */
+  "--dialog-radius"?: (string) | undefined;
   /** How far the panel rises as it opens. Follows `--helix-space-lg`. */
   "--dialog-rise"?: (string) | undefined;
   /** The tint over the page behind the dialog. Set it on the host, because a `var()` written inside `::backdrop` cannot read a token. */
@@ -16958,6 +18292,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 +18326,46 @@ 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;
+  /** Color of the line under a row's label. */
+  "--drilldown-item-description-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 +18388,38 @@ 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;
+  /** The filled part of a file's upload bar. */
+  "--file-input-progress-color"?: (string) | undefined;
+  /** The unfilled part of a file's upload bar. */
+  "--file-input-progress-track-color"?: (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 words beside a file's upload bar. */
+  "--file-input-status-color"?: (string) | undefined;
+  /** The words beside a file whose upload failed. */
+  "--file-input-status-color-error"?: (string) | undefined;
   /** The fill behind the chip. */
   "--filter-input-chip-background-color"?: (string) | undefined;
   /** The color of the chip's border. */
@@ -17032,12 +18436,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 +18460,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`. */
@@ -17070,6 +18502,10 @@ export type CustomCssProperties = {
   "--heatmap-cell-size"?: (string) | undefined;
   /** Space between cells. Zero draws one continuous field. */
   "--heatmap-gap"?: (string) | undefined;
+  /** The color of the ring on a selected cell, under `selection-mode`. */
+  "--heatmap-selected-color"?: (string) | undefined;
+  /** How thick the ring on a selected cell is. */
+  "--heatmap-selected-width"?: (string) | undefined;
   /** The weakest step of the magnitude ramp, used by `tones="1 …"`. */
   "--heatmap-tone-1"?: (string) | undefined;
   /** The second step of the magnitude ramp. */
@@ -17102,6 +18538,12 @@ export type CustomCssProperties = {
   "--icon-size"?: (string) | undefined;
   /** The aspect ratio of the box, such as `16 / 9`. */
   "--image-aspect"?: (string) | undefined;
+  /** How long the picture takes to fade in once it loads. `0s` shows it at once. */
+  "--image-fade-duration"?: (string) | undefined;
+  /** The background behind the fallback. Defaults to the placeholder's. */
+  "--image-fallback-background-color"?: (string) | undefined;
+  /** The color of the fallback's text. */
+  "--image-fallback-color"?: (string) | undefined;
   /** How the image fills the box, as an `object-fit` value. */
   "--image-fit"?: (string) | undefined;
   /** The background behind the placeholder and the fallback. */
@@ -17122,12 +18564,34 @@ export type CustomCssProperties = {
   "--input-size"?: (string) | undefined;
   /** The fill of the key. */
   "--kbd-background-color"?: (string) | undefined;
+  /** The height of a key, and the least width of one, in `em` of the text around it. */
+  "--kbd-block-size"?: (string) | undefined;
   /** The color of the key's border and its bottom edge. */
   "--kbd-border-color"?: (string) | undefined;
+  /** The color of the key's label. */
+  "--kbd-color"?: (string) | undefined;
+  /** The face of the key's label. Monospaced by default. */
+  "--kbd-font-family"?: (string) | undefined;
+  /** The size of the key's label, in `em` of the text around it. */
+  "--kbd-font-size"?: (string) | undefined;
+  /** The weight of the key's label. */
+  "--kbd-font-weight"?: (string) | undefined;
+  /** The space between two keys of a chord under `caps`. */
+  "--kbd-gap"?: (string) | undefined;
+  /** The space either side of the key's label. */
+  "--kbd-padding-inline"?: (string) | undefined;
+  /** How far the key's corners are rounded. */
+  "--kbd-radius"?: (string) | undefined;
+  /** The color of the `+` between two keys of a chord under `caps`. */
+  "--kbd-separator-color"?: (string) | undefined;
+  /** The color of the series names. */
+  "--legend-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. */
   "--legend-entry-gap"?: (string) | undefined;
+  /** The type size of the series names. */
+  "--legend-font-size"?: (string) | undefined;
   /** The space between entries. */
   "--legend-gap"?: (string) | undefined;
   /** How strongly a hidden series' entry is drawn, under `toggles`. */
@@ -17152,6 +18616,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. */
@@ -17162,10 +18632,16 @@ export type CustomCssProperties = {
   "--line-chart-band-color"?: (string) | undefined;
   /** Height of the drawing. */
   "--line-chart-block-size"?: (string) | undefined;
+  /** The dash pattern of a series `dashed` names, as `stroke-dasharray` takes it. */
+  "--line-chart-dash"?: (string) | undefined;
   /** Space between the drawing and its labels. */
   "--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 +18678,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 +18752,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. */
@@ -17298,6 +18812,10 @@ export type CustomCssProperties = {
   "--menu-min-inline-size"?: (string) | undefined;
   /** Shadow under the panel. Defaults to `--helix-shadow-floating`, so the panel keeps a shadow over any content below it. */
   "--menu-shadow"?: (string) | undefined;
+  /** The trigger's width, written on the panel while it is open, as in `min-inline-size: var(--floating-anchor-inline-size)`. Read it; a value set here is written over. */
+  "--floating-anchor-inline-size"?: (string) | undefined;
+  /** The room between the panel and the edge of the screen it opens toward, written on the panel while it is open. Read it; a value set here is written over. */
+  "--floating-available-block-size"?: (string) | undefined;
   /** Color of the heading. */
   "--menu-section-heading-color"?: (string) | undefined;
   /** The fill color. Overrides the band's tone. */
@@ -17318,6 +18836,14 @@ 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;
+  /** The color of the reading shown under `show-value`. */
+  "--meter-value-color"?: (string) | undefined;
+  /** The space between the bar and the reading under `show-value`. */
+  "--meter-value-gap"?: (string) | undefined;
+  /** The type size of the reading shown under `show-value`. */
+  "--meter-value-size"?: (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 +18866,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 +18918,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. */
@@ -17404,16 +18960,46 @@ export type CustomCssProperties = {
   "--option-padding"?: (string) | undefined;
   /** The corner radius of the row. A listbox and a select remove it. */
   "--option-radius"?: (string) | undefined;
+  /** The rule's color. */
+  "--option-separator-color"?: (string) | undefined;
+  /** The space above and below the rule. */
+  "--option-separator-space"?: (string) | undefined;
+  /** The rule's thickness. */
+  "--option-separator-thickness"?: (string) | undefined;
   /** The color of the nearest dots. Defaults to `currentColor`. */
   "--orb-color"?: (string) | undefined;
   /** The color the farthest dots fade toward. Defaults to the page's background. */
   "--orb-ground"?: (string) | undefined;
   /** The diameter. Overrides `size`. */
   "--orb-size"?: (string) | undefined;
+  /** The color of the heading in the `heading` slot. */
+  "--outline-heading-color"?: (string) | undefined;
   /** How far each level is inset from the one above. */
   "--outline-indent"?: (string) | undefined;
+  /** The color of the mark that moves to the section in view. */
+  "--outline-indicator-color"?: (string) | undefined;
+  /** The color of a link. */
+  "--outline-link-color"?: (string) | undefined;
+  /** The color of the link to the section in view. */
+  "--outline-link-current-color"?: (string) | undefined;
+  /** The weight of the link to the section in view. */
+  "--outline-link-current-weight"?: (string) | undefined;
+  /** The size of a link's text. */
+  "--outline-link-font-size"?: (string) | undefined;
+  /** The fill behind a link under the pointer. */
+  "--outline-link-hover-background-color"?: (string) | undefined;
+  /** The color of a link under the pointer. */
+  "--outline-link-hover-color"?: (string) | undefined;
+  /** The space above and below a link's text. */
+  "--outline-link-padding-block"?: (string) | undefined;
+  /** The space either side of a link's text, before any indent. */
+  "--outline-link-padding-inline"?: (string) | undefined;
+  /** The corner radius of a link's hover fill. */
+  "--outline-link-radius"?: (string) | undefined;
   /** The width of the gutter that holds the line and the moving mark. */
   "--outline-rail"?: (string) | undefined;
+  /** The color of the line down the leading edge. */
+  "--outline-rule-color"?: (string) | undefined;
   /** Fill behind the page you are on. */
   "--pagination-current-color"?: (string) | undefined;
   /** Space between one control and the next. */
@@ -17422,16 +19008,28 @@ export type CustomCssProperties = {
   "--pagination-hover-color"?: (string) | undefined;
   /** The box every control in the row takes. */
   "--pagination-size"?: (string) | undefined;
+  /** The color of the caret drawn in an empty box. Without it, the character color applies. */
+  "--pin-input-caret-color"?: (string) | undefined;
   /** Fill behind each box. */
   "--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 the caret is in. */
+  "--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 `placeholder` text in an empty box. */
+  "--pin-input-placeholder-color"?: (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. */
@@ -17454,6 +19052,8 @@ export type CustomCssProperties = {
   "--progress-label-gap"?: (string) | undefined;
   /** Type size of a slotted label. */
   "--progress-label-size"?: (string) | undefined;
+  /** How far the ends of the bar are rounded. */
+  "--progress-radius"?: (string) | undefined;
   /** Diameter of the ring. */
   "--progress-ring-size"?: (string) | undefined;
   /** Thickness of the ring's stroke. */
@@ -17462,6 +19062,14 @@ 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 color of the value shown under `show-value`. */
+  "--progress-value-color"?: (string) | undefined;
+  /** The space between the bar and the value under `show-value`. */
+  "--progress-value-gap"?: (string) | undefined;
+  /** The type size of the value shown under `show-value`. */
+  "--progress-value-size"?: (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 +19086,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 +19106,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 +19138,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 `tokenize`. Defaults to `--helix-color-syntax-callable`. */
+  "--sandbox-source-callable-color"?: (string) | undefined;
+  /** Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`. */
+  "--sandbox-source-comment-color"?: (string) | undefined;
+  /** Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`. */
+  "--sandbox-source-constant-color"?: (string) | undefined;
+  /** Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`. */
+  "--sandbox-source-invalid-color"?: (string) | undefined;
+  /** Color of a `keyword` run, under `tokenize`. 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 `tokenize`. Defaults to `--helix-color-syntax-name`. */
+  "--sandbox-source-name-color"?: (string) | undefined;
+  /** Color of a `string` run, under `tokenize`. Defaults to `--helix-color-syntax-string`. */
+  "--sandbox-source-string-color"?: (string) | undefined;
+  /** Color of a `tag` run, under `tokenize`. 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. */
@@ -17536,6 +19166,8 @@ export type CustomCssProperties = {
   "--sandbox-toolbar-size"?: (string) | undefined;
   /** Height of the drawing. */
   "--scatter-chart-block-size"?: (string) | undefined;
+  /** Diameter of the largest point under `size-by`. The smallest is `--scatter-chart-point-size`. */
+  "--scatter-chart-bubble-size"?: (string) | undefined;
   /** Space between the drawing and its axes. */
   "--scatter-chart-gap"?: (string) | undefined;
   /** Color of the gridlines across the plot, drawn when `gridlines` is set. */
@@ -17546,6 +19178,12 @@ 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;
+  /** How large a point is drawn under `size-by`, from 0 to 1, by area. The component writes it, and the stylesheet that sizes the point reads it. */
+  "--chart-point-weight"?: (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. */
@@ -17638,19 +19276,25 @@ export type CustomCssProperties = {
   "--slider-thumb-ring-color"?: (string) | undefined;
   /** The thumb's size across the track. It equals the length by default, which makes the thumb round. */
   "--slider-thumb-size"?: (string) | undefined;
+  /** The fill of the bubble each thumb shows its value in, under `tooltip`. */
+  "--slider-tooltip-background-color"?: (string) | undefined;
+  /** The color of the value in a thumb's bubble, under `tooltip`. */
+  "--slider-tooltip-color"?: (string) | undefined;
   /** The color of the unfilled part of the track. */
   "--slider-track-color"?: (string) | undefined;
   /** An image for the whole track, such as a gradient for a slider whose value is a color. */
   "--slider-track-image"?: (string) | undefined;
   /** The thickness of the track. It matches the progress bar's size by default. */
   "--slider-track-size"?: (string) | undefined;
+  /** Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part. */
+  "--slider-at"?: (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 +19308,50 @@ 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;
+  /** Fill of the band `range` draws. Without it, the line's color. */
+  "--sparkline-range-color"?: (string) | undefined;
+  /** Opacity of the band `range` draws. */
+  "--sparkline-range-opacity"?: (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 +19404,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. */
@@ -17752,12 +19434,18 @@ export type CustomCssProperties = {
   "--table-title-text"?: (string) | undefined;
   /** The column track list the table works out from its columns. The component writes it inline on the element that reads it, so setting it has no effect. Set `columns` to change the tracks. */
   "--table-template"?: (string) | undefined;
+  /** The wash across the cells of a row with `href` under the pointer. */
+  "--table-row-hover-background-color"?: (string) | undefined;
   /** The space between the tab row and the panel's content. */
   "--tabs-panel-padding-block-start"?: (string) | undefined;
   /** The space between tabs. */
   "--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 +19454,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. */
@@ -17778,8 +19480,12 @@ export type CustomCssProperties = {
   "--tag-border-color"?: (string) | undefined;
   /** How strongly a `disabled` tag is drawn. */
   "--tag-disabled-opacity"?: (string) | undefined;
+  /** The weight of the label. */
+  "--tag-font-weight"?: (string) | undefined;
   /** The label color. */
   "--tag-foreground-color"?: (string) | undefined;
+  /** The space between the category, the label and the remove button. */
+  "--tag-gap"?: (string) | undefined;
   /** The corner radius of the tag. */
   "--tag-radius"?: (string) | undefined;
   /** The typeface. Overrides the ramp's. */
@@ -17818,6 +19524,8 @@ export type CustomCssProperties = {
   "--time-input-segment-placeholder-color"?: (string) | undefined;
   /** Shadow under the panel. Defaults to `--helix-shadow-floating`, because the panel can sit over any content. */
   "--time-input-shadow"?: (string) | undefined;
+  /** The color of the message under the times, while `feedback` is set. */
+  "--time-picker-feedback-color"?: (string) | undefined;
   /** How tall the list is before it scrolls. */
   "--time-picker-list-block-size"?: (string) | undefined;
   /** Fill behind the times inside a range. */
@@ -17856,28 +19564,72 @@ 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;
+  /** How the controls line up across the toolbar's axis. Centered unless set; `stretch` makes a vertical toolbar's controls as wide as it is. */
+  "--toolbar-align"?: (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. */
   "--toolbar-padding"?: (string) | undefined;
   /** The corner radius of the toolbar's fill. */
   "--toolbar-radius"?: (string) | undefined;
+  /** Extra space either side of a `Divider` between controls, along the toolbar's axis. None unless set. */
+  "--toolbar-separator-gap"?: (string) | undefined;
   /** The size of the arrow on the bubble's edge. */
   "--tooltip-arrow-size"?: (string) | undefined;
   /** The blur behind a `frosted` or `glass` bubble. */
   "--tooltip-backdrop"?: (string) | undefined;
   /** The fill of the bubble. */
   "--tooltip-background-color"?: (string) | undefined;
+  /** The edge of a `frosted` or `glass` bubble, the only kind that draws one. */
+  "--tooltip-border-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 space between two things slotted into the bubble, such as a glyph and its words. */
+  "--tooltip-gap"?: (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 +19656,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 +19688,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;
@@ -17928,6 +19698,30 @@ export type CustomCssProperties = {
   "--trend-worse-color"?: (string) | undefined;
   /** The fill behind a row. */
   "--video-playlist-item-background-color"?: (string) | undefined;
+  /** The color of an entry's name. */
+  "--video-playlist-item-color"?: (string) | undefined;
+  /** The fill behind the entry that is playing. */
+  "--video-playlist-item-current-background-color"?: (string) | undefined;
+  /** The color of the bar beside the entry that is playing. */
+  "--video-playlist-item-current-mark-color"?: (string) | undefined;
+  /** The space between the thumbnail and the name. */
+  "--video-playlist-item-gap"?: (string) | undefined;
+  /** The fill behind a row under the pointer. */
+  "--video-playlist-item-hover-background-color"?: (string) | undefined;
+  /** The color of the content in the `meta` slot. */
+  "--video-playlist-item-meta-color"?: (string) | undefined;
+  /** The space above and below a row's content. */
+  "--video-playlist-item-padding-block"?: (string) | undefined;
+  /** The space after a row's content. */
+  "--video-playlist-item-padding-inline-end"?: (string) | undefined;
+  /** The space before a row's content, where the bar beside the playing entry sits. */
+  "--video-playlist-item-padding-inline-start"?: (string) | undefined;
+  /** The corner radius of a row. */
+  "--video-playlist-item-radius"?: (string) | undefined;
+  /** The shape of the thumbnail column. */
+  "--video-playlist-media-aspect-ratio"?: (string) | undefined;
+  /** The corner radius of the thumbnail. */
+  "--video-playlist-media-radius"?: (string) | undefined;
   /** The width of the thumbnail column. */
   "--video-playlist-media-size"?: (string) | undefined;
   /** The color of the trigger. Defaults to the control bar's color. */
@@ -17936,6 +19730,10 @@ export type CustomCssProperties = {
   "--video-playlist-menu-poster"?: (string) | undefined;
   /** The size of the trigger's icon. */
   "--video-playlist-menu-size"?: (string) | undefined;
+  /** The space between the player and the list. */
+  "--video-playlist-gap"?: (string) | undefined;
+  /** The space between the entries. */
+  "--video-playlist-items-gap"?: (string) | undefined;
   /** The grid columns for the player and the list. */
   "--video-playlist-layout"?: (string) | undefined;
   /** The height the list reaches before it scrolls. */
@@ -17962,6 +19760,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 +19802,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 +19862,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 on one callout itself, as '<helix-callout data-density="sm">'. That is how one callout is sized, and there is no 'size' beside it. '--callout-padding' and '--callout-font-size' set either to a value of your own. */
   "helix-callout": DefineCustomElement<
     HelixCallout,
     HelixCalloutVueProps,
@@ -18274,7 +20078,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 a common pattern, 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 +20096,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,
@@ -18448,7 +20252,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixMapTerrainVueProps,
     HelixMapTerrainVueEvents
   >;
-  /** Styles the trigger and lays out the panel it opens as a grid of columns. What opens and closes the panel comes from the base class. */
+  /** Styles the trigger and lays out the panel it opens as a grid of columns. What opens and closes the panel comes from the base class.  **The panel's contents are laid out by 'helix.css'**, through attributes you write on your own markup: 'data-megamenu-group' on each column, 'data-megamenu-heading' on a column's heading, and 'data-megamenu-item' on a link that carries a title in '<strong>' and a line of description in '<span>' or '<p>', with an icon before them. A plain '<a>' in a group is drawn as a navigation item. Without the attributes the panel holds your markup as you styled it. */
   "helix-megamenu": DefineCustomElement<
     HelixMegamenu,
     HelixMegamenuVueProps,
@@ -18526,13 +20330,19 @@ 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 hairline across the panel in the list's border color, with a little air either side. */
+  "helix-option-separator": DefineCustomElement<
+    HelixOptionSeparator,
+    HelixOptionSeparatorVueProps,
+    HelixOptionSeparatorVueEvents
+  >;
+  /** 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,
     HelixOrbVueEvents
   >;
-  /** A rule runs down the leading edge, and the current section is highlighted along it.  Set nesting with 'data-level' on each link, using the heading levels: '2' through '6' each add one step of '--outline-indent', and a link without 'data-level' is at the top level. The outline does not read heading levels from the document, because the headings are not always in the document.  Links in a nested '<ul>' take their indentation from your own stylesheet: the outline's styles reach the elements slotted into it and nothing inside them. Write the links flat with 'data-level' for the indentation drawn here, and screen readers still hear them as nested lists.  A heading slotted into 'heading' is set above the links, lined up with them. */
+  /** A rule runs down the leading edge, and the current section is highlighted along it.  Set nesting with 'data-level' on each link, using the heading levels: '2' through '6' each add one step of '--outline-indent', and a link without 'data-level' is at the top level. The outline does not read heading levels from the document, because the headings are not always in the document.  Links in a nested '<ul>' are styled by 'helix.css', since the outline's own styles reach the elements slotted into it and nothing inside them: the lists lose their bullets, each inner list is inset by '--outline-indent', and the links read the same hooks as flat ones. Those rules have no specificity, so any rule of yours wins. Screen readers hear the levels either way.  A heading slotted into 'heading' is set above the links, lined up with them. */
   "helix-outline": DefineCustomElement<
     HelixOutline,
     HelixOutlineVueProps,
@@ -18556,7 +20366,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixPaginationSummaryVueProps,
     HelixPaginationSummaryVueEvents
   >;
-  /** Square boxes at the control height, with space between them so the code reads as separate characters.  The focus ring is on the current box, so you can see which character comes next.  Figures are tabular, so every digit takes the same width and the row does not shift as you type. */
+  /** Square boxes at the control height, with space between them so the code reads as separate characters.  The focus ring is on the box the caret is in, so you can see which character comes next, and the caret is drawn there while it is empty.  Figures are tabular, so every digit takes the same width and the row does not shift as you type. */
   "helix-pin-input": DefineCustomElement<
     HelixPinInput,
     HelixPinInputVueProps,
@@ -18604,7 +20414,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixRatingVueProps,
     HelixRatingVueEvents
   >;
-  /** A sandboxed '<iframe>' that loads 'src', a document you provide. That document imports what the examples need, listens for a render message, and writes the markup into itself.  **Examples render in a frame**, so an example's styles and scripts do not affect the page around the sandbox, and 'position: fixed' stays inside the pane. The frame starts empty, with its own stylesheets and its own custom element registry, so 'src' must load the styles and components the examples use.  **The source is untrusted, and the frame keeps it isolated.** The frame uses 'sandbox="allow-scripts"' and never 'allow-same-origin'. Together, the two let a document on the same origin remove its own sandbox, which is the same as having none. */
+  /** A sandboxed '<iframe>' that loads 'src', a document you provide. That document imports what the examples need, listens for a render message, and writes the markup into itself.  **Examples render in a frame**, so an example's styles and scripts do not affect the page around the sandbox, and 'position: fixed' stays inside the pane. The frame starts empty, with its own stylesheets and its own custom element registry, so 'src' must load the styles and components the examples use.  **The source is untrusted, and the frame keeps it isolated.** The frame uses 'sandbox="allow-scripts"' and never 'allow-same-origin'. Together, the two let a document on the same origin remove its own sandbox, which is the same as having none.  **A preview says where it is.** It is ':state(loading)' from the moment it has a 'src' until that document can take the example, and again through 'reload()'. It is ':state(failed)' once the example throws an error it does not catch, until the next source is sent, which a frame on 'servePreview' reports. A page draws its own spinner or message from either, such as a sibling shown by 'helix-sandbox-preview:state(failed) + .message'. */
   "helix-sandbox-preview": DefineCustomElement<
     HelixSandboxPreview,
     HelixSandboxPreviewVueProps,
@@ -18616,7 +20426,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.  **'tokenize' 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'. A 'tokenize' that throws leaves the source drawn plain and the field editable, and the error is reported to the page as an uncaught one. */
   "helix-sandbox-source": DefineCustomElement<
     HelixSandboxSource,
     HelixSandboxSourceVueProps,
@@ -18664,7 +20474,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 +20498,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 +20695,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 +20725,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,