@fusion.dev/helix 0.160.0 → 0.162.0

package/types/jsx.d.ts

@@ -213,6 +213,9 @@ import type {
   HelixStatGroup,
   HelixStep,
   HelixSteps,
+  HelixStrands,
+  HelixStrandsFallbackEvent,
+  HelixStrandsStop,
   HelixSwitch,
   HelixTab,
   HelixTabPanel,
@@ -4528,6 +4531,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?: (HelixCanvas["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "copied-label"?: (HelixCanvas["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  copiedLabel?: (HelixCanvas["copiedLabel"]) | undefined;
   /** The board's name where `label` is empty. */
   "fallback-label"?: (HelixCanvas["fallbackLabel"]) | undefined;
   /** The board's name where `label` is empty. */
@@ -4615,6 +4622,10 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   reconnectingLabel?: (HelixCanvas["reconnectingLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  redoneLabel?: (HelixCanvas["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. */
@@ -4717,6 +4728,10 @@ told the same. A tone left out is not read. */
   "two-finger-hint-label"?: (HelixCanvas["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the board with `gestures="cooperative"`. */
   twoFingerHintLabel?: (HelixCanvas["twoFingerHintLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "undone-label"?: (HelixCanvas["undoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  undoneLabel?: (HelixCanvas["undoneLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
   "using-label"?: (HelixCanvas["usingLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
@@ -4972,6 +4987,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"?: (HelixCanvas["controlsLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "attr:copied-label"?: (HelixCanvas["copiedLabel"]) | undefined;
+  /** What screen readers hear after a copy, with `{count}` for the cards copied. */
+  "prop:copiedLabel"?: (HelixCanvas["copiedLabel"]) | undefined;
   /** The board's name where `label` is empty. */
   "attr:fallback-label"?: (HelixCanvas["fallbackLabel"]) | undefined;
   /** The board's name where `label` is empty. */
@@ -5059,6 +5078,10 @@ walk the cards. */
   /** The text announced when a connection's end is picked up, with `{from}` and
 `{to}`. */
   "prop:reconnectingLabel"?: (HelixCanvas["reconnectingLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "attr:redone-label"?: (HelixCanvas["redoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is made again. */
+  "prop:redoneLabel"?: (HelixCanvas["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. */
@@ -5161,6 +5184,10 @@ told the same. A tone left out is not read. */
   "attr:two-finger-hint-label"?: (HelixCanvas["twoFingerHintLabel"]) | undefined;
   /** The hint shown when one finger swipes over the board with `gestures="cooperative"`. */
   "prop:twoFingerHintLabel"?: (HelixCanvas["twoFingerHintLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "attr:undone-label"?: (HelixCanvas["undoneLabel"]) | undefined;
+  /** What screen readers hear after a move or a resize is undone. */
+  "prop:undoneLabel"?: (HelixCanvas["undoneLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
   "attr:using-label"?: (HelixCanvas["usingLabel"]) | undefined;
   /** The line shown while the board, with `gestures="activate"`, has the gestures. */
@@ -6790,6 +6817,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?: (HelixChat["pinned"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "resume-label"?: (HelixChat["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  resumeLabel?: (HelixChat["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
@@ -6950,6 +6981,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"?: (HelixChat["pinned"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "attr:resume-label"?: (HelixChat["resumeLabel"]) | undefined;
+  /** The words on the button that returns to the newest turn, where `resume` is empty. */
+  "prop:resumeLabel"?: (HelixChat["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
@@ -7616,14 +7651,19 @@ Here rather than on each control. */
   textContent?: (string | number) | undefined;
 };
 
-export type HelixCodeBlockProps = {
-  /** Whether long lines wrap.
+/** `HelixCodeBlock` component event */
+export type HelixCodeBlockElementEvent<E = Event> = TypedEvent<
+  HelixCodeBlock,
+  E
+>;
+/** `helix-before-toggle` event type */
+export type HelixCodeBlockHelixBeforeToggleElementEvent =
+  HelixCodeBlockElementEvent<HelixBeforeToggleEvent>;
+/** `helix-toggle` event type */
+export type HelixCodeBlockHelixToggleElementEvent =
+  HelixCodeBlockElementEvent<HelixToggleEvent>;
 
-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. Line numbers keep the lines
-unwrapped, since a wrapped line would take one number and several rows. */
-  wrap?: (HelixCodeBlock["wrap"]) | undefined;
+export type HelixCodeBlockProps = {
   /** The name of a block that scrolls, which is a tab stop while it does.
 
 Where the block has a name, the scroller says it too, such as "Code,
@@ -7709,6 +7749,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?: (HelixCodeBlock["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"?: (HelixCodeBlock["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?: (HelixCodeBlock["markLines"]) | undefined;
   /** Whether to leave the copy button off.
 
 Negative, which is not a style choice. A boolean attribute is true whenever
@@ -7755,6 +7803,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?: (HelixCodeBlock["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?: (HelixCodeBlock["wrap"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "wrap-label"?: (HelixCodeBlock["wrapLabel"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  wrapLabel?: (HelixCodeBlock["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?: (HelixCodeBlock["wrappable"]) | undefined;
   /** Turns the code into highlighted markup, which the block draws in place of
 the plain text.
 
@@ -7777,16 +7841,16 @@ in the slot, so the copy button copies it as written and a reader without
 the script still has it. Not called on a server, which has no code to
 read, nor for a diff. */
   highlight?: (HelixCodeBlock["highlight"]) | undefined;
+
+  /** 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: HelixCodeBlockHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
+  "onhelix-toggle"?: ((e: HelixCodeBlockHelixToggleElementEvent) => void) | undefined;
 };
 
 export type HelixCodeBlockSolidJsProps = {
-  /** Whether long lines wrap.
-
-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. Line numbers keep the lines
-unwrapped, since a wrapped line would take one number and several rows. */
-  "prop:wrap"?: (HelixCodeBlock["wrap"]) | undefined;
   /** The name of a block that scrolls, which is a tab stop while it does.
 
 Where the block has a name, the scroller says it too, such as "Code,
@@ -7872,6 +7936,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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["markLines"]) | undefined;
   /** Whether to leave the copy button off.
 
 Negative, which is not a style choice. A boolean attribute is true whenever
@@ -7918,6 +7990,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"?: (HelixCodeBlock["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"?: (HelixCodeBlock["wrap"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "attr:wrap-label"?: (HelixCodeBlock["wrapLabel"]) | undefined;
+  /** The wrap button's name, which it keeps whether it is pressed or not. */
+  "prop:wrapLabel"?: (HelixCodeBlock["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"?: (HelixCodeBlock["wrappable"]) | undefined;
   /** Turns the code into highlighted markup, which the block draws in place of
 the plain text.
 
@@ -7940,6 +8028,12 @@ 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"?: (HelixCodeBlock["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: HelixCodeBlockHelixBeforeToggleElementEvent,
+  ) => void) | undefined;
+  /** Fired after the wrap button changed `wrap`, with the new value in `detail.checked`. */
+  "on:helix-toggle"?: ((e: HelixCodeBlockHelixToggleElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -31682,6 +31776,22 @@ consumer's to set. */
   "corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   cornerLabel?: (HelixSplitter["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"?: (HelixSplitter["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?: (HelixSplitter["cornerValueLabel"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
   "default-collapsed"?: (HelixSplitter["defaultCollapsed"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
@@ -31838,6 +31948,22 @@ consumer's to set. */
   "attr:corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "prop:cornerLabel"?: (HelixSplitter["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"?: (HelixSplitter["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"?: (HelixSplitter["cornerValueLabel"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
   "attr:default-collapsed"?: (HelixSplitter["defaultCollapsed"]) | undefined;
   /** Which pane starts shut, when `collapsed` is not set. */
@@ -32345,6 +32471,121 @@ with `linear`. Ark UI's skippable step. */
   textContent?: (string | number) | undefined;
 };
 
+/** `HelixStrands` component event */
+export type HelixStrandsElementEvent<E = Event> = TypedEvent<HelixStrands, E>;
+/** `helix-strands-fallback` event type */
+export type HelixStrandsHelixStrandsFallbackElementEvent =
+  HelixStrandsElementEvent<HelixStrandsFallbackEvent>;
+
+export type HelixStrandsProps = {
+  /** Where the form sits across the box, as a share of the width: the fan's
+bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+and a ribbon runs down the middle.
+
+**A share rather than a length**, so the ribbon keeps its place when the
+box changes shape. Read inside a box only; in `travel` each stop has its
+own. */
+  at?: (HelixStrands["at"]) | undefined;
+  /** How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
+forty. Clamped to that range. */
+  density?: (HelixStrands["density"]) | undefined;
+  /** Overall brightness, as a multiplier on the light. */
+  gain?: (HelixStrands["gain"]) | undefined;
+  /** The share of strands drawn out of focus where the ribbon is wide, from `0`,
+every strand sharp, to `1`, every one soft. Clamped to that range. A tight
+form, such as a fan's bend or a wave, stays sharp whatever this says. */
+  softness?: (HelixStrands["softness"]) | undefined;
+  /** How fast the ribbon moves, as a multiplier on time. `0` holds it still. */
+  speed?: (HelixStrands["speed"]) | undefined;
+  /** How wide the ribbon is, as a multiplier on each form's own width. */
+  spread?: (HelixStrands["spread"]) | undefined;
+  /** Whether the ribbon is laid down the whole page, so scrolling travels along
+it.
+
+Reflected because the stylesheet selects on it: in `travel` the host fixes
+itself to the viewport, behind the page. */
+  travel?: (HelixStrands["travel"]) | undefined;
+  /** The form the ribbon takes. When it is not set, the form is `ribbon`. In
+`travel`, the form of every stretch no stop claims. */
+  variant?: (HelixStrands["variant"]) | undefined;
+
+  /** Fired each time the element stops drawing its ribbon and shows its gradient, with the reason. */
+  "onhelix-strands-fallback"?: ((
+    e: HelixStrandsHelixStrandsFallbackElementEvent,
+  ) => void) | undefined;
+};
+
+export type HelixStrandsSolidJsProps = {
+  /** Where the form sits across the box, as a share of the width: the fan's
+bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+and a ribbon runs down the middle.
+
+**A share rather than a length**, so the ribbon keeps its place when the
+box changes shape. Read inside a box only; in `travel` each stop has its
+own. */
+  "prop:at"?: (HelixStrands["at"]) | undefined;
+  /** How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
+forty. Clamped to that range. */
+  "prop:density"?: (HelixStrands["density"]) | undefined;
+  /** Overall brightness, as a multiplier on the light. */
+  "prop:gain"?: (HelixStrands["gain"]) | undefined;
+  /** The share of strands drawn out of focus where the ribbon is wide, from `0`,
+every strand sharp, to `1`, every one soft. Clamped to that range. A tight
+form, such as a fan's bend or a wave, stays sharp whatever this says. */
+  "prop:softness"?: (HelixStrands["softness"]) | undefined;
+  /** How fast the ribbon moves, as a multiplier on time. `0` holds it still. */
+  "prop:speed"?: (HelixStrands["speed"]) | undefined;
+  /** How wide the ribbon is, as a multiplier on each form's own width. */
+  "prop:spread"?: (HelixStrands["spread"]) | undefined;
+  /** Whether the ribbon is laid down the whole page, so scrolling travels along
+it.
+
+Reflected because the stylesheet selects on it: in `travel` the host fixes
+itself to the viewport, behind the page. */
+  "prop:travel"?: (HelixStrands["travel"]) | undefined;
+  /** The form the ribbon takes. When it is not set, the form is `ribbon`. In
+`travel`, the form of every stretch no stop claims. */
+  "prop:variant"?: (HelixStrands["variant"]) | undefined;
+  /** Fired each time the element stops drawing its ribbon and shows its gradient, with the reason. */
+  "on:helix-strands-fallback"?: ((
+    e: HelixStrandsHelixStrandsFallbackElementEvent,
+  ) => void) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
+export type HelixStrandsStopProps = {
+  /** Where the form sits across the page, as a share of the width: the fan's
+bend or the ribbon's axis. A wave crosses the whole width and does not
+read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle. */
+  at?: (HelixStrandsStop["at"]) | undefined;
+  /** The id of the element the form is pinned to, in the same tree as the stop. */
+  for?: (HelixStrandsStop["for"]) | undefined;
+  /** The form the ribbon takes at the element. When it is not set, the form is `ribbon`. */
+  variant?: (HelixStrandsStop["variant"]) | undefined;
+};
+
+export type HelixStrandsStopSolidJsProps = {
+  /** Where the form sits across the page, as a share of the width: the fan's
+bend or the ribbon's axis. A wave crosses the whole width and does not
+read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle. */
+  "prop:at"?: (HelixStrandsStop["at"]) | undefined;
+  /** The id of the element the form is pinned to, in the same tree as the stop. */
+  "prop:for"?: (HelixStrandsStop["for"]) | undefined;
+  /** The form the ribbon takes at the element. When it is not set, the form is `ribbon`. */
+  "prop:variant"?: (HelixStrandsStop["variant"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 /** `HelixSwitch` component event */
 export type HelixSwitchElementEvent<E = Event> = TypedEvent<HelixSwitch, E>;
 /** `helix-before-toggle` event type */
@@ -33057,6 +33298,12 @@ export type HelixTableElementEvent<E = Event> = TypedEvent<HelixTable, E>;
 /** `helix-before-reorder` event type */
 export type HelixTableHelixBeforeReorderElementEvent =
   HelixTableElementEvent<HelixBeforeReorderEvent>;
+/** `helix-before-toggle` event type */
+export type HelixTableHelixBeforeToggleElementEvent =
+  HelixTableElementEvent<HelixBeforeToggleEvent>;
+/** `helix-load-more` event type */
+export type HelixTableHelixLoadMoreElementEvent =
+  HelixTableElementEvent<HelixLoadMoreEvent>;
 /** `helix-reorder` event type */
 export type HelixTableHelixReorderElementEvent =
   HelixTableElementEvent<HelixReorderEvent>;
@@ -33072,6 +33319,9 @@ export type HelixTableHelixSortElementEvent =
 /** `helix-sorted` event type */
 export type HelixTableHelixSortedElementEvent =
   HelixTableElementEvent<HelixSortedEvent>;
+/** `helix-toggle` event type */
+export type HelixTableHelixToggleElementEvent =
+  HelixTableElementEvent<HelixToggleEvent>;
 
 export type HelixTableProps = {
   /** The text shown and announced when there are no rows and none are loading. */
@@ -33127,6 +33377,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?: (HelixTable["columns"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  "default-expanded"?: (HelixTable["defaultExpanded"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  defaultExpanded?: (HelixTable["defaultExpanded"]) | undefined;
   /** The keys selected at the start, separated by commas. Used until `selected`
 is set. */
   "default-selected"?: (HelixTable["defaultSelected"]) | undefined;
@@ -33161,6 +33417,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?: (HelixTable["errorText"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "expand-column-label"?: (HelixTable["expandColumnLabel"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  expandColumnLabel?: (HelixTable["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?: (HelixTable["expanded"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "expand-row-label"?: (HelixTable["expandRowLabel"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  expandRowLabel?: (HelixTable["expandRowLabel"]) | undefined;
   /** The table's name where neither `label` nor an `aria-label` or
 `aria-labelledby` on the host gives it one. */
   "fallback-label"?: (HelixTable["fallbackLabel"]) | undefined;
@@ -33180,6 +33448,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?: (HelixTable["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"?: (HelixTable["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?: (HelixTable["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. */
@@ -33214,6 +33488,12 @@ table moves no row itself: you move your rows on `helix-reorder`. */
   "select-all-label"?: (HelixTable["selectAllLabel"]) | undefined;
   /** The name of the checkbox in the heading that selects every row. */
   selectAllLabel?: (HelixTable["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"?: (HelixTable["selectColumnLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  selectColumnLabel?: (HelixTable["selectColumnLabel"]) | undefined;
   /** The keys of the selected rows, separated by commas.
 
 A reader's press fires `helix-select` first, and refusing it leaves the
@@ -33230,6 +33510,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?: (HelixTable["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"?: (HelixTable["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?: (HelixTable["selectionBehavior"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "selection-mode"?: (HelixTable["selectionMode"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  selectionMode?: (HelixTable["selectionMode"]) | undefined;
   /** The name of a row's checkbox. `{row}` is replaced with the words of the
 row's first cell. */
   "select-row-label"?: (HelixTable["selectRowLabel"]) | undefined;
@@ -33263,6 +33557,12 @@ order has its whole sentence. `{order}` is the deprecated
   "onhelix-before-reorder"?: ((
     e: HelixTableHelixBeforeReorderElementEvent,
   ) => 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: HelixTableHelixBeforeToggleElementEvent,
+  ) => 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: HelixTableHelixLoadMoreElementEvent) => 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: HelixTableHelixReorderElementEvent) => 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. */
@@ -33273,6 +33573,8 @@ order has its whole sentence. `{order}` is the deprecated
   "onhelix-sort"?: ((e: HelixTableHelixSortElementEvent) => void) | undefined;
   /** Fired after the sort order changes, with the new order. */
   "onhelix-sorted"?: ((e: HelixTableHelixSortedElementEvent) => 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: HelixTableHelixToggleElementEvent) => void) | undefined;
 };
 
 export type HelixTableSolidJsProps = {
@@ -33329,6 +33631,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"?: (HelixTable["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"?: (HelixTable["defaultExpanded"]) | undefined;
+  /** The keys of the rows whose rows are shown at the start, separated by
+commas. Used until `expanded` is set. */
+  "prop:defaultExpanded"?: (HelixTable["defaultExpanded"]) | undefined;
   /** The keys selected at the start, separated by commas. Used until `selected`
 is set. */
   "attr:default-selected"?: (HelixTable["defaultSelected"]) | undefined;
@@ -33363,6 +33671,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"?: (HelixTable["errorText"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "attr:expand-column-label"?: (HelixTable["expandColumnLabel"]) | undefined;
+  /** The name of the heading over the disclosure buttons. */
+  "prop:expandColumnLabel"?: (HelixTable["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"?: (HelixTable["expanded"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "attr:expand-row-label"?: (HelixTable["expandRowLabel"]) | undefined;
+  /** The name of a row's disclosure button. `{row}` is the words of the row's first cell. */
+  "prop:expandRowLabel"?: (HelixTable["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"?: (HelixTable["fallbackLabel"]) | undefined;
@@ -33382,6 +33702,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"?: (HelixTable["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"?: (HelixTable["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"?: (HelixTable["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. */
@@ -33416,6 +33742,12 @@ table moves no row itself: you move your rows on `helix-reorder`. */
   "attr:select-all-label"?: (HelixTable["selectAllLabel"]) | undefined;
   /** The name of the checkbox in the heading that selects every row. */
   "prop:selectAllLabel"?: (HelixTable["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"?: (HelixTable["selectColumnLabel"]) | undefined;
+  /** The name of the heading over the checkboxes under
+`selection-mode="single"`, where it holds no checkbox of its own. */
+  "prop:selectColumnLabel"?: (HelixTable["selectColumnLabel"]) | undefined;
   /** The keys of the selected rows, separated by commas.
 
 A reader's press fires `helix-select` first, and refusing it leaves the
@@ -33432,6 +33764,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"?: (HelixTable["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"?: (HelixTable["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"?: (HelixTable["selectionBehavior"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "attr:selection-mode"?: (HelixTable["selectionMode"]) | undefined;
+  /** How many rows a `selectable` table selects: `multiple`, the default, or
+`single`, one at a time. */
+  "prop:selectionMode"?: (HelixTable["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"?: (HelixTable["selectRowLabel"]) | undefined;
@@ -33464,6 +33810,12 @@ order has its whole sentence. `{order}` is the deprecated
   "on:helix-before-reorder"?: ((
     e: HelixTableHelixBeforeReorderElementEvent,
   ) => 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: HelixTableHelixBeforeToggleElementEvent,
+  ) => 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: HelixTableHelixLoadMoreElementEvent) => 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: HelixTableHelixReorderElementEvent) => 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. */
@@ -33474,6 +33826,8 @@ order has its whole sentence. `{order}` is the deprecated
   "on:helix-sort"?: ((e: HelixTableHelixSortElementEvent) => void) | undefined;
   /** Fired after the sort order changes, with the new order. */
   "on:helix-sorted"?: ((e: HelixTableHelixSortedElementEvent) => 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: HelixTableHelixToggleElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -33492,6 +33846,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?: (HelixTableRow["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?: (HelixTableRow["parent"]) | undefined;
   /** The `rel` of the row's link. You set it yourself, as on an anchor. */
   rel?: (HelixTableRow["rel"]) | undefined;
   /** Where the row's link opens, such as `_blank`. */
@@ -33512,6 +33870,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"?: (HelixTableRow["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"?: (HelixTableRow["parent"]) | undefined;
   /** The `rel` of the row's link. You set it yourself, as on an anchor. */
   "prop:rel"?: (HelixTableRow["rel"]) | undefined;
   /** Where the row's link opens, such as `_blank`. */
@@ -36281,13 +36643,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?: (HelixTimelineItem["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?: (HelixTimelineItem["pending"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "pending-label"?: (HelixTimelineItem["pendingLabel"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  pendingLabel?: (HelixTimelineItem["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?: (HelixTimelineItem["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?: (HelixTimelineItem["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"?: (HelixTimelineItem["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?: (HelixTimelineItem["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"?: (HelixTimelineItem["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?: (HelixTimelineItem["toneLabels"]) | undefined;
 };
 
 export type HelixTimelineItemSolidJsProps = {
@@ -36298,13 +36682,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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["pending"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "attr:pending-label"?: (HelixTimelineItem["pendingLabel"]) | undefined;
+  /** What a screen reader hears for an entry that is `pending`. */
+  "prop:pendingLabel"?: (HelixTimelineItem["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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["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"?: (HelixTimelineItem["toneLabels"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -38692,6 +39098,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?: (HelixVideoPlaylistItem["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?: (HelixVideoPlaylistItem["focusable"]) | undefined;
 
   /** The entry was chosen. Cancelable: cancel it to keep the current entry. */
   "onhelix-select"?: ((e: HelixVideoPlaylistItemHelixSelectElementEvent) => void) | undefined;
@@ -38718,6 +39131,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"?: (HelixVideoPlaylistItem["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"?: (HelixVideoPlaylistItem["focusable"]) | undefined;
   /** The entry was chosen. Cancelable: cancel it to keep the current entry. */
   "on:helix-select"?: ((
     e: HelixVideoPlaylistItemHelixSelectElementEvent,
@@ -38809,8 +39229,20 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   defaultActive?: (HelixVideoPlaylist["defaultActive"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "empty-label"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  emptyLabel?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   label?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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?: (HelixVideoPlaylist["noAdvance"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -38840,7 +39272,7 @@ arrives or leaves, so previous goes back through what has played. */
 
   /** 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. */
   "onhelix-activate"?: ((e: HelixVideoPlaylistHelixActivateElementEvent) => 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: HelixVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
@@ -38866,8 +39298,20 @@ Ignored once `active` is written. */
 
 Ignored once `active` is written. */
   "prop:defaultActive"?: (HelixVideoPlaylist["defaultActive"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "attr:empty-label"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
+  /** What the playlist says while it has no entries. The `empty` slot replaces it. */
+  "prop:emptyLabel"?: (HelixVideoPlaylist["emptyLabel"]) | undefined;
   /** The list's name, read by screen readers. */
   "prop:label"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["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"?: (HelixVideoPlaylist["noAdvance"]) | undefined;
   /** What the live region says when the playlist moves to another entry.
 `{title}` is the entry's name.
 
@@ -38898,7 +39342,7 @@ arrives or leaves, so previous goes back through what has played. */
   "on:helix-activate"?: ((
     e: HelixVideoPlaylistHelixActivateElementEvent,
   ) => 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: HelixVideoPlaylistHelixBeforeActivateElementEvent,
   ) => void) | undefined;
@@ -39938,6 +40382,12 @@ export type HelixVirtualListProps = {
 items out as a grid of that many equal columns, windowed a line at a
 time, with Left and Right moving along a line. */
   columns?: (HelixVirtualList["columns"]) | undefined;
+  /** The 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"?: (HelixVirtualList["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?: (HelixVirtualList["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"?: (HelixVirtualList["emptyLabel"]) | undefined;
@@ -39952,6 +40402,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?: (HelixVirtualList["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?: (HelixVirtualList["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. */
@@ -39987,6 +40442,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?: (HelixVirtualList["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"?: (HelixVirtualList["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?: (HelixVirtualList["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"?: (HelixVirtualList["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?: (HelixVirtualList["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"?: (HelixVirtualList["selectionMode"]) | undefined;
@@ -40041,6 +40512,12 @@ export type HelixVirtualListSolidJsProps = {
 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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["emptyLabel"]) | undefined;
@@ -40055,6 +40532,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"?: (HelixVirtualList["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"?: (HelixVirtualList["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. */
@@ -40090,6 +40572,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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["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"?: (HelixVirtualList["selectionMode"]) | undefined;
@@ -43289,6 +43787,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.
    *
@@ -43334,6 +43833,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.
@@ -43391,6 +43891,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.
@@ -43472,6 +43973,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
@@ -44457,6 +44963,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
@@ -44585,6 +45092,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.
@@ -45111,18 +45620,13 @@ export type CustomElements = {
    *
    * Long lines scroll by default. Set `wrap` to wrap them instead, for prose-like
    * code such as a long command, and set `--code-block-max-block-size` to cap the
-   * height of a long file, which then scrolls.
+   * height of a long file, which then scrolls. A line `mark-lines` names takes a
+   * band in the primary color, with an edge at its start.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `wrap`: Whether long lines wrap.
-   *
-   * 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. Line numbers keep the lines
-   * unwrapped, since a wrapped line would take one number and several rows.
    * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
    *
    * Where the block has a name, the scroller says it too, such as "Code,
@@ -45166,6 +45670,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
@@ -45190,6 +45697,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.
    *
@@ -45232,11 +45750,21 @@ 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
    *
@@ -45254,14 +45782,21 @@ export type CustomElements = {
    * - `--code-block-header-background-color`: The background behind the name. The default is `surface-raised`.
    * - `--code-block-label-color`: The color of the name in the header.
    * - `--code-block-line-height`: The line height of the code and its line numbers, as a number or a length.
+   * - `--code-block-mark-color`: The band behind the lines `mark-lines` names. The primary color at a wash by default.
+   * - `--code-block-mark-edge-color`: The edge at the start of a band behind marked lines. The primary color by default.
    * - `--code-block-max-block-size`: The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit.
    * - `--code-block-radius`: The corner radius of the header's top and the block's bottom, which form one shape.
    * - `--code-block-removed-color`: The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default.
+   * - `--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.
@@ -45290,13 +45825,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
    *
@@ -51138,14 +51675,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`.
    * - `drawn(whole = true) => void`: Says the graph has been drawn whole, or with `false`, that it no longer
    * is. Called by `connectGraph` once its layout has settled; a page drawing
    * its own graph calls it when that graph is finished. The first call after
@@ -53114,14 +53652,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`.
    * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
    * was applied.
    *
@@ -62530,6 +63069,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.
@@ -62982,14 +63528,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`.
    * - `next() => boolean`: Moves to the next stage that can be gone to, as Ark UI's `goToNextStep`
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
@@ -63127,6 +63674,188 @@ export type CustomElements = {
    */
   "helix-step": Partial<HelixStepProps & BaseProps<HelixStep> & BaseEvents<HelixStep>>;
 
+  /**
+   * Hundreds of thin strands are drawn as one ribbon, and the light they add
+   * together is bloomed, so where they converge the ribbon burns hot. The ribbon
+   * moves on its own all the time: it sways and breathes, its strands wave and
+   * roll over one another, and light runs along them.
+   *
+   * Its palette comes from the tokens. The strands are `--helix-color-primary`,
+   * a few are `--helix-color-info` for depth, and the page they light is
+   * `--helix-color-background`. On a light page the light becomes ink, because
+   * light added to near-white cannot be seen.
+   *
+   * **Three forms, set with `variant`.** `fan` is a tight, bright bend with its
+   * arms opening to the right. `ribbon`, the default, is a broad, soft ribbon in
+   * long curves. `waves` is sharp strands crossing the full width.
+   *
+   * **In its own box, by default.** The element fills the box it is given, the
+   * way an image does, and `at` places the fan's bend or the ribbon's axis across
+   * it. Content placed inside sits over the ribbon, in the `content` part.
+   *
+   * **Down the whole page, with `travel`.** The element fixes itself behind the
+   * page, on `--helix-layer-beneath`, and lays one ribbon from the top of the page to the
+   * bottom, so scrolling travels along it. Put `helix-strands-stop` elements
+   * inside to pin a form to a section: each names an element with `for` and says
+   * which form the ribbon takes there. Between stops the ribbon fills the gap in
+   * its own `variant`, and between two waves it turns off screen so each wave
+   * reads alone. Set `z-index` on the element to move it.
+   *
+   * The ribbon stops moving in these cases:
+   * - `prefers-reduced-motion` is set. The element shows one still frame, and in
+   *   `travel` still follows the scroll, without easing.
+   * - The element is off screen or in a background tab.
+   *
+   * It shows a gradient from the same tokens in these cases, and matches
+   * `:state(fallback)` and sends `helix-strands-fallback` with the reason:
+   * - The renderer draws on the CPU, such as a headless browser or a machine with
+   *   no usable GPU.
+   * - There is no WebGL, or the browser took the drawing context back.
+   *
+   * Strands is styled only and has behavior, as `Aura` does: its behavior is
+   * drawing to a canvas, so there is no structure for a headless version to hold.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: Where the form sits across the box, as a share of the width: the fan's
+   * bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+   * crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+   * and a ribbon runs down the middle.
+   *
+   * **A share rather than a length**, so the ribbon keeps its place when the
+   * box changes shape. Read inside a box only; in `travel` each stop has its
+   * own.
+   * - `density`: How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
+   * forty. Clamped to that range.
+   * - `gain`: Overall brightness, as a multiplier on the light.
+   * - `softness`: The share of strands drawn out of focus where the ribbon is wide, from `0`,
+   * every strand sharp, to `1`, every one soft. Clamped to that range. A tight
+   * form, such as a fan's bend or a wave, stays sharp whatever this says.
+   * - `speed`: How fast the ribbon moves, as a multiplier on time. `0` holds it still.
+   * - `spread`: How wide the ribbon is, as a multiplier on each form's own width.
+   * - `travel`: Whether the ribbon is laid down the whole page, so scrolling travels along
+   * it.
+   *
+   * Reflected because the stylesheet selects on it: in `travel` the host fixes
+   * itself to the viewport, behind the page.
+   * - `variant`: The form the ribbon takes. When it is not set, the form is `ribbon`. In
+   * `travel`, the form of every stretch no stop claims.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-strands-fallback`: Fired each time the element stops drawing its ribbon and shows its gradient, with the reason.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Content drawn over the ribbon, such as a heading, and the `helix-strands-stop` elements that pin its forms in `travel`.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--strands-glow`: The color of most strands. Defaults to `--helix-color-primary`.
+   * - `--strands-ground`: The page the light is added to. Defaults to `--helix-color-background`.
+   * - `--strands-peak`: The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one.
+   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-info`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `canvas`: The surface the ribbon draws into.
+   * - `content`: The box over the ribbon that holds the content. It covers the element.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `fallback`: The element shows its gradient: the renderer draws on the CPU, there is no WebGL, or the browser took the context back. Cleared once the ribbon draws again.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-strands": Partial<
+    HelixStrandsProps & BaseProps<HelixStrands> & BaseEvents<HelixStrands>
+  >;
+
+  /**
+   * Placed inside a `helix-strands` with `travel`, a stop names an element with
+   * `for` and says which form the ribbon takes when the page reaches it: a `fan`
+   * bending through it, a `ribbon` passing through `at`, or `waves` crossing at
+   * its top edge. The stops are read in page order, whatever order they are
+   * written in, and a stop naming no element is skipped.
+   *
+   * A stop draws nothing itself and is never shown.
+   *
+   * **Every property is reflected**, because the parent watches its stops'
+   * attributes to lay the ribbon out again: a change made from script reaches the
+   * page as a change made in markup does. None has a default, so a stop writes
+   * nothing it was not given.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: Where the form sits across the page, as a share of the width: the fan's
+   * bend or the ribbon's axis. A wave crosses the whole width and does not
+   * read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle.
+   * - `for`: The id of the element the form is pinned to, in the same tree as the stop.
+   * - `variant`: The form the ribbon takes at the element. When it is not set, the form is `ribbon`.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-strands-stop": Partial<
+    HelixStrandsStopProps & BaseProps<HelixStrandsStop> & BaseEvents<HelixStrandsStop>
+  >;
+
   /**
    * A thumb moves along a track. The switch is the one place in Helix where color
    * means "on". A checkbox has a tick, and a switch has no mark, so the fill is
@@ -63683,6 +64412,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.
@@ -63695,6 +64426,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
@@ -63708,6 +64444,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.
@@ -63721,6 +64459,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
@@ -63730,6 +64470,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
@@ -63771,11 +64516,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
    *
@@ -63832,6 +64580,7 @@ export type CustomElements = {
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
    * - `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.
@@ -63867,6 +64616,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
@@ -63905,10 +64657,13 @@ export type CustomElements = {
    * - `--table-dragging-opacity`: The opacity of a row being moved, in a `reorderable` table.
    * - `--table-drop-indicator-color`: The color of the line where a moved row would land.
    * - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
+   * - `--table-expand-color`: The color of a row's disclosure button, in a table whose rows nest.
    * - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
    * - `--table-grip-disabled-opacity`: The opacity of a row's grip while a sort decides the order.
+   * - `--table-indent`: How far each step of depth sets a nested row's disclosure cell in.
    * - `--table-row-disabled-opacity`: The opacity of the cells of a `disabled` row.
    * - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
+   * - `--table-row-level`: Written by the row on its `expand` cell: how deep the row sits, from 1. Do not set it.
    *
    * ## CSS Parts
    *
@@ -63925,6 +64680,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.
@@ -63938,6 +64696,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.
@@ -64134,14 +64893,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 Custom Properties
    *
@@ -65850,11 +66610,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
@@ -65881,7 +66650,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 Custom Properties
@@ -65902,7 +66671,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.
    *
@@ -67617,14 +68386,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 Custom Properties
    *
@@ -67814,6 +68584,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`
@@ -67855,6 +68631,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.
    *
@@ -67889,6 +68666,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.
@@ -68029,7 +68807,11 @@ export type CustomElements = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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.
    *
@@ -68078,7 +68860,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
@@ -68086,20 +68868,22 @@ 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
    *
    * 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`.
    * - `next() => void`: Moves to the next entry and plays it, as the player's next control does.
    * Follows `shuffle`, goes round under `repeat="all"`, and stays on the last
    * entry otherwise.
@@ -68110,6 +68894,8 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--video-playlist-empty-color`: The color of the words shown while there are no entries.
+   * - `--video-playlist-empty-padding`: The space around the words shown while there are no entries.
    * - `--video-playlist-gap`: The space between the player and the list.
    * - `--video-playlist-items-gap`: The space between the entries.
    * - `--video-playlist-layout`: The grid columns for the player and the list.
@@ -68119,6 +68905,7 @@ export type CustomElements = {
    *
    * 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.
@@ -68587,6 +69374,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.
@@ -68595,6 +69384,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.
@@ -68619,6 +69412,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
@@ -68696,6 +69495,7 @@ export type CustomElements = {
    * CSS variables available for styling the component.
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -71930,6 +72730,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.
    *
@@ -71975,6 +72776,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.
@@ -72032,6 +72834,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.
@@ -72113,6 +72916,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
@@ -73112,6 +73920,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
@@ -73240,6 +74049,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.
@@ -73774,18 +74585,13 @@ export type CustomElementsSolidJs = {
    *
    * Long lines scroll by default. Set `wrap` to wrap them instead, for prose-like
    * code such as a long command, and set `--code-block-max-block-size` to cap the
-   * height of a long file, which then scrolls.
+   * height of a long file, which then scrolls. A line `mark-lines` names takes a
+   * band in the primary color, with an edge at its start.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `wrap`: Whether long lines wrap.
-   *
-   * 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. Line numbers keep the lines
-   * unwrapped, since a wrapped line would take one number and several rows.
    * - `code-label`/`codeLabel`: The name of a block that scrolls, which is a tab stop while it does.
    *
    * Where the block has a name, the scroller says it too, such as "Code,
@@ -73829,6 +74635,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
@@ -73853,6 +74662,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.
    *
@@ -73895,11 +74715,21 @@ 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
    *
@@ -73917,14 +74747,21 @@ export type CustomElementsSolidJs = {
    * - `--code-block-header-background-color`: The background behind the name. The default is `surface-raised`.
    * - `--code-block-label-color`: The color of the name in the header.
    * - `--code-block-line-height`: The line height of the code and its line numbers, as a number or a length.
+   * - `--code-block-mark-color`: The band behind the lines `mark-lines` names. The primary color at a wash by default.
+   * - `--code-block-mark-edge-color`: The edge at the start of a band behind marked lines. The primary color by default.
    * - `--code-block-max-block-size`: The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit.
    * - `--code-block-radius`: The corner radius of the header's top and the block's bottom, which form one shape.
    * - `--code-block-removed-color`: The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default.
+   * - `--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.
@@ -73953,13 +74790,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
    *
@@ -79880,14 +80719,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`.
    * - `drawn(whole = true) => void`: Says the graph has been drawn whole, or with `false`, that it no longer
    * is. Called by `connectGraph` once its layout has settled; a page drawing
    * its own graph calls it when that graph is finished. The first call after
@@ -81889,14 +82729,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`.
    * - `requestOpen(next: boolean) => boolean`: Requests that the element open or close, and returns whether the change
    * was applied.
    *
@@ -91487,6 +92328,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.
@@ -91947,14 +92795,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`.
    * - `next() => boolean`: Moves to the next stage that can be gone to, as Ark UI's `goToNextStep`
    * does. Returns whether it moved: not past the last stage, not into a stage
    * `linear` holds out of reach, and not where a listener refused.
@@ -92099,6 +92948,194 @@ export type CustomElementsSolidJs = {
     HelixStepProps & HelixStepSolidJsProps & BaseProps<HelixStep> & BaseEvents<HelixStep>
   >;
 
+  /**
+   * Hundreds of thin strands are drawn as one ribbon, and the light they add
+   * together is bloomed, so where they converge the ribbon burns hot. The ribbon
+   * moves on its own all the time: it sways and breathes, its strands wave and
+   * roll over one another, and light runs along them.
+   *
+   * Its palette comes from the tokens. The strands are `--helix-color-primary`,
+   * a few are `--helix-color-info` for depth, and the page they light is
+   * `--helix-color-background`. On a light page the light becomes ink, because
+   * light added to near-white cannot be seen.
+   *
+   * **Three forms, set with `variant`.** `fan` is a tight, bright bend with its
+   * arms opening to the right. `ribbon`, the default, is a broad, soft ribbon in
+   * long curves. `waves` is sharp strands crossing the full width.
+   *
+   * **In its own box, by default.** The element fills the box it is given, the
+   * way an image does, and `at` places the fan's bend or the ribbon's axis across
+   * it. Content placed inside sits over the ribbon, in the `content` part.
+   *
+   * **Down the whole page, with `travel`.** The element fixes itself behind the
+   * page, on `--helix-layer-beneath`, and lays one ribbon from the top of the page to the
+   * bottom, so scrolling travels along it. Put `helix-strands-stop` elements
+   * inside to pin a form to a section: each names an element with `for` and says
+   * which form the ribbon takes there. Between stops the ribbon fills the gap in
+   * its own `variant`, and between two waves it turns off screen so each wave
+   * reads alone. Set `z-index` on the element to move it.
+   *
+   * The ribbon stops moving in these cases:
+   * - `prefers-reduced-motion` is set. The element shows one still frame, and in
+   *   `travel` still follows the scroll, without easing.
+   * - The element is off screen or in a background tab.
+   *
+   * It shows a gradient from the same tokens in these cases, and matches
+   * `:state(fallback)` and sends `helix-strands-fallback` with the reason:
+   * - The renderer draws on the CPU, such as a headless browser or a machine with
+   *   no usable GPU.
+   * - There is no WebGL, or the browser took the drawing context back.
+   *
+   * Strands is styled only and has behavior, as `Aura` does: its behavior is
+   * drawing to a canvas, so there is no structure for a headless version to hold.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: Where the form sits across the box, as a share of the width: the fan's
+   * bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+   * crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+   * and a ribbon runs down the middle.
+   *
+   * **A share rather than a length**, so the ribbon keeps its place when the
+   * box changes shape. Read inside a box only; in `travel` each stop has its
+   * own.
+   * - `density`: How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
+   * forty. Clamped to that range.
+   * - `gain`: Overall brightness, as a multiplier on the light.
+   * - `softness`: The share of strands drawn out of focus where the ribbon is wide, from `0`,
+   * every strand sharp, to `1`, every one soft. Clamped to that range. A tight
+   * form, such as a fan's bend or a wave, stays sharp whatever this says.
+   * - `speed`: How fast the ribbon moves, as a multiplier on time. `0` holds it still.
+   * - `spread`: How wide the ribbon is, as a multiplier on each form's own width.
+   * - `travel`: Whether the ribbon is laid down the whole page, so scrolling travels along
+   * it.
+   *
+   * Reflected because the stylesheet selects on it: in `travel` the host fixes
+   * itself to the viewport, behind the page.
+   * - `variant`: The form the ribbon takes. When it is not set, the form is `ribbon`. In
+   * `travel`, the form of every stretch no stop claims.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `helix-strands-fallback`: Fired each time the element stops drawing its ribbon and shows its gradient, with the reason.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Content drawn over the ribbon, such as a heading, and the `helix-strands-stop` elements that pin its forms in `travel`.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--strands-glow`: The color of most strands. Defaults to `--helix-color-primary`.
+   * - `--strands-ground`: The page the light is added to. Defaults to `--helix-color-background`.
+   * - `--strands-peak`: The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one.
+   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-info`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `canvas`: The surface the ribbon draws into.
+   * - `content`: The box over the ribbon that holds the content. It covers the element.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `fallback`: The element shows its gradient: the renderer draws on the CPU, there is no WebGL, or the browser took the context back. Cleared once the ribbon draws again.
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-strands": Partial<
+    HelixStrandsProps &
+      HelixStrandsSolidJsProps &
+      BaseProps<HelixStrands> &
+      BaseEvents<HelixStrands>
+  >;
+
+  /**
+   * Placed inside a `helix-strands` with `travel`, a stop names an element with
+   * `for` and says which form the ribbon takes when the page reaches it: a `fan`
+   * bending through it, a `ribbon` passing through `at`, or `waves` crossing at
+   * its top edge. The stops are read in page order, whatever order they are
+   * written in, and a stop naming no element is skipped.
+   *
+   * A stop draws nothing itself and is never shown.
+   *
+   * **Every property is reflected**, because the parent watches its stops'
+   * attributes to lay the ribbon out again: a change made from script reaches the
+   * page as a change made in markup does. None has a default, so a stop writes
+   * nothing it was not given.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `at`: Where the form sits across the page, as a share of the width: the fan's
+   * bend or the ribbon's axis. A wave crosses the whole width and does not
+   * read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle.
+   * - `for`: The id of the element the form is pinned to, in the same tree as the stop.
+   * - `variant`: The form the ribbon takes at the element. When it is not set, the form is `ribbon`.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-strands-stop": Partial<
+    HelixStrandsStopProps &
+      HelixStrandsStopSolidJsProps &
+      BaseProps<HelixStrandsStop> &
+      BaseEvents<HelixStrandsStop>
+  >;
+
   /**
    * A thumb moves along a track. The switch is the one place in Helix where color
    * means "on". A checkbox has a tick, and a switch has no mark, so the fill is
@@ -92664,6 +93701,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.
@@ -92676,6 +93715,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
@@ -92689,6 +93733,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.
@@ -92702,6 +93748,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
@@ -92711,6 +93759,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
@@ -92752,11 +93805,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
    *
@@ -92813,6 +93869,7 @@ export type CustomElementsSolidJs = {
    * - `checkbox-mark-indeterminate`: Added to `checkbox-mark` while only some rows are selected.
    * - `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.
@@ -92853,6 +93910,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
@@ -92891,10 +93951,13 @@ export type CustomElementsSolidJs = {
    * - `--table-dragging-opacity`: The opacity of a row being moved, in a `reorderable` table.
    * - `--table-drop-indicator-color`: The color of the line where a moved row would land.
    * - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
+   * - `--table-expand-color`: The color of a row's disclosure button, in a table whose rows nest.
    * - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
    * - `--table-grip-disabled-opacity`: The opacity of a row's grip while a sort decides the order.
+   * - `--table-indent`: How far each step of depth sets a nested row's disclosure cell in.
    * - `--table-row-disabled-opacity`: The opacity of the cells of a `disabled` row.
    * - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
+   * - `--table-row-level`: Written by the row on its `expand` cell: how deep the row sits, from 1. Do not set it.
    *
    * ## CSS Parts
    *
@@ -92911,6 +93974,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.
@@ -92924,6 +93990,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.
@@ -93126,14 +94193,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 Custom Properties
    *
@@ -94865,11 +95933,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
@@ -94896,7 +95973,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 Custom Properties
@@ -94917,7 +95994,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.
    *
@@ -96666,14 +97743,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 Custom Properties
    *
@@ -96870,6 +97948,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`
@@ -96911,6 +97995,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.
    *
@@ -96945,6 +98030,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.
@@ -97091,7 +98177,11 @@ export type CustomElementsSolidJs = {
    * - `default-active`/`defaultActive`: The `value` of the item declared current in markup.
    *
    * Ignored once `active` is written.
+   * - `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.
    *
@@ -97140,7 +98230,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
@@ -97148,20 +98238,22 @@ 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
    *
    * 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`.
    * - `next() => void`: Moves to the next entry and plays it, as the player's next control does.
    * Follows `shuffle`, goes round under `repeat="all"`, and stays on the last
    * entry otherwise.
@@ -97172,6 +98264,8 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--video-playlist-empty-color`: The color of the words shown while there are no entries.
+   * - `--video-playlist-empty-padding`: The space around the words shown while there are no entries.
    * - `--video-playlist-gap`: The space between the player and the list.
    * - `--video-playlist-items-gap`: The space between the entries.
    * - `--video-playlist-layout`: The grid columns for the player and the list.
@@ -97181,6 +98275,7 @@ export type CustomElementsSolidJs = {
    *
    * 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.
@@ -97657,6 +98752,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.
@@ -97665,6 +98762,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.
@@ -97689,6 +98790,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
@@ -97766,6 +98873,7 @@ export type CustomElementsSolidJs = {
    * CSS variables available for styling the component.
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is.
+   * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -98237,12 +99345,24 @@ export type CustomCssProperties = {
   "--code-block-label-color"?: (string) | undefined;
   /** The line height of the code and its line numbers, as a number or a length. */
   "--code-block-line-height"?: (string) | undefined;
+  /** The band behind the lines `mark-lines` names. The primary color at a wash by default. */
+  "--code-block-mark-color"?: (string) | undefined;
+  /** The edge at the start of a band behind marked lines. The primary color by default. */
+  "--code-block-mark-edge-color"?: (string) | undefined;
   /** The tallest the code grows before it scrolls, or until `expandable`'s button shows every line. The default is no limit. */
   "--code-block-max-block-size"?: (string) | undefined;
   /** The corner radius of the header's top and the block's bottom, which form one shape. */
   "--code-block-radius"?: (string) | undefined;
   /** The color a diff's removed lines are tinted in and their `-` is drawn in. The danger color by default. */
   "--code-block-removed-color"?: (string) | undefined;
+  /** 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;
   /** Fill behind the fragment. Defaults to the foreground color at 6%, which looks the same on a light page and a dark one. */
   "--code-background-color"?: (string) | undefined;
   /** The fragment's typeface. Defaults to the mono face. */
@@ -99791,6 +100911,14 @@ export type CustomCssProperties = {
   "--steps-progress-track-color"?: (string) | undefined;
   /** How far through the sequence is, as a percentage, written on the `progress` part. */
   "--steps-progress"?: (string) | undefined;
+  /** The color of most strands. Defaults to `--helix-color-primary`. */
+  "--strands-glow"?: (string) | undefined;
+  /** The page the light is added to. Defaults to `--helix-color-background`. */
+  "--strands-ground"?: (string) | undefined;
+  /** The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one. */
+  "--strands-peak"?: (string) | undefined;
+  /** The color of a few strands, for depth. Defaults to `--helix-color-info`. */
+  "--strands-tint"?: (string) | undefined;
   /** Height of the track. The width follows it. */
   "--switch-block-size"?: (string) | undefined;
   /** Color of the icon on the thumb. Without it, the icon is muted while off and takes the on color while on. */
@@ -99833,14 +100961,20 @@ export type CustomCssProperties = {
   "--table-drop-indicator-color"?: (string) | undefined;
   /** The thickness of the line where a moved row would land. */
   "--table-drop-indicator-size"?: (string) | undefined;
+  /** The color of a row's disclosure button, in a table whose rows nest. */
+  "--table-expand-color"?: (string) | undefined;
   /** The color of a row's grip, in a `reorderable` table. */
   "--table-grip-color"?: (string) | undefined;
   /** The opacity of a row's grip while a sort decides the order. */
   "--table-grip-disabled-opacity"?: (string) | undefined;
+  /** How far each step of depth sets a nested row's disclosure cell in. */
+  "--table-indent"?: (string) | undefined;
   /** The opacity of the cells of a `disabled` row. */
   "--table-row-disabled-opacity"?: (string) | undefined;
   /** The wash across the cells of a row with `href` under the pointer. */
   "--table-row-hover-background-color"?: (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;
   /** The space between the tab row and the panel's content. */
   "--tabs-panel-padding-block-start"?: (string) | undefined;
   /** The space between tabs. */
@@ -100199,6 +101333,10 @@ export type CustomCssProperties = {
   "--video-playlist-menu-poster"?: (string) | undefined;
   /** The size of the trigger's icon. */
   "--video-playlist-menu-size"?: (string) | undefined;
+  /** The color of the words shown while there are no entries. */
+  "--video-playlist-empty-color"?: (string) | undefined;
+  /** The space around the words shown while there are no entries. */
+  "--video-playlist-empty-padding"?: (string) | undefined;
   /** The space between the player and the list. */
   "--video-playlist-gap"?: (string) | undefined;
   /** The space between the entries. */
@@ -100229,6 +101367,8 @@ export type CustomCssProperties = {
   "--video-progress"?: (string) | undefined;
   /** How tall the scrolling box is. */
   "--virtual-list-block-size"?: (string) | undefined;
+  /** How faint a row `disabled-keys` names is drawn. */
+  "--virtual-list-disabled-opacity"?: (string) | undefined;
   /** The color of the text in the row shown when there are no items. */
   "--virtual-list-empty-color"?: (string) | undefined;
   /** The space around the text in the row shown when there are no items. */