@fusion.dev/helix-headless 0.170.0 → 0.172.0

package/types/jsx.d.ts

@@ -4966,6 +4966,10 @@ export type HelixHeadlessChatComposerHelixTypingElementEvent =
   HelixHeadlessChatComposerElementEvent<HelixTypingEvent>;
 
 export type HelixHeadlessChatComposerProps = {
+  /** A message about the draft, shown under the field. While set, the composer
+is invalid, does not send, and does not submit, as a field's `feedback`
+does, and the message is announced as it appears. */
+  feedback?: (HelixHeadlessChatComposer["feedback"]) | undefined;
   /** The field's name, read by screen readers. */
   label?: (HelixHeadlessChatComposer["label"]) | undefined;
   /** The most characters a draft can have. The field stops taking more. */
@@ -5054,6 +5058,10 @@ Here rather than on each control. */
 };
 
 export type HelixHeadlessChatComposerSolidJsProps = {
+  /** A message about the draft, shown under the field. While set, the composer
+is invalid, does not send, and does not submit, as a field's `feedback`
+does, and the message is announced as it appears. */
+  "prop:feedback"?: (HelixHeadlessChatComposer["feedback"]) | undefined;
   /** The field's name, read by screen readers. */
   "prop:label"?: (HelixHeadlessChatComposer["label"]) | undefined;
   /** The most characters a draft can have. The field stops taking more. */
@@ -6148,6 +6156,12 @@ export type HelixHeadlessCodeBlockHelixToggleElementEvent =
   HelixHeadlessCodeBlockElementEvent<HelixToggleEvent>;
 
 export type HelixHeadlessCodeBlockProps = {
+  /** The lines to mark as inserted, as numbers and ranges counted from 1, such
+as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff. */
+  "added-lines"?: (HelixHeadlessCodeBlock["addedLines"]) | undefined;
+  /** The lines to mark as inserted, as numbers and ranges counted from 1, such
+as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff. */
+  addedLines?: (HelixHeadlessCodeBlock["addedLines"]) | 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,
@@ -6306,6 +6320,12 @@ A false boolean reflects as the attribute's absence, so this costs no
 reflected property taking no default is satisfied by the default being
 `false`. */
   noCopy?: (HelixHeadlessCodeBlock["noCopy"]) | undefined;
+  /** The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+as `mark-lines` is, in the removed color. Not for a diff. */
+  "removed-lines"?: (HelixHeadlessCodeBlock["removedLines"]) | undefined;
+  /** The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+as `mark-lines` is, in the removed color. Not for a diff. */
+  removedLines?: (HelixHeadlessCodeBlock["removedLines"]) | undefined;
   /** The words of a button that shows a folded run of unchanged lines, in a
 diff with `context-lines`. `{count}` is how many. */
   "show-unchanged-label"?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
@@ -6378,6 +6398,12 @@ read, nor for a diff. */
 };
 
 export type HelixHeadlessCodeBlockSolidJsProps = {
+  /** The lines to mark as inserted, as numbers and ranges counted from 1, such
+as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff. */
+  "attr:added-lines"?: (HelixHeadlessCodeBlock["addedLines"]) | undefined;
+  /** The lines to mark as inserted, as numbers and ranges counted from 1, such
+as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff. */
+  "prop:addedLines"?: (HelixHeadlessCodeBlock["addedLines"]) | 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,
@@ -6536,6 +6562,12 @@ A false boolean reflects as the attribute's absence, so this costs no
 reflected property taking no default is satisfied by the default being
 `false`. */
   "prop:noCopy"?: (HelixHeadlessCodeBlock["noCopy"]) | undefined;
+  /** The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+as `mark-lines` is, in the removed color. Not for a diff. */
+  "attr:removed-lines"?: (HelixHeadlessCodeBlock["removedLines"]) | undefined;
+  /** The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+as `mark-lines` is, in the removed color. Not for a diff. */
+  "prop:removedLines"?: (HelixHeadlessCodeBlock["removedLines"]) | undefined;
   /** The words of a button that shows a folded run of unchanged lines, in a
 diff with `context-lines`. `{count}` is how many. */
   "attr:show-unchanged-label"?: (HelixHeadlessCodeBlock["showUnchangedLabel"]) | undefined;
@@ -7404,10 +7436,11 @@ would give one control two of each. What is left is the validity call and
 the anchor the browser points its bubble at.
 
 **Text that is not a color is bad input**, so a form does not submit
-`#00` from a half-typed value. The picker draws no message of its own, so
-reporting it as each keystroke arrives shows nothing until the form asks;
-Color Input shows its own message against the field the reader typed
-into. */
+`#00` from a half-typed value. The picker marks it, and says
+`badInputMessage` under itself, once the reader leaves the value field or
+presses Enter, and a missing color once the reader has committed one or a
+form has refused the picker. Color Input shows its own message against the
+field the reader typed into. */
   required?: (HelixHeadlessColorPicker["required"]) | undefined;
   /** What the square's horizontal ramp is called. */
   "saturation-label"?: (HelixHeadlessColorPicker["saturationLabel"]) | undefined;
@@ -7784,10 +7817,11 @@ would give one control two of each. What is left is the validity call and
 the anchor the browser points its bubble at.
 
 **Text that is not a color is bad input**, so a form does not submit
-`#00` from a half-typed value. The picker draws no message of its own, so
-reporting it as each keystroke arrives shows nothing until the form asks;
-Color Input shows its own message against the field the reader typed
-into. */
+`#00` from a half-typed value. The picker marks it, and says
+`badInputMessage` under itself, once the reader leaves the value field or
+presses Enter, and a missing color once the reader has committed one or a
+form has refused the picker. Color Input shows its own message against the
+field the reader typed into. */
   "prop:required"?: (HelixHeadlessColorPicker["required"]) | undefined;
   /** What the square's horizontal ramp is called. */
   "attr:saturation-label"?: (HelixHeadlessColorPicker["saturationLabel"]) | undefined;
@@ -8063,12 +8097,13 @@ language. */
   locale?: (HelixHeadlessCombobox["locale"]) | undefined;
   /** Whether more than one option can be chosen.
 
-The list already does the work: `value` comes apart on commas, a press
-toggles rather than replaces, and the arrows move without choosing. What
-this adds is the tags, and keeping the panel open between picks.
+The list already does the work: `value` is the chosen values joined with
+commas, a press toggles rather than replaces, and the arrows move without
+choosing. What this adds is the tags, and keeping the panel open between
+picks.
 
-A comma is therefore not available inside an option's value, which is the
-listbox's contract and not this element's to change.
+An option's value may hold a comma, and it is read as one value, as
+`Select` and `Listbox` read it. So may an answer the reader created.
 
 **The list is told, and the field is not.** `aria-multiselectable` belongs
 to `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in
@@ -8428,12 +8463,13 @@ language. */
   "prop:locale"?: (HelixHeadlessCombobox["locale"]) | undefined;
   /** Whether more than one option can be chosen.
 
-The list already does the work: `value` comes apart on commas, a press
-toggles rather than replaces, and the arrows move without choosing. What
-this adds is the tags, and keeping the panel open between picks.
+The list already does the work: `value` is the chosen values joined with
+commas, a press toggles rather than replaces, and the arrows move without
+choosing. What this adds is the tags, and keeping the panel open between
+picks.
 
-A comma is therefore not available inside an option's value, which is the
-listbox's contract and not this element's to change.
+An option's value may hold a comma, and it is read as one value, as
+`Select` and `Listbox` read it. So may an answer the reader created.
 
 **The list is told, and the field is not.** `aria-multiselectable` belongs
 to `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in
@@ -8718,6 +8754,18 @@ so a palette filtered on a server sends one `helix-filter` for a word.
 so a palette filtered on a server sends one `helix-filter` for a word.
 `0` filters on every keystroke. See Listbox's `filter-delay`. */
   filterDelay?: (HelixHeadlessCommand["filterDelay"]) | undefined;
+  /** Where Home and End go from the filter field.
+
+Absent, they move the caret, as APG's combobox has them. `list` moves the
+highlight to the first or the last command, as React Aria's Autocomplete
+does, and Shift with either still selects the text. */
+  "home-end"?: (HelixHeadlessCommand["homeEnd"]) | undefined;
+  /** Where Home and End go from the filter field.
+
+Absent, they move the caret, as APG's combobox has them. `list` moves the
+highlight to the first or the last command, as React Aria's Autocomplete
+does, and Shift with either still selects the text. */
+  homeEnd?: (HelixHeadlessCommand["homeEnd"]) | undefined;
   /** The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,
 in Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,
 `alt` and `shift` the keys they name.
@@ -8735,6 +8783,10 @@ and `open`, `toggle` and the dialog's parts do nothing. */
   inline?: (HelixHeadlessCommand["inline"]) | undefined;
   /** Accessible name for the overlay, which has no visible heading. */
   label?: (HelixHeadlessCommand["label"]) | undefined;
+  /** How the commands are laid out, as Listbox's `layout`: `grid` draws them in
+rows and columns, for a palette of icons or emoji, and the arrow keys
+follow the rows and the columns. Absent is one command under another. */
+  layout?: (HelixHeadlessCommand["layout"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
 request to a server fails. Empty, null or no attribute is no error, so
 removing the attribute clears it. Passed to the list, which shows it
@@ -8854,6 +8906,18 @@ so a palette filtered on a server sends one `helix-filter` for a word.
 so a palette filtered on a server sends one `helix-filter` for a word.
 `0` filters on every keystroke. See Listbox's `filter-delay`. */
   "prop:filterDelay"?: (HelixHeadlessCommand["filterDelay"]) | undefined;
+  /** Where Home and End go from the filter field.
+
+Absent, they move the caret, as APG's combobox has them. `list` moves the
+highlight to the first or the last command, as React Aria's Autocomplete
+does, and Shift with either still selects the text. */
+  "attr:home-end"?: (HelixHeadlessCommand["homeEnd"]) | undefined;
+  /** Where Home and End go from the filter field.
+
+Absent, they move the caret, as APG's combobox has them. `list` moves the
+highlight to the first or the last command, as React Aria's Autocomplete
+does, and Shift with either still selects the text. */
+  "prop:homeEnd"?: (HelixHeadlessCommand["homeEnd"]) | undefined;
   /** The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,
 in Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,
 `alt` and `shift` the keys they name.
@@ -8871,6 +8935,10 @@ and `open`, `toggle` and the dialog's parts do nothing. */
   "prop:inline"?: (HelixHeadlessCommand["inline"]) | undefined;
   /** Accessible name for the overlay, which has no visible heading. */
   "prop:label"?: (HelixHeadlessCommand["label"]) | undefined;
+  /** How the commands are laid out, as Listbox's `layout`: `grid` draws them in
+rows and columns, for a palette of icons or emoji, and the arrow keys
+follow the rows and the columns. Absent is one command under another. */
+  "prop:layout"?: (HelixHeadlessCommand["layout"]) | undefined;
   /** What the list says when its commands could not be loaded, such as after a
 request to a server fails. Empty, null or no attribute is no error, so
 removing the attribute clears it. Passed to the list, which shows it
@@ -9633,7 +9701,11 @@ thousand rows, where the page is a reasonable fetch and a poor render.
 
 Off by default. Windowing costs a scroll listener, a measurement per row
 drawn, and a `block-size` on the scrolling box, and a table of twenty rows
-should pay none of them. */
+should pay none of them.
+
+While windowed, the `table` part scrolls on this tier: it carries
+`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+every shadow root. You still need to give it a block size. */
   windowed?: (HelixHeadlessDataTable["windowed"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "empty-text"?: (HelixHeadlessDataTable["emptyText"]) | undefined;
@@ -10062,7 +10134,11 @@ thousand rows, where the page is a reasonable fetch and a poor render.
 
 Off by default. Windowing costs a scroll listener, a measurement per row
 drawn, and a `block-size` on the scrolling box, and a table of twenty rows
-should pay none of them. */
+should pay none of them.
+
+While windowed, the `table` part scrolls on this tier: it carries
+`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+every shadow root. You still need to give it a block size. */
   "prop:windowed"?: (HelixHeadlessDataTable["windowed"]) | undefined;
   /** The text shown and announced when there are no rows and none are loading. */
   "attr:empty-text"?: (HelixHeadlessDataTable["emptyText"]) | undefined;
@@ -13542,6 +13618,13 @@ makes an unusual filter look unusual. */
   operatorLabel?: (HelixHeadlessFilterChip["operatorLabel"]) | undefined;
   /** Whether the element shows a control that dismisses it. */
   dismissible?: (HelixHeadlessFilterChip["dismissible"]) | undefined;
+  /** Whether the remove button is a tab stop of its own.
+
+`FilterInput` writes `false` on the chips in its `tags` slot: the field's
+text is its one tab stop, and the arrow keys move from the text to the
+chips, as in a `multiple` Combobox. No attribute: it is coordination
+between elements, as `Tag.dismissTabStop` is. */
+  dismissTabStop?: (HelixHeadlessFilterChip["dismissTabStop"]) | undefined;
 
   /** Fired when the user asks to remove the filter. Cancelable: call `preventDefault()` to keep the chip. */
   "onhelix-dismiss"?: ((
@@ -13612,6 +13695,13 @@ makes an unusual filter look unusual. */
   "prop:operatorLabel"?: (HelixHeadlessFilterChip["operatorLabel"]) | undefined;
   /** Whether the element shows a control that dismisses it. */
   "prop:dismissible"?: (HelixHeadlessFilterChip["dismissible"]) | undefined;
+  /** Whether the remove button is a tab stop of its own.
+
+`FilterInput` writes `false` on the chips in its `tags` slot: the field's
+text is its one tab stop, and the arrow keys move from the text to the
+chips, as in a `multiple` Combobox. No attribute: it is coordination
+between elements, as `Tag.dismissTabStop` is. */
+  "prop:dismissTabStop"?: (HelixHeadlessFilterChip["dismissTabStop"]) | undefined;
   /** Fired when the user asks to remove the filter. Cancelable: call `preventDefault()` to keep the chip. */
   "on:helix-dismiss"?: ((
     e: HelixHeadlessFilterChipHelixDismissElementEvent,
@@ -13822,6 +13912,18 @@ export type HelixHeadlessFilterInputToggleElementEvent =
   HelixHeadlessFilterInputElementEvent<ToggleEvent>;
 
 export type HelixHeadlessFilterInputProps = {
+  /** Whether the field keeps a `FilterChip` for each filter in its `tags` slot,
+from the `helix-facet` events it hears.
+
+Off, you build the chips, which is what you do when your own model holds
+the filters. On, a filter typed, picked, or changed adds or updates the
+chip for its field, one with no values takes it away (unless its
+comparison takes none, such as "is empty"), and removing the chip clears
+the filter. A `helix-facet` you cancel changes no chip.
+
+The chips are elements the field adds to its own children, so leave this
+off where a framework renders those children and would remove them. */
+  chips?: (HelixHeadlessFilterInput["chips"]) | undefined;
   /** Shows a button that empties the field.
 
 The text only. The tokens are the consumer's markup and this element is not
@@ -13843,6 +13945,29 @@ what you slot and you narrow it. */
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
   filterSuggestions?: (HelixHeadlessFilterInput["filterSuggestions"]) | undefined;
+  /** Whether the suggestions are still loading, such as while a request for the
+values of a typed key is out.
+
+The panel opens on `loading-text`, or the `loading` slot, while the field
+has focus, and a screen reader hears it. Slot the options and clear this
+when they arrive. */
+  loading?: (HelixHeadlessFilterInput["loading"]) | undefined;
+  /** Text the panel shows while the suggestions load. */
+  "loading-text"?: (HelixHeadlessFilterInput["loadingText"]) | undefined;
+  /** Text the panel shows while the suggestions load. */
+  loadingText?: (HelixHeadlessFilterInput["loadingText"]) | undefined;
+  /** Text the panel shows when `filter-suggestions` hides every suggestion, such
+as "No matching filters".
+
+Empty, or no `no-results` slot, and the panel closes instead, as it does
+when it has nothing to offer. */
+  "no-results-text"?: (HelixHeadlessFilterInput["noResultsText"]) | undefined;
+  /** Text the panel shows when `filter-suggestions` hides every suggestion, such
+as "No matching filters".
+
+Empty, or no `no-results` slot, and the panel closes instead, as it does
+when it has nothing to offer. */
+  noResultsText?: (HelixHeadlessFilterInput["noResultsText"]) | undefined;
   /** The text shown while the field is empty.
 
 Not a label: it goes when typing starts. */
@@ -14037,6 +14162,18 @@ Here rather than on each control. */
 };
 
 export type HelixHeadlessFilterInputSolidJsProps = {
+  /** Whether the field keeps a `FilterChip` for each filter in its `tags` slot,
+from the `helix-facet` events it hears.
+
+Off, you build the chips, which is what you do when your own model holds
+the filters. On, a filter typed, picked, or changed adds or updates the
+chip for its field, one with no values takes it away (unless its
+comparison takes none, such as "is empty"), and removing the chip clears
+the filter. A `helix-facet` you cancel changes no chip.
+
+The chips are elements the field adds to its own children, so leave this
+off where a framework renders those children and would remove them. */
+  "prop:chips"?: (HelixHeadlessFilterInput["chips"]) | undefined;
   /** Shows a button that empties the field.
 
 The text only. The tokens are the consumer's markup and this element is not
@@ -14058,6 +14195,29 @@ what you slot and you narrow it. */
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
   "prop:filterSuggestions"?: (HelixHeadlessFilterInput["filterSuggestions"]) | undefined;
+  /** Whether the suggestions are still loading, such as while a request for the
+values of a typed key is out.
+
+The panel opens on `loading-text`, or the `loading` slot, while the field
+has focus, and a screen reader hears it. Slot the options and clear this
+when they arrive. */
+  "prop:loading"?: (HelixHeadlessFilterInput["loading"]) | undefined;
+  /** Text the panel shows while the suggestions load. */
+  "attr:loading-text"?: (HelixHeadlessFilterInput["loadingText"]) | undefined;
+  /** Text the panel shows while the suggestions load. */
+  "prop:loadingText"?: (HelixHeadlessFilterInput["loadingText"]) | undefined;
+  /** Text the panel shows when `filter-suggestions` hides every suggestion, such
+as "No matching filters".
+
+Empty, or no `no-results` slot, and the panel closes instead, as it does
+when it has nothing to offer. */
+  "attr:no-results-text"?: (HelixHeadlessFilterInput["noResultsText"]) | undefined;
+  /** Text the panel shows when `filter-suggestions` hides every suggestion, such
+as "No matching filters".
+
+Empty, or no `no-results` slot, and the panel closes instead, as it does
+when it has nothing to offer. */
+  "prop:noResultsText"?: (HelixHeadlessFilterInput["noResultsText"]) | undefined;
   /** The text shown while the field is empty.
 
 Not a label: it goes when typing starts. */
@@ -21044,6 +21204,14 @@ or on Alt+Down or Alt+Up. */
 
 It moves if that side does not fit. */
   placement?: (HelixHeadlessMenu["placement"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "results-label"?: (HelixHeadlessMenu["resultsLabel"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  resultsLabel?: (HelixHeadlessMenu["resultsLabel"]) | undefined;
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   submenus?: (HelixHeadlessMenu["submenus"]) | undefined;
@@ -21085,7 +21253,17 @@ Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
 Absent, a row is kept where its words hold the filter, in any case. A
 property only, there being no way to write a function in markup. */
   filterMatch?: (HelixHeadlessMenu["filterMatch"]) | undefined;
+  /** The values of the choice rows that are checked, anywhere in the menu, in
+document order.
 
+Set it to check exactly those rows and uncheck every other choice row, as
+React Aria's `selectedKeys` controls a menu's selection from one place.
+Each row keeps its own `checked` too, which this reads and writes. `change`
+is sent on the menu when a reader's choice changes it. */
+  checkedValues?: (HelixHeadlessMenu["checkedValues"]) | undefined;
+
+  /** A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now. */
+  onchange?: ((e: HelixHeadlessMenuElementEvent) => void) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "onhelix-before-close"?: ((
     e: HelixHeadlessMenuHelixBeforeCloseElementEvent,
@@ -21164,6 +21342,14 @@ or on Alt+Down or Alt+Up. */
 
 It moves if that side does not fit. */
   "prop:placement"?: (HelixHeadlessMenu["placement"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "attr:results-label"?: (HelixHeadlessMenu["resultsLabel"]) | undefined;
+  /** What a screen reader hears when the filter narrows the rows. `{count}` is
+how many rows are left, written in the locale, and each language writes
+the forms it has, as Listbox's `results-label` does. */
+  "prop:resultsLabel"?: (HelixHeadlessMenu["resultsLabel"]) | undefined;
   /** How a submenu opens. `drill` shows it in place of the page showing, with
 a way back. `flyout` opens it in a panel of its own beside its row. */
   "prop:submenus"?: (HelixHeadlessMenu["submenus"]) | undefined;
@@ -21205,6 +21391,16 @@ Aria's `Autocomplete` takes `filter`. See Listbox's `filterMatch`.
 Absent, a row is kept where its words hold the filter, in any case. A
 property only, there being no way to write a function in markup. */
   "prop:filterMatch"?: (HelixHeadlessMenu["filterMatch"]) | undefined;
+  /** The values of the choice rows that are checked, anywhere in the menu, in
+document order.
+
+Set it to check exactly those rows and uncheck every other choice row, as
+React Aria's `selectedKeys` controls a menu's selection from one place.
+Each row keeps its own `checked` too, which this reads and writes. `change`
+is sent on the menu when a reader's choice changes it. */
+  "prop:checkedValues"?: (HelixHeadlessMenu["checkedValues"]) | undefined;
+  /** A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now. */
+  "on:change"?: ((e: HelixHeadlessMenuElementEvent) => void) | undefined;
   /** The menu is about to close. Cancelable: cancel it to keep it open. */
   "on:helix-before-close"?: ((
     e: HelixHeadlessMenuHelixBeforeCloseElementEvent,
@@ -22150,9 +22346,13 @@ speaks it: `feedback` replaces the message under the field and does not
 reach the bubble. Unset is the sentence registered for the page's
 language, then the English. */
   badInputMessage?: (HelixHeadlessNumberInput["badInputMessage"]) | undefined;
-  /** The name of the step down button, read by screen readers. */
+  /** The name of the step down button, read by screen readers. The field's
+label follows it, so a reader hears "Decrease Quantity", as React Aria
+names its steppers. */
   "decrement-label"?: (HelixHeadlessNumberInput["decrementLabel"]) | undefined;
-  /** The name of the step down button, read by screen readers. */
+  /** The name of the step down button, read by screen readers. The field's
+label follows it, so a reader hears "Decrease Quantity", as React Aria
+names its steppers. */
   decrementLabel?: (HelixHeadlessNumberInput["decrementLabel"]) | undefined;
   /** `Intl.NumberFormat` options the number is shown with while the field is
 not being edited: a currency, a percent, a unit, or a number of decimals.
@@ -22170,9 +22370,13 @@ Written as JSON in the attribute.
 <helix-number-input format-options='{"style":"currency","currency":"EUR"}'></helix-number-input>
 ``` */
   formatOptions?: (HelixHeadlessNumberInput["formatOptions"]) | undefined;
-  /** The name of the step up button, read by screen readers. */
+  /** The name of the step up button, read by screen readers. The field's
+label follows it, so a reader hears "Increase Quantity", as React Aria
+names its steppers. */
   "increment-label"?: (HelixHeadlessNumberInput["incrementLabel"]) | undefined;
-  /** The name of the step up button, read by screen readers. */
+  /** The name of the step up button, read by screen readers. The field's
+label follows it, so a reader hears "Increase Quantity", as React Aria
+names its steppers. */
   incrementLabel?: (HelixHeadlessNumberInput["incrementLabel"]) | undefined;
   /** How many steps `PageUp` and `PageDown` move.
 
@@ -22429,9 +22633,13 @@ speaks it: `feedback` replaces the message under the field and does not
 reach the bubble. Unset is the sentence registered for the page's
 language, then the English. */
   "prop:badInputMessage"?: (HelixHeadlessNumberInput["badInputMessage"]) | undefined;
-  /** The name of the step down button, read by screen readers. */
+  /** The name of the step down button, read by screen readers. The field's
+label follows it, so a reader hears "Decrease Quantity", as React Aria
+names its steppers. */
   "attr:decrement-label"?: (HelixHeadlessNumberInput["decrementLabel"]) | undefined;
-  /** The name of the step down button, read by screen readers. */
+  /** The name of the step down button, read by screen readers. The field's
+label follows it, so a reader hears "Decrease Quantity", as React Aria
+names its steppers. */
   "prop:decrementLabel"?: (HelixHeadlessNumberInput["decrementLabel"]) | undefined;
   /** `Intl.NumberFormat` options the number is shown with while the field is
 not being edited: a currency, a percent, a unit, or a number of decimals.
@@ -22449,9 +22657,13 @@ Written as JSON in the attribute.
 <helix-number-input format-options='{"style":"currency","currency":"EUR"}'></helix-number-input>
 ``` */
   "prop:formatOptions"?: (HelixHeadlessNumberInput["formatOptions"]) | undefined;
-  /** The name of the step up button, read by screen readers. */
+  /** The name of the step up button, read by screen readers. The field's
+label follows it, so a reader hears "Increase Quantity", as React Aria
+names its steppers. */
   "attr:increment-label"?: (HelixHeadlessNumberInput["incrementLabel"]) | undefined;
-  /** The name of the step up button, read by screen readers. */
+  /** The name of the step up button, read by screen readers. The field's
+label follows it, so a reader hears "Increase Quantity", as React Aria
+names its steppers. */
   "prop:incrementLabel"?: (HelixHeadlessNumberInput["incrementLabel"]) | undefined;
   /** How many steps `PageUp` and `PageDown` move.
 
@@ -24510,17 +24722,42 @@ export type HelixHeadlessPopoverToggleElementEvent =
   HelixHeadlessPopoverElementEvent<ToggleEvent>;
 
 export type HelixHeadlessPopoverProps = {
+  /** The element the panel opens against, where that is not the trigger: its
+`id` in the same document or shadow root, or the element itself. Left
+empty, the panel opens against the trigger, or against the button whose
+command opened it. */
+  anchor?: (HelixHeadlessPopover["anchor"]) | undefined;
   /** Draws a point on the panel's edge facing the trigger.
 
 Off by default, which is the house style: a panel that opens from its
 trigger already reads as belonging to it. */
   arrow?: (HelixHeadlessPopover["arrow"]) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "container-padding"?: (HelixHeadlessPopover["containerPadding"] | `${number}`) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  containerPadding?: (HelixHeadlessPopover["containerPadding"]) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "cross-offset"?: (HelixHeadlessPopover["crossOffset"] | `${number}`) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  crossOffset?: (HelixHeadlessPopover["crossOffset"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "fallback-label"?: (HelixHeadlessPopover["fallbackLabel"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   fallbackLabel?: (HelixHeadlessPopover["fallbackLabel"]) | undefined;
+  /** Whether the panel moves to the other side of the trigger when its own
+side has no room. On by default. Write `flip="false"` to keep it on its
+side, where it shrinks to fit, as React Aria's `shouldFlip` turns off. */
+  flip?: (HelixHeadlessPopover["flip"]) | undefined;
   /** The panel's name, read by screen readers. Left empty, the first heading in
 the panel names it, and then `fallback-label`. */
   label?: (HelixHeadlessPopover["label"]) | undefined;
@@ -24565,17 +24802,42 @@ the resolved state for stylesheets, which is what the mirror is for. */
 };
 
 export type HelixHeadlessPopoverSolidJsProps = {
+  /** The element the panel opens against, where that is not the trigger: its
+`id` in the same document or shadow root, or the element itself. Left
+empty, the panel opens against the trigger, or against the button whose
+command opened it. */
+  "prop:anchor"?: (HelixHeadlessPopover["anchor"]) | undefined;
   /** Draws a point on the panel's edge facing the trigger.
 
 Off by default, which is the house style: a panel that opens from its
 trigger already reads as belonging to it. */
   "prop:arrow"?: (HelixHeadlessPopover["arrow"]) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "attr:container-padding"?: (HelixHeadlessPopover["containerPadding"] | `${number}`) | undefined;
+  /** How close to the window's edges the panel may come, in pixels, when it
+slides, shrinks or moves to the other side to fit. Left unset, it slides
+and shrinks to 8 pixels from an edge and moves to the other side only
+once it would cross one. */
+  "prop:containerPadding"?: (HelixHeadlessPopover["containerPadding"]) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "attr:cross-offset"?: (HelixHeadlessPopover["crossOffset"] | `${number}`) | undefined;
+  /** How far to slide the panel along the side it is on, in pixels: to the
+right on the top or the bottom, and down on the left or the right. */
+  "prop:crossOffset"?: (HelixHeadlessPopover["crossOffset"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "attr:fallback-label"?: (HelixHeadlessPopover["fallbackLabel"]) | undefined;
   /** The panel's name where nothing else names it: no `label`, no heading in
 the panel, and no `aria-labelledby` on the host. */
   "prop:fallbackLabel"?: (HelixHeadlessPopover["fallbackLabel"]) | undefined;
+  /** Whether the panel moves to the other side of the trigger when its own
+side has no room. On by default. Write `flip="false"` to keep it on its
+side, where it shrinks to fit, as React Aria's `shouldFlip` turns off. */
+  "prop:flip"?: (HelixHeadlessPopover["flip"]) | undefined;
   /** The panel's name, read by screen readers. Left empty, the first heading in
 the panel names it, and then `fallback-label`. */
   "prop:label"?: (HelixHeadlessPopover["label"]) | undefined;
@@ -28426,7 +28688,8 @@ export type HelixHeadlessStepsHelixSelectElementEvent =
 
 export type HelixHeadlessStepsProps = {
   /** Whether the arrow keys move focus between the stages' names, along the
-way the steps run. Off by default, so the arrows keep scrolling the page. */
+way the steps run, and the names are one tab stop. Off by default, so the
+arrows keep scrolling the page. */
   arrows?: (HelixHeadlessSteps["arrows"]) | undefined;
   /** What marks a stage `complete`.
 
@@ -28510,7 +28773,8 @@ there. Not asked of an `optional` stage, nor for a move back. */
 
 export type HelixHeadlessStepsSolidJsProps = {
   /** Whether the arrow keys move focus between the stages' names, along the
-way the steps run. Off by default, so the arrows keep scrolling the page. */
+way the steps run, and the names are one tab stop. Off by default, so the
+arrows keep scrolling the page. */
   "prop:arrows"?: (HelixHeadlessSteps["arrows"]) | undefined;
   /** What marks a stage `complete`.
 
@@ -28633,7 +28897,9 @@ with the page. */
   /** Whether a reader may pass the stage without finishing it, in a sequence
 with `linear`. Ark UI's skippable step. */
   optional?: (HelixHeadlessStep["optional"]) | undefined;
-  /** The value the step sends in `helix-select`. */
+  /** The value the step sends in `helix-select`, and what names the step in its
+sequence's `active`. Without one, the sequence names the step by its place,
+counted from 1. */
   value?: (HelixHeadlessStep["value"]) | undefined;
 
   /** Fired when the step is pressed. Cancelable: cancel it to keep the current step. */
@@ -28666,7 +28932,9 @@ with the page. */
   /** Whether a reader may pass the stage without finishing it, in a sequence
 with `linear`. Ark UI's skippable step. */
   "prop:optional"?: (HelixHeadlessStep["optional"]) | undefined;
-  /** The value the step sends in `helix-select`. */
+  /** The value the step sends in `helix-select`, and what names the step in its
+sequence's `active`. Without one, the sequence names the step by its place,
+counted from 1. */
   "prop:value"?: (HelixHeadlessStep["value"]) | undefined;
   /** Fired when the step is pressed. Cancelable: cancel it to keep the current step. */
   "on:helix-select"?: ((e: HelixHeadlessStepHelixSelectElementEvent) => void) | undefined;
@@ -40168,7 +40436,13 @@ export type CustomElements = {
    * field taking more. A draft that fails them does not send, and the composer
    * takes `:state(invalid)` and `aria-invalid` once the reader has tried to send
    * it, the form was submitted, or the reader edited the field and left it.
-   * Tabbing past an empty composer marks nothing.
+   * Sending an empty required composer counts as trying. Tabbing past an empty
+   * composer marks nothing.
+   *
+   * **`feedback` is a message of your own about the draft**, such as one your
+   * server sent back. While it is set, the composer is invalid at once, does
+   * not send or submit, shows the message under the field, and a screen reader
+   * hears it as it appears. Clear it to let the draft go.
    *
    * **`typing` says whether the user is writing**, and `helix-typing` is sent
    * each time it changes: when they start, and when they send or stop for
@@ -40179,6 +40453,9 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `feedback`: A message about the draft, shown under the field. While set, the composer
+   * is invalid, does not send, and does not submit, as a field's `feedback`
+   * does, and the message is announced as it appears.
    * - `label`: The field's name, read by screen readers.
    * - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
@@ -40327,6 +40604,7 @@ export type CustomElements = {
    *
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
+   * - `feedback`: The `feedback` message, under the field while it is set.
    * - `field`: The text field.
    * - `mark`: The icon inside the send button.
    * - `send`: The send button.
@@ -40337,7 +40615,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
+   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-chat-composer": Partial<
@@ -40471,16 +40749,31 @@ export type CustomElements = {
    * `loading` while you fetch, then prepend the older turns. The turn the user
    * was reading stays in place on screen.
    *
+   * The transcript is a `log`, the role for content added in order where the
+   * newest matters most, and it answers the APG feed's keys. The `feed` role
+   * reads its articles as a list from the top, with no newest end to stay
+   * pinned to, so the log keeps the role a conversation has. While `loading` is
+   * set or older turns load, the log carries `aria-busy`, as the APG asks of a
+   * feed.
+   *
    * The log is `aria-live="off"`. A separate status region announces each new
    * turn once, when it has finished arriving. It skips the user's own turns
    * unless they failed to send, turns loaded as history, and the turns already
    * there when the transcript opened. A turn is said with its author first, such
    * as "Ada: It ships today" (`arrival-label`), where its author can be named.
    *
-   * Pass the turns as children or as `turns` data. Do not use both. Children
-   * render from the server and suit most conversations. `turns` draws a long
+   * Pass the turns as children or as `turns` data. Do not use both: a chat given
+   * both draws every turn from `turns` and then the children, and says so once
+   * in the console. Children render from the server and suit most
+   * conversations. `turns` draws a long
    * transcript one window at a time, so the log needs a block size of its own.
    *
+   * The log scrolls on this tier. It carries `data-scroller`, and `core` ships
+   * `[data-scroller] { overflow: auto }` into every shadow root, so pinning,
+   * history and the window work with no stylesheet. You still need to give the
+   * log a block size, such as `helix-headless-chat::part(log) { block-size:
+   * 20rem }`.
+   *
    * **A conversation is built from three elements.** The chat holds the
    * transcript, a `Chat.Message` stands for each turn, and a `Chat.Composer` sits
    * in the `composer` slot. When the user sends, `helix-send` reaches the chat:
@@ -40494,7 +40787,12 @@ export type CustomElements = {
    * it takes them away. Anything slotted into `status` is drawn first.
    *
    * **Keyboard.** The transcript moves between turns the way a feed does. Each
-   * turn says its place, such as "3 of 40", windowed or not.
+   * turn says its place, such as "3 of 40", windowed or not. The transcript is
+   * a tab stop while it holds a turn, and the turn a reader moved to is one
+   * too. Moving to an older turn unpins a transcript that scrolls and scrolls
+   * the turn into view, and moving to the newest pins it again. When the turn
+   * holding focus is removed, focus moves to the turn that took its place, or to
+   * the one before it where it was the last.
    *
    * | Key | What it does |
    * |---|---|
@@ -40673,7 +40971,7 @@ export type CustomElements = {
    * - `indicator`: The three dots before the words that say who is typing, which the styled tier animates as a message's are. Hidden from screen readers.
    * - `live`: The region where screen readers announce each turn once it has arrived.
    * - `loading`: Shown while the history loads.
-   * - `log`: The transcript, which scrolls.
+   * - `log`: The transcript, which scrolls. On this tier, it needs only a block size.
    * - `message`: The message drawn for a turn from `turns`, forwarded whole.
    * - `message-actions`: The controls on a turn from `turns`, beside its time.
    * - `message-avatar`: The avatar box of a turn from `turns`.
@@ -40705,6 +41003,10 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The conversation has no turns.
+   * - `loading`: Older turns are loading: `history` is `loading`.
+   * - `pinned`: The transcript follows its newest turn.
+   * - `typing`: `typing` names someone on the other side.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-chat": Partial<
@@ -41209,7 +41511,11 @@ export type CustomElements = {
    * from the accessibility tree and left out of a copy. Set `mark-lines` to
    * mark lines a reader should look at, such as `2, 4-6`: the block draws a
    * band behind each run, placed where the lines are laid out, so it follows a
-   * highlighter's markup and lines that wrap. Set `wrap` to wrap long lines
+   * highlighter's markup and lines that wrap. `added-lines` and
+   * `removed-lines` mark lines the same way as inserted and deleted, as
+   * Expressive Code's `ins` and `del` do, in code that is not a diff. The bands
+   * are drawn and hidden from screen readers, so say in the text around the
+   * block what a marked line means. Set `wrap` to wrap long lines
    * rather than scroll them; a gutter then numbers each line where it starts.
    * Set `wrappable` for a button in the header that turns `wrap` on and off,
    * pressed while the lines wrap.
@@ -41278,6 +41584,8 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `added-lines`/`addedLines`: The lines to mark as inserted, as numbers and ranges counted from 1, such
+   * as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff.
    * - `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,
@@ -41354,6 +41662,8 @@ export type CustomElements = {
    * `no-copy=""` on hosts that never asked for one, and the rule about a
    * reflected property taking no default is satisfied by the default being
    * `false`.
+   * - `removed-lines`/`removedLines`: The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+   * as `mark-lines` is, in the removed color. Not for a diff.
    * - `show-unchanged-label`/`showUnchangedLabel`: The words of a button that shows a folded run of unchanged lines, in a
    * diff with `context-lines`. `{count}` is how many.
    * - `variant`: How a diff's two versions are arranged. It has no effect without `diff`.
@@ -41433,6 +41743,8 @@ export type CustomElements = {
    * - `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.
+   * - `expand-icon`: An icon on the button that shows every line of a capped block, before its words.
+   * - `label`: The block's name in the header, such as a file icon beside the file name. Replaces `label` and `language` there, and draws the header.
    *
    * ## CSS Custom Properties
    *
@@ -41480,7 +41792,9 @@ 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.
+   * - `mark`: The band behind a run of lines `mark-lines`, `added-lines` or `removed-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.
+   * - `mark-added`: The band behind a run of lines `added-lines` names. Applied with `mark`.
+   * - `mark-removed`: The band behind a run of lines `removed-lines` names. Applied with `mark`.
    * - `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. 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`.
@@ -41591,7 +41905,8 @@ export type CustomElements = {
    *
    * The trigger and ArrowDown open the panel with focus in the square. Tab moves
    * between the panel's controls without leaving it, and Escape closes it and
-   * returns focus to the field.
+   * returns focus to the control that opened it: the trigger after a press, and
+   * the field after ArrowDown.
    *
    * The component sets `--color-input-swatch`, so do not set it yourself. It
    * holds the resolved color, so the styled tier can paint the swatch without
@@ -42087,10 +42402,11 @@ export type CustomElements = {
    * the anchor the browser points its bubble at.
    *
    * **Text that is not a color is bad input**, so a form does not submit
-   * `#00` from a half-typed value. The picker draws no message of its own, so
-   * reporting it as each keystroke arrives shows nothing until the form asks;
-   * Color Input shows its own message against the field the reader typed
-   * into.
+   * `#00` from a half-typed value. The picker marks it, and says
+   * `badInputMessage` under itself, once the reader leaves the value field or
+   * presses Enter, and a missing color once the reader has committed one or a
+   * form has refused the picker. Color Input shows its own message against the
+   * field the reader typed into.
    * - `saturation-label`/`saturationLabel`: What the square's horizontal ramp is called.
    * - `square-text`/`squareText`: What a screen reader hears for the square's place, the color's two
    * numbers and its name, on whichever of its two inputs it is on.
@@ -42209,14 +42525,10 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `formResetCallback() => void`: A reset ends any typing and takes back text that was not a color, so the
+   * field shows the color the reset put back.
    * - `requestValue(next: string) => boolean`: Blocks every change while `readOnly` is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the square.
-   * - `formResetCallback() => void`: Returns the control to its `defaultValue`, or to its `value` attribute
-   * where there is no `default-value`.
-   *
-   * Both halves are dropped, the consumer's and the control's, because a
-   * reset means the form is as it was served. Clearing only the internal one
-   * would leave a control that had been written to stuck at that value.
    * - `formStateRestoreCallback(state: string | File | FormData | null) => void`: Restores the value when the browser brings a form back.
    *
    * Falling back to what the markup declared rather than to empty, because
@@ -42297,7 +42609,7 @@ export type CustomElements = {
    * - `eyedropper-live`: The live region of the button inside `eyedropper`, which says its pending label.
    * - `eyedropper-spinner`: The ring the eyedropper button turns while it is pending.
    * - `eyedropper-text`: The words on the button inside `eyedropper`, trimmed to their capitals and baseline.
-   * - `feedback`: The message under the picker, while `feedback` is set.
+   * - `feedback`: The message under the picker: `feedback`, or what is wrong with the answer once the picker is marked invalid.
    * - `field`: One channel's number field with its label, in `channel-fields`.
    * - `field-input`: The number input in a channel's field.
    * - `field-label`: The name above a channel's number input.
@@ -42455,12 +42767,13 @@ export type CustomElements = {
    * language.
    * - `multiple`: Whether more than one option can be chosen.
    *
-   * The list already does the work: `value` comes apart on commas, a press
-   * toggles rather than replaces, and the arrows move without choosing. What
-   * this adds is the tags, and keeping the panel open between picks.
+   * The list already does the work: `value` is the chosen values joined with
+   * commas, a press toggles rather than replaces, and the arrows move without
+   * choosing. What this adds is the tags, and keeping the panel open between
+   * picks.
    *
-   * A comma is therefore not available inside an option's value, which is the
-   * listbox's contract and not this element's to change.
+   * An option's value may hold a comma, and it is read as one value, as
+   * `Select` and `Listbox` read it. So may an answer the reader created.
    *
    * **The list is told, and the field is not.** `aria-multiselectable` belongs
    * to `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in
@@ -42801,7 +43114,8 @@ export type CustomElements = {
    * | `hotkey`, Command or Control with K by default | Opens the palette from anywhere on the page, or closes it. With `inline`, puts focus in its filter field. |
    * | Down, Up | Moves the highlight to the next or the previous command, round from the last to the first. |
    * | Page Down, Page Up | Moves the highlight by as many commands as the list shows at once. |
-   * | Home, End, Left, Right | Move the caret in the filter field. |
+   * | Home, End | Move the caret in the filter field. With `home-end="list"`, move the highlight to the first or the last command. |
+   * | Left, Right | Move the caret in the filter field. |
    * | Enter | Runs the highlighted command, or follows it where it is a link, and closes the palette. On a command with `opens`, shows its page. |
    * | Command or Control with Enter | Takes the highlighted command's `alternate` destination, where it has one. |
    * | Backspace | In an empty filter on a page, goes back to the page before. |
@@ -42823,6 +43137,11 @@ export type CustomElements = {
    * - `filter-delay`/`filterDelay`: How long typing rests before the commands are filtered, in milliseconds,
    * so a palette filtered on a server sends one `helix-filter` for a word.
    * `0` filters on every keystroke. See Listbox's `filter-delay`.
+   * - `home-end`/`homeEnd`: Where Home and End go from the filter field.
+   *
+   * Absent, they move the caret, as APG's combobox has them. `list` moves the
+   * highlight to the first or the last command, as React Aria's Autocomplete
+   * does, and Shift with either still selects the text.
    * - `hotkey`: The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,
    * in Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,
    * `alt` and `shift` the keys they name.
@@ -42837,6 +43156,9 @@ export type CustomElements = {
    * Choosing a command says `helix-select` and leaves the list where it is,
    * and `open`, `toggle` and the dialog's parts do nothing.
    * - `label`: Accessible name for the overlay, which has no visible heading.
+   * - `layout`: How the commands are laid out, as Listbox's `layout`: `grid` draws them in
+   * rows and columns, for a palette of icons or emoji, and the arrow keys
+   * follow the rows and the columns. Absent is one command under another.
    * - `load-error`/`loadError`: What the list says when its commands could not be loaded, such as after a
    * request to a server fails. Empty, null or no attribute is no error, so
    * removing the attribute clears it. Passed to the list, which shows it
@@ -43538,6 +43860,10 @@ export type CustomElements = {
    * Off by default. Windowing costs a scroll listener, a measurement per row
    * drawn, and a `block-size` on the scrolling box, and a table of twenty rows
    * should pay none of them.
+   *
+   * While windowed, the `table` part scrolls on this tier: it carries
+   * `data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+   * every shadow root. You still need to give it a block size.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -43700,7 +44026,7 @@ export type CustomElements = {
    * - `select`: The cell that holds a row's checkbox.
    * - `select-all`: The heading that holds the checkbox that selects every row.
    * - `select-selected`: Added to `select` in a selected row.
-   * - `table`: The grid.
+   * - `table`: The grid. While `windowed`, the box that scrolls, which needs only a block size on this tier.
    * - `toggle`: The mark in a row header that a press opens and closes its row by, in a tree grid.
    * - `toggle-mark`: The caret in `toggle`. It points along the line while the row is closed and down while it is open.
    * - `toggle-open`: Added to `toggle` while its row is open.
@@ -45436,6 +45762,10 @@ export type CustomElements = {
    * <helix-headless-drawer id="nav">…</helix-headless-drawer>
    * ```
    *
+   * From its first press, a button that opens the drawer this way says whether
+   * the drawer is open: a Helix button through `expanded`, and any other
+   * element with `aria-expanded`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -46326,9 +46656,10 @@ export type CustomElements = {
    * press. `requestChange` documents the pattern.
    *
    * **Keyboard.** The remove button is a tab stop of its own, and Enter or Space
-   * on it asks to remove the filter. In a `FilterInput`, Backspace in the empty
-   * field asks to remove the last chip, the arrow keys move between the field
-   * and the chips, and Delete or Backspace on a chip asks to remove it.
+   * on it asks to remove the filter. In a `FilterInput`, the field's text is the
+   * one tab stop: Backspace in the empty field asks to remove the last chip, the
+   * arrow keys move between the field and the chips, and Delete or Backspace on
+   * a chip asks to remove it.
    *
    * The remove button is named `dismiss-label` followed by the chip's words,
    * such as "Remove filter Status is not open", so a row of chips says which
@@ -46384,6 +46715,12 @@ export type CustomElements = {
    * reads. The moment somebody picks a different comparison it appears, which
    * makes an unusual filter look unusual.
    * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismissTabStop`: Whether the remove button is a tab stop of its own.
+   *
+   * `FilterInput` writes `false` on the chips in its `tags` slot: the field's
+   * text is its one tab stop, and the arrow keys move from the text to the
+   * chips, as in a `multiple` Combobox. No attribute: it is coordination
+   * between elements, as `Tag.dismissTabStop` is. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -46851,8 +47188,9 @@ export type CustomElements = {
    * first colon, reads a leading `-` as the negation, and reads a word in
    * brackets before the colon as the comparison.
    *
-   * **Keyboard.** Focus stays in the text. The text names the highlighted
-   * suggestion as its `aria-activedescendant`.
+   * **Keyboard.** Focus stays in the text, which is the field's one tab stop. The
+   * text names the highlighted suggestion as its `aria-activedescendant`, and the
+   * arrow keys reach the tokens.
    *
    * | Key | What it does |
    * |---|---|
@@ -46910,12 +47248,24 @@ export type CustomElements = {
    *   and removing the chip alone would leave its value ticked in the hidden
    *   menu. Its dismissal is treated as the field being filtered by nothing, so
    *   it fires `helix-facet` like every other change, and the chip goes when the
-   *   filter goes.
+   *   filter goes. Set `chips` and the field adds, updates, and removes those
+   *   chips itself, from every `helix-facet` you do not cancel.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `chips`: Whether the field keeps a `FilterChip` for each filter in its `tags` slot,
+   * from the `helix-facet` events it hears.
+   *
+   * Off, you build the chips, which is what you do when your own model holds
+   * the filters. On, a filter typed, picked, or changed adds or updates the
+   * chip for its field, one with no values takes it away (unless its
+   * comparison takes none, such as "is empty"), and removing the chip clears
+   * the filter. A `helix-facet` you cancel changes no chip.
+   *
+   * The chips are elements the field adds to its own children, so leave this
+   * off where a framework renders those children and would remove them.
    * - `clearable`: Shows a button that empties the field.
    *
    * The text only. The tokens are the consumer's markup and this element is not
@@ -46927,6 +47277,18 @@ export type CustomElements = {
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
+   * - `loading`: Whether the suggestions are still loading, such as while a request for the
+   * values of a typed key is out.
+   *
+   * The panel opens on `loading-text`, or the `loading` slot, while the field
+   * has focus, and a screen reader hears it. Slot the options and clear this
+   * when they arrive.
+   * - `loading-text`/`loadingText`: Text the panel shows while the suggestions load.
+   * - `no-results-text`/`noResultsText`: Text the panel shows when `filter-suggestions` hides every suggestion, such
+   * as "No matching filters".
+   *
+   * Empty, or no `no-results` slot, and the panel closes instead, as it does
+   * when it has nothing to offer.
    * - `placeholder`: The text shown while the field is empty.
    *
    * Not a label: it goes when typing starts.
@@ -47088,6 +47450,8 @@ export type CustomElements = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `loading`: What the panel shows while `loading` is set, for content richer than `loading-text`.
+   * - `no-results`: What the panel shows when `filter-suggestions` hides every suggestion, for content richer than `no-results-text`.
    * - `start`: Content before the text, such as a search icon.
    * - `suggestions`: Suggestions for what to type next, as `Option`s and `Option.Group`s.
    * - `tags`: The active filters, as `FilterChip`s or `Tag`s.
@@ -47171,12 +47535,14 @@ export type CustomElements = {
    *
    * - `clear`: The button that empties the field.
    * - `control`: The input itself.
+   * - `empty`: Shown in the panel when `filter-suggestions` hides every suggestion.
    * - `feedback`: The error message under the field.
    * - `field`: The box that holds everything.
    * - `hint`: The help text under the field, shown while there is no error.
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
+   * - `loading`: Shown in the panel while the suggestions load.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -47186,6 +47552,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
+   * - `loading`: While `loading` is set.
+   * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -47207,7 +47575,9 @@ export type CustomElements = {
    * **`relative` shows the same reading in words**, such as "3 hours ago" at
    * `long`, "3 hr. ago" at `short` and "3h ago" at `narrow`, the styles
    * `sl-relative-time` offers. `numeric="always"` says "1 day ago" where the
-   * default says "yesterday".
+   * default says "yesterday". Both readings round the count, as
+   * `sl-relative-time` does: 100 seconds ago is "2 minutes ago", and 59.6
+   * minutes is "1 hour".
    *
    * **`date-style` and `time-style` take each locale's own pattern**, such as
    * "Tuesday, August 4, 2026" at `full`, and stand in for the separate fields,
@@ -48855,6 +49225,9 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
    * - `setSelectionRange(start: number, end: number, direction?: SelectionDirection) => void`: Selects the range from `start` to `end` in one call, which setting
    * `selectionStart` and `selectionEnd` one at a time cannot always do.
    *
@@ -52318,6 +52691,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `disabled`: The row is disabled.
+   * - `expanded`: Under `submenus="flyout"`, the row's submenu is open beside it.
    * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
@@ -52341,7 +52716,9 @@ export type CustomElements = {
    *
    * Submenus drill down by default. A submenu replaces the panel's content, and a
    * back row returns to the previous page. One panel stays inside a narrow
-   * window, and works on touch screens, which have no hover.
+   * window, and works on touch screens, which have no hover. Focus follows a
+   * mouse resting on a row in either mode, and a drilled page is a `menu` named
+   * by the row that opened it.
    *
    * **`submenus="flyout"` opens each submenu in a panel of its own beside its
    * row**, as React Aria's `SubmenuTrigger` and Radix's `Sub` do. Resting the
@@ -52375,6 +52752,11 @@ export type CustomElements = {
    * trigger's width, for a menu as wide as its trigger:
    * `helix-menu::part(surface) { min-inline-size: var(--floating-anchor-inline-size) }`.
    *
+   * **The choices in one place.** `checkedValues` holds the values of the rows
+   * that are checked, anywhere in the menu, and setting it checks exactly
+   * those rows, as React Aria's `selectedKeys` does. `change` is sent on the
+   * menu when a reader's choice changes it.
+   *
    * With `context`, the trigger is an area and the menu is its context menu: a
    * right-click, a long press, Shift+F10 or the menu key over the area opens it
    * at the pointer, or at the area's corner from the keyboard, as Radix's context
@@ -52397,7 +52779,8 @@ export type CustomElements = {
    * field: Up and Down Arrow move the highlight through the rows that are left,
    * Enter chooses the highlighted row, Right Arrow opens its submenu, Left Arrow
    * on a submenu goes back, and Escape clears the filter and then closes the
-   * menu. Home, End and the other keys move the caret and type. The field names
+   * menu. A screen reader hears how many rows the filter keeps
+   * (`results-label`). Home, End and the other keys move the caret and type. The field names
    * the highlighted row with `aria-activedescendant`, and the rows are a `menu`
    * after the field. Cancel `helix-filter` to keep every row
    * showing and narrow the rows yourself, such as by replacing them with rows
@@ -52437,6 +52820,9 @@ export type CustomElements = {
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `results-label`/`resultsLabel`: What a screen reader hears when the filter narrows the rows. `{count}` is
+   * how many rows are left, written in the locale, and each language writes
+   * the forms it has, as Listbox's `results-label` does.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
@@ -52465,6 +52851,13 @@ export type CustomElements = {
    *
    * Absent, a row is kept where its words hold the filter, in any case. A
    * property only, there being no way to write a function in markup. (property only)
+   * - `checkedValues`: The values of the choice rows that are checked, anywhere in the menu, in
+   * document order.
+   *
+   * Set it to check exactly those rows and uncheck every other choice row, as
+   * React Aria's `selectedKeys` controls a menu's selection from one place.
+   * Each row keeps its own `checked` too, which this reads and writes. `change`
+   * is sent on the menu when a reader's choice changes it. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -52490,6 +52883,7 @@ export type CustomElements = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now.
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
    * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
@@ -52501,6 +52895,8 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `empty`: What the menu shows when it has no items, for content richer than `empty-text`.
+   * - `loading`: What the menu shows while its items load, for content richer than `loading-text`.
    * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
@@ -52546,6 +52942,8 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
+   * - `entering`: From the moment the panel shows until its entrance has finished.
+   * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
    * - `placed-bottom`: While the open panel sits below its trigger.
@@ -53525,7 +53923,9 @@ export type CustomElements = {
    * speaks it: `feedback` replaces the message under the field and does not
    * reach the bubble. Unset is the sentence registered for the page's
    * language, then the English.
-   * - `decrement-label`/`decrementLabel`: The name of the step down button, read by screen readers.
+   * - `decrement-label`/`decrementLabel`: The name of the step down button, read by screen readers. The field's
+   * label follows it, so a reader hears "Decrease Quantity", as React Aria
+   * names its steppers.
    * - `format-options`/`formatOptions`: `Intl.NumberFormat` options the number is shown with while the field is
    * not being edited: a currency, a percent, a unit, or a number of decimals.
    * Written as JSON in the attribute.
@@ -53533,7 +53933,9 @@ export type CustomElements = {
    * ```html
    * <helix-number-input format-options='{"style":"currency","currency":"EUR"}'></helix-number-input>
    * ```
-   * - `increment-label`/`incrementLabel`: The name of the step up button, read by screen readers.
+   * - `increment-label`/`incrementLabel`: The name of the step up button, read by screen readers. The field's
+   * label follows it, so a reader hears "Increase Quantity", as React Aria
+   * names its steppers.
    * - `large-step`/`largeStep`: How many steps `PageUp` and `PageDown` move.
    *
    * Ten steps, which is the convention every spinner on the platform follows,
@@ -53715,8 +54117,10 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `stepUp(large = false) => void`: Steps the value up, by `largeStep` steps when `large` is set.
-   * - `stepDown(large = false) => void`: Steps the value down, by `largeStep` steps when `large` is set.
+   * - `stepUp(count: number | boolean = 1) => void`: Steps the value up by `step`, `count` times, as the native method and
+   * `Input.stepUp` do. `true` takes `largeStep` steps, as `PageUp` does.
+   * - `stepDown(count: number | boolean = 1) => void`: Steps the value down by `step`, `count` times. `true` takes `largeStep`
+   * steps, as `PageDown` does.
    *
    * The same path a press of the down arrow takes, so a consumer driving this
    * from their own control gets the clamping and the announcement rather than
@@ -55354,7 +55758,9 @@ export type CustomElements = {
    *
    * It opens on click and from a command. `command="--show"` and the related
    * commands work as they do on `Dialog` and `Drawer`, so a button anywhere on
-   * the page can open the popover with no script.
+   * the page can open the popover with no script. From its first press, a
+   * button that opens it this way says whether the popover is open: a Helix
+   * button through `expanded`, and any other element with `aria-expanded`.
    *
    * **Opening moves focus into the panel**, to the first control in it, or to the
    * panel itself where it holds none, and closing from inside gives it back to
@@ -55364,8 +55770,12 @@ export type CustomElements = {
    * `modal` keeps `Tab` inside the panel while it is open and says so with
    * `aria-modal`, for a panel that has to be answered before the page goes on.
    * The rest of the page is hidden from screen readers with `aria-hidden` while
-   * it is open, so the virtual cursor stays in the panel too. Without it the
-   * popover does not trap focus.
+   * it is open, so the virtual cursor stays in the panel too, and the page does
+   * not scroll behind it. Without it the popover does not trap focus.
+   *
+   * A press outside closes the panel and leaves focus where the press put it.
+   * Where it put focus nowhere, as a press on text or on the page's background
+   * does, focus goes back to the trigger.
    *
    * The panel's name is `label` when you set it. Otherwise it is the first
    * heading in the panel, or the elements an `aria-labelledby` on the host names.
@@ -55381,10 +55791,17 @@ export type CustomElements = {
    * | Escape | Closes the panel and puts focus back on the trigger. |
    * | Tab, Shift+Tab | Moves through the controls in the panel. Leaving the panel and the trigger closes it. With `modal`, moves from the last control round to the first and from the first round to the last. |
    *
+   * The panel opens against the trigger, or against the element `anchor` names,
+   * such as a field beside the button that opens it. `offset` moves it away from
+   * that element, `cross-offset` slides it along the side it is on,
+   * `container-padding` keeps it that far from the window's edges, and
+   * `flip="false"` keeps it on its side where the other side has more room.
+   *
    * `arrow` draws a point on the panel's edge facing the trigger. The side the
-   * panel landed on is on the host as `:state(placed-top)` and its kin, and the
-   * trigger's width is on the panel as `--floating-anchor-inline-size`, for a
-   * panel as wide as its trigger:
+   * panel landed on is on the host as `:state(placed-top)` and its kin, its
+   * alignment along that side as `:state(aligned-start)` or
+   * `:state(aligned-end)`, and the trigger's width is on the panel as
+   * `--floating-anchor-inline-size`, for a panel as wide as its trigger:
    *
    * ```css
    * helix-popover::part(popover) {
@@ -55396,12 +55813,25 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `anchor`: The element the panel opens against, where that is not the trigger: its
+   * `id` in the same document or shadow root, or the element itself. Left
+   * empty, the panel opens against the trigger, or against the button whose
+   * command opened it.
    * - `arrow`: Draws a point on the panel's edge facing the trigger.
    *
    * Off by default, which is the house style: a panel that opens from its
    * trigger already reads as belonging to it.
+   * - `container-padding`/`containerPadding`: How close to the window's edges the panel may come, in pixels, when it
+   * slides, shrinks or moves to the other side to fit. Left unset, it slides
+   * and shrinks to 8 pixels from an edge and moves to the other side only
+   * once it would cross one.
+   * - `cross-offset`/`crossOffset`: How far to slide the panel along the side it is on, in pixels: to the
+   * right on the top or the bottom, and down on the left or the right.
    * - `fallback-label`/`fallbackLabel`: The panel's name where nothing else names it: no `label`, no heading in
    * the panel, and no `aria-labelledby` on the host.
+   * - `flip`: Whether the panel moves to the other side of the trigger when its own
+   * side has no room. On by default. Write `flip="false"` to keep it on its
+   * side, where it shrinks to fit, as React Aria's `shouldFlip` turns off.
    * - `label`: The panel's name, read by screen readers. Left empty, the first heading in
    * the panel names it, and then `fallback-label`.
    * - `modal`: Keeps `Tab` inside the panel while it is open, marks the panel
@@ -55499,6 +55929,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `aligned-end`: While the panel is aligned to the end of the side it sits on.
+   * - `aligned-start`: While the panel is aligned to the start of the side it sits on.
    * - `entering`: From the moment the panel shows until its entrance has finished.
    * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `open`: While the popover is open.
@@ -57094,7 +57526,7 @@ export type CustomElements = {
    * | Down, Enter, Space | Opens the list on the chosen option, or the first. |
    * | Up | Opens the list on the chosen option, or the last. |
    * | Home, End | Opens the list on the first or the last option. |
-   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does, in either direction of text. |
+   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does. On a right-to-left page Left chooses the one after. |
    * | A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |
    *
    * In the open list, which is a `Listbox`:
@@ -58910,12 +59342,21 @@ export type CustomElements = {
    * sequence is correct in the server's markup, where the root cannot count its
    * slotted children.
    *
+   * `active` names a step by its `value`. A step with no `value` is named by its
+   * place, counted from 1, so a sequence written without values moves as one
+   * written with them, and `helix-activate` says `1`, `2` and so on. Give every
+   * step a value or none, because a value of `2` and the second place are one
+   * name.
+   *
    * `linear` keeps a reader from passing a stage they have not finished, as Ark
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
    * same rules, for your own buttons. `reset()` goes back to the first stage and
-   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   * clears every stage's `complete`, as Ark UI's `resetStep` does. A button
+   * anywhere on the page calls them with no script, as Ark UI's previous and
+   * next triggers do: give it `commandfor` with the sequence's `id`, and
+   * `command="--previous"`, `"--next"` or `"--reset"`.
    *
    * `completion="passed"` marks a stage `complete` once a reader moves past it,
    * as Ark UI counts a stage before the current one as completed. Going back
@@ -58942,18 +59383,21 @@ export type CustomElements = {
    * button is described by its `complete-label`.
    *
    * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
-   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
-   * between the names as well, as Ark UI's steps do: Left and Right along a row,
-   * Up and Down a column, Home and End to the first and the last. The arrows
-   * pass over a disabled stage and one a linear sequence holds out of reach,
-   * and they move focus without going to the stage.
+   * or Space goes to the stage. Set `arrows` and the names are one tab stop, the
+   * current stage's, and the arrow keys move focus between them: Left and Right
+   * along a row, Up and Down a column, Home and End to the first and the last.
+   * The stop follows focus, so Tab leaves the sequence and Shift+Tab comes back
+   * to the name the reader left. The arrows pass over a disabled stage and one a
+   * linear sequence holds out of reach, and they move focus without going to the
+   * stage.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
-   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * way the steps run, and the names are one tab stop. Off by default, so the
+   * arrows keep scrolling the page.
    * - `completion`: What marks a stage `complete`.
    *
    * Absent, you do: each step's `complete` is yours, because a reader who
@@ -59124,7 +59568,9 @@ export type CustomElements = {
    * - `disabled`: Whether the stage is disabled, so the user cannot go to it.
    * - `optional`: Whether a reader may pass the stage without finishing it, in a sequence
    * with `linear`. Ark UI's skippable step.
-   * - `value`: The value the step sends in `helix-select`.
+   * - `value`: The value the step sends in `helix-select`, and what names the step in its
+   * sequence's `active`. Without one, the sequence names the step by its place,
+   * counted from 1.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -61061,6 +61507,10 @@ export type CustomElements = {
    * along, so the two writes a consumer would make in sequence do not compose
    * into the range they asked for. The platform has this method for that reason
    * and so does this.
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
+   * - `select() => void`: Selects everything in the field.
    * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, as a label pointing at it would.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -64515,6 +64965,12 @@ export type CustomElements = {
    * captions, and poster treatment. `Sandbox` takes its preview and `Menu` its
    * trigger the same way.
    *
+   * **The player is a `Video` or a plain `<video>`.** Either takes `src` and
+   * `poster` from the entry, is named by it, plays on, and answers Shift with N
+   * or P while focused. A plain `<video>` has no previous and next controls
+   * that send `helix-previous` or `helix-next`, so its moves are the entries,
+   * the menu, and your own buttons calling `previous()` and `next()`.
+   *
    * **Entries are markup.** React skips properties it would set imperatively
    * during hydration, so an array property on a custom element is missing on the
    * first paint of a server-rendered page. `using-the-elements.mdx` has the
@@ -64547,7 +65003,8 @@ export type CustomElements = {
    *
    * **The player is named by the current entry**, and the device's own media
    * controls show the entry as the title. A player you gave a `label` keeps
-   * your name, and only the title follows the entry.
+   * your name, and only the title follows the entry. A plain `<video>` is
+   * named through `aria-label`, unless you wrote one.
    *
    * **Keyboard.** The entries take one stop in the tab order: the entry you
    * last focused, or the current entry before you have focused one. Enter or
@@ -65238,6 +65695,11 @@ export type CustomElements = {
    * commas. Their rows carry `aria-disabled`, the keys and typing pass over
    * them, and a press, Space, or Control with A does not select them.
    *
+   * **Rows a stylesheet can tell apart.** A chosen row carries `data-selected`,
+   * a disabled one `data-disabled`, as React Aria's rows do, and the row the
+   * keys are on, which holds the tab stop, `data-active`, whether or not the
+   * list has focus.
+   *
    * **Loading more.** `helix-range-change` fires as the items on screen change,
    * and `range` holds them. `helix-load-more` fires once a reader is within one
    * screen of the end, once for each length of the set: add to `items` and it can
@@ -69172,7 +69634,13 @@ export type CustomElementsSolidJs = {
    * field taking more. A draft that fails them does not send, and the composer
    * takes `:state(invalid)` and `aria-invalid` once the reader has tried to send
    * it, the form was submitted, or the reader edited the field and left it.
-   * Tabbing past an empty composer marks nothing.
+   * Sending an empty required composer counts as trying. Tabbing past an empty
+   * composer marks nothing.
+   *
+   * **`feedback` is a message of your own about the draft**, such as one your
+   * server sent back. While it is set, the composer is invalid at once, does
+   * not send or submit, shows the message under the field, and a screen reader
+   * hears it as it appears. Clear it to let the draft go.
    *
    * **`typing` says whether the user is writing**, and `helix-typing` is sent
    * each time it changes: when they start, and when they send or stop for
@@ -69183,6 +69651,9 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `feedback`: A message about the draft, shown under the field. While set, the composer
+   * is invalid, does not send, and does not submit, as a field's `feedback`
+   * does, and the message is announced as it appears.
    * - `label`: The field's name, read by screen readers.
    * - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
    * - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
@@ -69331,6 +69802,7 @@ export type CustomElementsSolidJs = {
    *
    * - `composer`: The whole composer.
    * - `end`: The box around the `end` slot.
+   * - `feedback`: The `feedback` message, under the field while it is set.
    * - `field`: The text field.
    * - `mark`: The icon inside the send button.
    * - `send`: The send button.
@@ -69341,7 +69813,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
-   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
+   * - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-chat-composer": Partial<
@@ -69477,16 +69949,31 @@ export type CustomElementsSolidJs = {
    * `loading` while you fetch, then prepend the older turns. The turn the user
    * was reading stays in place on screen.
    *
+   * The transcript is a `log`, the role for content added in order where the
+   * newest matters most, and it answers the APG feed's keys. The `feed` role
+   * reads its articles as a list from the top, with no newest end to stay
+   * pinned to, so the log keeps the role a conversation has. While `loading` is
+   * set or older turns load, the log carries `aria-busy`, as the APG asks of a
+   * feed.
+   *
    * The log is `aria-live="off"`. A separate status region announces each new
    * turn once, when it has finished arriving. It skips the user's own turns
    * unless they failed to send, turns loaded as history, and the turns already
    * there when the transcript opened. A turn is said with its author first, such
    * as "Ada: It ships today" (`arrival-label`), where its author can be named.
    *
-   * Pass the turns as children or as `turns` data. Do not use both. Children
-   * render from the server and suit most conversations. `turns` draws a long
+   * Pass the turns as children or as `turns` data. Do not use both: a chat given
+   * both draws every turn from `turns` and then the children, and says so once
+   * in the console. Children render from the server and suit most
+   * conversations. `turns` draws a long
    * transcript one window at a time, so the log needs a block size of its own.
    *
+   * The log scrolls on this tier. It carries `data-scroller`, and `core` ships
+   * `[data-scroller] { overflow: auto }` into every shadow root, so pinning,
+   * history and the window work with no stylesheet. You still need to give the
+   * log a block size, such as `helix-headless-chat::part(log) { block-size:
+   * 20rem }`.
+   *
    * **A conversation is built from three elements.** The chat holds the
    * transcript, a `Chat.Message` stands for each turn, and a `Chat.Composer` sits
    * in the `composer` slot. When the user sends, `helix-send` reaches the chat:
@@ -69500,7 +69987,12 @@ export type CustomElementsSolidJs = {
    * it takes them away. Anything slotted into `status` is drawn first.
    *
    * **Keyboard.** The transcript moves between turns the way a feed does. Each
-   * turn says its place, such as "3 of 40", windowed or not.
+   * turn says its place, such as "3 of 40", windowed or not. The transcript is
+   * a tab stop while it holds a turn, and the turn a reader moved to is one
+   * too. Moving to an older turn unpins a transcript that scrolls and scrolls
+   * the turn into view, and moving to the newest pins it again. When the turn
+   * holding focus is removed, focus moves to the turn that took its place, or to
+   * the one before it where it was the last.
    *
    * | Key | What it does |
    * |---|---|
@@ -69679,7 +70171,7 @@ export type CustomElementsSolidJs = {
    * - `indicator`: The three dots before the words that say who is typing, which the styled tier animates as a message's are. Hidden from screen readers.
    * - `live`: The region where screen readers announce each turn once it has arrived.
    * - `loading`: Shown while the history loads.
-   * - `log`: The transcript, which scrolls.
+   * - `log`: The transcript, which scrolls. On this tier, it needs only a block size.
    * - `message`: The message drawn for a turn from `turns`, forwarded whole.
    * - `message-actions`: The controls on a turn from `turns`, beside its time.
    * - `message-avatar`: The avatar box of a turn from `turns`.
@@ -69711,6 +70203,10 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `empty`: The conversation has no turns.
+   * - `loading`: Older turns are loading: `history` is `loading`.
+   * - `pinned`: The transcript follows its newest turn.
+   * - `typing`: `typing` names someone on the other side.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-chat": Partial<
@@ -70222,7 +70718,11 @@ export type CustomElementsSolidJs = {
    * from the accessibility tree and left out of a copy. Set `mark-lines` to
    * mark lines a reader should look at, such as `2, 4-6`: the block draws a
    * band behind each run, placed where the lines are laid out, so it follows a
-   * highlighter's markup and lines that wrap. Set `wrap` to wrap long lines
+   * highlighter's markup and lines that wrap. `added-lines` and
+   * `removed-lines` mark lines the same way as inserted and deleted, as
+   * Expressive Code's `ins` and `del` do, in code that is not a diff. The bands
+   * are drawn and hidden from screen readers, so say in the text around the
+   * block what a marked line means. Set `wrap` to wrap long lines
    * rather than scroll them; a gutter then numbers each line where it starts.
    * Set `wrappable` for a button in the header that turns `wrap` on and off,
    * pressed while the lines wrap.
@@ -70291,6 +70791,8 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `added-lines`/`addedLines`: The lines to mark as inserted, as numbers and ranges counted from 1, such
+   * as `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff.
    * - `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,
@@ -70367,6 +70869,8 @@ export type CustomElementsSolidJs = {
    * `no-copy=""` on hosts that never asked for one, and the rule about a
    * reflected property taking no default is satisfied by the default being
    * `false`.
+   * - `removed-lines`/`removedLines`: The lines to mark as deleted, as numbers and ranges counted from 1. Drawn
+   * as `mark-lines` is, in the removed color. Not for a diff.
    * - `show-unchanged-label`/`showUnchangedLabel`: The words of a button that shows a folded run of unchanged lines, in a
    * diff with `context-lines`. `{count}` is how many.
    * - `variant`: How a diff's two versions are arranged. It has no effect without `diff`.
@@ -70446,6 +70950,8 @@ export type CustomElementsSolidJs = {
    * - `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.
+   * - `expand-icon`: An icon on the button that shows every line of a capped block, before its words.
+   * - `label`: The block's name in the header, such as a file icon beside the file name. Replaces `label` and `language` there, and draws the header.
    *
    * ## CSS Custom Properties
    *
@@ -70493,7 +70999,9 @@ 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.
+   * - `mark`: The band behind a run of lines `mark-lines`, `added-lines` or `removed-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.
+   * - `mark-added`: The band behind a run of lines `added-lines` names. Applied with `mark`.
+   * - `mark-removed`: The band behind a run of lines `removed-lines` names. Applied with `mark`.
    * - `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. 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`.
@@ -70610,7 +71118,8 @@ export type CustomElementsSolidJs = {
    *
    * The trigger and ArrowDown open the panel with focus in the square. Tab moves
    * between the panel's controls without leaving it, and Escape closes it and
-   * returns focus to the field.
+   * returns focus to the control that opened it: the trigger after a press, and
+   * the field after ArrowDown.
    *
    * The component sets `--color-input-swatch`, so do not set it yourself. It
    * holds the resolved color, so the styled tier can paint the swatch without
@@ -71107,10 +71616,11 @@ export type CustomElementsSolidJs = {
    * the anchor the browser points its bubble at.
    *
    * **Text that is not a color is bad input**, so a form does not submit
-   * `#00` from a half-typed value. The picker draws no message of its own, so
-   * reporting it as each keystroke arrives shows nothing until the form asks;
-   * Color Input shows its own message against the field the reader typed
-   * into.
+   * `#00` from a half-typed value. The picker marks it, and says
+   * `badInputMessage` under itself, once the reader leaves the value field or
+   * presses Enter, and a missing color once the reader has committed one or a
+   * form has refused the picker. Color Input shows its own message against the
+   * field the reader typed into.
    * - `saturation-label`/`saturationLabel`: What the square's horizontal ramp is called.
    * - `square-text`/`squareText`: What a screen reader hears for the square's place, the color's two
    * numbers and its name, on whichever of its two inputs it is on.
@@ -71229,14 +71739,10 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `formResetCallback() => void`: A reset ends any typing and takes back text that was not a color, so the
+   * field shows the color the reset put back.
    * - `requestValue(next: string) => boolean`: Blocks every change while `readOnly` is set.
    * - `focus(options?: FocusOptions) => void`: Moves focus to the square.
-   * - `formResetCallback() => void`: Returns the control to its `defaultValue`, or to its `value` attribute
-   * where there is no `default-value`.
-   *
-   * Both halves are dropped, the consumer's and the control's, because a
-   * reset means the form is as it was served. Clearing only the internal one
-   * would leave a control that had been written to stuck at that value.
    * - `formStateRestoreCallback(state: string | File | FormData | null) => void`: Restores the value when the browser brings a form back.
    *
    * Falling back to what the markup declared rather than to empty, because
@@ -71317,7 +71823,7 @@ export type CustomElementsSolidJs = {
    * - `eyedropper-live`: The live region of the button inside `eyedropper`, which says its pending label.
    * - `eyedropper-spinner`: The ring the eyedropper button turns while it is pending.
    * - `eyedropper-text`: The words on the button inside `eyedropper`, trimmed to their capitals and baseline.
-   * - `feedback`: The message under the picker, while `feedback` is set.
+   * - `feedback`: The message under the picker: `feedback`, or what is wrong with the answer once the picker is marked invalid.
    * - `field`: One channel's number field with its label, in `channel-fields`.
    * - `field-input`: The number input in a channel's field.
    * - `field-label`: The name above a channel's number input.
@@ -71476,12 +71982,13 @@ export type CustomElementsSolidJs = {
    * language.
    * - `multiple`: Whether more than one option can be chosen.
    *
-   * The list already does the work: `value` comes apart on commas, a press
-   * toggles rather than replaces, and the arrows move without choosing. What
-   * this adds is the tags, and keeping the panel open between picks.
+   * The list already does the work: `value` is the chosen values joined with
+   * commas, a press toggles rather than replaces, and the arrows move without
+   * choosing. What this adds is the tags, and keeping the panel open between
+   * picks.
    *
-   * A comma is therefore not available inside an option's value, which is the
-   * listbox's contract and not this element's to change.
+   * An option's value may hold a comma, and it is read as one value, as
+   * `Select` and `Listbox` read it. So may an answer the reader created.
    *
    * **The list is told, and the field is not.** `aria-multiselectable` belongs
    * to `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in
@@ -71825,7 +72332,8 @@ export type CustomElementsSolidJs = {
    * | `hotkey`, Command or Control with K by default | Opens the palette from anywhere on the page, or closes it. With `inline`, puts focus in its filter field. |
    * | Down, Up | Moves the highlight to the next or the previous command, round from the last to the first. |
    * | Page Down, Page Up | Moves the highlight by as many commands as the list shows at once. |
-   * | Home, End, Left, Right | Move the caret in the filter field. |
+   * | Home, End | Move the caret in the filter field. With `home-end="list"`, move the highlight to the first or the last command. |
+   * | Left, Right | Move the caret in the filter field. |
    * | Enter | Runs the highlighted command, or follows it where it is a link, and closes the palette. On a command with `opens`, shows its page. |
    * | Command or Control with Enter | Takes the highlighted command's `alternate` destination, where it has one. |
    * | Backspace | In an empty filter on a page, goes back to the page before. |
@@ -71847,6 +72355,11 @@ export type CustomElementsSolidJs = {
    * - `filter-delay`/`filterDelay`: How long typing rests before the commands are filtered, in milliseconds,
    * so a palette filtered on a server sends one `helix-filter` for a word.
    * `0` filters on every keystroke. See Listbox's `filter-delay`.
+   * - `home-end`/`homeEnd`: Where Home and End go from the filter field.
+   *
+   * Absent, they move the caret, as APG's combobox has them. `list` moves the
+   * highlight to the first or the last command, as React Aria's Autocomplete
+   * does, and Shift with either still selects the text.
    * - `hotkey`: The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,
    * in Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,
    * `alt` and `shift` the keys they name.
@@ -71861,6 +72374,9 @@ export type CustomElementsSolidJs = {
    * Choosing a command says `helix-select` and leaves the list where it is,
    * and `open`, `toggle` and the dialog's parts do nothing.
    * - `label`: Accessible name for the overlay, which has no visible heading.
+   * - `layout`: How the commands are laid out, as Listbox's `layout`: `grid` draws them in
+   * rows and columns, for a palette of icons or emoji, and the arrow keys
+   * follow the rows and the columns. Absent is one command under another.
    * - `load-error`/`loadError`: What the list says when its commands could not be loaded, such as after a
    * request to a server fails. Empty, null or no attribute is no error, so
    * removing the attribute clears it. Passed to the list, which shows it
@@ -72566,6 +73082,10 @@ export type CustomElementsSolidJs = {
    * Off by default. Windowing costs a scroll listener, a measurement per row
    * drawn, and a `block-size` on the scrolling box, and a table of twenty rows
    * should pay none of them.
+   *
+   * While windowed, the `table` part scrolls on this tier: it carries
+   * `data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into
+   * every shadow root. You still need to give it a block size.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
    * - `loading`: Whether the rows are still loading.
    *
@@ -72728,7 +73248,7 @@ export type CustomElementsSolidJs = {
    * - `select`: The cell that holds a row's checkbox.
    * - `select-all`: The heading that holds the checkbox that selects every row.
    * - `select-selected`: Added to `select` in a selected row.
-   * - `table`: The grid.
+   * - `table`: The grid. While `windowed`, the box that scrolls, which needs only a block size on this tier.
    * - `toggle`: The mark in a row header that a press opens and closes its row by, in a tree grid.
    * - `toggle-mark`: The caret in `toggle`. It points along the line while the row is closed and down while it is open.
    * - `toggle-open`: Added to `toggle` while its row is open.
@@ -74480,6 +75000,10 @@ export type CustomElementsSolidJs = {
    * <helix-headless-drawer id="nav">…</helix-headless-drawer>
    * ```
    *
+   * From its first press, a button that opens the drawer this way says whether
+   * the drawer is open: a Helix button through `expanded`, and any other
+   * element with `aria-expanded`.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -75383,9 +75907,10 @@ export type CustomElementsSolidJs = {
    * press. `requestChange` documents the pattern.
    *
    * **Keyboard.** The remove button is a tab stop of its own, and Enter or Space
-   * on it asks to remove the filter. In a `FilterInput`, Backspace in the empty
-   * field asks to remove the last chip, the arrow keys move between the field
-   * and the chips, and Delete or Backspace on a chip asks to remove it.
+   * on it asks to remove the filter. In a `FilterInput`, the field's text is the
+   * one tab stop: Backspace in the empty field asks to remove the last chip, the
+   * arrow keys move between the field and the chips, and Delete or Backspace on
+   * a chip asks to remove it.
    *
    * The remove button is named `dismiss-label` followed by the chip's words,
    * such as "Remove filter Status is not open", so a row of chips says which
@@ -75441,6 +75966,12 @@ export type CustomElementsSolidJs = {
    * reads. The moment somebody picks a different comparison it appears, which
    * makes an unusual filter look unusual.
    * - `dismissible`: Whether the element shows a control that dismisses it.
+   * - `dismissTabStop`: Whether the remove button is a tab stop of its own.
+   *
+   * `FilterInput` writes `false` on the chips in its `tags` slot: the field's
+   * text is its one tab stop, and the arrow keys move from the text to the
+   * chips, as in a `multiple` Combobox. No attribute: it is coordination
+   * between elements, as `Tag.dismissTabStop` is. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -75912,8 +76443,9 @@ export type CustomElementsSolidJs = {
    * first colon, reads a leading `-` as the negation, and reads a word in
    * brackets before the colon as the comparison.
    *
-   * **Keyboard.** Focus stays in the text. The text names the highlighted
-   * suggestion as its `aria-activedescendant`.
+   * **Keyboard.** Focus stays in the text, which is the field's one tab stop. The
+   * text names the highlighted suggestion as its `aria-activedescendant`, and the
+   * arrow keys reach the tokens.
    *
    * | Key | What it does |
    * |---|---|
@@ -75971,12 +76503,24 @@ export type CustomElementsSolidJs = {
    *   and removing the chip alone would leave its value ticked in the hidden
    *   menu. Its dismissal is treated as the field being filtered by nothing, so
    *   it fires `helix-facet` like every other change, and the chip goes when the
-   *   filter goes.
+   *   filter goes. Set `chips` and the field adds, updates, and removes those
+   *   chips itself, from every `helix-facet` you do not cancel.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `chips`: Whether the field keeps a `FilterChip` for each filter in its `tags` slot,
+   * from the `helix-facet` events it hears.
+   *
+   * Off, you build the chips, which is what you do when your own model holds
+   * the filters. On, a filter typed, picked, or changed adds or updates the
+   * chip for its field, one with no values takes it away (unless its
+   * comparison takes none, such as "is empty"), and removing the chip clears
+   * the filter. A `helix-facet` you cancel changes no chip.
+   *
+   * The chips are elements the field adds to its own children, so leave this
+   * off where a framework renders those children and would remove them.
    * - `clearable`: Shows a button that empties the field.
    *
    * The text only. The tokens are the consumer's markup and this element is not
@@ -75988,6 +76532,18 @@ export type CustomElementsSolidJs = {
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
+   * - `loading`: Whether the suggestions are still loading, such as while a request for the
+   * values of a typed key is out.
+   *
+   * The panel opens on `loading-text`, or the `loading` slot, while the field
+   * has focus, and a screen reader hears it. Slot the options and clear this
+   * when they arrive.
+   * - `loading-text`/`loadingText`: Text the panel shows while the suggestions load.
+   * - `no-results-text`/`noResultsText`: Text the panel shows when `filter-suggestions` hides every suggestion, such
+   * as "No matching filters".
+   *
+   * Empty, or no `no-results` slot, and the panel closes instead, as it does
+   * when it has nothing to offer.
    * - `placeholder`: The text shown while the field is empty.
    *
    * Not a label: it goes when typing starts.
@@ -76149,6 +76705,8 @@ export type CustomElementsSolidJs = {
    * - `feedback`: The message that says what is wrong, for content richer than a string. It shows while there is a message.
    * - `hint`: Help under the control, for content richer than the `hint` text.
    * - `label`: The label, for content richer than the `label` text.
+   * - `loading`: What the panel shows while `loading` is set, for content richer than `loading-text`.
+   * - `no-results`: What the panel shows when `filter-suggestions` hides every suggestion, for content richer than `no-results-text`.
    * - `start`: Content before the text, such as a search icon.
    * - `suggestions`: Suggestions for what to type next, as `Option`s and `Option.Group`s.
    * - `tags`: The active filters, as `FilterChip`s or `Tag`s.
@@ -76232,12 +76790,14 @@ export type CustomElementsSolidJs = {
    *
    * - `clear`: The button that empties the field.
    * - `control`: The input itself.
+   * - `empty`: Shown in the panel when `filter-suggestions` hides every suggestion.
    * - `feedback`: The error message under the field.
    * - `field`: The box that holds everything.
    * - `hint`: The help text under the field, shown while there is no error.
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
+   * - `loading`: Shown in the panel while the suggestions load.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -76247,6 +76807,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
+   * - `loading`: While `loading` is set.
+   * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -76269,7 +76831,9 @@ export type CustomElementsSolidJs = {
    * **`relative` shows the same reading in words**, such as "3 hours ago" at
    * `long`, "3 hr. ago" at `short` and "3h ago" at `narrow`, the styles
    * `sl-relative-time` offers. `numeric="always"` says "1 day ago" where the
-   * default says "yesterday".
+   * default says "yesterday". Both readings round the count, as
+   * `sl-relative-time` does: 100 seconds ago is "2 minutes ago", and 59.6
+   * minutes is "1 hour".
    *
    * **`date-style` and `time-style` take each locale's own pattern**, such as
    * "Tuesday, August 4, 2026" at `full`, and stand in for the separate fields,
@@ -77931,6 +78495,9 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
    * - `setSelectionRange(start: number, end: number, direction?: SelectionDirection) => void`: Selects the range from `start` to `end` in one call, which setting
    * `selectionStart` and `selectionEnd` one at a time cannot always do.
    *
@@ -81448,6 +82015,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `checked`: The row is checked.
+   * - `disabled`: The row is disabled.
+   * - `expanded`: Under `submenus="flyout"`, the row's submenu is open beside it.
    * - `highlighted`: In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.
    * - `submenu-mark`: Under `submenus="flyout"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.
    * - `submenu-start`: Under `submenus="flyout"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.
@@ -81474,7 +82043,9 @@ export type CustomElementsSolidJs = {
    *
    * Submenus drill down by default. A submenu replaces the panel's content, and a
    * back row returns to the previous page. One panel stays inside a narrow
-   * window, and works on touch screens, which have no hover.
+   * window, and works on touch screens, which have no hover. Focus follows a
+   * mouse resting on a row in either mode, and a drilled page is a `menu` named
+   * by the row that opened it.
    *
    * **`submenus="flyout"` opens each submenu in a panel of its own beside its
    * row**, as React Aria's `SubmenuTrigger` and Radix's `Sub` do. Resting the
@@ -81508,6 +82079,11 @@ export type CustomElementsSolidJs = {
    * trigger's width, for a menu as wide as its trigger:
    * `helix-menu::part(surface) { min-inline-size: var(--floating-anchor-inline-size) }`.
    *
+   * **The choices in one place.** `checkedValues` holds the values of the rows
+   * that are checked, anywhere in the menu, and setting it checks exactly
+   * those rows, as React Aria's `selectedKeys` does. `change` is sent on the
+   * menu when a reader's choice changes it.
+   *
    * With `context`, the trigger is an area and the menu is its context menu: a
    * right-click, a long press, Shift+F10 or the menu key over the area opens it
    * at the pointer, or at the area's corner from the keyboard, as Radix's context
@@ -81530,7 +82106,8 @@ export type CustomElementsSolidJs = {
    * field: Up and Down Arrow move the highlight through the rows that are left,
    * Enter chooses the highlighted row, Right Arrow opens its submenu, Left Arrow
    * on a submenu goes back, and Escape clears the filter and then closes the
-   * menu. Home, End and the other keys move the caret and type. The field names
+   * menu. A screen reader hears how many rows the filter keeps
+   * (`results-label`). Home, End and the other keys move the caret and type. The field names
    * the highlighted row with `aria-activedescendant`, and the rows are a `menu`
    * after the field. Cancel `helix-filter` to keep every row
    * showing and narrow the rows yourself, such as by replacing them with rows
@@ -81570,6 +82147,9 @@ export type CustomElementsSolidJs = {
    * - `placement`: The side the menu opens on, when there is room.
    *
    * It moves if that side does not fit.
+   * - `results-label`/`resultsLabel`: What a screen reader hears when the filter narrows the rows. `{count}` is
+   * how many rows are left, written in the locale, and each language writes
+   * the forms it has, as Listbox's `results-label` does.
    * - `submenus`: How a submenu opens. `drill` shows it in place of the page showing, with
    * a way back. `flyout` opens it in a panel of its own beside its row.
    * - `empty-text`/`emptyText`: The text shown and announced when there are no rows and none are loading.
@@ -81598,6 +82178,13 @@ export type CustomElementsSolidJs = {
    *
    * Absent, a row is kept where its words hold the filter, in any case. A
    * property only, there being no way to write a function in markup. (property only)
+   * - `checkedValues`: The values of the choice rows that are checked, anywhere in the menu, in
+   * document order.
+   *
+   * Set it to check exactly those rows and uncheck every other choice row, as
+   * React Aria's `selectedKeys` controls a menu's selection from one place.
+   * Each row keeps its own `checked` too, which this reads and writes. `change`
+   * is sent on the menu when a reader's choice changes it. (property only)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -81623,6 +82210,7 @@ export type CustomElementsSolidJs = {
    *
    * Events that will be emitted by the component.
    *
+   * - `change`: A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now.
    * - `helix-before-close`: The menu is about to close. Cancelable: cancel it to keep it open.
    * - `helix-before-open`: The menu is about to open. Cancelable: cancel it to keep it closed.
    * - `helix-filter`: The text in the filter field changed, with the new text in `detail.value`. Cancelable: cancel it to keep every row showing and narrow the rows yourself.
@@ -81634,6 +82222,8 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The items.
+   * - `empty`: What the menu shows when it has no items, for content richer than `empty-text`.
+   * - `loading`: What the menu shows while its items load, for content richer than `loading-text`.
    * - `no-results`: What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.
    * - `trigger`: The control that opens the menu, or with `context` the area a context menu opens over.
    *
@@ -81679,6 +82269,8 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `drilled`: A submenu's page is showing, so content that is not a row can hide with the top page.
+   * - `entering`: From the moment the panel shows until its entrance has finished.
+   * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `mark`: A row on the current page has a checkbox or a link, so every row keeps the trailing column.
    * - `open`: While the menu is open.
    * - `placed-bottom`: While the open panel sits below its trigger.
@@ -82669,7 +83261,9 @@ export type CustomElementsSolidJs = {
    * speaks it: `feedback` replaces the message under the field and does not
    * reach the bubble. Unset is the sentence registered for the page's
    * language, then the English.
-   * - `decrement-label`/`decrementLabel`: The name of the step down button, read by screen readers.
+   * - `decrement-label`/`decrementLabel`: The name of the step down button, read by screen readers. The field's
+   * label follows it, so a reader hears "Decrease Quantity", as React Aria
+   * names its steppers.
    * - `format-options`/`formatOptions`: `Intl.NumberFormat` options the number is shown with while the field is
    * not being edited: a currency, a percent, a unit, or a number of decimals.
    * Written as JSON in the attribute.
@@ -82677,7 +83271,9 @@ export type CustomElementsSolidJs = {
    * ```html
    * <helix-number-input format-options='{"style":"currency","currency":"EUR"}'></helix-number-input>
    * ```
-   * - `increment-label`/`incrementLabel`: The name of the step up button, read by screen readers.
+   * - `increment-label`/`incrementLabel`: The name of the step up button, read by screen readers. The field's
+   * label follows it, so a reader hears "Increase Quantity", as React Aria
+   * names its steppers.
    * - `large-step`/`largeStep`: How many steps `PageUp` and `PageDown` move.
    *
    * Ten steps, which is the convention every spinner on the platform follows,
@@ -82859,8 +83455,10 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
-   * - `stepUp(large = false) => void`: Steps the value up, by `largeStep` steps when `large` is set.
-   * - `stepDown(large = false) => void`: Steps the value down, by `largeStep` steps when `large` is set.
+   * - `stepUp(count: number | boolean = 1) => void`: Steps the value up by `step`, `count` times, as the native method and
+   * `Input.stepUp` do. `true` takes `largeStep` steps, as `PageUp` does.
+   * - `stepDown(count: number | boolean = 1) => void`: Steps the value down by `step`, `count` times. `true` takes `largeStep`
+   * steps, as `PageDown` does.
    *
    * The same path a press of the down arrow takes, so a consumer driving this
    * from their own control gets the clamping and the announcement rather than
@@ -84514,7 +85112,9 @@ export type CustomElementsSolidJs = {
    *
    * It opens on click and from a command. `command="--show"` and the related
    * commands work as they do on `Dialog` and `Drawer`, so a button anywhere on
-   * the page can open the popover with no script.
+   * the page can open the popover with no script. From its first press, a
+   * button that opens it this way says whether the popover is open: a Helix
+   * button through `expanded`, and any other element with `aria-expanded`.
    *
    * **Opening moves focus into the panel**, to the first control in it, or to the
    * panel itself where it holds none, and closing from inside gives it back to
@@ -84524,8 +85124,12 @@ export type CustomElementsSolidJs = {
    * `modal` keeps `Tab` inside the panel while it is open and says so with
    * `aria-modal`, for a panel that has to be answered before the page goes on.
    * The rest of the page is hidden from screen readers with `aria-hidden` while
-   * it is open, so the virtual cursor stays in the panel too. Without it the
-   * popover does not trap focus.
+   * it is open, so the virtual cursor stays in the panel too, and the page does
+   * not scroll behind it. Without it the popover does not trap focus.
+   *
+   * A press outside closes the panel and leaves focus where the press put it.
+   * Where it put focus nowhere, as a press on text or on the page's background
+   * does, focus goes back to the trigger.
    *
    * The panel's name is `label` when you set it. Otherwise it is the first
    * heading in the panel, or the elements an `aria-labelledby` on the host names.
@@ -84541,10 +85145,17 @@ export type CustomElementsSolidJs = {
    * | Escape | Closes the panel and puts focus back on the trigger. |
    * | Tab, Shift+Tab | Moves through the controls in the panel. Leaving the panel and the trigger closes it. With `modal`, moves from the last control round to the first and from the first round to the last. |
    *
+   * The panel opens against the trigger, or against the element `anchor` names,
+   * such as a field beside the button that opens it. `offset` moves it away from
+   * that element, `cross-offset` slides it along the side it is on,
+   * `container-padding` keeps it that far from the window's edges, and
+   * `flip="false"` keeps it on its side where the other side has more room.
+   *
    * `arrow` draws a point on the panel's edge facing the trigger. The side the
-   * panel landed on is on the host as `:state(placed-top)` and its kin, and the
-   * trigger's width is on the panel as `--floating-anchor-inline-size`, for a
-   * panel as wide as its trigger:
+   * panel landed on is on the host as `:state(placed-top)` and its kin, its
+   * alignment along that side as `:state(aligned-start)` or
+   * `:state(aligned-end)`, and the trigger's width is on the panel as
+   * `--floating-anchor-inline-size`, for a panel as wide as its trigger:
    *
    * ```css
    * helix-popover::part(popover) {
@@ -84556,12 +85167,25 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `anchor`: The element the panel opens against, where that is not the trigger: its
+   * `id` in the same document or shadow root, or the element itself. Left
+   * empty, the panel opens against the trigger, or against the button whose
+   * command opened it.
    * - `arrow`: Draws a point on the panel's edge facing the trigger.
    *
    * Off by default, which is the house style: a panel that opens from its
    * trigger already reads as belonging to it.
+   * - `container-padding`/`containerPadding`: How close to the window's edges the panel may come, in pixels, when it
+   * slides, shrinks or moves to the other side to fit. Left unset, it slides
+   * and shrinks to 8 pixels from an edge and moves to the other side only
+   * once it would cross one.
+   * - `cross-offset`/`crossOffset`: How far to slide the panel along the side it is on, in pixels: to the
+   * right on the top or the bottom, and down on the left or the right.
    * - `fallback-label`/`fallbackLabel`: The panel's name where nothing else names it: no `label`, no heading in
    * the panel, and no `aria-labelledby` on the host.
+   * - `flip`: Whether the panel moves to the other side of the trigger when its own
+   * side has no room. On by default. Write `flip="false"` to keep it on its
+   * side, where it shrinks to fit, as React Aria's `shouldFlip` turns off.
    * - `label`: The panel's name, read by screen readers. Left empty, the first heading in
    * the panel names it, and then `fallback-label`.
    * - `modal`: Keeps `Tab` inside the panel while it is open, marks the panel
@@ -84659,6 +85283,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `aligned-end`: While the panel is aligned to the end of the side it sits on.
+   * - `aligned-start`: While the panel is aligned to the start of the side it sits on.
    * - `entering`: From the moment the panel shows until its entrance has finished.
    * - `exiting`: From the moment the panel hides until its exit has finished.
    * - `open`: While the popover is open.
@@ -86275,7 +86901,7 @@ export type CustomElementsSolidJs = {
    * | Down, Enter, Space | Opens the list on the chosen option, or the first. |
    * | Up | Opens the list on the chosen option, or the last. |
    * | Home, End | Opens the list on the first or the last option. |
-   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does, in either direction of text. |
+   * | Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does. On a right-to-left page Left chooses the one after. |
    * | A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |
    *
    * In the open list, which is a `Listbox`:
@@ -88120,12 +88746,21 @@ export type CustomElementsSolidJs = {
    * sequence is correct in the server's markup, where the root cannot count its
    * slotted children.
    *
+   * `active` names a step by its `value`. A step with no `value` is named by its
+   * place, counted from 1, so a sequence written without values moves as one
+   * written with them, and `helix-activate` says `1`, `2` and so on. Give every
+   * step a value or none, because a value of `2` and the second place are one
+   * name.
+   *
    * `linear` keeps a reader from passing a stage they have not finished, as Ark
    * UI's linear steps do: a stage ahead is out of reach, and its button disabled,
    * until every stage before it is `complete` or `optional`. Going back is always
    * allowed. `next()` and `previous()` move one stage either way, under the
    * same rules, for your own buttons. `reset()` goes back to the first stage and
-   * clears every stage's `complete`, as Ark UI's `resetStep` does.
+   * clears every stage's `complete`, as Ark UI's `resetStep` does. A button
+   * anywhere on the page calls them with no script, as Ark UI's previous and
+   * next triggers do: give it `commandfor` with the sequence's `id`, and
+   * `command="--previous"`, `"--next"` or `"--reset"`.
    *
    * `completion="passed"` marks a stage `complete` once a reader moves past it,
    * as Ark UI counts a stage before the current one as completed. Going back
@@ -88152,18 +88787,21 @@ export type CustomElementsSolidJs = {
    * button is described by its `complete-label`.
    *
    * **Keyboard.** Each stage's name is a button and its own tab stop, and Enter
-   * or Space goes to the stage. Set `arrows` and the arrow keys move focus
-   * between the names as well, as Ark UI's steps do: Left and Right along a row,
-   * Up and Down a column, Home and End to the first and the last. The arrows
-   * pass over a disabled stage and one a linear sequence holds out of reach,
-   * and they move focus without going to the stage.
+   * or Space goes to the stage. Set `arrows` and the names are one tab stop, the
+   * current stage's, and the arrow keys move focus between them: Left and Right
+   * along a row, Up and Down a column, Home and End to the first and the last.
+   * The stop follows focus, so Tab leaves the sequence and Shift+Tab comes back
+   * to the name the reader left. The arrows pass over a disabled stage and one a
+   * linear sequence holds out of reach, and they move focus without going to the
+   * stage.
    *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `arrows`: Whether the arrow keys move focus between the stages' names, along the
-   * way the steps run. Off by default, so the arrows keep scrolling the page.
+   * way the steps run, and the names are one tab stop. Off by default, so the
+   * arrows keep scrolling the page.
    * - `completion`: What marks a stage `complete`.
    *
    * Absent, you do: each step's `complete` is yours, because a reader who
@@ -88337,7 +88975,9 @@ export type CustomElementsSolidJs = {
    * - `disabled`: Whether the stage is disabled, so the user cannot go to it.
    * - `optional`: Whether a reader may pass the stage without finishing it, in a sequence
    * with `linear`. Ark UI's skippable step.
-   * - `value`: The value the step sends in `helix-select`.
+   * - `value`: The value the step sends in `helix-select`, and what names the step in its
+   * sequence's `active`. Without one, the sequence names the step by its place,
+   * counted from 1.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -90305,6 +90945,10 @@ export type CustomElementsSolidJs = {
    * along, so the two writes a consumer would make in sequence do not compose
    * into the range they asked for. The platform has this method for that reason
    * and so does this.
+   * - `setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void`: Replaces a range of the text, as the native method does: the selection
+   * where `start` and `end` are left out, and `selectMode` says what is
+   * selected after. It sends no event, as the native method sends none.
+   * - `select() => void`: Selects everything in the field.
    * - `focus(options?: FocusOptions) => void`: Puts the caret in the field, as a label pointing at it would.
    * - `requestValue(next: string) => boolean`: Requests a new value, and returns whether the change was applied.
    *
@@ -93804,6 +94448,12 @@ export type CustomElementsSolidJs = {
    * captions, and poster treatment. `Sandbox` takes its preview and `Menu` its
    * trigger the same way.
    *
+   * **The player is a `Video` or a plain `<video>`.** Either takes `src` and
+   * `poster` from the entry, is named by it, plays on, and answers Shift with N
+   * or P while focused. A plain `<video>` has no previous and next controls
+   * that send `helix-previous` or `helix-next`, so its moves are the entries,
+   * the menu, and your own buttons calling `previous()` and `next()`.
+   *
    * **Entries are markup.** React skips properties it would set imperatively
    * during hydration, so an array property on a custom element is missing on the
    * first paint of a server-rendered page. `using-the-elements.mdx` has the
@@ -93836,7 +94486,8 @@ export type CustomElementsSolidJs = {
    *
    * **The player is named by the current entry**, and the device's own media
    * controls show the entry as the title. A player you gave a `label` keeps
-   * your name, and only the title follows the entry.
+   * your name, and only the title follows the entry. A plain `<video>` is
+   * named through `aria-label`, unless you wrote one.
    *
    * **Keyboard.** The entries take one stop in the tab order: the entry you
    * last focused, or the current entry before you have focused one. Enter or
@@ -94531,6 +95182,11 @@ export type CustomElementsSolidJs = {
    * commas. Their rows carry `aria-disabled`, the keys and typing pass over
    * them, and a press, Space, or Control with A does not select them.
    *
+   * **Rows a stylesheet can tell apart.** A chosen row carries `data-selected`,
+   * a disabled one `data-disabled`, as React Aria's rows do, and the row the
+   * keys are on, which holds the tab stop, `data-active`, whether or not the
+   * list has focus.
+   *
    * **Loading more.** `helix-range-change` fires as the items on screen change,
    * and `range` holds them. `helix-load-more` fires once a reader is within one
    * screen of the end, once for each length of the set: add to `items` and it can