@fusion.dev/helix-headless 0.159.0 → 0.161.0

package/types/jsx.d.ts

@@ -3405,6 +3405,10 @@ what the controls drive rather than the mechanism. */
   /** The name of the group of controls, read by screen readers, which names
 what the controls drive rather than the mechanism. */
   controlsLabel?: (HelixHeadlessCanvas["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "copied-label"?: (HelixHeadlessCanvas["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  copiedLabel?: (HelixHeadlessCanvas["copiedLabel"]) | undefined;
   /** The board's name where `label` is empty. */
   "fallback-label"?: (HelixHeadlessCanvas["fallbackLabel"]) | undefined;
   /** The board's name where `label` is empty. */
@@ -3492,6 +3496,10 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   reconnectingLabel?: (HelixHeadlessCanvas["reconnectingLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "redone-label"?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  redoneLabel?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -3594,6 +3602,10 @@ told the same. A tone left out is not read. */
   "two-finger-hint-label"?: (HelixHeadlessCanvas["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the board with `gestures="cooperative"`. */
   twoFingerHintLabel?: (HelixHeadlessCanvas["twoFingerHintLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "undone-label"?: (HelixHeadlessCanvas["undoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  undoneLabel?: (HelixHeadlessCanvas["undoneLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
   "using-label"?: (HelixHeadlessCanvas["usingLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
@@ -3841,6 +3853,10 @@ what the controls drive rather than the mechanism. */
   /** The name of the group of controls, read by screen readers, which names
 what the controls drive rather than the mechanism. */
   "prop:controlsLabel"?: (HelixHeadlessCanvas["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "attr:copied-label"?: (HelixHeadlessCanvas["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "prop:copiedLabel"?: (HelixHeadlessCanvas["copiedLabel"]) | undefined;
   /** The board's name where `label` is empty. */
   "attr:fallback-label"?: (HelixHeadlessCanvas["fallbackLabel"]) | undefined;
   /** The board's name where `label` is empty. */
@@ -3928,6 +3944,10 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   "prop:reconnectingLabel"?: (HelixHeadlessCanvas["reconnectingLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "attr:redone-label"?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "prop:redoneLabel"?: (HelixHeadlessCanvas["redoneLabel"]) | undefined;
   /** What screen readers hear after a key resizes a card, with `{name}` for the
 card and `{width}` and `{height}` for its new size, in the document's
 units. */
@@ -4030,6 +4050,10 @@ told the same. A tone left out is not read. */
   "attr:two-finger-hint-label"?: (HelixHeadlessCanvas["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the board with `gestures="cooperative"`. */
   "prop:twoFingerHintLabel"?: (HelixHeadlessCanvas["twoFingerHintLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "attr:undone-label"?: (HelixHeadlessCanvas["undoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "prop:undoneLabel"?: (HelixHeadlessCanvas["undoneLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
   "attr:using-label"?: (HelixHeadlessCanvas["usingLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
@@ -5281,6 +5305,10 @@ is the way back, and that is a part inside the shadow tree where a
 stylesheet can already reach it. Measured rather than assumed: `label,
 pinned` after upgrade against `label` from the server. */
   pinned?: (HelixHeadlessChat["pinned"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "resume-label"?: (HelixHeadlessChat["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  resumeLabel?: (HelixHeadlessChat["resumeLabel"]) | undefined;
   /** How near the bottom still counts as being at it, in pixels.
 
 A hook rather than a constant, because the right number depends on how tall
@@ -5443,6 +5471,10 @@ is the way back, and that is a part inside the shadow tree where a
 stylesheet can already reach it. Measured rather than assumed: `label,
 pinned` after upgrade against `label` from the server. */
   "prop:pinned"?: (HelixHeadlessChat["pinned"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "attr:resume-label"?: (HelixHeadlessChat["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "prop:resumeLabel"?: (HelixHeadlessChat["resumeLabel"]) | undefined;
   /** How near the bottom still counts as being at it, in pixels.
 
 A hook rather than a constant, because the right number depends on how tall
@@ -6014,6 +6046,18 @@ Here rather than on each control. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixHeadlessCodeBlock` component event */
+export type HelixHeadlessCodeBlockElementEvent<E = Event> = TypedEvent<
+  HelixHeadlessCodeBlock,
+  E
+>;
+/** `helix-before-toggle` event type */
+export type HelixHeadlessCodeBlockHelixBeforeToggleElementEvent =
+  HelixHeadlessCodeBlockElementEvent<HelixBeforeToggleEvent>;
+/** `helix-toggle` event type */
+export type HelixHeadlessCodeBlockHelixToggleElementEvent =
+  HelixHeadlessCodeBlockElementEvent<HelixToggleEvent>;
+
 export type HelixHeadlessCodeBlockProps = {
   /** The name of a block that scrolls, which is a tab stop while it does.
 
@@ -6100,6 +6144,14 @@ copy, which takes the code alone. Reflected, because the stylesheet lays
 the gutter out beside the code. A diff numbers its lines from its hunks
 whether or not this is set. */
   lineNumbers?: (HelixHeadlessCodeBlock["lineNumbers"]) | undefined;
+  /** The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+Each run is drawn as a band behind its lines. Not for a diff, which marks
+its own changes. */
+  "mark-lines"?: (HelixHeadlessCodeBlock["markLines"]) | undefined;
+  /** The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+Each run is drawn as a band behind its lines. Not for a diff, which marks
+its own changes. */
+  markLines?: (HelixHeadlessCodeBlock["markLines"]) | undefined;
   /** Whether to leave the copy button off.
 
 Negative, which is not a style choice. A boolean attribute is true whenever
@@ -6146,6 +6198,22 @@ Absent is unified, each removal above its replacement, which fits any
 width. `split` sets the old version beside the new one. Optional rather
 than defaulted, so the host carries no attribute the consumer did not write. */
   variant?: (HelixHeadlessCodeBlock["variant"]) | undefined;
+  /** Whether long lines wrap. Without it they scroll.
+
+Off by default, so long lines scroll, because a line break can be
+significant in code and a wrapped line reads as two. For prose-like code,
+such as a long command or a log line, a wrap reads better than a scroll.
+With `line-numbers`, each number stands beside the line it numbers
+however many rows that line takes. Reflected, because the stylesheet
+wraps the lines. */
+  wrap?: (HelixHeadlessCodeBlock["wrap"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "wrap-label"?: (HelixHeadlessCodeBlock["wrapLabel"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  wrapLabel?: (HelixHeadlessCodeBlock["wrapLabel"]) | undefined;
+  /** Whether the header has a button that wraps the lines and unwraps them. The
+block draws a header for it even with no name. */
+  wrappable?: (HelixHeadlessCodeBlock["wrappable"]) | undefined;
   /** Turns the code into highlighted markup, which the block draws in place of
 the plain text.
 
@@ -6168,6 +6236,13 @@ 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?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
+
+  /** The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are. */
+  "onhelix-before-toggle"?: ((
+    e: HelixHeadlessCodeBlockHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
+  "onhelix-toggle"?: ((e: HelixHeadlessCodeBlockHelixToggleElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessCodeBlockSolidJsProps = {
@@ -6256,6 +6331,14 @@ copy, which takes the code alone. Reflected, because the stylesheet lays
 the gutter out beside the code. A diff numbers its lines from its hunks
 whether or not this is set. */
   "prop:lineNumbers"?: (HelixHeadlessCodeBlock["lineNumbers"]) | undefined;
+  /** The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+Each run is drawn as a band behind its lines. Not for a diff, which marks
+its own changes. */
+  "attr:mark-lines"?: (HelixHeadlessCodeBlock["markLines"]) | undefined;
+  /** The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+Each run is drawn as a band behind its lines. Not for a diff, which marks
+its own changes. */
+  "prop:markLines"?: (HelixHeadlessCodeBlock["markLines"]) | undefined;
   /** Whether to leave the copy button off.
 
 Negative, which is not a style choice. A boolean attribute is true whenever
@@ -6302,6 +6385,22 @@ Absent is unified, each removal above its replacement, which fits any
 width. `split` sets the old version beside the new one. Optional rather
 than defaulted, so the host carries no attribute the consumer did not write. */
   "prop:variant"?: (HelixHeadlessCodeBlock["variant"]) | undefined;
+  /** Whether long lines wrap. Without it they scroll.
+
+Off by default, so long lines scroll, because a line break can be
+significant in code and a wrapped line reads as two. For prose-like code,
+such as a long command or a log line, a wrap reads better than a scroll.
+With `line-numbers`, each number stands beside the line it numbers
+however many rows that line takes. Reflected, because the stylesheet
+wraps the lines. */
+  "prop:wrap"?: (HelixHeadlessCodeBlock["wrap"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "attr:wrap-label"?: (HelixHeadlessCodeBlock["wrapLabel"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "prop:wrapLabel"?: (HelixHeadlessCodeBlock["wrapLabel"]) | undefined;
+  /** Whether the header has a button that wraps the lines and unwraps them. The
+block draws a header for it even with no name. */
+  "prop:wrappable"?: (HelixHeadlessCodeBlock["wrappable"]) | undefined;
   /** Turns the code into highlighted markup, which the block draws in place of
 the plain text.
 
@@ -6324,6 +6423,14 @@ in the slot, so the copy button copies it as written and a reader without
 the script still has it. Not called on a server, which has no code to
 read, nor for a diff. */
   "prop:highlight"?: (HelixHeadlessCodeBlock["highlight"]) | undefined;
+  /** The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are. */
+  "on:helix-before-toggle"?: ((
+    e: HelixHeadlessCodeBlockHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
+  "on:helix-toggle"?: ((
+    e: HelixHeadlessCodeBlockHelixToggleElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -9877,37 +9984,56 @@ export type HelixHeadlessDateInputHelixBeforeCloseElementEvent =
 /** `helix-before-open` event type */
 export type HelixHeadlessDateInputHelixBeforeOpenElementEvent =
   HelixHeadlessDateInputElementEvent<HelixBeforeOpenEvent>;
+/** `helix-clear` event type */
+export type HelixHeadlessDateInputHelixClearElementEvent =
+  HelixHeadlessDateInputElementEvent<HelixClearEvent>;
 /** `toggle` event type */
 export type HelixHeadlessDateInputToggleElementEvent =
   HelixHeadlessDateInputElementEvent<ToggleEvent>;
 
 export type HelixHeadlessDateInputProps = {
-  /** What the browser may autofill here, as one of the platform's own tokens.
+  /** What the browser may autofill here, as one of the platform's own tokens,
+such as `bday`.
 
 Empty leaves the attribute off, which is the browser's default and is what
 lets autofill work at all: hardcoding `off` here means a birthday or a
-postal code can never be filled in for a reader. */
+postal code can never be filled in for a reader. With `segmented`, a
+hidden native date input carries it, since no browser fills the segments. */
   autocomplete?: (HelixHeadlessDateInput["autocomplete"]) | undefined;
-  /** The calendar the written date and the calendar's days are in: `gregory`,
-`buddhist`, `japanese`, `roc`, or `iso8601`.
-
-Absent is the locale's own where it is one of the five, and `gregory` for
-every other, as Date Picker's `calendar` is. The value is `YYYY-MM-DD` in
-every calendar, and a focused field is ISO in every calendar. In
-`segmented`, the segments are the Gregorian day, month, and year, in the
-order the locale writes them, or ISO order for `iso8601`. */
+  /** The calendar the written date, the segments, and the calendar's days are
+in: `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, or a calendar
+with months of its own that Date Picker's `calendar` names, such as
+`persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`.
+
+Absent is the locale's own where its months are the Gregorian months, and
+`gregory` for every other, as Date Picker's `calendar` is. The value is
+`YYYY-MM-DD` in every calendar, and a focused text field is ISO in every
+calendar. In `segmented`, the segments are the day, month, and year as
+the calendar counts them, in the order the locale writes them: Mehr 14,
+1405 is month 7 and day 14 of 1405 under `persian`. Under the five with
+Gregorian months they are the Gregorian day, month, and year, or ISO order
+for `iso8601`. */
   calendar?: (HelixHeadlessDateInput["calendar"]) | undefined;
   /** The name of the calendar's grid of days, read by screen readers. */
   "calendar-label"?: (HelixHeadlessDateInput["calendarLabel"]) | undefined;
   /** The name of the calendar's grid of days, read by screen readers. */
   calendarLabel?: (HelixHeadlessDateInput["calendarLabel"]) | undefined;
+  /** Whether the field shows a button that empties it, as Input's `clearable`
+does. Shown only while the field holds something to clear and is neither
+disabled nor read-only. */
+  clearable?: (HelixHeadlessDateInput["clearable"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "clear-label"?: (HelixHeadlessDateInput["clearLabel"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  clearLabel?: (HelixHeadlessDateInput["clearLabel"]) | undefined;
   /** How a date is written in the field: `short` through `full`, or ISO.
 
 **The field renders when it is idle and holds the value when it is being
 edited.** A written date is a rendering, and a document being edited must
 not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-locale is how a field ends up rejecting what it just displayed.
+not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+edit. The field does read a date typed in the locale's order and digits as
+you leave it, which covers what a reader types.
 
 The way out is not to choose between the two but to separate them in time.
 Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -9929,8 +10055,9 @@ submits and what `min` and `max` compare against. */
 **The field renders when it is idle and holds the value when it is being
 edited.** A written date is a rendering, and a document being edited must
 not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-locale is how a field ends up rejecting what it just displayed.
+not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+edit. The field does read a date typed in the locale's order and digits as
+you leave it, which covers what a reader types.
 
 The way out is not to choose between the two but to separate them in time.
 Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -10068,6 +10195,14 @@ the date.
 **The name goes in**, so a row of them is heard as which one each
 removes rather than as "Remove" said once per date. */
   removeLabel?: (HelixHeadlessDateInput["removeLabel"]) | undefined;
+  /** What a screen reader hears about the dates chosen in the calendar, with
+`{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+`selection-label` says. */
+  "selection-label"?: (HelixHeadlessDateInput["selectionLabel"]) | undefined;
+  /** What a screen reader hears about the dates chosen in the calendar, with
+`{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+`selection-label` says. */
+  selectionLabel?: (HelixHeadlessDateInput["selectionLabel"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -10079,6 +10214,14 @@ platform's base. */
   "step-mismatch-message"?: (HelixHeadlessDateInput["stepMismatchMessage"]) | undefined;
   /** The message shown when a date is not on `step`. */
   stepMismatchMessage?: (HelixHeadlessDateInput["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, handed to the
+calendar: the day marked today, and the month an empty field opens on.
+Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
+  "time-zone"?: (HelixHeadlessDateInput["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, handed to the
+calendar: the day marked today, and the month an empty field opens on.
+Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
+  timeZone?: (HelixHeadlessDateInput["timeZone"]) | undefined;
   /** The name of the button that opens the calendar, read by screen readers. */
   "trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** The name of the button that opens the calendar, read by screen readers. */
@@ -10087,6 +10230,12 @@ platform's base. */
   "unavailable-message"?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
   /** The message shown when `disable-dates` or `disable-days` bars a date. */
   unavailableMessage?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
+  /** The message for text that is no date, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`. */
+  "unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
+  /** The message for text that is no date, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`. */
+  unreadableMessage?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
   /** The name of the calendar's heading where it shows a page of years, with
 `{heading}` filled in. */
   "year-view-label"?: (HelixHeadlessDateInput["yearViewLabel"]) | undefined;
@@ -10115,6 +10264,18 @@ are not, where `bad-input-message` is not set. `{kind}` is `date` or
 are not, where `bad-input-message` is not set. `{kind}` is `date` or
 `time`. */
   incompleteMessage?: (HelixHeadlessDateInput["incompleteMessage"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "range-end-label"?: (HelixHeadlessDateInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  rangeEndLabel?: (HelixHeadlessDateInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "range-start-label"?: (HelixHeadlessDateInput["rangeStartLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  rangeStartLabel?: (HelixHeadlessDateInput["rangeStartLabel"]) | undefined;
   /** Whether the field is a row of segments, one for each part of the date or
 time, in place of a line of text.
 
@@ -10342,6 +10503,8 @@ reader makes in one of these. */
   "onhelix-before-open"?: ((
     e: HelixHeadlessDateInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Fired after the clear button has emptied the field, after `input` and `change`. */
+  "onhelix-clear"?: ((e: HelixHeadlessDateInputHelixClearElementEvent) => void) | undefined;
   /** Fired after the value changes. */
   oninput?: ((e: HelixHeadlessDateInputElementEvent) => void) | undefined;
   /** Fired when the calendar opens or closes, with `newState` and `oldState`. */
@@ -10349,32 +10512,48 @@ reader makes in one of these. */
 };
 
 export type HelixHeadlessDateInputSolidJsProps = {
-  /** What the browser may autofill here, as one of the platform's own tokens.
+  /** What the browser may autofill here, as one of the platform's own tokens,
+such as `bday`.
 
 Empty leaves the attribute off, which is the browser's default and is what
 lets autofill work at all: hardcoding `off` here means a birthday or a
-postal code can never be filled in for a reader. */
+postal code can never be filled in for a reader. With `segmented`, a
+hidden native date input carries it, since no browser fills the segments. */
   "prop:autocomplete"?: (HelixHeadlessDateInput["autocomplete"]) | undefined;
-  /** The calendar the written date and the calendar's days are in: `gregory`,
-`buddhist`, `japanese`, `roc`, or `iso8601`.
-
-Absent is the locale's own where it is one of the five, and `gregory` for
-every other, as Date Picker's `calendar` is. The value is `YYYY-MM-DD` in
-every calendar, and a focused field is ISO in every calendar. In
-`segmented`, the segments are the Gregorian day, month, and year, in the
-order the locale writes them, or ISO order for `iso8601`. */
+  /** The calendar the written date, the segments, and the calendar's days are
+in: `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, or a calendar
+with months of its own that Date Picker's `calendar` names, such as
+`persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`.
+
+Absent is the locale's own where its months are the Gregorian months, and
+`gregory` for every other, as Date Picker's `calendar` is. The value is
+`YYYY-MM-DD` in every calendar, and a focused text field is ISO in every
+calendar. In `segmented`, the segments are the day, month, and year as
+the calendar counts them, in the order the locale writes them: Mehr 14,
+1405 is month 7 and day 14 of 1405 under `persian`. Under the five with
+Gregorian months they are the Gregorian day, month, and year, or ISO order
+for `iso8601`. */
   "prop:calendar"?: (HelixHeadlessDateInput["calendar"]) | undefined;
   /** The name of the calendar's grid of days, read by screen readers. */
   "attr:calendar-label"?: (HelixHeadlessDateInput["calendarLabel"]) | undefined;
   /** The name of the calendar's grid of days, read by screen readers. */
   "prop:calendarLabel"?: (HelixHeadlessDateInput["calendarLabel"]) | undefined;
+  /** Whether the field shows a button that empties it, as Input's `clearable`
+does. Shown only while the field holds something to clear and is neither
+disabled nor read-only. */
+  "prop:clearable"?: (HelixHeadlessDateInput["clearable"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "attr:clear-label"?: (HelixHeadlessDateInput["clearLabel"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "prop:clearLabel"?: (HelixHeadlessDateInput["clearLabel"]) | undefined;
   /** How a date is written in the field: `short` through `full`, or ISO.
 
 **The field renders when it is idle and holds the value when it is being
 edited.** A written date is a rendering, and a document being edited must
 not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-locale is how a field ends up rejecting what it just displayed.
+not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+edit. The field does read a date typed in the locale's order and digits as
+you leave it, which covers what a reader types.
 
 The way out is not to choose between the two but to separate them in time.
 Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -10396,8 +10575,9 @@ submits and what `min` and `max` compare against. */
 **The field renders when it is idle and holds the value when it is being
 edited.** A written date is a rendering, and a document being edited must
 not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-locale is how a field ends up rejecting what it just displayed.
+not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+edit. The field does read a date typed in the locale's order and digits as
+you leave it, which covers what a reader types.
 
 The way out is not to choose between the two but to separate them in time.
 Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -10535,6 +10715,14 @@ the date.
 **The name goes in**, so a row of them is heard as which one each
 removes rather than as "Remove" said once per date. */
   "prop:removeLabel"?: (HelixHeadlessDateInput["removeLabel"]) | undefined;
+  /** What a screen reader hears about the dates chosen in the calendar, with
+`{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+`selection-label` says. */
+  "attr:selection-label"?: (HelixHeadlessDateInput["selectionLabel"]) | undefined;
+  /** What a screen reader hears about the dates chosen in the calendar, with
+`{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+`selection-label` says. */
+  "prop:selectionLabel"?: (HelixHeadlessDateInput["selectionLabel"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -10546,6 +10734,14 @@ platform's base. */
   "attr:step-mismatch-message"?: (HelixHeadlessDateInput["stepMismatchMessage"]) | undefined;
   /** The message shown when a date is not on `step`. */
   "prop:stepMismatchMessage"?: (HelixHeadlessDateInput["stepMismatchMessage"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, handed to the
+calendar: the day marked today, and the month an empty field opens on.
+Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
+  "attr:time-zone"?: (HelixHeadlessDateInput["timeZone"]) | undefined;
+  /** The time zone today is read in, such as `America/New_York`, handed to the
+calendar: the day marked today, and the month an empty field opens on.
+Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
+  "prop:timeZone"?: (HelixHeadlessDateInput["timeZone"]) | undefined;
   /** The name of the button that opens the calendar, read by screen readers. */
   "attr:trigger-label"?: (HelixHeadlessDateInput["triggerLabel"]) | undefined;
   /** The name of the button that opens the calendar, read by screen readers. */
@@ -10554,6 +10750,12 @@ platform's base. */
   "attr:unavailable-message"?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
   /** The message shown when `disable-dates` or `disable-days` bars a date. */
   "prop:unavailableMessage"?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
+  /** The message for text that is no date, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`. */
+  "attr:unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
+  /** The message for text that is no date, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`. */
+  "prop:unreadableMessage"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
   /** The name of the calendar's heading where it shows a page of years, with
 `{heading}` filled in. */
   "attr:year-view-label"?: (HelixHeadlessDateInput["yearViewLabel"]) | undefined;
@@ -10582,6 +10784,18 @@ are not, where `bad-input-message` is not set. `{kind}` is `date` or
 are not, where `bad-input-message` is not set. `{kind}` is `date` or
 `time`. */
   "prop:incompleteMessage"?: (HelixHeadlessDateInput["incompleteMessage"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "attr:range-end-label"?: (HelixHeadlessDateInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "prop:rangeEndLabel"?: (HelixHeadlessDateInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "attr:range-start-label"?: (HelixHeadlessDateInput["rangeStartLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "prop:rangeStartLabel"?: (HelixHeadlessDateInput["rangeStartLabel"]) | undefined;
   /** Whether the field is a row of segments, one for each part of the date or
 time, in place of a line of text.
 
@@ -10808,6 +11022,8 @@ reader makes in one of these. */
   "on:helix-before-open"?: ((
     e: HelixHeadlessDateInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Fired after the clear button has emptied the field, after `input` and `change`. */
+  "on:helix-clear"?: ((e: HelixHeadlessDateInputHelixClearElementEvent) => void) | undefined;
   /** Fired after the value changes. */
   "on:input"?: ((e: HelixHeadlessDateInputElementEvent) => void) | undefined;
   /** Fired when the calendar opens or closes, with `newState` and `oldState`. */
@@ -10856,14 +11072,16 @@ it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
 `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
 for `fa-IR`.
 
-`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
-`coptic`, and `indian` draw a calendar with months of its own, as React
-Aria's calendars do: each grid is one of that calendar's months, the
-Hebrew leap month and Ethiopia's five-day thirteenth month included, and
-Previous, Next and the page keys move by those months. `month` and
+`persian`, `hebrew`, `islamic`, `islamic-umalqura`, `islamic-civil`,
+`islamic-tbla`, `islamic-rgsa`, `ethiopic`, `ethioaa`, `coptic`,
+`indian`, `chinese`, and `dangi` draw a calendar with months of its own,
+as React Aria's calendars do: each grid is one of that calendar's months,
+the Hebrew and Chinese leap months and Ethiopia's five-day thirteenth
+month included, and Previous, Next and the page keys move by those
+months. With `max-view`, the months view shows that calendar's year, of
+twelve or thirteen months, and the years view its years. `month` and
 `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
-heading stays text, as the months and years views are drawn in Gregorian
-months only. The value is `YYYY-MM-DD` in every calendar. */
+value is `YYYY-MM-DD` in every calendar. */
   calendar?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -11010,6 +11228,18 @@ else set needs. */
   readOnly?: (HelixHeadlessDatePicker["readOnly"]) | undefined;
   /** Stops the form from submitting while no date is chosen. */
   required?: (HelixHeadlessDatePicker["required"]) | undefined;
+  /** What a screen reader hears about the chosen dates: the grid's
+description, said again whenever the dates change. `{kind}` is `date`,
+`start` while a range holds one end, `range`, or `dates` for `multiple`.
+`{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+many dates are chosen. */
+  "selection-label"?: (HelixHeadlessDatePicker["selectionLabel"]) | undefined;
+  /** What a screen reader hears about the chosen dates: the grid's
+description, said again whenever the dates change. `{kind}` is `date`,
+`start` while a range holds one end, `range`, or `dates` for `multiple`.
+`{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+many dates are chosen. */
+  selectionLabel?: (HelixHeadlessDatePicker["selectionLabel"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, counted from `min` where there is
@@ -11189,14 +11419,16 @@ it is one of the five, such as `buddhist` for `th-TH` or `japanese` for
 `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
 for `fa-IR`.
 
-`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
-`coptic`, and `indian` draw a calendar with months of its own, as React
-Aria's calendars do: each grid is one of that calendar's months, the
-Hebrew leap month and Ethiopia's five-day thirteenth month included, and
-Previous, Next and the page keys move by those months. `month` and
+`persian`, `hebrew`, `islamic`, `islamic-umalqura`, `islamic-civil`,
+`islamic-tbla`, `islamic-rgsa`, `ethiopic`, `ethioaa`, `coptic`,
+`indian`, `chinese`, and `dangi` draw a calendar with months of its own,
+as React Aria's calendars do: each grid is one of that calendar's months,
+the Hebrew and Chinese leap months and Ethiopia's five-day thirteenth
+month included, and Previous, Next and the page keys move by those
+months. With `max-view`, the months view shows that calendar's year, of
+twelve or thirteen months, and the years view its years. `month` and
 `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
-heading stays text, as the months and years views are drawn in Gregorian
-months only. The value is `YYYY-MM-DD` in every calendar. */
+value is `YYYY-MM-DD` in every calendar. */
   "prop:calendar"?: (HelixHeadlessDatePicker["calendar"]) | undefined;
   /** The month to open on when `month` is not set. */
   "attr:default-month"?: (HelixHeadlessDatePicker["defaultMonth"]) | undefined;
@@ -11343,6 +11575,18 @@ else set needs. */
   "prop:readOnly"?: (HelixHeadlessDatePicker["readOnly"]) | undefined;
   /** Stops the form from submitting while no date is chosen. */
   "prop:required"?: (HelixHeadlessDatePicker["required"]) | undefined;
+  /** What a screen reader hears about the chosen dates: the grid's
+description, said again whenever the dates change. `{kind}` is `date`,
+`start` while a range holds one end, `range`, or `dates` for `multiple`.
+`{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+many dates are chosen. */
+  "attr:selection-label"?: (HelixHeadlessDatePicker["selectionLabel"]) | undefined;
+  /** What a screen reader hears about the chosen dates: the grid's
+description, said again whenever the dates change. `{kind}` is `date`,
+`start` while a range holds one end, `range`, or `dates` for `multiple`.
+`{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+many dates are chosen. */
+  "prop:selectionLabel"?: (HelixHeadlessDatePicker["selectionLabel"]) | undefined;
   /** How far apart the selectable dates are, in days.
 
 `<input type="date" step>`'s own unit, counted from `min` where there is
@@ -13840,12 +14084,14 @@ Here rather than on each control. */
 
 export type HelixHeadlessFormatDateProps = {
   /** The calendar a date is written in: `gregory`, `buddhist`, `japanese`,
-`roc`, or `iso8601`, the calendars Date Picker and Date Input draw.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH`, and `gregory` for every other, such as `persian`
-for `fa-IR`, so a date written here reads as the same date a Date Picker
-beside it shows. */
+`roc`, or `iso8601`, or a calendar with months of its own, such as
+`persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`: every
+calendar Date Picker and Date Input draw.
+
+Absent is the locale's own where its months are the Gregorian months,
+such as `buddhist` for `th-TH`, and `gregory` for every other, such as
+`persian` for `fa-IR`, so a date written here reads as the same date a
+Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   calendar?: (HelixHeadlessFormatDate["calendar"]) | undefined;
   /** The timestamp, in any format `Date` can parse.
 
@@ -13871,6 +14117,14 @@ browser may use either. */
   dateStyle?: (HelixHeadlessFormatDate["dateStyle"]) | undefined;
   /** How the day of the month is written, where a date is shown. */
   day?: (HelixHeadlessFormatDate["day"]) | undefined;
+  /** Writes the part of the day in words, such as "in the morning" or "at
+night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+twelve-hour clock. */
+  "day-period"?: (HelixHeadlessFormatDate["dayPeriod"]) | undefined;
+  /** Writes the part of the day in words, such as "in the morning" or "at
+night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+twelve-hour clock. */
+  dayPeriod?: (HelixHeadlessFormatDate["dayPeriod"]) | undefined;
   /** Shows how long ago the timestamp was, in a compact form such as "3h", in
 place of the date.
 
@@ -13888,6 +14142,12 @@ Off by default, which draws the date as one run of text, as Shoelace and
 Web Awesome do. An `elapsed` or `relative` reading is one phrase either
 way. */
   fields?: (HelixHeadlessFormatDate["fields"]) | undefined;
+  /** How many digits of a fraction of a second to write after `second`: 1, 2,
+or 3, as in 09:41:07.250. */
+  "fractional-second-digits"?: (HelixHeadlessFormatDate["fractionalSecondDigits"]) | undefined;
+  /** How many digits of a fraction of a second to write after `second`: 1, 2,
+or 3, as in 09:41:07.250. */
+  fractionalSecondDigits?: (HelixHeadlessFormatDate["fractionalSecondDigits"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -13950,9 +14210,13 @@ Empty is the runtime's own. */
 
 Empty is the runtime's own. */
   timeZone?: (HelixHeadlessFormatDate["timeZone"]) | undefined;
-  /** Shows the name of the time zone, in its `long` or `short` form. */
+  /** Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+`longGeneric` or `shortGeneric`, as Pacific Time or PT. */
   "time-zone-name"?: (HelixHeadlessFormatDate["timeZoneName"]) | undefined;
-  /** Shows the name of the time zone, in its `long` or `short` form. */
+  /** Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+`longGeneric` or `shortGeneric`, as Pacific Time or PT. */
   timeZoneName?: (HelixHeadlessFormatDate["timeZoneName"]) | undefined;
   /** How the weekday is written, where one is shown. */
   weekday?: (HelixHeadlessFormatDate["weekday"]) | undefined;
@@ -13962,12 +14226,14 @@ Empty is the runtime's own. */
 
 export type HelixHeadlessFormatDateSolidJsProps = {
   /** The calendar a date is written in: `gregory`, `buddhist`, `japanese`,
-`roc`, or `iso8601`, the calendars Date Picker and Date Input draw.
-
-Absent is the locale's own where it is one of the five, such as
-`buddhist` for `th-TH`, and `gregory` for every other, such as `persian`
-for `fa-IR`, so a date written here reads as the same date a Date Picker
-beside it shows. */
+`roc`, or `iso8601`, or a calendar with months of its own, such as
+`persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`: every
+calendar Date Picker and Date Input draw.
+
+Absent is the locale's own where its months are the Gregorian months,
+such as `buddhist` for `th-TH`, and `gregory` for every other, such as
+`persian` for `fa-IR`, so a date written here reads as the same date a
+Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405. */
   "prop:calendar"?: (HelixHeadlessFormatDate["calendar"]) | undefined;
   /** The timestamp, in any format `Date` can parse.
 
@@ -13993,6 +14259,14 @@ browser may use either. */
   "prop:dateStyle"?: (HelixHeadlessFormatDate["dateStyle"]) | undefined;
   /** How the day of the month is written, where a date is shown. */
   "prop:day"?: (HelixHeadlessFormatDate["day"]) | undefined;
+  /** Writes the part of the day in words, such as "in the morning" or "at
+night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+twelve-hour clock. */
+  "attr:day-period"?: (HelixHeadlessFormatDate["dayPeriod"]) | undefined;
+  /** Writes the part of the day in words, such as "in the morning" or "at
+night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+twelve-hour clock. */
+  "prop:dayPeriod"?: (HelixHeadlessFormatDate["dayPeriod"]) | undefined;
   /** Shows how long ago the timestamp was, in a compact form such as "3h", in
 place of the date.
 
@@ -14010,6 +14284,12 @@ Off by default, which draws the date as one run of text, as Shoelace and
 Web Awesome do. An `elapsed` or `relative` reading is one phrase either
 way. */
   "prop:fields"?: (HelixHeadlessFormatDate["fields"]) | undefined;
+  /** How many digits of a fraction of a second to write after `second`: 1, 2,
+or 3, as in 09:41:07.250. */
+  "attr:fractional-second-digits"?: (HelixHeadlessFormatDate["fractionalSecondDigits"]) | undefined;
+  /** How many digits of a fraction of a second to write after `second`: 1, 2,
+or 3, as in 09:41:07.250. */
+  "prop:fractionalSecondDigits"?: (HelixHeadlessFormatDate["fractionalSecondDigits"]) | undefined;
   /** Draws an `elapsed` or `relative` reading once and leaves it, where it
 would otherwise move on as it goes stale.
 
@@ -14072,9 +14352,13 @@ Empty is the runtime's own. */
 
 Empty is the runtime's own. */
   "prop:timeZone"?: (HelixHeadlessFormatDate["timeZone"]) | undefined;
-  /** Shows the name of the time zone, in its `long` or `short` form. */
+  /** Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+`longGeneric` or `shortGeneric`, as Pacific Time or PT. */
   "attr:time-zone-name"?: (HelixHeadlessFormatDate["timeZoneName"]) | undefined;
-  /** Shows the name of the time zone, in its `long` or `short` form. */
+  /** Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+`longGeneric` or `shortGeneric`, as Pacific Time or PT. */
   "prop:timeZoneName"?: (HelixHeadlessFormatDate["timeZoneName"]) | undefined;
   /** How the weekday is written, where one is shown. */
   "prop:weekday"?: (HelixHeadlessFormatDate["weekday"]) | undefined;
@@ -26355,6 +26639,14 @@ rather than a thumb sitting on nothing. */
 middle of the track, or `end` at `max`. Absent is `start`. A range fills
 between its thumbs and ignores it. */
   origin?: (HelixHeadlessSlider["origin"]) | undefined;
+  /** How far Page Up and Page Down move a thumb, in the slider's own units, as
+React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+to the platform, which moves a tenth of the track. */
+  "page-step"?: (HelixHeadlessSlider["pageStep"] | `${number}`) | undefined;
+  /** How far Page Up and Page Down move a thumb, in the slider's own units, as
+React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+to the platform, which moves a tenth of the track. */
+  pageStep?: (HelixHeadlessSlider["pageStep"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
 The pair is one string, `"10,50"`, which is what `value` and
@@ -26609,6 +26901,14 @@ rather than a thumb sitting on nothing. */
 middle of the track, or `end` at `max`. Absent is `start`. A range fills
 between its thumbs and ignores it. */
   "prop:origin"?: (HelixHeadlessSlider["origin"]) | undefined;
+  /** How far Page Up and Page Down move a thumb, in the slider's own units, as
+React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+to the platform, which moves a tenth of the track. */
+  "attr:page-step"?: (HelixHeadlessSlider["pageStep"] | `${number}`) | undefined;
+  /** How far Page Up and Page Down move a thumb, in the slider's own units, as
+React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+to the platform, which moves a tenth of the track. */
+  "prop:pageStep"?: (HelixHeadlessSlider["pageStep"]) | undefined;
   /** Adds a second thumb, so the value is a pair.
 
 The pair is one string, `"10,50"`, which is what `value` and
@@ -27352,6 +27652,22 @@ consumer's to set. */
   "corner-label"?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   cornerLabel?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
+  /** What the handle where two dividers cross says it is set to, both dividers
+at once: `{across}` is where the divider that runs down stands, and
+`{down}` where the one that runs across stands, each a percentage.
+
+**Both, because the handle moves both**, and a number names one: the
+handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+these words are the whole of where it is. */
+  "corner-value-label"?: (HelixHeadlessSplitter["cornerValueLabel"]) | undefined;
+  /** What the handle where two dividers cross says it is set to, both dividers
+at once: `{across}` is where the divider that runs down stands, and
+`{down}` where the one that runs across stands, each a percentage.
+
+**Both, because the handle moves both**, and a number names one: the
+handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+these words are the whole of where it is. */
+  cornerValueLabel?: (HelixHeadlessSplitter["cornerValueLabel"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
   "default-collapsed"?: (HelixHeadlessSplitter["defaultCollapsed"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
@@ -27496,6 +27812,22 @@ consumer's to set. */
   "attr:corner-label"?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "prop:cornerLabel"?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
+  /** What the handle where two dividers cross says it is set to, both dividers
+at once: `{across}` is where the divider that runs down stands, and
+`{down}` where the one that runs across stands, each a percentage.
+
+**Both, because the handle moves both**, and a number names one: the
+handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+these words are the whole of where it is. */
+  "attr:corner-value-label"?: (HelixHeadlessSplitter["cornerValueLabel"]) | undefined;
+  /** What the handle where two dividers cross says it is set to, both dividers
+at once: `{across}` is where the divider that runs down stands, and
+`{down}` where the one that runs across stands, each a percentage.
+
+**Both, because the handle moves both**, and a number names one: the
+handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+these words are the whole of where it is. */
+  "prop:cornerValueLabel"?: (HelixHeadlessSplitter["cornerValueLabel"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
   "attr:default-collapsed"?: (HelixHeadlessSplitter["defaultCollapsed"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
@@ -28691,6 +29023,12 @@ export type HelixHeadlessTableElementEvent<E = Event> = TypedEvent<
 /** `helix-before-reorder` event type */
 export type HelixHeadlessTableHelixBeforeReorderElementEvent =
   HelixHeadlessTableElementEvent<HelixBeforeReorderEvent>;
+/** `helix-before-toggle` event type */
+export type HelixHeadlessTableHelixBeforeToggleElementEvent =
+  HelixHeadlessTableElementEvent<HelixBeforeToggleEvent>;
+/** `helix-load-more` event type */
+export type HelixHeadlessTableHelixLoadMoreElementEvent =
+  HelixHeadlessTableElementEvent<HelixLoadMoreEvent>;
 /** `helix-reorder` event type */
 export type HelixHeadlessTableHelixReorderElementEvent =
   HelixHeadlessTableElementEvent<HelixReorderEvent>;
@@ -28706,6 +29044,9 @@ export type HelixHeadlessTableHelixSortElementEvent =
 /** `helix-sorted` event type */
 export type HelixHeadlessTableHelixSortedElementEvent =
   HelixHeadlessTableElementEvent<HelixSortedEvent>;
+/** `helix-toggle` event type */
+export type HelixHeadlessTableHelixToggleElementEvent =
+  HelixHeadlessTableElementEvent<HelixToggleEvent>;
 
 export type HelixHeadlessTableProps = {
   /** The word for an ascending sort, in a `sorted-label` that writes `{order}`. */
@@ -28747,6 +29088,12 @@ and a list here would be a second way to say what that says. This table's
 cells are markup, and a table written as rows of cells with no column
 declared in it has nowhere else to be sized from. */
   columns?: (HelixHeadlessTable["columns"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  "default-expanded"?: (HelixHeadlessTable["defaultExpanded"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  defaultExpanded?: (HelixHeadlessTable["defaultExpanded"]) | undefined;
   /** The keys selected at the start, separated by commas. Used until `selected`
 is set. */
   "default-selected"?: (HelixHeadlessTable["defaultSelected"]) | undefined;
@@ -28781,6 +29128,18 @@ While it is set, a line after the rows shows it, or your own content in the
 `error` slot, in place of the empty and loading lines, and the live region
 says it. */
   errorText?: (HelixHeadlessTable["errorText"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "expand-column-label"?: (HelixHeadlessTable["expandColumnLabel"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  expandColumnLabel?: (HelixHeadlessTable["expandColumnLabel"]) | undefined;
+  /** The keys of the rows whose rows are shown, separated by commas, in a table
+whose rows nest. A press on a row's disclosure button asks first, and
+`default-expanded` seeds what this element then owns. */
+  expanded?: (HelixHeadlessTable["expanded"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "expand-row-label"?: (HelixHeadlessTable["expandRowLabel"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  expandRowLabel?: (HelixHeadlessTable["expandRowLabel"]) | undefined;
   /** The table's name where neither `label` nor an `aria-label` or
 `aria-labelledby` on the host gives it one. */
   "fallback-label"?: (HelixHeadlessTable["fallbackLabel"]) | undefined;
@@ -28800,6 +29159,12 @@ cells, which is the one way a cell of your markup can take focus. */
 An `aria-label` or `aria-labelledby` on the host names the table too, and
 wins over this. */
   label?: (HelixHeadlessTable["label"]) | undefined;
+  /** Sends `helix-load-more` once the end of the table comes within a screen
+of view, so you can add the next rows as a reader nears them. */
+  "load-more"?: (HelixHeadlessTable["loadMore"]) | undefined;
+  /** Sends `helix-load-more` once the end of the table comes within a screen
+of view, so you can add the next rows as a reader nears them. */
+  loadMore?: (HelixHeadlessTable["loadMore"]) | undefined;
   /** What screen readers hear each time a key moves a held row, in a
 `reorderable` table. `{name}` is the row's words, `{position}` the place it
 would go, counting from 1, and `{count}` the number of rows. */
@@ -28834,6 +29199,12 @@ table moves no row itself: you move your rows on `helix-reorder`. */
   "select-all-label"?: (HelixHeadlessTable["selectAllLabel"]) | undefined;
   /** The name of the checkbox in the heading that selects every row. */
   selectAllLabel?: (HelixHeadlessTable["selectAllLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  "select-column-label"?: (HelixHeadlessTable["selectColumnLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  selectColumnLabel?: (HelixHeadlessTable["selectColumnLabel"]) | undefined;
   /** The keys of the selected rows, separated by commas.
 
 A reader's press fires `helix-select` first, and refusing it leaves the
@@ -28850,6 +29221,20 @@ rows are chosen, written in the locale, and a language that needs plural
 forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
 {# wybranych} other {# wybranego}}`. */
   selectedLabel?: (HelixHeadlessTable["selectedLabel"]) | undefined;
+  /** What a press on a row, or in a `grid` table a key that moves to one, does
+to the rows already selected: `toggle`, the default, leaves them to the
+checkboxes, and `replace` selects the row alone. */
+  "selection-behavior"?: (HelixHeadlessTable["selectionBehavior"]) | undefined;
+  /** What a press on a row, or in a `grid` table a key that moves to one, does
+to the rows already selected: `toggle`, the default, leaves them to the
+checkboxes, and `replace` selects the row alone. */
+  selectionBehavior?: (HelixHeadlessTable["selectionBehavior"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "selection-mode"?: (HelixHeadlessTable["selectionMode"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  selectionMode?: (HelixHeadlessTable["selectionMode"]) | undefined;
   /** The name of a row's checkbox. `{row}` is replaced with the words of the
 row's first cell. */
   "select-row-label"?: (HelixHeadlessTable["selectRowLabel"]) | undefined;
@@ -28897,6 +29282,14 @@ say that without the component knowing what a row looks like. */
   "onhelix-before-reorder"?: ((
     e: HelixHeadlessTableHelixBeforeReorderElementEvent,
   ) => void) | undefined;
+  /** Fired from a row when its disclosure button is pressed, with whether it would be open in `detail.checked`. Cancelable: cancel it to keep the row as it is. */
+  "onhelix-before-toggle"?: ((
+    e: HelixHeadlessTableHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired, in a table with `load-more`, when the end of the table comes within a screen of view, once for each number of rows. */
+  "onhelix-load-more"?: ((
+    e: HelixHeadlessTableHelixLoadMoreElementEvent,
+  ) => void) | undefined;
   /** Fired after `helix-before-reorder` when nobody canceled it. Move your rows to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
   "onhelix-reorder"?: ((e: HelixHeadlessTableHelixReorderElementEvent) => void) | undefined;
   /** The selection is about to change. The event carries every selected key, separated by commas. Cancelable: cancel it to keep the current selection. */
@@ -28907,6 +29300,8 @@ say that without the component knowing what a row looks like. */
   "onhelix-sort"?: ((e: HelixHeadlessTableHelixSortElementEvent) => void) | undefined;
   /** Fired after the sort order changes, with the new order. */
   "onhelix-sorted"?: ((e: HelixHeadlessTableHelixSortedElementEvent) => void) | undefined;
+  /** Fired from a row once the rows under it are shown or hidden, with whether it is open in `detail.checked`. */
+  "onhelix-toggle"?: ((e: HelixHeadlessTableHelixToggleElementEvent) => void) | undefined;
 };
 
 export type HelixHeadlessTableSolidJsProps = {
@@ -28949,6 +29344,12 @@ and a list here would be a second way to say what that says. This table's
 cells are markup, and a table written as rows of cells with no column
 declared in it has nowhere else to be sized from. */
   "prop:columns"?: (HelixHeadlessTable["columns"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  "attr:default-expanded"?: (HelixHeadlessTable["defaultExpanded"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  "prop:defaultExpanded"?: (HelixHeadlessTable["defaultExpanded"]) | undefined;
   /** The keys selected at the start, separated by commas. Used until `selected`
 is set. */
   "attr:default-selected"?: (HelixHeadlessTable["defaultSelected"]) | undefined;
@@ -28983,6 +29384,18 @@ While it is set, a line after the rows shows it, or your own content in the
 `error` slot, in place of the empty and loading lines, and the live region
 says it. */
   "prop:errorText"?: (HelixHeadlessTable["errorText"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "attr:expand-column-label"?: (HelixHeadlessTable["expandColumnLabel"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "prop:expandColumnLabel"?: (HelixHeadlessTable["expandColumnLabel"]) | undefined;
+  /** The keys of the rows whose rows are shown, separated by commas, in a table
+whose rows nest. A press on a row's disclosure button asks first, and
+`default-expanded` seeds what this element then owns. */
+  "prop:expanded"?: (HelixHeadlessTable["expanded"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "attr:expand-row-label"?: (HelixHeadlessTable["expandRowLabel"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "prop:expandRowLabel"?: (HelixHeadlessTable["expandRowLabel"]) | undefined;
   /** The table's name where neither `label` nor an `aria-label` or
 `aria-labelledby` on the host gives it one. */
   "attr:fallback-label"?: (HelixHeadlessTable["fallbackLabel"]) | undefined;
@@ -29002,6 +29415,12 @@ cells, which is the one way a cell of your markup can take focus. */
 An `aria-label` or `aria-labelledby` on the host names the table too, and
 wins over this. */
   "prop:label"?: (HelixHeadlessTable["label"]) | undefined;
+  /** Sends `helix-load-more` once the end of the table comes within a screen
+of view, so you can add the next rows as a reader nears them. */
+  "bool:load-more"?: (HelixHeadlessTable["loadMore"]) | undefined;
+  /** Sends `helix-load-more` once the end of the table comes within a screen
+of view, so you can add the next rows as a reader nears them. */
+  "prop:loadMore"?: (HelixHeadlessTable["loadMore"]) | undefined;
   /** What screen readers hear each time a key moves a held row, in a
 `reorderable` table. `{name}` is the row's words, `{position}` the place it
 would go, counting from 1, and `{count}` the number of rows. */
@@ -29036,6 +29455,12 @@ table moves no row itself: you move your rows on `helix-reorder`. */
   "attr:select-all-label"?: (HelixHeadlessTable["selectAllLabel"]) | undefined;
   /** The name of the checkbox in the heading that selects every row. */
   "prop:selectAllLabel"?: (HelixHeadlessTable["selectAllLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  "attr:select-column-label"?: (HelixHeadlessTable["selectColumnLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  "prop:selectColumnLabel"?: (HelixHeadlessTable["selectColumnLabel"]) | undefined;
   /** The keys of the selected rows, separated by commas.
 
 A reader's press fires `helix-select` first, and refusing it leaves the
@@ -29052,6 +29477,20 @@ rows are chosen, written in the locale, and a language that needs plural
 forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
 {# wybranych} other {# wybranego}}`. */
   "prop:selectedLabel"?: (HelixHeadlessTable["selectedLabel"]) | undefined;
+  /** What a press on a row, or in a `grid` table a key that moves to one, does
+to the rows already selected: `toggle`, the default, leaves them to the
+checkboxes, and `replace` selects the row alone. */
+  "attr:selection-behavior"?: (HelixHeadlessTable["selectionBehavior"]) | undefined;
+  /** What a press on a row, or in a `grid` table a key that moves to one, does
+to the rows already selected: `toggle`, the default, leaves them to the
+checkboxes, and `replace` selects the row alone. */
+  "prop:selectionBehavior"?: (HelixHeadlessTable["selectionBehavior"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "attr:selection-mode"?: (HelixHeadlessTable["selectionMode"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "prop:selectionMode"?: (HelixHeadlessTable["selectionMode"]) | undefined;
   /** The name of a row's checkbox. `{row}` is replaced with the words of the
 row's first cell. */
   "attr:select-row-label"?: (HelixHeadlessTable["selectRowLabel"]) | undefined;
@@ -29098,6 +29537,14 @@ say that without the component knowing what a row looks like. */
   "on:helix-before-reorder"?: ((
     e: HelixHeadlessTableHelixBeforeReorderElementEvent,
   ) => void) | undefined;
+  /** Fired from a row when its disclosure button is pressed, with whether it would be open in `detail.checked`. Cancelable: cancel it to keep the row as it is. */
+  "on:helix-before-toggle"?: ((
+    e: HelixHeadlessTableHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired, in a table with `load-more`, when the end of the table comes within a screen of view, once for each number of rows. */
+  "on:helix-load-more"?: ((
+    e: HelixHeadlessTableHelixLoadMoreElementEvent,
+  ) => void) | undefined;
   /** Fired after `helix-before-reorder` when nobody canceled it. Move your rows to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
   "on:helix-reorder"?: ((e: HelixHeadlessTableHelixReorderElementEvent) => void) | undefined;
   /** The selection is about to change. The event carries every selected key, separated by commas. Cancelable: cancel it to keep the current selection. */
@@ -29110,6 +29557,8 @@ say that without the component knowing what a row looks like. */
   "on:helix-sort"?: ((e: HelixHeadlessTableHelixSortElementEvent) => void) | undefined;
   /** Fired after the sort order changes, with the new order. */
   "on:helix-sorted"?: ((e: HelixHeadlessTableHelixSortedElementEvent) => void) | undefined;
+  /** Fired from a row once the rows under it are shown or hidden, with whether it is open in `detail.checked`. */
+  "on:helix-toggle"?: ((e: HelixHeadlessTableHelixToggleElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -29128,6 +29577,10 @@ reached. */
   /** 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?: (HelixHeadlessTableRow["href"]) | undefined;
+  /** The key of the row this one sits under, in a table whose rows nest: that
+row's `value`, or its place among the rows where it has none. Empty, the
+default, is a row at the top. */
+  parent?: (HelixHeadlessTableRow["parent"]) | undefined;
   /** The `rel` of the row's link. You set it yourself, as on an anchor. */
   rel?: (HelixHeadlessTableRow["rel"]) | undefined;
   /** Where the row's link opens, such as `_blank`. */
@@ -29148,6 +29601,10 @@ reached. */
   /** 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. */
   "prop:href"?: (HelixHeadlessTableRow["href"]) | undefined;
+  /** The key of the row this one sits under, in a table whose rows nest: that
+row's `value`, or its place among the rows where it has none. Empty, the
+default, is a row at the top. */
+  "prop:parent"?: (HelixHeadlessTableRow["parent"]) | undefined;
   /** The `rel` of the row's link. You set it yourself, as on an anchor. */
   "prop:rel"?: (HelixHeadlessTableRow["rel"]) | undefined;
   /** Where the row's link opens, such as `_blank`. */
@@ -30193,6 +30650,9 @@ export type HelixHeadlessTimeInputHelixBeforeCloseElementEvent =
 /** `helix-before-open` event type */
 export type HelixHeadlessTimeInputHelixBeforeOpenElementEvent =
   HelixHeadlessTimeInputElementEvent<HelixBeforeOpenEvent>;
+/** `helix-clear` event type */
+export type HelixHeadlessTimeInputHelixClearElementEvent =
+  HelixHeadlessTimeInputElementEvent<HelixClearEvent>;
 /** `toggle` event type */
 export type HelixHeadlessTimeInputToggleElementEvent =
   HelixHeadlessTimeInputElementEvent<ToggleEvent>;
@@ -30203,6 +30663,14 @@ export type HelixHeadlessTimeInputProps = {
 Empty leaves the attribute off, which is the browser's default and is what
 lets autofill work at all. */
   autocomplete?: (HelixHeadlessTimeInput["autocomplete"]) | undefined;
+  /** Whether the field shows a button that empties it, as Input's `clearable`
+does. Shown only while the field holds something to clear and is neither
+disabled nor read-only. */
+  clearable?: (HelixHeadlessTimeInput["clearable"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "clear-label"?: (HelixHeadlessTimeInput["clearLabel"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  clearLabel?: (HelixHeadlessTimeInput["clearLabel"]) | undefined;
   /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
 
 Handed to the list, which offers them as unavailable, and checked against
@@ -30306,6 +30774,12 @@ never something this element would refuse to read back. */
   "unavailable-message"?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
   /** The message shown when `disable-times` bars a time. */
   unavailableMessage?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
+  /** The message for text that is no time, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+  "unreadable-message"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
+  /** The message for text that is no time, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+  unreadableMessage?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** Whether the panel shows one list of times or a column for each part of the
 time.
 
@@ -30343,6 +30817,18 @@ are not, where `bad-input-message` is not set. `{kind}` is `date` or
 are not, where `bad-input-message` is not set. `{kind}` is `date` or
 `time`. */
   incompleteMessage?: (HelixHeadlessTimeInput["incompleteMessage"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "range-end-label"?: (HelixHeadlessTimeInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  rangeEndLabel?: (HelixHeadlessTimeInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "range-start-label"?: (HelixHeadlessTimeInput["rangeStartLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  rangeStartLabel?: (HelixHeadlessTimeInput["rangeStartLabel"]) | undefined;
   /** Whether the field is a row of segments, one for each part of the date or
 time, in place of a line of text.
 
@@ -30559,6 +31045,8 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   "onhelix-before-open"?: ((
     e: HelixHeadlessTimeInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Fired after the clear button has emptied the field, after `input` and `change`. */
+  "onhelix-clear"?: ((e: HelixHeadlessTimeInputHelixClearElementEvent) => void) | undefined;
   /** Fired after the value changes. */
   oninput?: ((e: HelixHeadlessTimeInputElementEvent) => void) | undefined;
   /** Fired after the list opens or closes, with `newState` and `oldState`. */
@@ -30571,6 +31059,14 @@ export type HelixHeadlessTimeInputSolidJsProps = {
 Empty leaves the attribute off, which is the browser's default and is what
 lets autofill work at all. */
   "prop:autocomplete"?: (HelixHeadlessTimeInput["autocomplete"]) | undefined;
+  /** Whether the field shows a button that empties it, as Input's `clearable`
+does. Shown only while the field holds something to clear and is neither
+disabled nor read-only. */
+  "prop:clearable"?: (HelixHeadlessTimeInput["clearable"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "attr:clear-label"?: (HelixHeadlessTimeInput["clearLabel"]) | undefined;
+  /** The accessible name of the clear button, which shows only an icon. */
+  "prop:clearLabel"?: (HelixHeadlessTimeInput["clearLabel"]) | undefined;
   /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
 
 Handed to the list, which offers them as unavailable, and checked against
@@ -30674,6 +31170,12 @@ never something this element would refuse to read back. */
   "attr:unavailable-message"?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
   /** The message shown when `disable-times` bars a time. */
   "prop:unavailableMessage"?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
+  /** The message for text that is no time, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+  "attr:unreadable-message"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
+  /** The message for text that is no time, where `bad-input-message` is not
+set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+  "prop:unreadableMessage"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** Whether the panel shows one list of times or a column for each part of the
 time.
 
@@ -30711,6 +31213,18 @@ are not, where `bad-input-message` is not set. `{kind}` is `date` or
 are not, where `bad-input-message` is not set. `{kind}` is `date` or
 `time`. */
   "prop:incompleteMessage"?: (HelixHeadlessTimeInput["incompleteMessage"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "attr:range-end-label"?: (HelixHeadlessTimeInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's second date
+or time, after each segment's own name. */
+  "prop:rangeEndLabel"?: (HelixHeadlessTimeInput["rangeEndLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "attr:range-start-label"?: (HelixHeadlessTimeInput["rangeStartLabel"]) | undefined;
+  /** What a screen reader hears before the segments of a range's first date
+or time, after each segment's own name: "month, Start, Stay". */
+  "prop:rangeStartLabel"?: (HelixHeadlessTimeInput["rangeStartLabel"]) | undefined;
   /** Whether the field is a row of segments, one for each part of the date or
 time, in place of a line of text.
 
@@ -30926,6 +31440,8 @@ a consumer handing over `new Date()` gets the time of day they expected. */
   "on:helix-before-open"?: ((
     e: HelixHeadlessTimeInputHelixBeforeOpenElementEvent,
   ) => void) | undefined;
+  /** Fired after the clear button has emptied the field, after `input` and `change`. */
+  "on:helix-clear"?: ((e: HelixHeadlessTimeInputHelixClearElementEvent) => void) | undefined;
   /** Fired after the value changes. */
   "on:input"?: ((e: HelixHeadlessTimeInputElementEvent) => void) | undefined;
   /** Fired after the list opens or closes, with `newState` and `oldState`. */
@@ -31613,13 +32129,35 @@ Whatever `<time>` accepts, which is a date, a time, both, a duration or a
 week. Unset, the label is written as it was given and nothing claims to
 know what instant it names. */
   datetime?: (HelixHeadlessTimelineItem["datetime"]) | undefined;
+  /** Marks an event that has not happened yet, such as one that is scheduled.
+The mark is the open circle, and a screen reader hears `pending-label`. */
+  pending?: (HelixHeadlessTimelineItem["pending"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "pending-label"?: (HelixHeadlessTimelineItem["pendingLabel"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  pendingLabel?: (HelixHeadlessTimelineItem["pendingLabel"]) | undefined;
   /** Writes the time as how long ago it was, or how long until it, from
 `datetime`, where the `time` slot is empty: `long` ("3 hours ago"),
 `short` ("3 hr. ago") or `narrow` ("3h ago"). Set with no value, it is
 `long`. The words move on as they go stale. */
   relative?: (HelixHeadlessTimelineItem["relative"]) | undefined;
-  /** The kind of event. It sets the color of the mark and nothing else. */
+  /** The kind of event. It sets the color of the mark, and a screen reader
+hears it as the word `tone-labels` gives it. */
   tone?: (HelixHeadlessTimelineItem["tone"]) | undefined;
+  /** What a screen reader is told this entry's tone is, such as "Failed".
+Absent is the tone's word in `tone-labels`. */
+  "tone-label"?: (HelixHeadlessTimelineItem["toneLabel"]) | undefined;
+  /** What a screen reader is told this entry's tone is, such as "Failed".
+Absent is the tone's word in `tone-labels`. */
+  toneLabel?: (HelixHeadlessTimelineItem["toneLabel"]) | undefined;
+  /** What a screen reader is told each tone is, by the tone's name, written as
+JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+word is not read, which is `neutral` and `primary` in English. */
+  "tone-labels"?: (HelixHeadlessTimelineItem["toneLabels"]) | undefined;
+  /** What a screen reader is told each tone is, by the tone's name, written as
+JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+word is not read, which is `neutral` and `primary` in English. */
+  toneLabels?: (HelixHeadlessTimelineItem["toneLabels"]) | undefined;
 };
 
 export type HelixHeadlessTimelineItemSolidJsProps = {
@@ -31630,13 +32168,35 @@ Whatever `<time>` accepts, which is a date, a time, both, a duration or a
 week. Unset, the label is written as it was given and nothing claims to
 know what instant it names. */
   "prop:datetime"?: (HelixHeadlessTimelineItem["datetime"]) | undefined;
+  /** Marks an event that has not happened yet, such as one that is scheduled.
+The mark is the open circle, and a screen reader hears `pending-label`. */
+  "prop:pending"?: (HelixHeadlessTimelineItem["pending"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "attr:pending-label"?: (HelixHeadlessTimelineItem["pendingLabel"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "prop:pendingLabel"?: (HelixHeadlessTimelineItem["pendingLabel"]) | undefined;
   /** Writes the time as how long ago it was, or how long until it, from
 `datetime`, where the `time` slot is empty: `long` ("3 hours ago"),
 `short` ("3 hr. ago") or `narrow` ("3h ago"). Set with no value, it is
 `long`. The words move on as they go stale. */
   "prop:relative"?: (HelixHeadlessTimelineItem["relative"]) | undefined;
-  /** The kind of event. It sets the color of the mark and nothing else. */
+  /** The kind of event. It sets the color of the mark, and a screen reader
+hears it as the word `tone-labels` gives it. */
   "prop:tone"?: (HelixHeadlessTimelineItem["tone"]) | undefined;
+  /** What a screen reader is told this entry's tone is, such as "Failed".
+Absent is the tone's word in `tone-labels`. */
+  "attr:tone-label"?: (HelixHeadlessTimelineItem["toneLabel"]) | undefined;
+  /** What a screen reader is told this entry's tone is, such as "Failed".
+Absent is the tone's word in `tone-labels`. */
+  "prop:toneLabel"?: (HelixHeadlessTimelineItem["toneLabel"]) | undefined;
+  /** What a screen reader is told each tone is, by the tone's name, written as
+JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+word is not read, which is `neutral` and `primary` in English. */
+  "attr:tone-labels"?: (HelixHeadlessTimelineItem["toneLabels"]) | undefined;
+  /** What a screen reader is told each tone is, by the tone's name, written as
+JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+word is not read, which is `neutral` and `primary` in English. */
+  "prop:toneLabels"?: (HelixHeadlessTimelineItem["toneLabels"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -31920,6 +32480,18 @@ export type HelixHeadlessToggleGroupHelixSelectElementEvent =
   HelixHeadlessToggleGroupElementEvent<HelixSelectEvent>;
 
 export type HelixHeadlessToggleGroupProps = {
+  /** Whether a press on the chosen item, or Space or Enter on it, takes it
+back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+Radix's `ToggleGroup` do in a single group. Absent, a single group always
+keeps its choice once it has one, as a radio group does. A multiple group
+releases a pressed item either way. */
+  "allow-empty-selection"?: (HelixHeadlessToggleGroup["allowEmptySelection"]) | undefined;
+  /** Whether a press on the chosen item, or Space or Enter on it, takes it
+back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+Radix's `ToggleGroup` do in a single group. Absent, a single group always
+keeps its choice once it has one, as a radio group does. A multiple group
+releases a pressed item either way. */
+  allowEmptySelection?: (HelixHeadlessToggleGroup["allowEmptySelection"]) | undefined;
   /** Where the group's label sits. `start` puts it on the track's line.
 
 Absent is above, which is what a field looks like and what almost every
@@ -32098,6 +32670,18 @@ Where one item is chosen, it is that one value, or none. */
 };
 
 export type HelixHeadlessToggleGroupSolidJsProps = {
+  /** Whether a press on the chosen item, or Space or Enter on it, takes it
+back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+Radix's `ToggleGroup` do in a single group. Absent, a single group always
+keeps its choice once it has one, as a radio group does. A multiple group
+releases a pressed item either way. */
+  "bool:allow-empty-selection"?: (HelixHeadlessToggleGroup["allowEmptySelection"]) | undefined;
+  /** Whether a press on the chosen item, or Space or Enter on it, takes it
+back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+Radix's `ToggleGroup` do in a single group. Absent, a single group always
+keeps its choice once it has one, as a radio group does. A multiple group
+releases a pressed item either way. */
+  "prop:allowEmptySelection"?: (HelixHeadlessToggleGroup["allowEmptySelection"]) | undefined;
   /** Where the group's label sits. `start` puts it on the track's line.
 
 Absent is above, which is what a field looks like and what almost every
@@ -33854,6 +34438,13 @@ Written by the playlist rather than by the entry, the way an option's
 selection is: an entry that made itself current would be a second answer to
 which one is playing. */
   current?: (HelixHeadlessVideoPlaylistItem["current"]) | undefined;
+  /** Whether the entry holds the playlist's tab stop. Unset, every entry is in
+the tab order, which is what a server renders.
+
+**Written by the playlist, with no attribute, and it reaches the button.**
+The playlist gives the stop to the entry a reader last focused, or to the
+current one, and the arrow keys reach the rest. */
+  focusable?: (HelixHeadlessVideoPlaylistItem["focusable"]) | undefined;
 
   /** The entry was chosen. Cancelable: cancel it to keep the current entry. */
   "onhelix-select"?: ((
@@ -33882,6 +34473,13 @@ Written by the playlist rather than by the entry, the way an option's
 selection is: an entry that made itself current would be a second answer to
 which one is playing. */
   "prop:current"?: (HelixHeadlessVideoPlaylistItem["current"]) | undefined;
+  /** Whether the entry holds the playlist's tab stop. Unset, every entry is in
+the tab order, which is what a server renders.
+
+**Written by the playlist, with no attribute, and it reaches the button.**
+The playlist gives the stop to the entry a reader last focused, or to the
+current one, and the arrow keys reach the rest. */
+  "prop:focusable"?: (HelixHeadlessVideoPlaylistItem["focusable"]) | undefined;
   /** The entry was chosen. Cancelable: cancel it to keep the current entry. */
   "on:helix-select"?: ((
     e: HelixHeadlessVideoPlaylistItemHelixSelectElementEvent,
@@ -33958,8 +34556,20 @@ export type HelixHeadlessVideoPlaylistHelixEndElementEvent =
   HelixHeadlessVideoPlaylistElementEvent<HelixEndEvent>;
 
 export type HelixHeadlessVideoPlaylistProps = {
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "empty-label"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  emptyLabel?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   label?: (HelixHeadlessVideoPlaylist["label"]) | undefined;
+  /** Stays on an entry when its clip ends, where the playlist would otherwise
+play the next one. The player's controls, a press, and `next()` still
+move. `repeat="one"` still plays the entry again. */
+  "no-advance"?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
+  /** Stays on an entry when its clip ends, where the playlist would otherwise
+play the next one. The player's controls, a press, and `next()` still
+move. `repeat="one"` still plays the entry again. */
+  noAdvance?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -34008,7 +34618,7 @@ Ignored once `active` is written. */
   "onhelix-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixActivateElementEvent,
   ) => void) | undefined;
-  /** The current entry is about to change. Cancelable: cancel it to keep the current entry. */
+  /** The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry. */
   "onhelix-before-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
@@ -34017,8 +34627,20 @@ Ignored once `active` is written. */
 };
 
 export type HelixHeadlessVideoPlaylistSolidJsProps = {
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "attr:empty-label"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "prop:emptyLabel"?: (HelixHeadlessVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   "prop:label"?: (HelixHeadlessVideoPlaylist["label"]) | undefined;
+  /** Stays on an entry when its clip ends, where the playlist would otherwise
+play the next one. The player's controls, a press, and `next()` still
+move. `repeat="one"` still plays the entry again. */
+  "bool:no-advance"?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
+  /** Stays on an entry when its clip ends, where the playlist would otherwise
+play the next one. The player's controls, a press, and `next()` still
+move. `repeat="one"` still plays the entry again. */
+  "prop:noAdvance"?: (HelixHeadlessVideoPlaylist["noAdvance"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -34066,7 +34688,7 @@ Ignored once `active` is written. */
   "on:helix-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixActivateElementEvent,
   ) => void) | undefined;
-  /** The current entry is about to change. Cancelable: cancel it to keep the current entry. */
+  /** The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry. */
   "on:helix-before-activate"?: ((
     e: HelixHeadlessVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
@@ -35051,6 +35673,12 @@ export type HelixHeadlessVirtualListProps = {
 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?: (HelixHeadlessVirtualList["columns"]) | undefined;
+  /** The keys of the items a reader cannot choose or move to, separated by
+commas, as `value` writes keys. Their rows carry `aria-disabled`. */
+  "disabled-keys"?: (HelixHeadlessVirtualList["disabledKeys"]) | undefined;
+  /** The keys of the items a reader cannot choose or move to, separated by
+commas, as `value` writes keys. Their rows carry `aria-disabled`. */
+  disabledKeys?: (HelixHeadlessVirtualList["disabledKeys"]) | undefined;
   /** The text of the row shown when there are no items and none are loading,
 where the `empty` slot is empty. Empty, the default, shows no row. */
   "empty-label"?: (HelixHeadlessVirtualList["emptyLabel"]) | undefined;
@@ -35065,6 +35693,11 @@ 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?: (HelixHeadlessVirtualList["for"]) | undefined;
+  /** The space between two rows, and between two columns in a grid, in
+pixels. The list counts it in each row's place, so a gap does not walk
+the rows away from the scroll position the way a margin on each row
+would. */
+  gap?: (HelixHeadlessVirtualList["gap"]) | 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. */
@@ -35100,6 +35733,22 @@ 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?: (HelixHeadlessVirtualList["measured"]) | undefined;
+  /** The narrowest a column of a grid may be, in pixels. Set, the list lays
+out as many columns as fit the box at that width, at least one, and
+follows the box as it resizes, which `columns` then does not decide. */
+  "min-column-width"?: (HelixHeadlessVirtualList["minColumnWidth"] | `${number}`) | undefined;
+  /** The narrowest a column of a grid may be, in pixels. Set, the list lays
+out as many columns as fit the box at that width, at least one, and
+follows the box as it resizes, which `columns` then does not decide. */
+  minColumnWidth?: (HelixHeadlessVirtualList["minColumnWidth"]) | undefined;
+  /** What a press does to the items already chosen: `toggle` adds or takes out
+the item, and `replace` selects it alone and lets the arrow keys carry the
+selection, with Control or Command adding or taking out one item. */
+  "selection-behavior"?: (HelixHeadlessVirtualList["selectionBehavior"]) | undefined;
+  /** What a press does to the items already chosen: `toggle` adds or takes out
+the item, and `replace` selects it alone and lets the arrow keys carry the
+selection, with Control or Command adding or taking out one item. */
+  selectionBehavior?: (HelixHeadlessVirtualList["selectionBehavior"]) | 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"?: (HelixHeadlessVirtualList["selectionMode"]) | undefined;
@@ -35156,6 +35805,12 @@ export type HelixHeadlessVirtualListSolidJsProps = {
 items out as a grid of that many equal columns, windowed a line at a
 time, with Left and Right moving along a line. */
   "prop:columns"?: (HelixHeadlessVirtualList["columns"]) | undefined;
+  /** The keys of the items a reader cannot choose or move to, separated by
+commas, as `value` writes keys. Their rows carry `aria-disabled`. */
+  "attr:disabled-keys"?: (HelixHeadlessVirtualList["disabledKeys"]) | undefined;
+  /** The keys of the items a reader cannot choose or move to, separated by
+commas, as `value` writes keys. Their rows carry `aria-disabled`. */
+  "prop:disabledKeys"?: (HelixHeadlessVirtualList["disabledKeys"]) | undefined;
   /** The text of the row shown when there are no items and none are loading,
 where the `empty` slot is empty. Empty, the default, shows no row. */
   "attr:empty-label"?: (HelixHeadlessVirtualList["emptyLabel"]) | undefined;
@@ -35170,6 +35825,11 @@ 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. */
   "prop:for"?: (HelixHeadlessVirtualList["for"]) | undefined;
+  /** The space between two rows, and between two columns in a grid, in
+pixels. The list counts it in each row's place, so a gap does not walk
+the rows away from the scroll position the way a margin on each row
+would. */
+  "prop:gap"?: (HelixHeadlessVirtualList["gap"]) | 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. */
@@ -35205,6 +35865,22 @@ 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. */
   "prop:measured"?: (HelixHeadlessVirtualList["measured"]) | undefined;
+  /** The narrowest a column of a grid may be, in pixels. Set, the list lays
+out as many columns as fit the box at that width, at least one, and
+follows the box as it resizes, which `columns` then does not decide. */
+  "attr:min-column-width"?: (HelixHeadlessVirtualList["minColumnWidth"] | `${number}`) | undefined;
+  /** The narrowest a column of a grid may be, in pixels. Set, the list lays
+out as many columns as fit the box at that width, at least one, and
+follows the box as it resizes, which `columns` then does not decide. */
+  "prop:minColumnWidth"?: (HelixHeadlessVirtualList["minColumnWidth"]) | undefined;
+  /** What a press does to the items already chosen: `toggle` adds or takes out
+the item, and `replace` selects it alone and lets the arrow keys carry the
+selection, with Control or Command adding or taking out one item. */
+  "attr:selection-behavior"?: (HelixHeadlessVirtualList["selectionBehavior"]) | undefined;
+  /** What a press does to the items already chosen: `toggle` adds or takes out
+the item, and `replace` selects it alone and lets the arrow keys carry the
+selection, with Control or Command adding or taking out one item. */
+  "prop:selectionBehavior"?: (HelixHeadlessVirtualList["selectionBehavior"]) | 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. */
   "attr:selection-mode"?: (HelixHeadlessVirtualList["selectionMode"]) | undefined;
@@ -38041,6 +38717,16 @@ export type CustomElements = {
    * - What a key changes that a reader cannot see is said: where a card moved
    *   to, its new size, how many cards are selected, and the zoom. A selected
    *   card or connection says so when a reader arrives on it.
+   * - Control or Command with C copies the selected cards, and the connections
+   *   between them, as a JSON Canvas document in text, which another board or
+   *   an app that reads the format takes. A paste is your page's: listen for
+   *   `paste` on the board, read the text with `fromJsonCanvas`, and add the
+   *   cards it holds.
+   * - Control or Command with Z undoes the last move or resize the board made,
+   *   and with Shift, or Control with Y, makes it again. `undo()` and `redo()`
+   *   do the same from a script. Each asks with `helix-before-move` and tells
+   *   with `helix-move`, as a move does, so a board that holds its positions in
+   *   your state is undone through your state.
    *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
@@ -38091,6 +38777,7 @@ export type CustomElements = {
    * this, so a reader hears the ends first and what the line says after.
    * - `controls-label`/`controlsLabel`: The name of the group of controls, read by screen readers, which names
    * what the controls drive rather than the mechanism.
+   * - `copied-label`/`copiedLabel`: What screen readers hear after a copy, with `{count}` for the cards copied.
    * - `fallback-label`/`fallbackLabel`: The board's name where `label` is empty.
    * - `label`: The accessible name for the board. Required.
    *
@@ -38136,6 +38823,7 @@ export type CustomElements = {
    * walk the cards.
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
+   * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -38193,6 +38881,7 @@ export type CustomElements = {
    * see the board is told by the color; this is how a reader who cannot is
    * told the same. A tone left out is not read.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the board with `gestures="cooperative"`.
+   * - `undone-label`/`undoneLabel`: What screen readers hear after a move or a resize is undone.
    * - `using-label`/`usingLabel`: The line shown while the board, with `gestures="activate"`, has the gestures.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the board with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
@@ -38365,6 +39054,11 @@ export type CustomElements = {
    *
    * What a reader landing on a card off the edge of the view gets, and what a
    * page's own search or outline can call to take a reader to one.
+   * - `undo() => boolean`: Puts the cards of the last move or resize back where they stood, asking
+   * with `helix-before-move` first. Returns whether anything moved: false
+   * with nothing to undo, or when the request was refused.
+   * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
+   * `helix-before-move` first. Returns whether anything moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -39195,6 +39889,19 @@ export type CustomElements = {
    * "Ada is typing" (`typing-label`), which a screen reader hears, and clearing
    * it takes them away. Anything slotted into `status` is drawn first.
    *
+   * **Keyboard.** The transcript moves between turns the way a feed does. Each
+   * turn says its place, such as "3 of 40", windowed or not.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Page Down, Page Up | On a turn or inside one, moves focus to the next or the previous turn. On the transcript itself, moves focus to the turn at the top of the view. |
+   * | Control with End | Moves focus to the composer. |
+   * | Control with Home | Moves focus to the first control above the transcript, or to the transcript. |
+   *
+   * While you are scrolled away from the newest turn, the `resume` region shows
+   * a button that takes you back, named by `resume-label`, "Jump to latest".
+   * Slot your own control into `resume` to replace it.
+   *
    * A screen reader names each turn by its author and its time, such as "You, 2
    * minutes ago". Set `me-label` and `message-label` to say it in your language,
    * and give each turn by `them` an `author-label`. A turn with neither an author
@@ -39265,6 +39972,7 @@ export type CustomElements = {
    * is the way back, and that is a part inside the shadow tree where a
    * stylesheet can already reach it. Measured rather than assumed: `label,
    * pinned` after upgrade against `label` from the server.
+   * - `resume-label`/`resumeLabel`: The words on the button that returns to the newest turn, where `resume` is empty.
    * - `threshold`: How near the bottom still counts as being at it, in pixels.
    *
    * A hook rather than a constant, because the right number depends on how tall
@@ -39334,7 +40042,7 @@ export type CustomElements = {
    * - `actions`: Controls for the whole conversation, beside the header.
    * - `composer`: The composer, below the transcript.
    * - `header`: Content above the transcript that names the conversation.
-   * - `resume`: The control that returns to the bottom, shown while the user has scrolled away.
+   * - `resume`: The control that returns to the bottom, shown while the user has scrolled away. Defaults to a button named by `resume-label`.
    * - `status`: Status beside the composer, such as someone typing or a lost connection.
    *
    * ## Methods
@@ -39383,6 +40091,8 @@ export type CustomElements = {
    * - `message-state`: The state text of a turn from `turns`, when there is one to show.
    * - `message-time`: The time of a turn from `turns`.
    * - `resume`: The control shown while the user is scrolled away from the bottom.
+   * - `resume-button`: The button the `resume` region shows when nothing is slotted into it.
+   * - `resume-mark`: The arrow on the default `resume-button`.
    * - `status`: The status region, outside the log.
    * - `turn`: The wrapper around the message drawn for one turn from `turns`.
    * - `typing`: The words that say who is typing, in the status band, while `typing` names someone.
@@ -39892,7 +40602,18 @@ export type CustomElements = {
    * For a fragment of code inside a sentence, use `Code`.
    *
    * Set `line-numbers` to number the lines in a gutter beside the code, hidden
-   * from the accessibility tree and left out of a copy. Set `highlight` to a
+   * from the accessibility tree and left out of a copy. Set `mark-lines` to
+   * mark lines a reader should look at, such as `2, 4-6`: the block draws a
+   * band behind each run, placed where the lines are laid out, so it follows a
+   * highlighter's markup and lines that wrap. Set `wrap` to wrap long lines
+   * rather than scroll them; a gutter then numbers each line where it starts.
+   * Set `wrappable` for a button in the header that turns `wrap` on and off,
+   * pressed while the lines wrap.
+   *
+   * The header holds the name, the `actions` slot, and the copy button. Slot a
+   * control into `actions`, such as a button that sets `wrap` or one that opens
+   * the code in an editor, and the block draws a header for it even with no
+   * name. `copy-icon` and `copied-icon` replace the copy button's two icons. Set `highlight` to a
    * function that turns the code into highlighted markup, such as one wrapping
    * Shiki or Prism, and the block draws what it returns; it is handed the
    * block's `language`, so one function serves every block. The code stays in
@@ -39979,6 +40700,9 @@ export type CustomElements = {
    * copy, which takes the code alone. Reflected, because the stylesheet lays
    * the gutter out beside the code. A diff numbers its lines from its hunks
    * whether or not this is set.
+   * - `mark-lines`/`markLines`: The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+   * Each run is drawn as a band behind its lines. Not for a diff, which marks
+   * its own changes.
    * - `no-copy`/`noCopy`: Whether to leave the copy button off.
    *
    * Negative, which is not a style choice. A boolean attribute is true whenever
@@ -40003,6 +40727,17 @@ export type CustomElements = {
    * Absent is unified, each removal above its replacement, which fits any
    * width. `split` sets the old version beside the new one. Optional rather
    * than defaulted, so the host carries no attribute the consumer did not write.
+   * - `wrap`: Whether long lines wrap. Without it they scroll.
+   *
+   * Off by default, so long lines scroll, because a line break can be
+   * significant in code and a wrapped line reads as two. For prose-like code,
+   * such as a long command or a log line, a wrap reads better than a scroll.
+   * With `line-numbers`, each number stands beside the line it numbers
+   * however many rows that line takes. Reflected, because the stylesheet
+   * wraps the lines.
+   * - `wrap-label`/`wrapLabel`: The wrap button's name, which it keeps whether it is pressed or not.
+   * - `wrappable`: Whether the header has a button that wraps the lines and unwraps them. The
+   * block draws a header for it even with no name.
    * - `highlight`: Turns the code into highlighted markup, which the block draws in place of
    * the plain text.
    *
@@ -40045,16 +40780,36 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-before-toggle`: The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are.
+   * - `helix-toggle`: Fired after the wrap button changed `wrap`, with the new value in `detail.checked`.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The code.
+   * - `actions`: Controls for the block, in the header before the copy button.
+   * - `copied-icon`: The copy button's icon after a copy. Defaults to a check mark.
+   * - `copy-icon`: The copy button's icon before a copy. Defaults to a clipboard.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--code-block-line-size`: Written by the block on each `number` in a `wrap` block with `line-numbers`: how tall the line it numbers is laid out. Do not set it.
+   * - `--code-block-mark-inline-size`: Written by the block on each `mark`: how wide the code is, scrolled part included. Do not set it.
+   * - `--code-block-mark-size`: Written by the block on each `mark`: how tall its run of lines is. Do not set it.
+   * - `--code-block-mark-start`: Written by the block on each `mark`: how far down the code its run of lines starts. Do not set it.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The box in the header that holds the `actions` slot, drawn while something is slotted there.
    * - `added`: In a diff, a line only the new version has, an `<ins>`.
    * - `block`: The scrolling `<pre>`.
    * - `code`: The `<code>` inside it.
@@ -40083,13 +40838,15 @@ export type CustomElements = {
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
    * - `hunk`: In a diff, a `@@` line saying where the lines under it are.
    * - `label`: The block's name: its `label`, or its `language` where it has no label.
+   * - `mark`: The band behind a run of lines `mark-lines` names. The block writes where the run is laid out into `--code-block-mark-start`, `--code-block-mark-size`, and `--code-block-mark-inline-size` on it. Hidden from the accessibility tree.
    * - `marker`: In a diff, the `+`, `-`, or space that starts a line.
    * - `new`: In a split diff, the new version's `<pre>`.
-   * - `number`: In a diff, a line number.
+   * - `number`: In a diff, a line number. In a `wrap` block with `line-numbers`, one line's number in the gutter, which the block makes as tall as the line it numbers through `--code-block-line-size`.
    * - `old`: In a split diff, the old version's `<pre>`.
    * - `removed`: In a diff, a line only the old version has, a `<del>`.
    * - `split`: In a split diff, the two versions side by side.
    * - `text`: In a diff, a line's code.
+   * - `wrap-toggle`: The button in the header that wraps the lines and unwraps them, drawn when `wrappable` is set.
    *
    * ## CSS States
    *
@@ -42319,17 +43076,24 @@ export type CustomElements = {
    * gives a picker and locale formatting but allows almost no styling, so the
    * field is a text field. Typing sends `input` on each keystroke and `change`
    * when you leave the field, as a text field does. A date picked from the
-   * calendar sends both.
+   * calendar sends both. The field reads ISO, `2026-08-04`, and a date written
+   * in the order, the digits, and the month names of `locale`, `8/4/2026` or
+   * `Aug 4, 2026` in `en-US` and `4.8.2026` in `de-DE`, which becomes the value
+   * as you leave the field.
    *
    * The trigger and ArrowDown open the calendar with focus on the selected day,
    * Tab moves between the calendar's controls without leaving it, and Escape
    * closes it and returns focus to the field. A press into the field opens the
    * calendar too. Tab into the field opens nothing, and Tab out of the field
-   * closes the calendar.
+   * closes the calendar. The text field is a `combobox` with
+   * `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`, as in the
+   * APG date picker combobox, since Down opens the calendar from it.
    *
    * With `segmented`, the field is a row of segments in place of the text: a
    * month, a day and a year in the order the locale writes them, each set with
-   * digits or the arrow keys. Alt+Down opens the calendar from a segment.
+   * digits or the arrow keys. Alt+Down opens the calendar from a segment. A
+   * `range` is two rows with a dash between them, the start and the end, as
+   * React Aria's DateRangePicker draws them, and `multiple` keeps the text.
    *
    * Text that is not a date gives the form an empty value, as a native date
    * field does, and `value` keeps the text so it can be corrected.
@@ -42359,27 +43123,39 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `autocomplete`: What the browser may autofill here, as one of the platform's own tokens.
+   * - `autocomplete`: What the browser may autofill here, as one of the platform's own tokens,
+   * such as `bday`.
    *
    * Empty leaves the attribute off, which is the browser's default and is what
    * lets autofill work at all: hardcoding `off` here means a birthday or a
-   * postal code can never be filled in for a reader.
-   * - `calendar`: The calendar the written date and the calendar's days are in: `gregory`,
-   * `buddhist`, `japanese`, `roc`, or `iso8601`.
-   *
-   * Absent is the locale's own where it is one of the five, and `gregory` for
-   * every other, as Date Picker's `calendar` is. The value is `YYYY-MM-DD` in
-   * every calendar, and a focused field is ISO in every calendar. In
-   * `segmented`, the segments are the Gregorian day, month, and year, in the
-   * order the locale writes them, or ISO order for `iso8601`.
+   * postal code can never be filled in for a reader. With `segmented`, a
+   * hidden native date input carries it, since no browser fills the segments.
+   * - `calendar`: The calendar the written date, the segments, and the calendar's days are
+   * in: `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, or a calendar
+   * with months of its own that Date Picker's `calendar` names, such as
+   * `persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`.
+   *
+   * Absent is the locale's own where its months are the Gregorian months, and
+   * `gregory` for every other, as Date Picker's `calendar` is. The value is
+   * `YYYY-MM-DD` in every calendar, and a focused text field is ISO in every
+   * calendar. In `segmented`, the segments are the day, month, and year as
+   * the calendar counts them, in the order the locale writes them: Mehr 14,
+   * 1405 is month 7 and day 14 of 1405 under `persian`. Under the five with
+   * Gregorian months they are the Gregorian day, month, and year, or ISO order
+   * for `iso8601`.
    * - `calendar-label`/`calendarLabel`: The name of the calendar's grid of days, read by screen readers.
+   * - `clearable`: Whether the field shows a button that empties it, as Input's `clearable`
+   * does. Shown only while the field holds something to clear and is neither
+   * disabled nor read-only.
+   * - `clear-label`/`clearLabel`: The accessible name of the clear button, which shows only an icon.
    * - `date-style`/`dateStyle`: How a date is written in the field: `short` through `full`, or ISO.
    *
    * **The field renders when it is idle and holds the value when it is being
    * edited.** A written date is a rendering, and a document being edited must
    * not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-   * not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-   * locale is how a field ends up rejecting what it just displayed.
+   * not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+   * edit. The field does read a date typed in the locale's order and digits as
+   * you leave it, which covers what a reader types.
    *
    * The way out is not to choose between the two but to separate them in time.
    * Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -42447,6 +43223,9 @@ export type CustomElements = {
    *
    * **The name goes in**, so a row of them is heard as which one each
    * removes rather than as "Remove" said once per date.
+   * - `selection-label`/`selectionLabel`: What a screen reader hears about the dates chosen in the calendar, with
+   * `{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+   * `selection-label` says.
    * - `step`: How far apart the selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -42454,8 +43233,13 @@ export type CustomElements = {
    * where there is one and from 1 January 1970 where there is not, which is the
    * platform's base.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message shown when a date is not on `step`.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, handed to the
+   * calendar: the day marked today, and the month an empty field opens on.
+   * Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone.
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the calendar, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-dates` or `disable-days` bars a date.
+   * - `unreadable-message`/`unreadableMessage`: The message for text that is no date, where `bad-input-message` is not
+   * set. `{mode}` is `single`, `range`, or `multiple`.
    * - `year-view-label`/`yearViewLabel`: The name of the calendar's heading where it shows a page of years, with
    * `{heading}` filled in.
    * - `empty-message`/`emptyMessage`: What a row of segments reports when the field is required and every
@@ -42466,6 +43250,10 @@ export type CustomElements = {
    * - `incomplete-message`/`incompleteMessage`: What a row of segments reports while some segments are set and others
    * are not, where `bad-input-message` is not set. `{kind}` is `date` or
    * `time`.
+   * - `range-end-label`/`rangeEndLabel`: What a screen reader hears before the segments of a range's second date
+   * or time, after each segment's own name.
+   * - `range-start-label`/`rangeStartLabel`: What a screen reader hears before the segments of a range's first date
+   * or time, after each segment's own name: "month, Start, Stay".
    * - `segmented`: Whether the field is a row of segments, one for each part of the date or
    * time, in place of a line of text.
    *
@@ -42626,6 +43414,7 @@ export type CustomElements = {
    * - `helix-before-change`: Fired before the date changes. Cancelable: call `preventDefault()` to keep the current date.
    * - `helix-before-close`: Fired before the calendar closes. Cancelable: call `preventDefault()` to keep it open.
    * - `helix-before-open`: Fired before the calendar opens. Cancelable: call `preventDefault()` to keep it closed.
+   * - `helix-clear`: Fired after the clear button has emptied the field, after `input` and `change`.
    * - `input`: Fired after the value changes.
    * - `toggle`: Fired when the calendar opens or closes, with `newState` and `oldState`.
    *
@@ -42633,6 +43422,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `clear-icon`: Replaces the cross on the clear button, under `clearable`.
    * - `end`: Content after the date, before the trigger, such as a clear button.
    * - `feedback`: The error message under the field.
    * - `hint`: The help text under the field.
@@ -42708,6 +43498,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `clear`: The button that empties the field, under `clearable`, while it holds a date.
    * - `control`: The text input.
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-cell`: The tag's grid cell, which a tag draws only inside a tag group.
@@ -42749,8 +43540,10 @@ export type CustomElements = {
    * - `picker-periods`: The grid of months or years.
    * - `picker-previous`: The control that moves to the previous month.
    * - `picker-previous-mark`: The icon on the previous month control.
+   * - `picker-selection`: The chosen date or range in words, which screen readers hear when it changes. Drawn for screen readers only.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
+   * - `range-separator`: The dash between a range's two rows of segments, in `segmented`, beside `literal`.
    * - `rest`: The count of dates beyond the ones shown. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `segment`: One part of the date, a year, a month or a day, in `segmented`.
    * - `segment-placeholder`: A segment with nothing in it yet. Applied with `segment`.
@@ -42764,6 +43557,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: The field holds no date.
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: The calendar is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -42783,9 +43577,11 @@ export type CustomElements = {
    * **Dates are `YYYY-MM-DD` strings, and every calculation is in UTC**, because
    * a local-time `Date` shifts across a time zone or daylight-saving boundary.
    *
-   * **The days are the Gregorian calendar's**, written in `calendar`: the
-   * locale's own where its months are the Gregorian months, as `th-TH` writes
-   * 2569 for 2026, and `gregory` where they are not, as for `fa-IR`.
+   * **The months are the ones `calendar` counts**: the Gregorian months for the
+   * locale's own calendar where its months are the Gregorian months, as `th-TH`
+   * writes 2569 for 2026, and `gregory` where they are not, as for `fa-IR`
+   * with no `calendar`. Name a calendar with months of its own, such as
+   * `persian`, and every view counts its days, months, and years from `Intl`.
    *
    * `month` sets which month the grid shows, separately from `value`, so paging
    * selects nothing and you can control the view. When unset, it follows the
@@ -42793,7 +43589,14 @@ export type CustomElements = {
    *
    * `mode` sets how many dates are held. Unset holds one, `range` holds two and
    * marks the dates between them, and `multiple` toggles each date. All three
-   * read and write the same comma-separated `value`.
+   * read and write the same comma-separated `value`. With a `mode`, the grid
+   * carries `aria-multiselectable`. While a range holds one end, the grid draws
+   * the range to the day under the pointer or the focus, marking those cells
+   * `data-range-preview`.
+   *
+   * The chosen date, range, or count of dates is the grid's description, in a
+   * region screen readers announce when it changes, as React Aria's calendars
+   * do. `selection-label` words it.
    *
    * `max-view` makes the heading a button that steps back to the months of the
    * year, and with `year` to a page of years, as Zag's date picker does. The
@@ -42828,14 +43631,16 @@ export type CustomElements = {
    * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
    * for `fa-IR`.
    *
-   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
-   * `coptic`, and `indian` draw a calendar with months of its own, as React
-   * Aria's calendars do: each grid is one of that calendar's months, the
-   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
-   * Previous, Next and the page keys move by those months. `month` and
+   * `persian`, `hebrew`, `islamic`, `islamic-umalqura`, `islamic-civil`,
+   * `islamic-tbla`, `islamic-rgsa`, `ethiopic`, `ethioaa`, `coptic`,
+   * `indian`, `chinese`, and `dangi` draw a calendar with months of its own,
+   * as React Aria's calendars do: each grid is one of that calendar's months,
+   * the Hebrew and Chinese leap months and Ethiopia's five-day thirteenth
+   * month included, and Previous, Next and the page keys move by those
+   * months. With `max-view`, the months view shows that calendar's year, of
+   * twelve or thirteen months, and the years view its years. `month` and
    * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
-   * heading stays text, as the months and years views are drawn in Gregorian
-   * months only. The value is `YYYY-MM-DD` in every calendar.
+   * value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -42898,6 +43703,11 @@ export type CustomElements = {
    * value and stays reachable, which is what a form showing a value somebody
    * else set needs.
    * - `required`: Stops the form from submitting while no date is chosen.
+   * - `selection-label`/`selectionLabel`: What a screen reader hears about the chosen dates: the grid's
+   * description, said again whenever the dates change. `{kind}` is `date`,
+   * `start` while a range holds one end, `range`, or `dates` for `multiple`.
+   * `{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+   * many dates are chosen.
    * - `step`: How far apart the selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, counted from `min` where there is
@@ -43052,6 +43862,13 @@ export type CustomElements = {
    * Date Input calls this when its trigger opens the calendar, which is where
    * the APG date picker dialog puts focus. The host is not focusable, so a
    * plain `focus()` on it did nothing and focus stayed on the trigger.
+   * - `showChosen() => void`: Shows the days again, on the month of the chosen date, with the tab stop
+   * on that date, forgetting the month and the day the reader browsed to.
+   *
+   * Date Input calls it each time its panel opens, which is where the APG
+   * date picker dialog puts focus. Measured before this: from August 4, two
+   * presses of Page Down, Escape, and Down again opened on October 4.
+   * A `month` you set stays until the reader pages away from it.
    * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
    * - `formResetCallback() => void`: Returns the control to its `defaultValue`, or to its `value` attribute
    * where there is no `default-value`.
@@ -43115,7 +43932,7 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `cell`: One column of a week row. A range is painted on the cells.
-   * - `cell-range-end`: The cell of a range's last day, beside `cell`.
+   * - `cell-range-end`: The cell of a range's last day, beside `cell`, or of the day a waiting range is drawn to.
    * - `cell-range-middle`: A cell between a range's ends, beside `cell`.
    * - `cell-range-start`: The cell of a range's first day, beside `cell`.
    * - `day`: The shape inside a cell. A single chosen date is painted on it.
@@ -43141,6 +43958,7 @@ export type CustomElements = {
    * - `periods`: The grid of months or years.
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
+   * - `selection`: The chosen date or range in words, which screen readers hear when it changes. Drawn for screen readers only.
    * - `week`: One row of days.
    * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
@@ -43148,7 +43966,11 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `blank`: While no date is chosen.
+   * - `invalid`: While `invalid` is set, `feedback` says what is wrong, the picker holds a date outside `min` and `max` or one it bars, or it is `required`, holds no date, and the reader has answered once or a form has refused it.
+   * - `month-view`: While the months of a year are shown, where `max-view` is set.
+   * - `range-pending`: While a `range` holds its first end and waits for the second.
+   * - `year-view`: While a page of years is shown, where `max-view` is `year`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-date-picker": Partial<
@@ -45762,20 +46584,22 @@ export type CustomElements = {
    *
    * **A date is written in a calendar Date Picker draws**: the locale's own
    * where its months are the Gregorian months, as `th-TH` writes 2569 for 2026,
-   * and `gregory` where they are not, as for `fa-IR`. `calendar` picks one of
-   * the five.
+   * and `gregory` where they are not, as for `fa-IR`. `calendar` picks any of
+   * them, `persian` and `hebrew` included.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `calendar`: The calendar a date is written in: `gregory`, `buddhist`, `japanese`,
-   * `roc`, or `iso8601`, the calendars Date Picker and Date Input draw.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH`, and `gregory` for every other, such as `persian`
-   * for `fa-IR`, so a date written here reads as the same date a Date Picker
-   * beside it shows.
+   * `roc`, or `iso8601`, or a calendar with months of its own, such as
+   * `persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`: every
+   * calendar Date Picker and Date Input draw.
+   *
+   * Absent is the locale's own where its months are the Gregorian months,
+   * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
+   * `persian` for `fa-IR`, so a date written here reads as the same date a
+   * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
    * - `date`: The timestamp, in any format `Date` can parse.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
@@ -45794,6 +46618,9 @@ export type CustomElements = {
    * - `date-style`/`dateStyle`: The locale's own pattern for the date: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `weekday`, `day`, `month`, `year` and `era`.
    * - `day`: How the day of the month is written, where a date is shown.
+   * - `day-period`/`dayPeriod`: Writes the part of the day in words, such as "in the morning" or "at
+   * night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+   * twelve-hour clock.
    * - `elapsed`: Shows how long ago the timestamp was, in a compact form such as "3h", in
    * place of the date.
    *
@@ -45808,6 +46635,8 @@ export type CustomElements = {
    * Off by default, which draws the date as one run of text, as Shoelace and
    * Web Awesome do. An `elapsed` or `relative` reading is one phrase either
    * way.
+   * - `fractional-second-digits`/`fractionalSecondDigits`: How many digits of a fraction of a second to write after `second`: 1, 2,
+   * or 3, as in 09:41:07.250.
    * - `frozen`: Draws an `elapsed` or `relative` reading once and leaves it, where it
    * would otherwise move on as it goes stale.
    *
@@ -45845,7 +46674,9 @@ export type CustomElements = {
    * - `time-zone`/`timeZone`: The time zone to read the timestamp in.
    *
    * Empty is the runtime's own.
-   * - `time-zone-name`/`timeZoneName`: Shows the name of the time zone, in its `long` or `short` form.
+   * - `time-zone-name`/`timeZoneName`: Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+   * Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+   * `longGeneric` or `shortGeneric`, as Pacific Time or PT.
    * - `weekday`: How the weekday is written, where one is shown.
    * - `year`: How the year is written, where a date is shown.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -45876,6 +46707,7 @@ export type CustomElements = {
    * - `day`: The day of the month, with `fields`.
    * - `day-period`: AM or PM, or the locale's word for the part of the day, with `fields`.
    * - `era`: The era, such as AD, with `fields` and `era`.
+   * - `fractional-second`: The fraction of a second, with `fields` and `fractional-second-digits`.
    * - `hour`: The hour, with `fields`.
    * - `minute`: The minute, with `fields`.
    * - `month`: The month, with `fields`.
@@ -46144,14 +46976,15 @@ export type CustomElements = {
    * - `pan(to: ViewportWay) => void`: Pans the view one step in a direction.
    * - `zoom(by: number) => void`: Zooms the view one step: `1` zooms in and `-1` zooms out.
    * - `toggleFullscreen() => void`: Turns fullscreen on or off.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -47987,14 +48820,15 @@ export type CustomElements = {
    * - `previous() => void`: Shows the previous item. Before the first item, it shows the last when
    * `loop` is set.
    * - `toggleFullscreen() => void`: Makes the viewer fill the screen, or exits fullscreen.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
    * was applied.
    *
@@ -51633,6 +52467,7 @@ export type CustomElements = {
    * - `time-day`: Format Date's `day`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-day-period`: Format Date's `day-period`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-era`: Format Date's `era`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-fractional-second`: Format Date's `fractional-second`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-hour`: Format Date's `hour`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-minute`: Format Date's `minute`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-month`: Format Date's `month`, forwarded for a time drawn as fields. An elapsed time draws none.
@@ -56010,6 +56845,10 @@ export type CustomElements = {
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
+   * A press on a range's track takes the nearest thumb to the point pressed,
+   * and moving the pointer drags it, as React Aria's and Web Awesome's sliders
+   * do. The thumb takes focus, and `change` is sent as the press ends.
+   *
    * `origin` sets where a single thumb's fill starts: at `min`, at the middle of
    * the track, or at `max`. A balance or an offset from zero fills from the
    * middle, as Zag's slider `origin` does. The fill's ends are published as
@@ -56034,7 +56873,7 @@ export type CustomElements = {
    * |---|---|
    * | Right, Up | Moves the thumb up by `step`. |
    * | Left, Down | Moves the thumb down by `step`. |
-   * | Page Up, Page Down | Moves the thumb by a larger step. |
+   * | Page Up, Page Down | Moves the thumb by `page-step`, or by the platform's larger step where it is not set. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
    * Under `readonly` none of these move the thumb, and Tab still reaches it.
@@ -56095,6 +56934,9 @@ export type CustomElements = {
    * - `origin`: 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.
+   * - `page-step`/`pageStep`: How far Page Up and Page Down move a thumb, in the slider's own units, as
+   * React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+   * to the platform, which moves a tenth of the track.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
    * The pair is one string, `"10,50"`, which is what `value` and
@@ -56327,6 +57169,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `dragging`: A thumb is being dragged, by its thumb or from a press on the track.
+   * - `focus-visible`: A thumb has focus that the keyboard brought, where the browser draws a focus ring.
    * - `invalid`: The slider has an error to show, from the browser's validation or from your `feedback`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -56949,6 +57793,13 @@ export type CustomElements = {
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
+   * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
+   * at once: `{across}` is where the divider that runs down stands, and
+   * `{down}` where the one that runs across stands, each a percentage.
+   *
+   * **Both, because the handle moves both**, and a number names one: the
+   * handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+   * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
    * - `label`: The divider's name, read by screen readers.
@@ -57435,14 +58286,15 @@ export type CustomElements = {
    * and the invalid mark from every stage, as Ark UI's `resetStep` does.
    * Returns whether it moved: a listener can refuse the move with
    * `helix-before-activate`, and the stages then keep their marks.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Custom Properties
    *
@@ -58173,6 +59025,27 @@ export type CustomElements = {
    * Tab reaches each checkbox, and Space ticks it. To act on one row, put a
    * link or a button in a cell, or give the row an `href`.
    *
+   * `selection-mode="single"` selects one row at a time: ticking a row lets go
+   * of the one before, the heading holds no checkbox, and Shift and Control with
+   * A take in nothing more. `selection-behavior="replace"` makes a press on a
+   * row, anywhere but its own controls, select it alone, as a file list does,
+   * and in a `grid` table the arrow keys carry the selection with them. Control
+   * or Command with a press adds or takes out the row, and with an arrow moves
+   * without selecting. Shift with a press takes in the rows from the one last
+   * chosen.
+   *
+   * **Nesting rows.** A row with `parent` sits under the row of that key, as
+   * a file sits in a folder. The table then draws a column of disclosure
+   * buttons, under a heading named by `expand-column-label`: a row with rows
+   * under it has a button named by `expand-row-label` ("Expand {row}") that
+   * says with `aria-expanded` whether it is open, and the rows under a shut row
+   * are not drawn. `expanded` holds the open rows' keys, comma separated, and
+   * `default-expanded` is where it starts. A press asks with
+   * `helix-before-toggle` and tells with `helix-toggle`, both from the row, so
+   * you can refuse it or load the rows on the way. A sort orders the rows
+   * under each row among themselves, and in a `grid` table the table is a
+   * `treegrid` whose rows say their depth.
+   *
    * **Moving rows.** `reorderable` adds a column of grips before the checkboxes,
    * under a heading named by `row-grips-label`.
    *
@@ -58209,13 +59082,20 @@ export type CustomElements = {
    * | Enter on a cell of a row with `href` | Follows the row's link. |
    * | Enter, Space on a sortable heading | Sorts by the column. |
    * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
+   * | Enter or Space on a disclosure cell | Shows or hides the rows under the row, in a table whose rows nest. |
    * | Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |
+   * | Down, Up, Page Down, Page Up under `selection-behavior="replace"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |
    * | Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |
    * | Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |
    * | Control or Command with A | Selects every row, in a `selectable` table. |
    * | A letter or a word | Moves to the next row whose first cell starts with what you typed. |
    * | Tab | Leaves the table. |
    *
+   * **Loading more.** `load-more` sends `helix-load-more` once the end of the
+   * table comes within a screen of view, in the box that scrolls it or the
+   * page, once for each number of rows: add rows and it can send it again. Set
+   * `loading` while you fetch, and the table asks for nothing until it clears.
+   *
    * When the rows did not load, set `error-text`, such as "The orders did not
    * load", and put a button that tries again in the `error` slot. The line shows
    * after the rows in place of the empty and loading lines, the live region says
@@ -58261,6 +59141,8 @@ export type CustomElements = {
    * and a list here would be a second way to say what that says. This table's
    * cells are markup, and a table written as rows of cells with no column
    * declared in it has nowhere else to be sized from.
+   * - `default-expanded`/`defaultExpanded`: The keys of the rows whose rows are shown at the start, separated by
+   * commas. Used until `expanded` is set.
    * - `default-selected`/`defaultSelected`: The keys selected at the start, separated by commas. Used until `selected`
    * is set.
    * - `default-sort`/`defaultSort`: The starting sort order, used until `sort` is set.
@@ -58273,6 +59155,11 @@ export type CustomElements = {
    * While it is set, a line after the rows shows it, or your own content in the
    * `error` slot, in place of the empty and loading lines, and the live region
    * says it.
+   * - `expand-column-label`/`expandColumnLabel`: The name of the heading over the disclosure buttons.
+   * - `expanded`: The keys of the rows whose rows are shown, separated by commas, in a table
+   * whose rows nest. A press on a row's disclosure button asks first, and
+   * `default-expanded` seeds what this element then owns.
+   * - `expand-row-label`/`expandRowLabel`: The name of a row's disclosure button. `{row}` is the words of the row's first cell.
    * - `fallback-label`/`fallbackLabel`: The table's name where neither `label` nor an `aria-label` or
    * `aria-labelledby` on the host gives it one.
    * - `grid`: Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
@@ -58286,6 +59173,8 @@ export type CustomElements = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the table too, and
    * wins over this.
+   * - `load-more`/`loadMore`: Sends `helix-load-more` once the end of the table comes within a screen
+   * of view, so you can add the next rows as a reader nears them.
    * - `moved-label`/`movedLabel`: What screen readers hear each time a key moves a held row, in a
    * `reorderable` table. `{name}` is the row's words, `{position}` the place it
    * would go, counting from 1, and `{count}` the number of rows.
@@ -58299,6 +59188,8 @@ export type CustomElements = {
    * - `selectable`: Adds a column of checkboxes for selecting rows. Each row is known by its
    * `value`, and by its place among the rows as written where it has none.
    * - `select-all-label`/`selectAllLabel`: The name of the checkbox in the heading that selects every row.
+   * - `select-column-label`/`selectColumnLabel`: The name of the heading over the checkboxes under
+   * `selection-mode="single"`, where it holds no checkbox of its own.
    * - `selected`: The keys of the selected rows, separated by commas.
    *
    * A reader's press fires `helix-select` first, and refusing it leaves the
@@ -58308,6 +59199,11 @@ export type CustomElements = {
    * rows are chosen, written in the locale, and a language that needs plural
    * forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
    * {# wybranych} other {# wybranego}}`.
+   * - `selection-behavior`/`selectionBehavior`: What a press on a row, or in a `grid` table a key that moves to one, does
+   * to the rows already selected: `toggle`, the default, leaves them to the
+   * checkboxes, and `replace` selects the row alone.
+   * - `selection-mode`/`selectionMode`: How many rows a `selectable` table selects: `multiple`, the default, or
+   * `single`, one at a time.
    * - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the words of the
    * row's first cell.
    * - `sort`: The sort order, as `field:direction`, where `field` is a sortable column's
@@ -58356,11 +59252,14 @@ export type CustomElements = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-reorder`: Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is.
+   * - `helix-before-toggle`: Fired from a row when its disclosure button is pressed, with whether it would be open in `detail.checked`. Cancelable: cancel it to keep the row as it is.
+   * - `helix-load-more`: Fired, in a table with `load-more`, when the end of the table comes within a screen of view, once for each number of rows.
    * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Move your rows to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    * - `helix-select`: The selection is about to change. The event carries every selected key, separated by commas. Cancelable: cancel it to keep the current selection.
    * - `helix-selected`: Fired after the selection changes, with every selected key, separated by commas.
    * - `helix-sort`: A different sort order was requested, as `field:direction`, or empty for the order the rows were written in. Cancelable: cancel it to keep the current order.
    * - `helix-sorted`: Fired after the sort order changes, with the new order.
+   * - `helix-toggle`: Fired from a row once the rows under it are shown or hidden, with whether it is open in `detail.checked`.
    *
    * ## Slots
    *
@@ -58404,6 +59303,7 @@ export type CustomElements = {
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `empty`: The text shown when there are no rows.
    * - `error`: The line shown after the rows while `error-text` is set, in place of the empty and loading text.
+   * - `expand-head`: The heading over the disclosure buttons, in a table whose rows nest.
    * - `grid-end`: An empty box after the rows, in a `grid` table. Tab focuses it on its way out of the table, so the key leaves from the end.
    * - `grid-start`: An empty box before the rows, in a `grid` table. Shift with Tab focuses it on its way out of the table.
    * - `grip-head`: The heading over the row grips, in a `reorderable` table.
@@ -58441,6 +59341,12 @@ export type CustomElements = {
    * the drop indicator is, with the `dragging`, `drop-before`, and `drop-after`
    * states.
    *
+   * **`parent` nests the row under another**, by that row's key. The table
+   * then draws a column of disclosure buttons: a row with rows under it has one,
+   * named by the table's `expand-row-label` and saying whether it is open with
+   * `aria-expanded`, and its rows are drawn only while it is open. The cell is
+   * indented by the row's depth through `--table-row-level`.
+   *
    * **`href` makes the whole row a link**, as a row action does in React Aria's
    * table: a press anywhere on the row follows it, except on a link or a control
    * of the row's own, and Control, Command or Shift open it the way they open a
@@ -58461,6 +59367,9 @@ export type CustomElements = {
    * reached.
    * - `href`: 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.
+   * - `parent`: The key of the row this one sits under, in a table whose rows nest: that
+   * row's `value`, or its place among the rows where it has none. Empty, the
+   * default, is a row at the top.
    * - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
    * - `target`: Where the row's link opens, such as `_blank`.
    * - `value`: The key the table's `selected` lists this row by. Left empty, the row is
@@ -58492,6 +59401,12 @@ export type CustomElements = {
    *
    * - `(default)`: The row's cells.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--table-row-level`: Written by the row on its `expand` cell: how deep the row sits, from 1. Do not set it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -58507,6 +59422,9 @@ export type CustomElements = {
    * - `checkbox-mark-checked`: Added to `checkbox-mark` while its box is checked.
    * - `checkbox-mark-dash`: Added to `checkbox-mark` while it draws the dash, which it keeps until its box is checked.
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
+   * - `expand`: The cell that holds the row's disclosure button, in a table whose rows nest. It carries `--table-row-level`, the row's depth from 1.
+   * - `expand-button`: The button that shows and hides the rows under this one.
+   * - `expand-mark`: The caret on the disclosure button, which points along the line, turned down by the styled tier while the row is open.
    * - `grip`: The cell that holds the row's grip, in a `reorderable` table.
    * - `grip-button`: The button that moves the row.
    * - `grip-mark`: The icon on the grip.
@@ -58520,6 +59438,7 @@ export type CustomElements = {
    * - `dragging`: The row is being moved, in a `reorderable` table.
    * - `drop-after`: The row being moved goes after this one when it is dropped.
    * - `drop-before`: The row being moved goes before this one when it is dropped.
+   * - `expanded`: While the rows under this one are shown.
    * - `link`: While the row has `href` and is not `disabled`, so a press on it follows the link.
    * - `selected`: While the row is selected, in a `selectable` table.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -58772,14 +59691,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -59451,20 +60371,25 @@ export type CustomElements = {
    * `seconds`, because that is what the form
    * submits, what `min` and `max` compare against, and what sorts correctly as a
    * string. While idle, the field shows the time in the user's locale format.
-   * Once the caret is in the field, it shows the value itself, because a
-   * formatted time such as `2:30 PM` cannot be typed back and `Intl` has no
-   * parser for it.
+   * Once the caret is in the field, it shows the value itself. You can type
+   * `14:30`, or a time as you write one, such as `2:30 PM`, `2.30pm`, or
+   * `14h30`, and the field reads it as you leave it, with AM and PM in the
+   * locale's words.
    *
    * Typing sends `input` on each keystroke and `change` when you leave the
    * field. The trigger and ArrowDown open the list, and so does a press into the
-   * field; Tab into the field opens nothing. In the list, the arrow keys, typed digits and PageUp and PageDown
+   * field; Tab into the field opens nothing. The text field is a `combobox`
+   * with `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`, since
+   * Down opens the list from it. In the list, the arrow keys, typed digits and PageUp and PageDown
    * move through the times, and Enter, Space or a click chooses one and closes
    * the panel. With `variant="wheels"` each wheel moves the time as you turn it,
    * the panel stays open, and Enter or Escape closes it.
    *
    * With `segmented`, the field is a row of segments in place of the text: an
    * hour, a minute, and AM or PM where the clock has them, each set with digits
-   * or the arrow keys. Alt+Down opens the list from a segment.
+   * or the arrow keys. Alt+Down opens the list from a segment. A `range` is two
+   * rows with a dash between them, the start and the end, and `multiple` keeps
+   * the text.
    *
    * Text that is not a time gives the form an empty value, as a native time
    * field does, and `value` keeps the text so it can be corrected.
@@ -59496,6 +60421,10 @@ export type CustomElements = {
    *
    * Empty leaves the attribute off, which is the browser's default and is what
    * lets autofill work at all.
+   * - `clearable`: Whether the field shows a button that empties it, as Input's `clearable`
+   * does. Shown only while the field holds something to clear and is neither
+   * disabled nor read-only.
+   * - `clear-label`/`clearLabel`: The accessible name of the clear button, which shows only an icon.
    * - `disable-times`/`disableTimes`: Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
    *
    * Handed to the list, which offers them as unavailable, and checked against
@@ -59544,6 +60473,8 @@ export type CustomElements = {
    * never something this element would refuse to read back.
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the list, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-times` bars a time.
+   * - `unreadable-message`/`unreadableMessage`: The message for text that is no time, where `bad-input-message` is not
+   * set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
    * - `variant`: Whether the panel shows one list of times or a column for each part of the
    * time.
    *
@@ -59566,6 +60497,10 @@ export type CustomElements = {
    * - `incomplete-message`/`incompleteMessage`: What a row of segments reports while some segments are set and others
    * are not, where `bad-input-message` is not set. `{kind}` is `date` or
    * `time`.
+   * - `range-end-label`/`rangeEndLabel`: What a screen reader hears before the segments of a range's second date
+   * or time, after each segment's own name.
+   * - `range-start-label`/`rangeStartLabel`: What a screen reader hears before the segments of a range's first date
+   * or time, after each segment's own name: "month, Start, Stay".
    * - `segmented`: Whether the field is a row of segments, one for each part of the date or
    * time, in place of a line of text.
    *
@@ -59717,6 +60652,7 @@ export type CustomElements = {
    * - `helix-before-change`: Fired before the time changes. Cancelable: canceling it stops the change and leaves the decision to you.
    * - `helix-before-close`: Fired before the list closes. Cancelable: canceling it keeps the list open and leaves the decision to you.
    * - `helix-before-open`: Fired before the list opens. Cancelable: canceling it keeps the list closed and leaves the decision to you.
+   * - `helix-clear`: Fired after the clear button has emptied the field, after `input` and `change`.
    * - `input`: Fired after the value changes.
    * - `toggle`: Fired after the list opens or closes, with `newState` and `oldState`.
    *
@@ -59724,6 +60660,7 @@ export type CustomElements = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `clear-icon`: Replaces the cross on the clear button, under `clearable`.
    * - `end`: Content after the time, before the trigger, such as a clear button.
    * - `feedback`: The message that says what is wrong with the value.
    * - `hint`: Help under the field.
@@ -59797,6 +60734,7 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `clear`: The button that empties the field, under `clearable`, while it holds a time.
    * - `control`: The text input.
    * - `feedback`: The message that says what is wrong with the value.
    * - `field`: The box that holds the text and the trigger.
@@ -59842,6 +60780,7 @@ export type CustomElements = {
    * - `picker-option-item-selected`: The row of a chosen time: the one time, or either end of a range.
    * - `picker-option-label`: The option's label.
    * - `picker-option-text`: The label and the caption, as one column.
+   * - `range-separator`: The dash between a range's two rows of segments, in `segmented`, beside `literal`.
    * - `rest`: The count of times held beyond the ones shown. A `<button>` with `expandable`, and a `<span>` without it.
    * - `segment`: One part of the time, an hour, a minute, a second or AM and PM, in `segmented`.
    * - `segment-placeholder`: A segment with nothing in it yet. Applied with `segment`.
@@ -59862,6 +60801,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: The field holds no time.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the clock is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -59915,7 +60855,10 @@ export type CustomElements = {
    * host's `aria-label` or its `aria-labelledby`. A development build warns
    * where all four are empty. The list is described by the hint, or by the
    * message in `feedback` in its place, and carries `aria-multiselectable` with
-   * a `mode` and `aria-invalid` while `feedback` says what is wrong. The wheels
+   * a `mode`. It carries `aria-invalid` while `feedback` says what is wrong,
+   * while it holds a time outside `min` and `max` or one the picker does not
+   * offer, and, for a `required` picker with no time, once the reader has
+   * chosen one or a form has refused the picker. The wheels
    * are a `group` with that name, holding one `listbox` per wheel, named "Hour",
    * "Minute", "Second" and "AM/PM" in the page's language, and each described
    * the same way.
@@ -60273,7 +61216,7 @@ export type CustomElements = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
-   * - `option`: One time in the list. It carries `data-between` inside a range.
+   * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
    * - `option-item`: The row.
@@ -60287,7 +61230,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `blank`: While no time is chosen.
-   * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `invalid`: While `invalid` is set, `feedback` says what is wrong, or the list carries `aria-invalid`.
+   * - `range-pending`: While a `range` holds its first time and waits for the second.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-time-picker": Partial<
@@ -60378,7 +61322,14 @@ export type CustomElements = {
    * counting parent, and no script. `Steps` and `Breadcrumbs` work the same way.
    *
    * `tone` sets the kind of event and is the only thing that colors the mark. It
-   * uses the same values as `Announcement`.
+   * uses the same values as `Announcement`. **A screen reader hears the tone as
+   * a word**, from `tone-labels`: the mark is an image named "Error",
+   * "Information", "Success" or "Warning", so the color is not the only place
+   * the meaning is. `neutral` and `primary` say nothing unless you name them.
+   *
+   * **`pending` marks an event that has not happened yet**, such as one that is
+   * scheduled. The mark is the open circle, and a screen reader hears
+   * `pending-label`, "Scheduled", with the tone's word.
    *
    * ## Attributes & Properties
    *
@@ -60390,11 +61341,20 @@ export type CustomElements = {
    * Whatever `<time>` accepts, which is a date, a time, both, a duration or a
    * week. Unset, the label is written as it was given and nothing claims to
    * know what instant it names.
+   * - `pending`: Marks an event that has not happened yet, such as one that is scheduled.
+   * The mark is the open circle, and a screen reader hears `pending-label`.
+   * - `pending-label`/`pendingLabel`: What a screen reader hears for an entry that is `pending`.
    * - `relative`: Writes the time as how long ago it was, or how long until it, from
    * `datetime`, where the `time` slot is empty: `long` ("3 hours ago"),
    * `short` ("3 hr. ago") or `narrow` ("3h ago"). Set with no value, it is
    * `long`. The words move on as they go stale.
-   * - `tone`: The kind of event. It sets the color of the mark and nothing else.
+   * - `tone`: The kind of event. It sets the color of the mark, and a screen reader
+   * hears it as the word `tone-labels` gives it.
+   * - `tone-label`/`toneLabel`: What a screen reader is told this entry's tone is, such as "Failed".
+   * Absent is the tone's word in `tone-labels`.
+   * - `tone-labels`/`toneLabels`: What a screen reader is told each tone is, by the tone's name, written as
+   * JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+   * word is not read, which is `neutral` and `primary` in English.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -60421,7 +61381,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: What happened.
-   * - `marker`: The mark on the line. Defaults to a dot, which is the slot's fallback content.
+   * - `marker`: The mark on the line. Defaults to a dot, which is the slot's fallback content. A mark you slot is read as the tone's word, where the entry has one.
    * - `time`: When it happened, written the way you want it shown.
    *
    * ## CSS Parts
@@ -60430,7 +61390,7 @@ export type CustomElements = {
    *
    * - `content`: What happened, and the time above it.
    * - `dot`: The dot drawn when no marker is slotted.
-   * - `marker`: The mark on the line.
+   * - `marker`: The mark on the line. An image named by the tone's word, and by `pending-label`, where either applies.
    * - `rail`: The column that holds the mark and the line. Draw the two halves of the line with `::part(rail)::before` and `::part(rail)::after` in your stylesheet. This tier ships no CSS and renders no extra box for the line.
    * - `time`: When it happened.
    *
@@ -60871,7 +61831,7 @@ export type CustomElements = {
    * | Right, Down | Moves to the next item, from the last back to the first. In a single group, chooses it. |
    * | Left, Up | Moves to the item before, from the first round to the last. In a single group, chooses it. |
    * | Home, End | Moves to the first or the last item. In a single group, chooses it. |
-   * | Space, Enter | Chooses the focused item, or presses or releases it in a multiple group. |
+   * | Space, Enter | Chooses the focused item, or presses or releases it in a multiple group. With `allow-empty-selection`, takes back the chosen item. |
    *
    * Left and Right swap on a right-to-left page, and a disabled item is passed
    * over. A single group is a `radiogroup` of items with `role="radio"` and
@@ -60883,6 +61843,11 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `allow-empty-selection`/`allowEmptySelection`: Whether a press on the chosen item, or Space or Enter on it, takes it
+   * back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+   * Radix's `ToggleGroup` do in a single group. Absent, a single group always
+   * keeps its choice once it has one, as a radio group does. A multiple group
+   * releases a pressed item either way.
    * - `label-placement`/`labelPlacement`: Where the group's label sits. `start` puts it on the track's line.
    *
    * Absent is above, which is what a field looks like and what almost every
@@ -61227,13 +62192,13 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `item`: The radio button.
+   * - `item`: The button: a radio in a group where one is chosen, and a button with `aria-pressed` on its own or in a group where several can be.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `pressed`: The item is pressed, in a group where several can be.
+   * - `pressed`: The item is pressed, on its own or in a group where several can be.
    * - `selected`: The item is chosen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -62360,14 +63325,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -62561,6 +63527,12 @@ export type CustomElements = {
    * Written by the playlist rather than by the entry, the way an option's
    * selection is: an entry that made itself current would be a second answer to
    * which one is playing. (property only)
+   * - `focusable`: Whether the entry holds the playlist's tab stop. Unset, every entry is in
+   * the tab order, which is what a server renders.
+   *
+   * **Written by the playlist, with no attribute, and it reaches the button.**
+   * The playlist gives the stop to the entry a reader last focused, or to the
+   * current one, and the arrow keys reach the rest. (property only)
    * - `text`: The entry's name: its own text, without the content in its named slots.
    *
    * `textContent` takes the whole subtree: a row with a duration in `meta`
@@ -62602,6 +63574,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entry's name.
+   * - `indicator`: A mark shown on the entry that is playing, such as an equalizer icon. Rendered only while the entry is current.
    * - `media`: A thumbnail. Defaults to an image of `poster`.
    * - `meta`: Content after the name, such as a duration or a date.
    *
@@ -62617,6 +63590,7 @@ export type CustomElements = {
    * Custom selectors for styling elements within the component.
    *
    * - `container`: The list item that holds the button.
+   * - `indicator`: The `indicator` slot, at the end of the row, rendered only while the entry is playing. It draws no box until you give it one.
    * - `item`: The row, which is a button.
    * - `item-current`: Added to `item` for the entry that is playing.
    * - `label`: The name and the content after it.
@@ -62744,19 +63718,31 @@ export type CustomElements = {
    * - the player reaches the end.
    *
    * On `ended` the playlist advances and the next clip starts playing, because
-   * the user already pressed play once. `repeat` decides what happens at the
+   * the user already pressed play once. `no-advance` turns that off, and the
+   * playlist stays on the entry that ended. `repeat` decides what happens at the
    * end: `one` plays the same entry again, and `all` goes from the last entry
    * back to the first. Without it, the playlist stops on the last entry and
    * sends `helix-end`. `shuffle` plays the entries in a random order, starting
    * from the one that is current, and `previous` retraces that order.
    *
+   * **`helix-before-activate` says why the playlist is moving**, in
+   * `detail.cause`: `press` for an entry or a menu choice, `next` and
+   * `previous` for the player's controls and the methods, `ended` at the end of
+   * a clip, and `removed` when the current entry leaves the playlist. Cancel an
+   * `ended` move to show your own "Up next" countdown, then call `next()`.
+   *
+   * **Removing the current entry moves the playlist on**, to the entry after it,
+   * or to the one before it when it was the last. A clip that was playing keeps
+   * playing in the entry that takes its place.
+   *
    * **The player is named by the current entry**, and the device's own media
    * controls show the entry as the title. A player you gave a `label` keeps
    * your name, and only the title follows the entry.
    *
-   * **Keyboard.** Each entry is a button in the tab order, and Enter or Space
-   * plays it. The arrow keys move focus to the entry before or after, and Home
-   * and End to the first and the last, passing over disabled entries. The
+   * **Keyboard.** The entries take one stop in the tab order: the entry you
+   * last focused, or the current entry before you have focused one. Enter or
+   * Space plays it. The arrow keys move focus to the entry before or after, and
+   * Home and End to the first and the last, passing over disabled entries. The
    * current entry carries `aria-current`. While focus is on the player, the
    * player's own keys work, and `Video` lists them, and Shift with N or P plays
    * the next or the previous entry. The player's previous and next controls
@@ -62771,7 +63757,11 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `empty-label`/`emptyLabel`: What the playlist says while it has no entries. The `empty` slot replaces it.
    * - `label`: The list's name, read by screen readers.
+   * - `no-advance`/`noAdvance`: Stays on an entry when its clip ends, where the playlist would otherwise
+   * play the next one. The player's controls, a press, and `next()` still
+   * move. `repeat="one"` still plays the entry again.
    * - `playing-label`/`playingLabel`: What the live region says when the playlist moves to another entry.
    * `{title}` is the entry's name.
    *
@@ -62831,7 +63821,7 @@ export type CustomElements = {
    * Events that will be emitted by the component.
    *
    * - `helix-activate`: 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-before-activate`: The current entry is about to change. Cancelable: cancel it to keep the current entry.
+   * - `helix-before-activate`: The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry.
    * - `helix-end`: The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set.
    *
    * ## Slots
@@ -62839,6 +63829,7 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries.
+   * - `empty`: Shown while the playlist has no entries. Defaults to `empty-label`.
    * - `player`: The player that plays the entries.
    *
    * ## Methods
@@ -62850,19 +63841,21 @@ export type CustomElements = {
    * entry otherwise.
    * - `previous() => void`: Moves to the previous entry and plays it, as the player's previous control
    * does. Under `shuffle` it goes back through the order that played.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `empty`: The box that holds the `empty` slot, drawn while there are no entries.
    * - `items`: The list of entries.
    * - `live`: A live region that says which entry plays after the playlist moves.
    * - `player`: The region that holds the player.
@@ -63341,8 +64334,10 @@ export type CustomElements = {
    * **A grid.** `columns` lays the items out that many to a line, as a grid of
    * equal columns, and windows the set a line at a time, as React Aria's grid
    * layout does. Each item draws one element, a cell of the grid, and
-   * `estimate` is the height of a line. Space the items with padding inside
-   * each one, which the list measures with the line.
+   * `estimate` is the height of a line. `min-column-width` lays out as many
+   * columns as fit the box instead, as React Aria's grid layout does with its
+   * smallest item size, and follows the box as it resizes. `gap` spaces the rows, and the columns
+   * of a grid, by a number of pixels the list counts in each row's place.
    *
    * **Keyboard.** The list is one tab stop.
    *
@@ -63353,6 +64348,7 @@ export type CustomElements = {
    * | Home, End | Moves to the first or the last item. |
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
+   * | Escape | Lets go of every chosen item, in a list with `selection-mode`. |
    * | Tab | Moves into the focused row's own links and buttons, then out of the list. |
    *
    * An item that is not drawn is scrolled into view and focused, so a keyboard
@@ -63369,12 +64365,23 @@ export type CustomElements = {
    * from: `single` selects one item and `multiple` any number. Space or a press
    * selects an item, Shift with Space, an arrow, Home, End or a press takes in
    * the items from the last one chosen, and Control or Command with A selects
-   * them all, in `multiple`. `value` holds the chosen items' keys, separated by
-   * commas, in the order of the set: `key-field` names each item's key, and a
-   * string or a number item is its own key. A change asks with
-   * `helix-before-change` and tells with `change`. Each row is an `option`
-   * marked `aria-selected`, so a row's own links and buttons are not reached
-   * there: keep those to a list without `selection-mode`.
+   * them all, in `multiple`. Escape lets go of every chosen item, and keeps the
+   * key from the dialog or menu around the list while there was something to
+   * let go of. `value` holds the chosen items' keys, separated by commas, in
+   * the order of the set: `key-field` names each item's key, and a string or a
+   * number item is its own key. A change asks with `helix-before-change` and
+   * tells with `change`. Each row is an `option` marked `aria-selected`, so a
+   * row's own links and buttons are not reached there: keep those to a list
+   * without `selection-mode`.
+   *
+   * `selection-behavior="replace"` selects the item pressed alone, as a file
+   * list does, and the arrow keys carry the selection with them. Control or
+   * Command with a press or with Space adds or takes out one item, and with an
+   * arrow moves without selecting.
+   *
+   * **Disabled items.** `disabled-keys` names items by their keys, separated by
+   * commas. Their rows carry `aria-disabled`, the keys and typing pass over
+   * them, and a press, Space, or Control with A does not select them.
    *
    * **Loading more.** `helix-range-change` fires as the items on screen change,
    * and `range` holds them. `helix-load-more` fires once a reader is within one
@@ -63416,6 +64423,8 @@ export type CustomElements = {
    * - `columns`: 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.
+   * - `disabled-keys`/`disabledKeys`: The keys of the items a reader cannot choose or move to, separated by
+   * commas, as `value` writes keys. Their rows carry `aria-disabled`.
    * - `empty-label`/`emptyLabel`: The text of the row shown when there are no items and none are loading,
    * where the `empty` slot is empty. Empty, the default, shows no row.
    * - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
@@ -63424,6 +64433,10 @@ export type CustomElements = {
    * right whenever the rows really are one height and is the cheaper of the two.
    * - `for`: The id of the script element that holds the items as JSON. `items` wins
    * where both are set.
+   * - `gap`: The space between two rows, and between two columns in a grid, in
+   * pixels. The list counts it in each row's place, so a gap does not walk
+   * the rows away from the scroll position the way a margin on each row
+   * would.
    * - `key-field`/`keyField`: 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.
@@ -63448,6 +64461,12 @@ export type CustomElements = {
    * 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.
+   * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
+   * out as many columns as fit the box at that width, at least one, and
+   * follows the box as it resizes, which `columns` then does not decide.
+   * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
+   * the item, and `replace` selects it alone and lets the arrow keys carry the
+   * selection, with Control or Command adding or taking out one item.
    * - `selection-mode`/`selectionMode`: 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.
    * - `text-field`/`textField`: The field of each item that typing matches, as a key or a path of keys
@@ -66359,6 +67378,16 @@ export type CustomElementsSolidJs = {
    * - What a key changes that a reader cannot see is said: where a card moved
    *   to, its new size, how many cards are selected, and the zoom. A selected
    *   card or connection says so when a reader arrives on it.
+   * - Control or Command with C copies the selected cards, and the connections
+   *   between them, as a JSON Canvas document in text, which another board or
+   *   an app that reads the format takes. A paste is your page's: listen for
+   *   `paste` on the board, read the text with `fromJsonCanvas`, and add the
+   *   cards it holds.
+   * - Control or Command with Z undoes the last move or resize the board made,
+   *   and with Shift, or Control with Y, makes it again. `undo()` and `redo()`
+   *   do the same from a script. Each asks with `helix-before-move` and tells
+   *   with `helix-move`, as a move does, so a board that holds its positions in
+   *   your state is undone through your state.
    *
    * Every drag also works with clicks, as WCAG 2.5.7 requires for a pointer that
    * cannot hold a button down. Click a selected card's move handle, a corner, a
@@ -66409,6 +67438,7 @@ export type CustomElementsSolidJs = {
    * this, so a reader hears the ends first and what the line says after.
    * - `controls-label`/`controlsLabel`: The name of the group of controls, read by screen readers, which names
    * what the controls drive rather than the mechanism.
+   * - `copied-label`/`copiedLabel`: What screen readers hear after a copy, with `{count}` for the cards copied.
    * - `fallback-label`/`fallbackLabel`: The board's name where `label` is empty.
    * - `label`: The accessible name for the board. Required.
    *
@@ -66454,6 +67484,7 @@ export type CustomElementsSolidJs = {
    * walk the cards.
    * - `reconnecting-label`/`reconnectingLabel`: The text announced when a connection's end is picked up, with `{from}` and
    * `{to}`.
+   * - `redone-label`/`redoneLabel`: What screen readers hear after a move or a resize is made again.
    * - `resized-label`/`resizedLabel`: What screen readers hear after a key resizes a card, with `{name}` for the
    * card and `{width}` and `{height}` for its new size, in the document's
    * units.
@@ -66511,6 +67542,7 @@ export type CustomElementsSolidJs = {
    * see the board is told by the color; this is how a reader who cannot is
    * told the same. A tone left out is not read.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the board with `gestures="cooperative"`.
+   * - `undone-label`/`undoneLabel`: What screen readers hear after a move or a resize is undone.
    * - `using-label`/`usingLabel`: The line shown while the board, with `gestures="activate"`, has the gestures.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the board with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
@@ -66683,6 +67715,11 @@ export type CustomElementsSolidJs = {
    *
    * What a reader landing on a card off the edge of the view gets, and what a
    * page's own search or outline can call to take a reader to one.
+   * - `undo() => boolean`: Puts the cards of the last move or resize back where they stood, asking
+   * with `helix-before-move` first. Returns whether anything moved: false
+   * with nothing to undo, or when the request was refused.
+   * - `redo() => boolean`: Makes the last move or resize `undo` took back again, asking with
+   * `helix-before-move` first. Returns whether anything moved.
    * - `toJsonCanvas() => CanvasDocument`: The board as a JSON Canvas document, for saving it.
    *
    * What each card holds is the consumer's DOM, so a card comes back as a card
@@ -67524,6 +68561,19 @@ export type CustomElementsSolidJs = {
    * "Ada is typing" (`typing-label`), which a screen reader hears, and clearing
    * it takes them away. Anything slotted into `status` is drawn first.
    *
+   * **Keyboard.** The transcript moves between turns the way a feed does. Each
+   * turn says its place, such as "3 of 40", windowed or not.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Page Down, Page Up | On a turn or inside one, moves focus to the next or the previous turn. On the transcript itself, moves focus to the turn at the top of the view. |
+   * | Control with End | Moves focus to the composer. |
+   * | Control with Home | Moves focus to the first control above the transcript, or to the transcript. |
+   *
+   * While you are scrolled away from the newest turn, the `resume` region shows
+   * a button that takes you back, named by `resume-label`, "Jump to latest".
+   * Slot your own control into `resume` to replace it.
+   *
    * A screen reader names each turn by its author and its time, such as "You, 2
    * minutes ago". Set `me-label` and `message-label` to say it in your language,
    * and give each turn by `them` an `author-label`. A turn with neither an author
@@ -67594,6 +68644,7 @@ export type CustomElementsSolidJs = {
    * is the way back, and that is a part inside the shadow tree where a
    * stylesheet can already reach it. Measured rather than assumed: `label,
    * pinned` after upgrade against `label` from the server.
+   * - `resume-label`/`resumeLabel`: The words on the button that returns to the newest turn, where `resume` is empty.
    * - `threshold`: How near the bottom still counts as being at it, in pixels.
    *
    * A hook rather than a constant, because the right number depends on how tall
@@ -67663,7 +68714,7 @@ export type CustomElementsSolidJs = {
    * - `actions`: Controls for the whole conversation, beside the header.
    * - `composer`: The composer, below the transcript.
    * - `header`: Content above the transcript that names the conversation.
-   * - `resume`: The control that returns to the bottom, shown while the user has scrolled away.
+   * - `resume`: The control that returns to the bottom, shown while the user has scrolled away. Defaults to a button named by `resume-label`.
    * - `status`: Status beside the composer, such as someone typing or a lost connection.
    *
    * ## Methods
@@ -67712,6 +68763,8 @@ export type CustomElementsSolidJs = {
    * - `message-state`: The state text of a turn from `turns`, when there is one to show.
    * - `message-time`: The time of a turn from `turns`.
    * - `resume`: The control shown while the user is scrolled away from the bottom.
+   * - `resume-button`: The button the `resume` region shows when nothing is slotted into it.
+   * - `resume-mark`: The arrow on the default `resume-button`.
    * - `status`: The status region, outside the log.
    * - `turn`: The wrapper around the message drawn for one turn from `turns`.
    * - `typing`: The words that say who is typing, in the status band, while `typing` names someone.
@@ -68228,7 +69281,18 @@ export type CustomElementsSolidJs = {
    * For a fragment of code inside a sentence, use `Code`.
    *
    * Set `line-numbers` to number the lines in a gutter beside the code, hidden
-   * from the accessibility tree and left out of a copy. Set `highlight` to a
+   * from the accessibility tree and left out of a copy. Set `mark-lines` to
+   * mark lines a reader should look at, such as `2, 4-6`: the block draws a
+   * band behind each run, placed where the lines are laid out, so it follows a
+   * highlighter's markup and lines that wrap. Set `wrap` to wrap long lines
+   * rather than scroll them; a gutter then numbers each line where it starts.
+   * Set `wrappable` for a button in the header that turns `wrap` on and off,
+   * pressed while the lines wrap.
+   *
+   * The header holds the name, the `actions` slot, and the copy button. Slot a
+   * control into `actions`, such as a button that sets `wrap` or one that opens
+   * the code in an editor, and the block draws a header for it even with no
+   * name. `copy-icon` and `copied-icon` replace the copy button's two icons. Set `highlight` to a
    * function that turns the code into highlighted markup, such as one wrapping
    * Shiki or Prism, and the block draws what it returns; it is handed the
    * block's `language`, so one function serves every block. The code stays in
@@ -68315,6 +69379,9 @@ export type CustomElementsSolidJs = {
    * copy, which takes the code alone. Reflected, because the stylesheet lays
    * the gutter out beside the code. A diff numbers its lines from its hunks
    * whether or not this is set.
+   * - `mark-lines`/`markLines`: The lines to mark, as numbers and ranges counted from 1, such as `2, 4-6`.
+   * Each run is drawn as a band behind its lines. Not for a diff, which marks
+   * its own changes.
    * - `no-copy`/`noCopy`: Whether to leave the copy button off.
    *
    * Negative, which is not a style choice. A boolean attribute is true whenever
@@ -68339,6 +69406,17 @@ export type CustomElementsSolidJs = {
    * Absent is unified, each removal above its replacement, which fits any
    * width. `split` sets the old version beside the new one. Optional rather
    * than defaulted, so the host carries no attribute the consumer did not write.
+   * - `wrap`: Whether long lines wrap. Without it they scroll.
+   *
+   * Off by default, so long lines scroll, because a line break can be
+   * significant in code and a wrapped line reads as two. For prose-like code,
+   * such as a long command or a log line, a wrap reads better than a scroll.
+   * With `line-numbers`, each number stands beside the line it numbers
+   * however many rows that line takes. Reflected, because the stylesheet
+   * wraps the lines.
+   * - `wrap-label`/`wrapLabel`: The wrap button's name, which it keeps whether it is pressed or not.
+   * - `wrappable`: Whether the header has a button that wraps the lines and unwraps them. The
+   * block draws a header for it even with no name.
    * - `highlight`: Turns the code into highlighted markup, which the block draws in place of
    * the plain text.
    *
@@ -68381,16 +69459,36 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-before-toggle`: The wrap button was pressed, with the `wrap` it asks for in `detail.checked`. Cancelable: cancel it to keep the lines as they are.
+   * - `helix-toggle`: Fired after the wrap button changed `wrap`, with the new value in `detail.checked`.
+   *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The code.
+   * - `actions`: Controls for the block, in the header before the copy button.
+   * - `copied-icon`: The copy button's icon after a copy. Defaults to a check mark.
+   * - `copy-icon`: The copy button's icon before a copy. Defaults to a clipboard.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--code-block-line-size`: Written by the block on each `number` in a `wrap` block with `line-numbers`: how tall the line it numbers is laid out. Do not set it.
+   * - `--code-block-mark-inline-size`: Written by the block on each `mark`: how wide the code is, scrolled part included. Do not set it.
+   * - `--code-block-mark-size`: Written by the block on each `mark`: how tall its run of lines is. Do not set it.
+   * - `--code-block-mark-start`: Written by the block on each `mark`: how far down the code its run of lines starts. Do not set it.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `actions`: The box in the header that holds the `actions` slot, drawn while something is slotted there.
    * - `added`: In a diff, a line only the new version has, an `<ins>`.
    * - `block`: The scrolling `<pre>`.
    * - `code`: The `<code>` inside it.
@@ -68419,13 +69517,15 @@ export type CustomElementsSolidJs = {
    * - `header`: The bar that holds the name and the copy button, shown when there is a name.
    * - `hunk`: In a diff, a `@@` line saying where the lines under it are.
    * - `label`: The block's name: its `label`, or its `language` where it has no label.
+   * - `mark`: The band behind a run of lines `mark-lines` names. The block writes where the run is laid out into `--code-block-mark-start`, `--code-block-mark-size`, and `--code-block-mark-inline-size` on it. Hidden from the accessibility tree.
    * - `marker`: In a diff, the `+`, `-`, or space that starts a line.
    * - `new`: In a split diff, the new version's `<pre>`.
-   * - `number`: In a diff, a line number.
+   * - `number`: In a diff, a line number. In a `wrap` block with `line-numbers`, one line's number in the gutter, which the block makes as tall as the line it numbers through `--code-block-line-size`.
    * - `old`: In a split diff, the old version's `<pre>`.
    * - `removed`: In a diff, a line only the old version has, a `<del>`.
    * - `split`: In a split diff, the two versions side by side.
    * - `text`: In a diff, a line's code.
+   * - `wrap-toggle`: The button in the header that wraps the lines and unwraps them, drawn when `wrappable` is set.
    *
    * ## CSS States
    *
@@ -70673,17 +71773,24 @@ export type CustomElementsSolidJs = {
    * gives a picker and locale formatting but allows almost no styling, so the
    * field is a text field. Typing sends `input` on each keystroke and `change`
    * when you leave the field, as a text field does. A date picked from the
-   * calendar sends both.
+   * calendar sends both. The field reads ISO, `2026-08-04`, and a date written
+   * in the order, the digits, and the month names of `locale`, `8/4/2026` or
+   * `Aug 4, 2026` in `en-US` and `4.8.2026` in `de-DE`, which becomes the value
+   * as you leave the field.
    *
    * The trigger and ArrowDown open the calendar with focus on the selected day,
    * Tab moves between the calendar's controls without leaving it, and Escape
    * closes it and returns focus to the field. A press into the field opens the
    * calendar too. Tab into the field opens nothing, and Tab out of the field
-   * closes the calendar.
+   * closes the calendar. The text field is a `combobox` with
+   * `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`, as in the
+   * APG date picker combobox, since Down opens the calendar from it.
    *
    * With `segmented`, the field is a row of segments in place of the text: a
    * month, a day and a year in the order the locale writes them, each set with
-   * digits or the arrow keys. Alt+Down opens the calendar from a segment.
+   * digits or the arrow keys. Alt+Down opens the calendar from a segment. A
+   * `range` is two rows with a dash between them, the start and the end, as
+   * React Aria's DateRangePicker draws them, and `multiple` keeps the text.
    *
    * Text that is not a date gives the form an empty value, as a native date
    * field does, and `value` keeps the text so it can be corrected.
@@ -70713,27 +71820,39 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `autocomplete`: What the browser may autofill here, as one of the platform's own tokens.
+   * - `autocomplete`: What the browser may autofill here, as one of the platform's own tokens,
+   * such as `bday`.
    *
    * Empty leaves the attribute off, which is the browser's default and is what
    * lets autofill work at all: hardcoding `off` here means a birthday or a
-   * postal code can never be filled in for a reader.
-   * - `calendar`: The calendar the written date and the calendar's days are in: `gregory`,
-   * `buddhist`, `japanese`, `roc`, or `iso8601`.
-   *
-   * Absent is the locale's own where it is one of the five, and `gregory` for
-   * every other, as Date Picker's `calendar` is. The value is `YYYY-MM-DD` in
-   * every calendar, and a focused field is ISO in every calendar. In
-   * `segmented`, the segments are the Gregorian day, month, and year, in the
-   * order the locale writes them, or ISO order for `iso8601`.
+   * postal code can never be filled in for a reader. With `segmented`, a
+   * hidden native date input carries it, since no browser fills the segments.
+   * - `calendar`: The calendar the written date, the segments, and the calendar's days are
+   * in: `gregory`, `buddhist`, `japanese`, `roc`, or `iso8601`, or a calendar
+   * with months of its own that Date Picker's `calendar` names, such as
+   * `persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`.
+   *
+   * Absent is the locale's own where its months are the Gregorian months, and
+   * `gregory` for every other, as Date Picker's `calendar` is. The value is
+   * `YYYY-MM-DD` in every calendar, and a focused text field is ISO in every
+   * calendar. In `segmented`, the segments are the day, month, and year as
+   * the calendar counts them, in the order the locale writes them: Mehr 14,
+   * 1405 is month 7 and day 14 of 1405 under `persian`. Under the five with
+   * Gregorian months they are the Gregorian day, month, and year, or ISO order
+   * for `iso8601`.
    * - `calendar-label`/`calendarLabel`: The name of the calendar's grid of days, read by screen readers.
+   * - `clearable`: Whether the field shows a button that empties it, as Input's `clearable`
+   * does. Shown only while the field holds something to clear and is neither
+   * disabled nor read-only.
+   * - `clear-label`/`clearLabel`: The accessible name of the clear button, which shows only an icon.
    * - `date-style`/`dateStyle`: How a date is written in the field: `short` through `full`, or ISO.
    *
    * **The field renders when it is idle and holds the value when it is being
    * edited.** A written date is a rendering, and a document being edited must
    * not be a rendering of something else: `Intl.DateTimeFormat` formats and does
-   * not parse, so `4 August 2026` cannot be typed back, and writing a parser per
-   * locale is how a field ends up rejecting what it just displayed.
+   * not parse, so a rendering such as `Tuesday, August 4, 2026` is no text to
+   * edit. The field does read a date typed in the locale's order and digits as
+   * you leave it, which covers what a reader types.
    *
    * The way out is not to choose between the two but to separate them in time.
    * Idle, the field shows `4 August 2026`, which is what a date is for reading.
@@ -70801,6 +71920,9 @@ export type CustomElementsSolidJs = {
    *
    * **The name goes in**, so a row of them is heard as which one each
    * removes rather than as "Remove" said once per date.
+   * - `selection-label`/`selectionLabel`: What a screen reader hears about the dates chosen in the calendar, with
+   * `{kind}`, `{start}`, `{end}` and `{count}` filled in as Date Picker's
+   * `selection-label` says.
    * - `step`: How far apart the selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, handed to the calendar this renders
@@ -70808,8 +71930,13 @@ export type CustomElementsSolidJs = {
    * where there is one and from 1 January 1970 where there is not, which is the
    * platform's base.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message shown when a date is not on `step`.
+   * - `time-zone`/`timeZone`: The time zone today is read in, such as `America/New_York`, handed to the
+   * calendar: the day marked today, and the month an empty field opens on.
+   * Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone.
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the calendar, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-dates` or `disable-days` bars a date.
+   * - `unreadable-message`/`unreadableMessage`: The message for text that is no date, where `bad-input-message` is not
+   * set. `{mode}` is `single`, `range`, or `multiple`.
    * - `year-view-label`/`yearViewLabel`: The name of the calendar's heading where it shows a page of years, with
    * `{heading}` filled in.
    * - `empty-message`/`emptyMessage`: What a row of segments reports when the field is required and every
@@ -70820,6 +71947,10 @@ export type CustomElementsSolidJs = {
    * - `incomplete-message`/`incompleteMessage`: What a row of segments reports while some segments are set and others
    * are not, where `bad-input-message` is not set. `{kind}` is `date` or
    * `time`.
+   * - `range-end-label`/`rangeEndLabel`: What a screen reader hears before the segments of a range's second date
+   * or time, after each segment's own name.
+   * - `range-start-label`/`rangeStartLabel`: What a screen reader hears before the segments of a range's first date
+   * or time, after each segment's own name: "month, Start, Stay".
    * - `segmented`: Whether the field is a row of segments, one for each part of the date or
    * time, in place of a line of text.
    *
@@ -70980,6 +72111,7 @@ export type CustomElementsSolidJs = {
    * - `helix-before-change`: Fired before the date changes. Cancelable: call `preventDefault()` to keep the current date.
    * - `helix-before-close`: Fired before the calendar closes. Cancelable: call `preventDefault()` to keep it open.
    * - `helix-before-open`: Fired before the calendar opens. Cancelable: call `preventDefault()` to keep it closed.
+   * - `helix-clear`: Fired after the clear button has emptied the field, after `input` and `change`.
    * - `input`: Fired after the value changes.
    * - `toggle`: Fired when the calendar opens or closes, with `newState` and `oldState`.
    *
@@ -70987,6 +72119,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `clear-icon`: Replaces the cross on the clear button, under `clearable`.
    * - `end`: Content after the date, before the trigger, such as a clear button.
    * - `feedback`: The error message under the field.
    * - `hint`: The help text under the field.
@@ -71062,6 +72195,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `clear`: The button that empties the field, under `clearable`, while it holds a date.
    * - `control`: The text input.
    * - `date`: One held date, as a tag, in `multiple`.
    * - `date-cell`: The tag's grid cell, which a tag draws only inside a tag group.
@@ -71103,8 +72237,10 @@ export type CustomElementsSolidJs = {
    * - `picker-periods`: The grid of months or years.
    * - `picker-previous`: The control that moves to the previous month.
    * - `picker-previous-mark`: The icon on the previous month control.
+   * - `picker-selection`: The chosen date or range in words, which screen readers hear when it changes. Drawn for screen readers only.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
+   * - `range-separator`: The dash between a range's two rows of segments, in `segmented`, beside `literal`.
    * - `rest`: The count of dates beyond the ones shown. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `segment`: One part of the date, a year, a month or a day, in `segmented`.
    * - `segment-placeholder`: A segment with nothing in it yet. Applied with `segment`.
@@ -71118,6 +72254,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: The field holds no date.
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: The calendar is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -71140,9 +72277,11 @@ export type CustomElementsSolidJs = {
    * **Dates are `YYYY-MM-DD` strings, and every calculation is in UTC**, because
    * a local-time `Date` shifts across a time zone or daylight-saving boundary.
    *
-   * **The days are the Gregorian calendar's**, written in `calendar`: the
-   * locale's own where its months are the Gregorian months, as `th-TH` writes
-   * 2569 for 2026, and `gregory` where they are not, as for `fa-IR`.
+   * **The months are the ones `calendar` counts**: the Gregorian months for the
+   * locale's own calendar where its months are the Gregorian months, as `th-TH`
+   * writes 2569 for 2026, and `gregory` where they are not, as for `fa-IR`
+   * with no `calendar`. Name a calendar with months of its own, such as
+   * `persian`, and every view counts its days, months, and years from `Intl`.
    *
    * `month` sets which month the grid shows, separately from `value`, so paging
    * selects nothing and you can control the view. When unset, it follows the
@@ -71150,7 +72289,14 @@ export type CustomElementsSolidJs = {
    *
    * `mode` sets how many dates are held. Unset holds one, `range` holds two and
    * marks the dates between them, and `multiple` toggles each date. All three
-   * read and write the same comma-separated `value`.
+   * read and write the same comma-separated `value`. With a `mode`, the grid
+   * carries `aria-multiselectable`. While a range holds one end, the grid draws
+   * the range to the day under the pointer or the focus, marking those cells
+   * `data-range-preview`.
+   *
+   * The chosen date, range, or count of dates is the grid's description, in a
+   * region screen readers announce when it changes, as React Aria's calendars
+   * do. `selection-label` words it.
    *
    * `max-view` makes the heading a button that steps back to the months of the
    * year, and with `year` to a page of years, as Zag's date picker does. The
@@ -71185,14 +72331,16 @@ export type CustomElementsSolidJs = {
    * `ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`
    * for `fa-IR`.
    *
-   * `persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,
-   * `coptic`, and `indian` draw a calendar with months of its own, as React
-   * Aria's calendars do: each grid is one of that calendar's months, the
-   * Hebrew leap month and Ethiopia's five-day thirteenth month included, and
-   * Previous, Next and the page keys move by those months. `month` and
+   * `persian`, `hebrew`, `islamic`, `islamic-umalqura`, `islamic-civil`,
+   * `islamic-tbla`, `islamic-rgsa`, `ethiopic`, `ethioaa`, `coptic`,
+   * `indian`, `chinese`, and `dangi` draw a calendar with months of its own,
+   * as React Aria's calendars do: each grid is one of that calendar's months,
+   * the Hebrew and Chinese leap months and Ethiopia's five-day thirteenth
+   * month included, and Previous, Next and the page keys move by those
+   * months. With `max-view`, the months view shows that calendar's year, of
+   * twelve or thirteen months, and the years view its years. `month` and
    * `helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The
-   * heading stays text, as the months and years views are drawn in Gregorian
-   * months only. The value is `YYYY-MM-DD` in every calendar.
+   * value is `YYYY-MM-DD` in every calendar.
    * - `default-month`/`defaultMonth`: The month to open on when `month` is not set.
    * - `disable-dates`/`disableDates`: Dates that cannot be chosen, as `YYYY-MM-DD`, separated by commas or
    * spaces.
@@ -71255,6 +72403,11 @@ export type CustomElementsSolidJs = {
    * value and stays reachable, which is what a form showing a value somebody
    * else set needs.
    * - `required`: Stops the form from submitting while no date is chosen.
+   * - `selection-label`/`selectionLabel`: What a screen reader hears about the chosen dates: the grid's
+   * description, said again whenever the dates change. `{kind}` is `date`,
+   * `start` while a range holds one end, `range`, or `dates` for `multiple`.
+   * `{start}` and `{end}` are dates written in `locale`, and `{count}` is how
+   * many dates are chosen.
    * - `step`: How far apart the selectable dates are, in days.
    *
    * `<input type="date" step>`'s own unit, counted from `min` where there is
@@ -71409,6 +72562,13 @@ export type CustomElementsSolidJs = {
    * Date Input calls this when its trigger opens the calendar, which is where
    * the APG date picker dialog puts focus. The host is not focusable, so a
    * plain `focus()` on it did nothing and focus stayed on the trigger.
+   * - `showChosen() => void`: Shows the days again, on the month of the chosen date, with the tab stop
+   * on that date, forgetting the month and the day the reader browsed to.
+   *
+   * Date Input calls it each time its panel opens, which is where the APG
+   * date picker dialog puts focus. Measured before this: from August 4, two
+   * presses of Page Down, Escape, and Down again opened on October 4.
+   * A `month` you set stays until the reader pages away from it.
    * - `requestValue(next: string) => boolean`: Refuses every change while read-only. See `readOnly`.
    * - `formResetCallback() => void`: Returns the control to its `defaultValue`, or to its `value` attribute
    * where there is no `default-value`.
@@ -71472,7 +72632,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `cell`: One column of a week row. A range is painted on the cells.
-   * - `cell-range-end`: The cell of a range's last day, beside `cell`.
+   * - `cell-range-end`: The cell of a range's last day, beside `cell`, or of the day a waiting range is drawn to.
    * - `cell-range-middle`: A cell between a range's ends, beside `cell`.
    * - `cell-range-start`: The cell of a range's first day, beside `cell`.
    * - `day`: The shape inside a cell. A single chosen date is painted on it.
@@ -71498,6 +72658,7 @@ export type CustomElementsSolidJs = {
    * - `periods`: The grid of months or years.
    * - `previous`: The control that moves to the previous month.
    * - `previous-mark`: The glyph on the previous month control, where none is slotted.
+   * - `selection`: The chosen date or range in words, which screen readers hear when it changes. Drawn for screen readers only.
    * - `week`: One row of days.
    * - `weekday`: A column header naming a day of the week. It shows the short name and says the full one.
    *
@@ -71505,7 +72666,11 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `blank`: While no date is chosen.
+   * - `invalid`: While `invalid` is set, `feedback` says what is wrong, the picker holds a date outside `min` and `max` or one it bars, or it is `required`, holds no date, and the reader has answered once or a form has refused it.
+   * - `month-view`: While the months of a year are shown, where `max-view` is set.
+   * - `range-pending`: While a `range` holds its first end and waits for the second.
+   * - `year-view`: While a page of years is shown, where `max-view` is `year`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-date-picker": Partial<
@@ -74147,20 +75312,22 @@ export type CustomElementsSolidJs = {
    *
    * **A date is written in a calendar Date Picker draws**: the locale's own
    * where its months are the Gregorian months, as `th-TH` writes 2569 for 2026,
-   * and `gregory` where they are not, as for `fa-IR`. `calendar` picks one of
-   * the five.
+   * and `gregory` where they are not, as for `fa-IR`. `calendar` picks any of
+   * them, `persian` and `hebrew` included.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `calendar`: The calendar a date is written in: `gregory`, `buddhist`, `japanese`,
-   * `roc`, or `iso8601`, the calendars Date Picker and Date Input draw.
-   *
-   * Absent is the locale's own where it is one of the five, such as
-   * `buddhist` for `th-TH`, and `gregory` for every other, such as `persian`
-   * for `fa-IR`, so a date written here reads as the same date a Date Picker
-   * beside it shows.
+   * `roc`, or `iso8601`, or a calendar with months of its own, such as
+   * `persian`, `hebrew`, `islamic-umalqura`, `ethiopic`, or `chinese`: every
+   * calendar Date Picker and Date Input draw.
+   *
+   * Absent is the locale's own where its months are the Gregorian months,
+   * such as `buddhist` for `th-TH`, and `gregory` for every other, such as
+   * `persian` for `fa-IR`, so a date written here reads as the same date a
+   * Date Picker beside it shows. Write `calendar="persian"` for Mehr 14, 1405.
    * - `date`: The timestamp, in any format `Date` can parse.
    *
    * An ISO string is what an API sends and what `<time datetime>` takes, so it
@@ -74179,6 +75346,9 @@ export type CustomElementsSolidJs = {
    * - `date-style`/`dateStyle`: The locale's own pattern for the date: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `weekday`, `day`, `month`, `year` and `era`.
    * - `day`: How the day of the month is written, where a date is shown.
+   * - `day-period`/`dayPeriod`: Writes the part of the day in words, such as "in the morning" or "at
+   * night", in its `long`, `short`, or `narrow` form, where `hour` is on a
+   * twelve-hour clock.
    * - `elapsed`: Shows how long ago the timestamp was, in a compact form such as "3h", in
    * place of the date.
    *
@@ -74193,6 +75363,8 @@ export type CustomElementsSolidJs = {
    * Off by default, which draws the date as one run of text, as Shoelace and
    * Web Awesome do. An `elapsed` or `relative` reading is one phrase either
    * way.
+   * - `fractional-second-digits`/`fractionalSecondDigits`: How many digits of a fraction of a second to write after `second`: 1, 2,
+   * or 3, as in 09:41:07.250.
    * - `frozen`: Draws an `elapsed` or `relative` reading once and leaves it, where it
    * would otherwise move on as it goes stale.
    *
@@ -74230,7 +75402,9 @@ export type CustomElementsSolidJs = {
    * - `time-zone`/`timeZone`: The time zone to read the timestamp in.
    *
    * Empty is the runtime's own.
-   * - `time-zone-name`/`timeZoneName`: Shows the name of the time zone, in its `long` or `short` form.
+   * - `time-zone-name`/`timeZoneName`: Shows the name of the time zone: `long` or `short`, as Pacific Daylight
+   * Time or PDT, `longOffset` or `shortOffset`, as GMT-07:00 or GMT-7, or
+   * `longGeneric` or `shortGeneric`, as Pacific Time or PT.
    * - `weekday`: How the weekday is written, where one is shown.
    * - `year`: How the year is written, where a date is shown.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -74261,6 +75435,7 @@ export type CustomElementsSolidJs = {
    * - `day`: The day of the month, with `fields`.
    * - `day-period`: AM or PM, or the locale's word for the part of the day, with `fields`.
    * - `era`: The era, such as AD, with `fields` and `era`.
+   * - `fractional-second`: The fraction of a second, with `fields` and `fractional-second-digits`.
    * - `hour`: The hour, with `fields`.
    * - `minute`: The minute, with `fields`.
    * - `month`: The month, with `fields`.
@@ -74530,14 +75705,15 @@ export type CustomElementsSolidJs = {
    * - `pan(to: ViewportWay) => void`: Pans the view one step in a direction.
    * - `zoom(by: number) => void`: Zooms the view one step: `1` zooms in and `-1` zooms out.
    * - `toggleFullscreen() => void`: Turns fullscreen on or off.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -76396,14 +77572,15 @@ export type CustomElementsSolidJs = {
    * - `previous() => void`: Shows the previous item. Before the first item, it shows the last when
    * `loop` is set.
    * - `toggleFullscreen() => void`: Makes the viewer fill the screen, or exits fullscreen.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
    * was applied.
    *
@@ -80098,6 +81275,7 @@ export type CustomElementsSolidJs = {
    * - `time-day`: Format Date's `day`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-day-period`: Format Date's `day-period`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-era`: Format Date's `era`, forwarded for a time drawn as fields. An elapsed time draws none.
+   * - `time-fractional-second`: Format Date's `fractional-second`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-hour`: Format Date's `hour`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-minute`: Format Date's `minute`, forwarded for a time drawn as fields. An elapsed time draws none.
    * - `time-month`: Format Date's `month`, forwarded for a time drawn as fields. An elapsed time draws none.
@@ -84523,6 +85701,10 @@ export type CustomElementsSolidJs = {
    * `min-steps-between-thumbs` keeps them that many steps apart, and the readout
    * joins the two as `range-text` writes them.
    *
+   * A press on a range's track takes the nearest thumb to the point pressed,
+   * and moving the pointer drags it, as React Aria's and Web Awesome's sliders
+   * do. The thumb takes focus, and `change` is sent as the press ends.
+   *
    * `origin` sets where a single thumb's fill starts: at `min`, at the middle of
    * the track, or at `max`. A balance or an offset from zero fills from the
    * middle, as Zag's slider `origin` does. The fill's ends are published as
@@ -84547,7 +85729,7 @@ export type CustomElementsSolidJs = {
    * |---|---|
    * | Right, Up | Moves the thumb up by `step`. |
    * | Left, Down | Moves the thumb down by `step`. |
-   * | Page Up, Page Down | Moves the thumb by a larger step. |
+   * | Page Up, Page Down | Moves the thumb by `page-step`, or by the platform's larger step where it is not set. |
    * | Home, End | Moves the thumb to its lowest or highest value. |
    *
    * Under `readonly` none of these move the thumb, and Tab still reaches it.
@@ -84608,6 +85790,9 @@ export type CustomElementsSolidJs = {
    * - `origin`: 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.
+   * - `page-step`/`pageStep`: How far Page Up and Page Down move a thumb, in the slider's own units, as
+   * React Aria's `pageSize` and Zag's `largeStep` do. Absent leaves the keys
+   * to the platform, which moves a tenth of the track.
    * - `range`: Adds a second thumb, so the value is a pair.
    *
    * The pair is one string, `"10,50"`, which is what `value` and
@@ -84840,6 +86025,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `dragging`: A thumb is being dragged, by its thumb or from a press on the track.
+   * - `focus-visible`: A thumb has focus that the keyboard brought, where the browser draws a focus ring.
    * - `invalid`: The slider has an error to show, from the browser's validation or from your `feedback`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -85473,6 +86660,13 @@ export type CustomElementsSolidJs = {
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
+   * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
+   * at once: `{across}` is where the divider that runs down stands, and
+   * `{down}` where the one that runs across stands, each a percentage.
+   *
+   * **Both, because the handle moves both**, and a number names one: the
+   * handle's `aria-valuenow` is the divider its `aria-orientation` names, and
+   * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
    * - `label`: The divider's name, read by screen readers.
@@ -85968,14 +87162,15 @@ export type CustomElementsSolidJs = {
    * and the invalid mark from every stage, as Ark UI's `resetStep` does.
    * Returns whether it moved: a listener can refuse the move with
    * `helix-before-activate`, and the stages then keep their marks.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Custom Properties
    *
@@ -86719,6 +87914,27 @@ export type CustomElementsSolidJs = {
    * Tab reaches each checkbox, and Space ticks it. To act on one row, put a
    * link or a button in a cell, or give the row an `href`.
    *
+   * `selection-mode="single"` selects one row at a time: ticking a row lets go
+   * of the one before, the heading holds no checkbox, and Shift and Control with
+   * A take in nothing more. `selection-behavior="replace"` makes a press on a
+   * row, anywhere but its own controls, select it alone, as a file list does,
+   * and in a `grid` table the arrow keys carry the selection with them. Control
+   * or Command with a press adds or takes out the row, and with an arrow moves
+   * without selecting. Shift with a press takes in the rows from the one last
+   * chosen.
+   *
+   * **Nesting rows.** A row with `parent` sits under the row of that key, as
+   * a file sits in a folder. The table then draws a column of disclosure
+   * buttons, under a heading named by `expand-column-label`: a row with rows
+   * under it has a button named by `expand-row-label` ("Expand {row}") that
+   * says with `aria-expanded` whether it is open, and the rows under a shut row
+   * are not drawn. `expanded` holds the open rows' keys, comma separated, and
+   * `default-expanded` is where it starts. A press asks with
+   * `helix-before-toggle` and tells with `helix-toggle`, both from the row, so
+   * you can refuse it or load the rows on the way. A sort orders the rows
+   * under each row among themselves, and in a `grid` table the table is a
+   * `treegrid` whose rows say their depth.
+   *
    * **Moving rows.** `reorderable` adds a column of grips before the checkboxes,
    * under a heading named by `row-grips-label`.
    *
@@ -86755,13 +87971,20 @@ export type CustomElementsSolidJs = {
    * | Enter on a cell of a row with `href` | Follows the row's link. |
    * | Enter, Space on a sortable heading | Sorts by the column. |
    * | Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |
+   * | Enter or Space on a disclosure cell | Shows or hides the rows under the row, in a table whose rows nest. |
    * | Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |
+   * | Down, Up, Page Down, Page Up under `selection-behavior="replace"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |
    * | Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |
    * | Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |
    * | Control or Command with A | Selects every row, in a `selectable` table. |
    * | A letter or a word | Moves to the next row whose first cell starts with what you typed. |
    * | Tab | Leaves the table. |
    *
+   * **Loading more.** `load-more` sends `helix-load-more` once the end of the
+   * table comes within a screen of view, in the box that scrolls it or the
+   * page, once for each number of rows: add rows and it can send it again. Set
+   * `loading` while you fetch, and the table asks for nothing until it clears.
+   *
    * When the rows did not load, set `error-text`, such as "The orders did not
    * load", and put a button that tries again in the `error` slot. The line shows
    * after the rows in place of the empty and loading lines, the live region says
@@ -86807,6 +88030,8 @@ export type CustomElementsSolidJs = {
    * and a list here would be a second way to say what that says. This table's
    * cells are markup, and a table written as rows of cells with no column
    * declared in it has nowhere else to be sized from.
+   * - `default-expanded`/`defaultExpanded`: The keys of the rows whose rows are shown at the start, separated by
+   * commas. Used until `expanded` is set.
    * - `default-selected`/`defaultSelected`: The keys selected at the start, separated by commas. Used until `selected`
    * is set.
    * - `default-sort`/`defaultSort`: The starting sort order, used until `sort` is set.
@@ -86819,6 +88044,11 @@ export type CustomElementsSolidJs = {
    * While it is set, a line after the rows shows it, or your own content in the
    * `error` slot, in place of the empty and loading lines, and the live region
    * says it.
+   * - `expand-column-label`/`expandColumnLabel`: The name of the heading over the disclosure buttons.
+   * - `expanded`: The keys of the rows whose rows are shown, separated by commas, in a table
+   * whose rows nest. A press on a row's disclosure button asks first, and
+   * `default-expanded` seeds what this element then owns.
+   * - `expand-row-label`/`expandRowLabel`: The name of a row's disclosure button. `{row}` is the words of the row's first cell.
    * - `fallback-label`/`fallbackLabel`: The table's name where neither `label` nor an `aria-label` or
    * `aria-labelledby` on the host gives it one.
    * - `grid`: Makes the table a grid: one tab stop, and the arrow keys, Home, End and the
@@ -86832,6 +88062,8 @@ export type CustomElementsSolidJs = {
    *
    * An `aria-label` or `aria-labelledby` on the host names the table too, and
    * wins over this.
+   * - `load-more`/`loadMore`: Sends `helix-load-more` once the end of the table comes within a screen
+   * of view, so you can add the next rows as a reader nears them.
    * - `moved-label`/`movedLabel`: What screen readers hear each time a key moves a held row, in a
    * `reorderable` table. `{name}` is the row's words, `{position}` the place it
    * would go, counting from 1, and `{count}` the number of rows.
@@ -86845,6 +88077,8 @@ export type CustomElementsSolidJs = {
    * - `selectable`: Adds a column of checkboxes for selecting rows. Each row is known by its
    * `value`, and by its place among the rows as written where it has none.
    * - `select-all-label`/`selectAllLabel`: The name of the checkbox in the heading that selects every row.
+   * - `select-column-label`/`selectColumnLabel`: The name of the heading over the checkboxes under
+   * `selection-mode="single"`, where it holds no checkbox of its own.
    * - `selected`: The keys of the selected rows, separated by commas.
    *
    * A reader's press fires `helix-select` first, and refusing it leaves the
@@ -86854,6 +88088,11 @@ export type CustomElementsSolidJs = {
    * rows are chosen, written in the locale, and a language that needs plural
    * forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
    * {# wybranych} other {# wybranego}}`.
+   * - `selection-behavior`/`selectionBehavior`: What a press on a row, or in a `grid` table a key that moves to one, does
+   * to the rows already selected: `toggle`, the default, leaves them to the
+   * checkboxes, and `replace` selects the row alone.
+   * - `selection-mode`/`selectionMode`: How many rows a `selectable` table selects: `multiple`, the default, or
+   * `single`, one at a time.
    * - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the words of the
    * row's first cell.
    * - `sort`: The sort order, as `field:direction`, where `field` is a sortable column's
@@ -86902,11 +88141,14 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `helix-before-reorder`: Fired when a row is dropped at a new place, in a `reorderable` table, with every row's key in the new order. Cancelable: cancel it to keep the row where it is.
+   * - `helix-before-toggle`: Fired from a row when its disclosure button is pressed, with whether it would be open in `detail.checked`. Cancelable: cancel it to keep the row as it is.
+   * - `helix-load-more`: Fired, in a table with `load-more`, when the end of the table comes within a screen of view, once for each number of rows.
    * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Move your rows to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    * - `helix-select`: The selection is about to change. The event carries every selected key, separated by commas. Cancelable: cancel it to keep the current selection.
    * - `helix-selected`: Fired after the selection changes, with every selected key, separated by commas.
    * - `helix-sort`: A different sort order was requested, as `field:direction`, or empty for the order the rows were written in. Cancelable: cancel it to keep the current order.
    * - `helix-sorted`: Fired after the sort order changes, with the new order.
+   * - `helix-toggle`: Fired from a row once the rows under it are shown or hidden, with whether it is open in `detail.checked`.
    *
    * ## Slots
    *
@@ -86950,6 +88192,7 @@ export type CustomElementsSolidJs = {
    * - `drag-preview`: A copy of the row a pointer drags by its grip, which follows the pointer in the top layer until the row is let go, in a `reorderable` table. Hidden from assistive technology.
    * - `empty`: The text shown when there are no rows.
    * - `error`: The line shown after the rows while `error-text` is set, in place of the empty and loading text.
+   * - `expand-head`: The heading over the disclosure buttons, in a table whose rows nest.
    * - `grid-end`: An empty box after the rows, in a `grid` table. Tab focuses it on its way out of the table, so the key leaves from the end.
    * - `grid-start`: An empty box before the rows, in a `grid` table. Shift with Tab focuses it on its way out of the table.
    * - `grip-head`: The heading over the row grips, in a `reorderable` table.
@@ -86990,6 +88233,12 @@ export type CustomElementsSolidJs = {
    * the drop indicator is, with the `dragging`, `drop-before`, and `drop-after`
    * states.
    *
+   * **`parent` nests the row under another**, by that row's key. The table
+   * then draws a column of disclosure buttons: a row with rows under it has one,
+   * named by the table's `expand-row-label` and saying whether it is open with
+   * `aria-expanded`, and its rows are drawn only while it is open. The cell is
+   * indented by the row's depth through `--table-row-level`.
+   *
    * **`href` makes the whole row a link**, as a row action does in React Aria's
    * table: a press anywhere on the row follows it, except on a link or a control
    * of the row's own, and Control, Command or Shift open it the way they open a
@@ -87010,6 +88259,9 @@ export type CustomElementsSolidJs = {
    * reached.
    * - `href`: 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.
+   * - `parent`: The key of the row this one sits under, in a table whose rows nest: that
+   * row's `value`, or its place among the rows where it has none. Empty, the
+   * default, is a row at the top.
    * - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
    * - `target`: Where the row's link opens, such as `_blank`.
    * - `value`: The key the table's `selected` lists this row by. Left empty, the row is
@@ -87041,6 +88293,12 @@ export type CustomElementsSolidJs = {
    *
    * - `(default)`: The row's cells.
    *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--table-row-level`: Written by the row on its `expand` cell: how deep the row sits, from 1. Do not set it.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -87056,6 +88314,9 @@ export type CustomElementsSolidJs = {
    * - `checkbox-mark-checked`: Added to `checkbox-mark` while its box is checked.
    * - `checkbox-mark-dash`: Added to `checkbox-mark` while it draws the dash, which it keeps until its box is checked.
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
+   * - `expand`: The cell that holds the row's disclosure button, in a table whose rows nest. It carries `--table-row-level`, the row's depth from 1.
+   * - `expand-button`: The button that shows and hides the rows under this one.
+   * - `expand-mark`: The caret on the disclosure button, which points along the line, turned down by the styled tier while the row is open.
    * - `grip`: The cell that holds the row's grip, in a `reorderable` table.
    * - `grip-button`: The button that moves the row.
    * - `grip-mark`: The icon on the grip.
@@ -87069,6 +88330,7 @@ export type CustomElementsSolidJs = {
    * - `dragging`: The row is being moved, in a `reorderable` table.
    * - `drop-after`: The row being moved goes after this one when it is dropped.
    * - `drop-before`: The row being moved goes before this one when it is dropped.
+   * - `expanded`: While the rows under this one are shown.
    * - `link`: While the row has `href` and is not `disabled`, so a press on it follows the link.
    * - `selected`: While the row is selected, in a `selectable` table.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -87327,14 +88589,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -88021,20 +89284,25 @@ export type CustomElementsSolidJs = {
    * `seconds`, because that is what the form
    * submits, what `min` and `max` compare against, and what sorts correctly as a
    * string. While idle, the field shows the time in the user's locale format.
-   * Once the caret is in the field, it shows the value itself, because a
-   * formatted time such as `2:30 PM` cannot be typed back and `Intl` has no
-   * parser for it.
+   * Once the caret is in the field, it shows the value itself. You can type
+   * `14:30`, or a time as you write one, such as `2:30 PM`, `2.30pm`, or
+   * `14h30`, and the field reads it as you leave it, with AM and PM in the
+   * locale's words.
    *
    * Typing sends `input` on each keystroke and `change` when you leave the
    * field. The trigger and ArrowDown open the list, and so does a press into the
-   * field; Tab into the field opens nothing. In the list, the arrow keys, typed digits and PageUp and PageDown
+   * field; Tab into the field opens nothing. The text field is a `combobox`
+   * with `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`, since
+   * Down opens the list from it. In the list, the arrow keys, typed digits and PageUp and PageDown
    * move through the times, and Enter, Space or a click chooses one and closes
    * the panel. With `variant="wheels"` each wheel moves the time as you turn it,
    * the panel stays open, and Enter or Escape closes it.
    *
    * With `segmented`, the field is a row of segments in place of the text: an
    * hour, a minute, and AM or PM where the clock has them, each set with digits
-   * or the arrow keys. Alt+Down opens the list from a segment.
+   * or the arrow keys. Alt+Down opens the list from a segment. A `range` is two
+   * rows with a dash between them, the start and the end, and `multiple` keeps
+   * the text.
    *
    * Text that is not a time gives the form an empty value, as a native time
    * field does, and `value` keeps the text so it can be corrected.
@@ -88066,6 +89334,10 @@ export type CustomElementsSolidJs = {
    *
    * Empty leaves the attribute off, which is the browser's default and is what
    * lets autofill work at all.
+   * - `clearable`: Whether the field shows a button that empties it, as Input's `clearable`
+   * does. Shown only while the field holds something to clear and is neither
+   * disabled nor read-only.
+   * - `clear-label`/`clearLabel`: The accessible name of the clear button, which shows only an icon.
    * - `disable-times`/`disableTimes`: Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
    *
    * Handed to the list, which offers them as unavailable, and checked against
@@ -88114,6 +89386,8 @@ export type CustomElementsSolidJs = {
    * never something this element would refuse to read back.
    * - `trigger-label`/`triggerLabel`: The name of the button that opens the list, read by screen readers.
    * - `unavailable-message`/`unavailableMessage`: The message shown when `disable-times` bars a time.
+   * - `unreadable-message`/`unreadableMessage`: The message for text that is no time, where `bad-input-message` is not
+   * set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
    * - `variant`: Whether the panel shows one list of times or a column for each part of the
    * time.
    *
@@ -88136,6 +89410,10 @@ export type CustomElementsSolidJs = {
    * - `incomplete-message`/`incompleteMessage`: What a row of segments reports while some segments are set and others
    * are not, where `bad-input-message` is not set. `{kind}` is `date` or
    * `time`.
+   * - `range-end-label`/`rangeEndLabel`: What a screen reader hears before the segments of a range's second date
+   * or time, after each segment's own name.
+   * - `range-start-label`/`rangeStartLabel`: What a screen reader hears before the segments of a range's first date
+   * or time, after each segment's own name: "month, Start, Stay".
    * - `segmented`: Whether the field is a row of segments, one for each part of the date or
    * time, in place of a line of text.
    *
@@ -88287,6 +89565,7 @@ export type CustomElementsSolidJs = {
    * - `helix-before-change`: Fired before the time changes. Cancelable: canceling it stops the change and leaves the decision to you.
    * - `helix-before-close`: Fired before the list closes. Cancelable: canceling it keeps the list open and leaves the decision to you.
    * - `helix-before-open`: Fired before the list opens. Cancelable: canceling it keeps the list closed and leaves the decision to you.
+   * - `helix-clear`: Fired after the clear button has emptied the field, after `input` and `change`.
    * - `input`: Fired after the value changes.
    * - `toggle`: Fired after the list opens or closes, with `newState` and `oldState`.
    *
@@ -88294,6 +89573,7 @@ export type CustomElementsSolidJs = {
    *
    * Areas where markup can be added to the component.
    *
+   * - `clear-icon`: Replaces the cross on the clear button, under `clearable`.
    * - `end`: Content after the time, before the trigger, such as a clear button.
    * - `feedback`: The message that says what is wrong with the value.
    * - `hint`: Help under the field.
@@ -88367,6 +89647,7 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `clear`: The button that empties the field, under `clearable`, while it holds a time.
    * - `control`: The text input.
    * - `feedback`: The message that says what is wrong with the value.
    * - `field`: The box that holds the text and the trigger.
@@ -88412,6 +89693,7 @@ export type CustomElementsSolidJs = {
    * - `picker-option-item-selected`: The row of a chosen time: the one time, or either end of a range.
    * - `picker-option-label`: The option's label.
    * - `picker-option-text`: The label and the caption, as one column.
+   * - `range-separator`: The dash between a range's two rows of segments, in `segmented`, beside `literal`.
    * - `rest`: The count of times held beyond the ones shown. A `<button>` with `expandable`, and a `<span>` without it.
    * - `segment`: One part of the time, an hour, a minute, a second or AM and PM, in `segmented`.
    * - `segment-placeholder`: A segment with nothing in it yet. Applied with `segment`.
@@ -88432,6 +89714,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `blank`: The field holds no time.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `open`: While the clock is open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -88488,7 +89771,10 @@ export type CustomElementsSolidJs = {
    * host's `aria-label` or its `aria-labelledby`. A development build warns
    * where all four are empty. The list is described by the hint, or by the
    * message in `feedback` in its place, and carries `aria-multiselectable` with
-   * a `mode` and `aria-invalid` while `feedback` says what is wrong. The wheels
+   * a `mode`. It carries `aria-invalid` while `feedback` says what is wrong,
+   * while it holds a time outside `min` and `max` or one the picker does not
+   * offer, and, for a `required` picker with no time, once the reader has
+   * chosen one or a form has refused the picker. The wheels
    * are a `group` with that name, holding one `listbox` per wheel, named "Hour",
    * "Minute", "Second" and "AM/PM" in the page's language, and each described
    * the same way.
@@ -88846,7 +90132,7 @@ export type CustomElementsSolidJs = {
    * - `list-loading`: The text shown while the options load.
    * - `list-search`: The region that holds the filter field.
    * - `list-search-field`: The filter field.
-   * - `option`: One time in the list. It carries `data-between` inside a range.
+   * - `option`: One time in the list. It carries `data-between` inside a range, and inside the run to the time under the pointer while a range waits for its second end.
    * - `option-between`: A time inside a chosen range, excluding its ends, beside `option`.
    * - `option-description`: The caption under the time's label, when there is one.
    * - `option-item`: The row.
@@ -88860,7 +90146,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `blank`: While no time is chosen.
-   * - `invalid`: While `invalid` is set or `feedback` says what is wrong.
+   * - `invalid`: While `invalid` is set, `feedback` says what is wrong, or the list carries `aria-invalid`.
+   * - `range-pending`: While a `range` holds its first time and waits for the second.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-time-picker": Partial<
@@ -88953,7 +90240,14 @@ export type CustomElementsSolidJs = {
    * counting parent, and no script. `Steps` and `Breadcrumbs` work the same way.
    *
    * `tone` sets the kind of event and is the only thing that colors the mark. It
-   * uses the same values as `Announcement`.
+   * uses the same values as `Announcement`. **A screen reader hears the tone as
+   * a word**, from `tone-labels`: the mark is an image named "Error",
+   * "Information", "Success" or "Warning", so the color is not the only place
+   * the meaning is. `neutral` and `primary` say nothing unless you name them.
+   *
+   * **`pending` marks an event that has not happened yet**, such as one that is
+   * scheduled. The mark is the open circle, and a screen reader hears
+   * `pending-label`, "Scheduled", with the tone's word.
    *
    * ## Attributes & Properties
    *
@@ -88965,11 +90259,20 @@ export type CustomElementsSolidJs = {
    * Whatever `<time>` accepts, which is a date, a time, both, a duration or a
    * week. Unset, the label is written as it was given and nothing claims to
    * know what instant it names.
+   * - `pending`: Marks an event that has not happened yet, such as one that is scheduled.
+   * The mark is the open circle, and a screen reader hears `pending-label`.
+   * - `pending-label`/`pendingLabel`: What a screen reader hears for an entry that is `pending`.
    * - `relative`: Writes the time as how long ago it was, or how long until it, from
    * `datetime`, where the `time` slot is empty: `long` ("3 hours ago"),
    * `short` ("3 hr. ago") or `narrow` ("3h ago"). Set with no value, it is
    * `long`. The words move on as they go stale.
-   * - `tone`: The kind of event. It sets the color of the mark and nothing else.
+   * - `tone`: The kind of event. It sets the color of the mark, and a screen reader
+   * hears it as the word `tone-labels` gives it.
+   * - `tone-label`/`toneLabel`: What a screen reader is told this entry's tone is, such as "Failed".
+   * Absent is the tone's word in `tone-labels`.
+   * - `tone-labels`/`toneLabels`: What a screen reader is told each tone is, by the tone's name, written as
+   * JSON in the attribute: `tone-labels='{"danger":"Failed"}'`. A tone with no
+   * word is not read, which is `neutral` and `primary` in English.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -88996,7 +90299,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: What happened.
-   * - `marker`: The mark on the line. Defaults to a dot, which is the slot's fallback content.
+   * - `marker`: The mark on the line. Defaults to a dot, which is the slot's fallback content. A mark you slot is read as the tone's word, where the entry has one.
    * - `time`: When it happened, written the way you want it shown.
    *
    * ## CSS Parts
@@ -89005,7 +90308,7 @@ export type CustomElementsSolidJs = {
    *
    * - `content`: What happened, and the time above it.
    * - `dot`: The dot drawn when no marker is slotted.
-   * - `marker`: The mark on the line.
+   * - `marker`: The mark on the line. An image named by the tone's word, and by `pending-label`, where either applies.
    * - `rail`: The column that holds the mark and the line. Draw the two halves of the line with `::part(rail)::before` and `::part(rail)::after` in your stylesheet. This tier ships no CSS and renders no extra box for the line.
    * - `time`: When it happened.
    *
@@ -89456,7 +90759,7 @@ export type CustomElementsSolidJs = {
    * | Right, Down | Moves to the next item, from the last back to the first. In a single group, chooses it. |
    * | Left, Up | Moves to the item before, from the first round to the last. In a single group, chooses it. |
    * | Home, End | Moves to the first or the last item. In a single group, chooses it. |
-   * | Space, Enter | Chooses the focused item, or presses or releases it in a multiple group. |
+   * | Space, Enter | Chooses the focused item, or presses or releases it in a multiple group. With `allow-empty-selection`, takes back the chosen item. |
    *
    * Left and Right swap on a right-to-left page, and a disabled item is passed
    * over. A single group is a `radiogroup` of items with `role="radio"` and
@@ -89468,6 +90771,11 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `allow-empty-selection`/`allowEmptySelection`: Whether a press on the chosen item, or Space or Enter on it, takes it
+   * back so nothing is chosen, as React Aria's `ToggleButtonGroup` and
+   * Radix's `ToggleGroup` do in a single group. Absent, a single group always
+   * keeps its choice once it has one, as a radio group does. A multiple group
+   * releases a pressed item either way.
    * - `label-placement`/`labelPlacement`: Where the group's label sits. `start` puts it on the track's line.
    *
    * Absent is above, which is what a field looks like and what almost every
@@ -89813,13 +91121,13 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `item`: The radio button.
+   * - `item`: The button: a radio in a group where one is chosen, and a button with `aria-pressed` on its own or in a group where several can be.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `pressed`: The item is pressed, in a group where several can be.
+   * - `pressed`: The item is pressed, on its own or in a group where several can be.
    * - `selected`: The item is chosen.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -90964,14 +92272,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
@@ -91171,6 +92480,12 @@ export type CustomElementsSolidJs = {
    * Written by the playlist rather than by the entry, the way an option's
    * selection is: an entry that made itself current would be a second answer to
    * which one is playing. (property only)
+   * - `focusable`: Whether the entry holds the playlist's tab stop. Unset, every entry is in
+   * the tab order, which is what a server renders.
+   *
+   * **Written by the playlist, with no attribute, and it reaches the button.**
+   * The playlist gives the stop to the entry a reader last focused, or to the
+   * current one, and the arrow keys reach the rest. (property only)
    * - `text`: The entry's name: its own text, without the content in its named slots.
    *
    * `textContent` takes the whole subtree: a row with a duration in `meta`
@@ -91212,6 +92527,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entry's name.
+   * - `indicator`: A mark shown on the entry that is playing, such as an equalizer icon. Rendered only while the entry is current.
    * - `media`: A thumbnail. Defaults to an image of `poster`.
    * - `meta`: Content after the name, such as a duration or a date.
    *
@@ -91227,6 +92543,7 @@ export type CustomElementsSolidJs = {
    * Custom selectors for styling elements within the component.
    *
    * - `container`: The list item that holds the button.
+   * - `indicator`: The `indicator` slot, at the end of the row, rendered only while the entry is playing. It draws no box until you give it one.
    * - `item`: The row, which is a button.
    * - `item-current`: Added to `item` for the entry that is playing.
    * - `label`: The name and the content after it.
@@ -91356,19 +92673,31 @@ export type CustomElementsSolidJs = {
    * - the player reaches the end.
    *
    * On `ended` the playlist advances and the next clip starts playing, because
-   * the user already pressed play once. `repeat` decides what happens at the
+   * the user already pressed play once. `no-advance` turns that off, and the
+   * playlist stays on the entry that ended. `repeat` decides what happens at the
    * end: `one` plays the same entry again, and `all` goes from the last entry
    * back to the first. Without it, the playlist stops on the last entry and
    * sends `helix-end`. `shuffle` plays the entries in a random order, starting
    * from the one that is current, and `previous` retraces that order.
    *
+   * **`helix-before-activate` says why the playlist is moving**, in
+   * `detail.cause`: `press` for an entry or a menu choice, `next` and
+   * `previous` for the player's controls and the methods, `ended` at the end of
+   * a clip, and `removed` when the current entry leaves the playlist. Cancel an
+   * `ended` move to show your own "Up next" countdown, then call `next()`.
+   *
+   * **Removing the current entry moves the playlist on**, to the entry after it,
+   * or to the one before it when it was the last. A clip that was playing keeps
+   * playing in the entry that takes its place.
+   *
    * **The player is named by the current entry**, and the device's own media
    * controls show the entry as the title. A player you gave a `label` keeps
    * your name, and only the title follows the entry.
    *
-   * **Keyboard.** Each entry is a button in the tab order, and Enter or Space
-   * plays it. The arrow keys move focus to the entry before or after, and Home
-   * and End to the first and the last, passing over disabled entries. The
+   * **Keyboard.** The entries take one stop in the tab order: the entry you
+   * last focused, or the current entry before you have focused one. Enter or
+   * Space plays it. The arrow keys move focus to the entry before or after, and
+   * Home and End to the first and the last, passing over disabled entries. The
    * current entry carries `aria-current`. While focus is on the player, the
    * player's own keys work, and `Video` lists them, and Shift with N or P plays
    * the next or the previous entry. The player's previous and next controls
@@ -91383,7 +92712,11 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `empty-label`/`emptyLabel`: What the playlist says while it has no entries. The `empty` slot replaces it.
    * - `label`: The list's name, read by screen readers.
+   * - `no-advance`/`noAdvance`: Stays on an entry when its clip ends, where the playlist would otherwise
+   * play the next one. The player's controls, a press, and `next()` still
+   * move. `repeat="one"` still plays the entry again.
    * - `playing-label`/`playingLabel`: What the live region says when the playlist moves to another entry.
    * `{title}` is the entry's name.
    *
@@ -91443,7 +92776,7 @@ export type CustomElementsSolidJs = {
    * Events that will be emitted by the component.
    *
    * - `helix-activate`: 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-before-activate`: The current entry is about to change. Cancelable: cancel it to keep the current entry.
+   * - `helix-before-activate`: The current entry is about to change, and `detail.cause` says why: `press`, `next`, `previous`, `ended`, or `removed`. Cancelable: cancel it to keep the current entry.
    * - `helix-end`: The last entry finished playing, and the playlist stopped there. Not sent while `repeat` is set.
    *
    * ## Slots
@@ -91451,6 +92784,7 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries.
+   * - `empty`: Shown while the playlist has no entries. Defaults to `empty-label`.
    * - `player`: The player that plays the entries.
    *
    * ## Methods
@@ -91462,19 +92796,21 @@ export type CustomElementsSolidJs = {
    * entry otherwise.
    * - `previous() => void`: Moves to the previous entry and plays it, as the player's previous control
    * does. Under `shuffle` it goes back through the order that played.
-   * - `requestActive(next: string) => boolean`: Requests a new current item, and returns whether the change was applied.
+   * - `requestActive(next: string, cause?: string) => boolean`: Requests a new current item, and returns whether the change was applied.
    *
    * Announces before it acts, so `preventDefault()` on the `helix-before-activate` is
    * a refusal and nothing moves. Unlike a native control, nothing has moved
    * by the time this runs, so refusing is simply not writing: there is
    * nothing to put back. Nobody refusing means the set updates itself,
    * whether or not a consumer declared `active`, a declared property being a
-   * seed and a correction.
+   * seed and a correction. `cause` says why, where the family names its
+   * causes, and reaches the event as `detail.cause`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
+   * - `empty`: The box that holds the `empty` slot, drawn while there are no entries.
    * - `items`: The list of entries.
    * - `live`: A live region that says which entry plays after the playlist moves.
    * - `player`: The region that holds the player.
@@ -91957,8 +93293,10 @@ export type CustomElementsSolidJs = {
    * **A grid.** `columns` lays the items out that many to a line, as a grid of
    * equal columns, and windows the set a line at a time, as React Aria's grid
    * layout does. Each item draws one element, a cell of the grid, and
-   * `estimate` is the height of a line. Space the items with padding inside
-   * each one, which the list measures with the line.
+   * `estimate` is the height of a line. `min-column-width` lays out as many
+   * columns as fit the box instead, as React Aria's grid layout does with its
+   * smallest item size, and follows the box as it resizes. `gap` spaces the rows, and the columns
+   * of a grid, by a number of pixels the list counts in each row's place.
    *
    * **Keyboard.** The list is one tab stop.
    *
@@ -91969,6 +93307,7 @@ export type CustomElementsSolidJs = {
    * | Home, End | Moves to the first or the last item. |
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
+   * | Escape | Lets go of every chosen item, in a list with `selection-mode`. |
    * | Tab | Moves into the focused row's own links and buttons, then out of the list. |
    *
    * An item that is not drawn is scrolled into view and focused, so a keyboard
@@ -91985,12 +93324,23 @@ export type CustomElementsSolidJs = {
    * from: `single` selects one item and `multiple` any number. Space or a press
    * selects an item, Shift with Space, an arrow, Home, End or a press takes in
    * the items from the last one chosen, and Control or Command with A selects
-   * them all, in `multiple`. `value` holds the chosen items' keys, separated by
-   * commas, in the order of the set: `key-field` names each item's key, and a
-   * string or a number item is its own key. A change asks with
-   * `helix-before-change` and tells with `change`. Each row is an `option`
-   * marked `aria-selected`, so a row's own links and buttons are not reached
-   * there: keep those to a list without `selection-mode`.
+   * them all, in `multiple`. Escape lets go of every chosen item, and keeps the
+   * key from the dialog or menu around the list while there was something to
+   * let go of. `value` holds the chosen items' keys, separated by commas, in
+   * the order of the set: `key-field` names each item's key, and a string or a
+   * number item is its own key. A change asks with `helix-before-change` and
+   * tells with `change`. Each row is an `option` marked `aria-selected`, so a
+   * row's own links and buttons are not reached there: keep those to a list
+   * without `selection-mode`.
+   *
+   * `selection-behavior="replace"` selects the item pressed alone, as a file
+   * list does, and the arrow keys carry the selection with them. Control or
+   * Command with a press or with Space adds or takes out one item, and with an
+   * arrow moves without selecting.
+   *
+   * **Disabled items.** `disabled-keys` names items by their keys, separated by
+   * commas. Their rows carry `aria-disabled`, the keys and typing pass over
+   * them, and a press, Space, or Control with A does not select them.
    *
    * **Loading more.** `helix-range-change` fires as the items on screen change,
    * and `range` holds them. `helix-load-more` fires once a reader is within one
@@ -92032,6 +93382,8 @@ export type CustomElementsSolidJs = {
    * - `columns`: 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.
+   * - `disabled-keys`/`disabledKeys`: The keys of the items a reader cannot choose or move to, separated by
+   * commas, as `value` writes keys. Their rows carry `aria-disabled`.
    * - `empty-label`/`emptyLabel`: The text of the row shown when there are no items and none are loading,
    * where the `empty` slot is empty. Empty, the default, shows no row.
    * - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
@@ -92040,6 +93392,10 @@ export type CustomElementsSolidJs = {
    * right whenever the rows really are one height and is the cheaper of the two.
    * - `for`: The id of the script element that holds the items as JSON. `items` wins
    * where both are set.
+   * - `gap`: The space between two rows, and between two columns in a grid, in
+   * pixels. The list counts it in each row's place, so a gap does not walk
+   * the rows away from the scroll position the way a margin on each row
+   * would.
    * - `key-field`/`keyField`: 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.
@@ -92064,6 +93420,12 @@ export type CustomElementsSolidJs = {
    * 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.
+   * - `min-column-width`/`minColumnWidth`: The narrowest a column of a grid may be, in pixels. Set, the list lays
+   * out as many columns as fit the box at that width, at least one, and
+   * follows the box as it resizes, which `columns` then does not decide.
+   * - `selection-behavior`/`selectionBehavior`: What a press does to the items already chosen: `toggle` adds or takes out
+   * the item, and `replace` selects it alone and lets the arrow keys carry the
+   * selection, with Control or Command adding or taking out one item.
    * - `selection-mode`/`selectionMode`: 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.
    * - `text-field`/`textField`: The field of each item that typing matches, as a key or a path of keys
@@ -92187,6 +93549,14 @@ export type CustomCssProperties = {
   "--carousel-run-end"?: (string) | undefined;
   /** The narrowest a slide may be. `per-view="auto"` uses it to fit slides into the track. It must be a length, because the stylesheet divides by it. When unset, it is the whole track, which shows one slide across. */
   "--carousel-slide-min"?: (string) | undefined;
+  /** Written by the block on each `number` in a `wrap` block with `line-numbers`: how tall the line it numbers is laid out. Do not set it. */
+  "--code-block-line-size"?: (string) | undefined;
+  /** Written by the block on each `mark`: how wide the code is, scrolled part included. Do not set it. */
+  "--code-block-mark-inline-size"?: (string) | undefined;
+  /** Written by the block on each `mark`: how tall its run of lines is. Do not set it. */
+  "--code-block-mark-size"?: (string) | undefined;
+  /** Written by the block on each `mark`: how far down the code its run of lines starts. Do not set it. */
+  "--code-block-mark-start"?: (string) | undefined;
   /** The chosen color, painted over the checkerboard that shows transparency. */
   "--color-input-swatch"?: (string) | undefined;
   /** The chosen brightness, 0 to 100, as a percentage. */
@@ -92323,6 +93693,8 @@ export type CustomCssProperties = {
   "--table-cell-align"?: (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;
+  /** Written by the row on its `expand` cell: how deep the row sits, from 1. Do not set it. */
+  "--table-row-level"?: (string) | undefined;
   /** How long this message stays, in milliseconds, for a progress hint. */
   "--toast-duration"?: (string) | undefined;
   /** How far a swipe has moved the message across, in pixels, toward the right. */