@fusion.dev/helix-headless 0.171.0 → 0.173.0

package/types/jsx.d.ts

@@ -2410,6 +2410,9 @@ export type HelixHeadlessButtonGroupHelixBeforeChangeElementEvent =
   HelixHeadlessButtonGroupElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixHeadlessButtonGroupProps = {
+  /** Disables every button in the group, and says so on the group with
+`aria-disabled`. Reflected, so a stylesheet can select on it. */
+  disabled?: (HelixHeadlessButtonGroup["disabled"]) | undefined;
   /** Keeps at least one button pressed once one is, as React Aria's
 `disallowEmptySelection`: a press that would leave none pressed is
 refused. */
@@ -2459,6 +2462,9 @@ A button's own `value` names it, so a value holds no comma.
 The attribute is the seed, and a press changes the property, which does
 not reflect, as a native control's `value` does not. */
   value?: (HelixHeadlessButtonGroup["value"]) | undefined;
+  /** The pressed values as a list, in a selection mode, and an empty list
+otherwise. Written, it presses exactly those buttons. */
+  values?: (HelixHeadlessButtonGroup["values"]) | undefined;
 
   /** Fired after a press changes `value`, in a selection mode. */
   onchange?: ((e: HelixHeadlessButtonGroupElementEvent) => void) | undefined;
@@ -2469,6 +2475,9 @@ not reflect, as a native control's `value` does not. */
 };
 
 export type HelixHeadlessButtonGroupSolidJsProps = {
+  /** Disables every button in the group, and says so on the group with
+`aria-disabled`. Reflected, so a stylesheet can select on it. */
+  "prop:disabled"?: (HelixHeadlessButtonGroup["disabled"]) | undefined;
   /** Keeps at least one button pressed once one is, as React Aria's
 `disallowEmptySelection`: a press that would leave none pressed is
 refused. */
@@ -2518,6 +2527,9 @@ A button's own `value` names it, so a value holds no comma.
 The attribute is the seed, and a press changes the property, which does
 not reflect, as a native control's `value` does not. */
   "prop:value"?: (HelixHeadlessButtonGroup["value"]) | undefined;
+  /** The pressed values as a list, in a selection mode, and an empty list
+otherwise. Written, it presses exactly those buttons. */
+  "prop:values"?: (HelixHeadlessButtonGroup["values"]) | undefined;
   /** Fired after a press changes `value`, in a selection mode. */
   "on:change"?: ((e: HelixHeadlessButtonGroupElementEvent) => void) | undefined;
   /** Fired before a press changes `value`, with the value it would leave in `detail.value`. Cancelable: call `preventDefault()` to keep the buttons as they are. */
@@ -3468,6 +3480,9 @@ Third", rather than with a comma this component chose. */
   /** The text read with a card that has connections both ways. `{leadsTo}` is
 `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in. */
   linkedLabel?: (HelixHeadlessCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  loading?: (HelixHeadlessCanvas["loading"]) | undefined;
   /** What screen readers hear after a key moves a card, with `{name}` for the
 card and `{x}` and `{y}` for where it now is, in the document's units.
 
@@ -3945,6 +3960,9 @@ Third", rather than with a comma this component chose. */
   /** The text read with a card that has connections both ways. `{leadsTo}` is
 `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in. */
   "prop:linkedLabel"?: (HelixHeadlessCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  "prop:loading"?: (HelixHeadlessCanvas["loading"]) | undefined;
   /** What screen readers hear after a key moves a card, with `{name}` for the
 card and `{x}` and `{y}` for where it now is, in the document's units.
 
@@ -4966,6 +4984,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 +5076,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. */
@@ -9090,6 +9116,24 @@ Defaulted rather than left empty. An icon-only control must be named, and
 the name of this one is not a judgment call: every copy button in the
 world is called Copy. A consumer with a better word still sets it. */
   label?: (HelixHeadlessCopyButton["label"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "show-label"?: (HelixHeadlessCopyButton["showLabel"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  showLabel?: (HelixHeadlessCopyButton["showLabel"]) | undefined;
+  /** When the tooltip shows: `full` on hover and focus and after a press,
+`copy` only after a press, to show the result, and `none` never, for a
+button whose result shows another way, such as under `show-label`.
+
+Unset is `full`, and the attribute stays absent until you write it. */
+  tooltip?: (HelixHeadlessCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "tooltip-placement"?: (HelixHeadlessCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  tooltipPlacement?: (HelixHeadlessCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -9205,6 +9249,24 @@ Defaulted rather than left empty. An icon-only control must be named, and
 the name of this one is not a judgment call: every copy button in the
 world is called Copy. A consumer with a better word still sets it. */
   "prop:label"?: (HelixHeadlessCopyButton["label"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "bool:show-label"?: (HelixHeadlessCopyButton["showLabel"]) | undefined;
+  /** Draws the name as words beside the icon, and the result in their place
+after a press. The button stays as wide as the longest of them. */
+  "prop:showLabel"?: (HelixHeadlessCopyButton["showLabel"]) | undefined;
+  /** When the tooltip shows: `full` on hover and focus and after a press,
+`copy` only after a press, to show the result, and `none` never, for a
+button whose result shows another way, such as under `show-label`.
+
+Unset is `full`, and the attribute stays absent until you write it. */
+  "prop:tooltip"?: (HelixHeadlessCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "attr:tooltip-placement"?: (HelixHeadlessCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "prop:tooltipPlacement"?: (HelixHeadlessCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -9693,7 +9755,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;
@@ -10122,7 +10188,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;
@@ -14785,6 +14855,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "links-to-label"?: (HelixHeadlessGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   linksToLabel?: (HelixHeadlessGraph["linksToLabel"]) | undefined;
+  /** Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+and the panel says so where it holds no notes yet. */
+  loading?: (HelixHeadlessGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "loading-label"?: (HelixHeadlessGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  loadingLabel?: (HelixHeadlessGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "moved-down-label"?: (HelixHeadlessGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -15006,6 +15083,16 @@ Ignored once `active` is written. */
   links?: (HelixHeadlessGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   nodes?: (HelixHeadlessGraph["nodes"]) | undefined;
+  /** What each note's row in the list shows in place of its name: a function
+given the note that returns text, an element or a Lit template.
+
+For an icon by its kind, or a date under its name, as React Aria's
+`ListBoxItem` takes children. The row is still named by the note's name,
+which typeahead and the search find it by, and described by how it stands
+to the selected note. Return the name with your content where it should
+still show. A property only, there being no way to write a function in
+markup. */
+  noteContent?: (HelixHeadlessGraph["noteContent"]) | undefined;
 
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "onhelix-activate"?: ((e: HelixHeadlessGraphHelixActivateElementEvent) => void) | undefined;
@@ -15099,6 +15186,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "attr:links-to-label"?: (HelixHeadlessGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   "prop:linksToLabel"?: (HelixHeadlessGraph["linksToLabel"]) | undefined;
+  /** Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+and the panel says so where it holds no notes yet. */
+  "prop:loading"?: (HelixHeadlessGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "attr:loading-label"?: (HelixHeadlessGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "prop:loadingLabel"?: (HelixHeadlessGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "attr:moved-down-label"?: (HelixHeadlessGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -15320,6 +15414,16 @@ Ignored once `active` is written. */
   "prop:links"?: (HelixHeadlessGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   "prop:nodes"?: (HelixHeadlessGraph["nodes"]) | undefined;
+  /** What each note's row in the list shows in place of its name: a function
+given the note that returns text, an element or a Lit template.
+
+For an icon by its kind, or a date under its name, as React Aria's
+`ListBoxItem` takes children. The row is still named by the note's name,
+which typeahead and the search find it by, and described by how it stands
+to the selected note. Return the name with your content where it should
+still show. A property only, there being no way to write a function in
+markup. */
+  "prop:noteContent"?: (HelixHeadlessGraph["noteContent"]) | undefined;
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "on:helix-activate"?: ((
     e: HelixHeadlessGraphHelixActivateElementEvent,
@@ -18374,7 +18478,8 @@ itself. */
   type?: (HelixHeadlessList["type"]) | undefined;
   /** The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
 
-Set it to start with rows selected. A row's value is its `value`, or its
+A press or a key writes it in row order, as Data Table does, whatever
+order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
 words where it has none. */
   value?: (HelixHeadlessList["value"]) | undefined;
 
@@ -18520,7 +18625,8 @@ itself. */
   "prop:type"?: (HelixHeadlessList["type"]) | undefined;
   /** The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
 
-Set it to start with rows selected. A row's value is its `value`, or its
+A press or a key writes it in row order, as Data Table does, whatever
+order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
 words where it has none. */
   "prop:value"?: (HelixHeadlessList["value"]) | undefined;
   /** Fired once a press has changed which rows are selected. */
@@ -21188,6 +21294,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;
@@ -21229,7 +21343,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,
@@ -21308,6 +21432,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;
@@ -21349,6 +21481,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,
@@ -23689,6 +23831,10 @@ box the sections scroll in. */
   /** The navigation's name, read by screen readers. A heading in the `heading`
 slot names it in place of this. */
   label?: (HelixHeadlessOutline["label"]) | undefined;
+  /** Which links are marked. `reading` marks the one section being read, the
+last whose heading has passed the reading line. `visible` marks every
+section with part of it on screen, and the mark runs across their links. */
+  marks?: (HelixHeadlessOutline["marks"]) | undefined;
   /** How far below the top of the scroll container a heading counts as reached,
 in pixels. The scroll container is the window or the panel the sections
 scroll in.
@@ -23733,6 +23879,10 @@ box the sections scroll in. */
   /** The navigation's name, read by screen readers. A heading in the `heading`
 slot names it in place of this. */
   "prop:label"?: (HelixHeadlessOutline["label"]) | undefined;
+  /** Which links are marked. `reading` marks the one section being read, the
+last whose heading has passed the reading line. `visible` marks every
+section with part of it on screen, and the mark runs across their links. */
+  "prop:marks"?: (HelixHeadlessOutline["marks"]) | undefined;
   /** How far below the top of the scroll container a heading counts as reached,
 in pixels. The scroll container is the window or the panel the sections
 scroll in.
@@ -24670,17 +24820,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;
@@ -24725,17 +24900,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;
@@ -28156,6 +28356,13 @@ that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
   collapsedSize?: (HelixHeadlessSplitter["collapsedSize"]) | undefined;
+  /** Which panes can be collapsed, as Zag's panels each take `collapsible`:
+`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+at the edge without shutting. `Enter` collapses the end pane where only
+the end pane can be collapsed, and the start pane otherwise.
+
+Unset is `both`, and the attribute stays absent until you write it. */
+  collapsible?: (HelixHeadlessSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "corner-label"?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -28184,6 +28391,18 @@ these words are the whole of where it is. */
   "default-position"?: (HelixHeadlessSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   defaultPosition?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "end-min"?: (HelixHeadlessSplitter["endMin"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  endMin?: (HelixHeadlessSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -28316,6 +28535,13 @@ that should survive its own collapse says how much of itself to keep, and
 only whoever put it there knows that, which is the same reason `min` is a
 consumer's to set. */
   "prop:collapsedSize"?: (HelixHeadlessSplitter["collapsedSize"]) | undefined;
+  /** Which panes can be collapsed, as Zag's panels each take `collapsible`:
+`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+at the edge without shutting. `Enter` collapses the end pane where only
+the end pane can be collapsed, and the start pane otherwise.
+
+Unset is `both`, and the attribute stays absent until you write it. */
+  "prop:collapsible"?: (HelixHeadlessSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "attr:corner-label"?: (HelixHeadlessSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -28344,6 +28570,18 @@ these words are the whole of where it is. */
   "attr:default-position"?: (HelixHeadlessSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   "prop:defaultPosition"?: (HelixHeadlessSplitter["defaultPosition"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "attr:end-min"?: (HelixHeadlessSplitter["endMin"]) | undefined;
+  /** The least the end pane keeps, in the units `min` takes: a percentage, or
+a CSS length such as `16rem` resolved against the splitter's box. The
+divider stops that far from the end, whatever `max` allows, so `min` and
+`end-min` hold a minimum for each pane, as Zag's panels each take
+`minSize`. */
+  "prop:endMin"?: (HelixHeadlessSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -32309,6 +32547,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessTimePicker["name"]) | undefined;
+  /** What each time in the list shows: a function given the time as `HH:mm`,
+or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+returns text, an element or a Lit template.
+
+For the seats left at a time, or a caption under it, as React Aria's
+`ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+or `slot="description"` goes to that slot of the row, and a description
+is read after the time. The row is still named by the written time, and
+typeahead still finds it by that. Return the written time with your
+content where it should still show. A property only, there being no way
+to write a function in markup. The wheels draw their own figures. */
+  timeContent?: (HelixHeadlessTimePicker["timeContent"]) | undefined;
   /** The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
 
 The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -32645,6 +32895,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessTimePicker["name"]) | undefined;
+  /** What each time in the list shows: a function given the time as `HH:mm`,
+or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+returns text, an element or a Lit template.
+
+For the seats left at a time, or a caption under it, as React Aria's
+`ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+or `slot="description"` goes to that slot of the row, and a description
+is read after the time. The row is still named by the written time, and
+typeahead still finds it by that. Return the written time with your
+content where it should still show. A property only, there being no way
+to write a function in markup. The wheels draw their own figures. */
+  "prop:timeContent"?: (HelixHeadlessTimePicker["timeContent"]) | undefined;
   /** The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
 
 The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -32783,11 +33045,25 @@ word is not read, which is `neutral` and `primary` in English. */
 export type HelixHeadlessTimelineProps = {
   /** Accessible name for the timeline, for people who reach it out of context. */
   label?: (HelixHeadlessTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  loading?: (HelixHeadlessTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "loading-label"?: (HelixHeadlessTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  loadingLabel?: (HelixHeadlessTimeline["loadingLabel"]) | undefined;
 };
 
 export type HelixHeadlessTimelineSolidJsProps = {
   /** Accessible name for the timeline, for people who reach it out of context. */
   "prop:label"?: (HelixHeadlessTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  "prop:loading"?: (HelixHeadlessTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "attr:loading-label"?: (HelixHeadlessTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "prop:loadingLabel"?: (HelixHeadlessTimeline["loadingLabel"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -36319,12 +36595,18 @@ export type HelixHeadlessVirtualListElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixHeadlessVirtualListHelixBeforeChangeElementEvent =
   HelixHeadlessVirtualListElementEvent<HelixBeforeChangeEvent>;
+/** `helix-before-reorder` event type */
+export type HelixHeadlessVirtualListHelixBeforeReorderElementEvent =
+  HelixHeadlessVirtualListElementEvent<HelixBeforeReorderEvent>;
 /** `helix-load-more` event type */
 export type HelixHeadlessVirtualListHelixLoadMoreElementEvent =
   HelixHeadlessVirtualListElementEvent<HelixLoadMoreEvent>;
 /** `helix-range-change` event type */
 export type HelixHeadlessVirtualListHelixRangeChangeElementEvent =
   HelixHeadlessVirtualListElementEvent<HelixRangeChangeEvent>;
+/** `helix-reorder` event type */
+export type HelixHeadlessVirtualListHelixReorderElementEvent =
+  HelixHeadlessVirtualListElementEvent<HelixReorderEvent>;
 
 export type HelixHeadlessVirtualListProps = {
   /** How many items a line holds. One, the default, is a list; more lays the
@@ -36404,6 +36686,13 @@ and scrolls it sideways: Left and Right move between items, the other
 way round on a right-to-left page, and `estimate` is an item's width. A
 grid always runs down. */
   orientation?: (HelixHeadlessVirtualList["orientation"]) | undefined;
+  /** Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+with an arrow moves the row the keys are on, and a pointer drags a row.
+The list moves no item itself: you move your `items` on `helix-reorder`.
+Without that import it does nothing, so a list that never moves items
+carries none of the code. A list of one column, without sections. */
+  reorderable?: (HelixHeadlessVirtualList["reorderable"]) | undefined;
   /** The field of each item that names its section, as a key or a path of
 keys. Set, the items are drawn in sections: a header, then the items, in
 an element with the `group` role that the header names. A section starts
@@ -36469,6 +36758,10 @@ it is unset, the header is the name as text. */
   "onhelix-before-change"?: ((
     e: HelixHeadlessVirtualListHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is. */
+  "onhelix-before-reorder"?: ((
+    e: HelixHeadlessVirtualListHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** Fired when a reader comes within one screen of the last item, once for each length of the set. */
   "onhelix-load-more"?: ((
     e: HelixHeadlessVirtualListHelixLoadMoreElementEvent,
@@ -36477,6 +36770,10 @@ it is unset, the header is the name as text. */
   "onhelix-range-change"?: ((
     e: HelixHeadlessVirtualListHelixRangeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "onhelix-reorder"?: ((
+    e: HelixHeadlessVirtualListHelixReorderElementEvent,
+  ) => void) | undefined;
 };
 
 export type HelixHeadlessVirtualListSolidJsProps = {
@@ -36557,6 +36854,13 @@ and scrolls it sideways: Left and Right move between items, the other
 way round on a right-to-left page, and `estimate` is an item's width. A
 grid always runs down. */
   "prop:orientation"?: (HelixHeadlessVirtualList["orientation"]) | undefined;
+  /** Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+with an arrow moves the row the keys are on, and a pointer drags a row.
+The list moves no item itself: you move your `items` on `helix-reorder`.
+Without that import it does nothing, so a list that never moves items
+carries none of the code. A list of one column, without sections. */
+  "prop:reorderable"?: (HelixHeadlessVirtualList["reorderable"]) | undefined;
   /** The field of each item that names its section, as a key or a path of
 keys. Set, the items are drawn in sections: a header, then the items, in
 an element with the `group` role that the header names. A section starts
@@ -36621,6 +36925,10 @@ it is unset, the header is the name as text. */
   "on:helix-before-change"?: ((
     e: HelixHeadlessVirtualListHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is. */
+  "on:helix-before-reorder"?: ((
+    e: HelixHeadlessVirtualListHelixBeforeReorderElementEvent,
+  ) => void) | undefined;
   /** Fired when a reader comes within one screen of the last item, once for each length of the set. */
   "on:helix-load-more"?: ((
     e: HelixHeadlessVirtualListHelixLoadMoreElementEvent,
@@ -36629,6 +36937,10 @@ it is unset, the header is the name as text. */
   "on:helix-range-change"?: ((
     e: HelixHeadlessVirtualListHelixRangeChangeElementEvent,
   ) => void) | undefined;
+  /** Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen. */
+  "on:helix-reorder"?: ((
+    e: HelixHeadlessVirtualListHelixReorderElementEvent,
+  ) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -38638,10 +38950,18 @@ export type CustomElements = {
    * a named `group`, and the toolbar's own arrow keys walk its buttons, so a
    * reader meets one toolbar. Under `single` it is a `radiogroup` either way.
    *
+   * **Disabled.** `disabled` on the group disables every button in it, Helix
+   * and native alike, and says so on the group with `aria-disabled`, as React
+   * Aria's `isDisabled` does. A button disabled on its own stays disabled when
+   * the group is enabled again, and a button that leaves the group gets back
+   * what it said for itself.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disabled`: Disables every button in the group, and says so on the group with
+   * `aria-disabled`. Reflected, so a stylesheet can select on it.
    * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one button pressed once one is, as React Aria's
    * `disallowEmptySelection`: a press that would leave none pressed is
    * refused.
@@ -38676,6 +38996,8 @@ export type CustomElements = {
    *
    * The attribute is the seed, and a press changes the property, which does
    * not reflect, as a native control's `value` does not.
+   * - `values`: The pressed values as a list, in a selection mode, and an empty list
+   * otherwise. Written, it presses exactly those buttons. (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
@@ -39529,6 +39851,8 @@ export type CustomElements = {
    * Third", rather than with a comma this component chose.
    * - `linked-label`/`linkedLabel`: The text read with a card that has connections both ways. `{leadsTo}` is
    * `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in.
+   * - `loading`: Marks the board as busy while its document arrives: the board is
+   * `aria-busy`, and the `loading` slot is shown.
    * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
    * card and `{x}` and `{y}` for where it now is, in the document's units.
    *
@@ -39769,6 +40093,7 @@ export type CustomElements = {
    * - `footer`: Content below the board.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `loading`: Content shown while `loading` is set, such as a progress bar while the document arrives.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -39891,6 +40216,7 @@ export type CustomElements = {
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
    * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
+   * - `loading`: While `loading` is set.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a board with `gestures="activate"` waits to be pressed.
    * - `using`: A board with `gestures="activate"` has been pressed and has the gestures.
@@ -40337,6 +40663,11 @@ export type CustomElements = {
    * 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
    * `typing-timeout` milliseconds. Pass it on to show "is typing" to the other
@@ -40346,6 +40677,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
@@ -40494,6 +40828,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.
@@ -40504,7 +40839,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<
@@ -40638,6 +40973,13 @@ 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
@@ -40650,6 +40992,12 @@ export type CustomElements = {
    * 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:
@@ -40666,7 +41014,9 @@ export type CustomElements = {
    * 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.
+   * 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 |
    * |---|---|
@@ -40845,7 +41195,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`.
@@ -41779,7 +42129,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
@@ -43212,7 +43563,17 @@ export type CustomElements = {
    * The button is named `label`, or the host's `aria-label`, and its name
    * changes to `copied-label` or `error-label` for the moment after a press. The
    * same words are said in a live region, so a screen reader hears the result,
-   * and the tooltip shows them.
+   * and the tooltip shows them. The tooltip does not also describe the button,
+   * since its words are the button's name.
+   *
+   * **The tooltip.** It shows the name on hover and focus and the result after a
+   * press. `tooltip="copy"` shows it only for the result, and `tooltip="none"`
+   * draws none, as Web Awesome's copy button offers. `tooltip-placement` is the
+   * side it prefers, and it moves to another side where that one does not fit.
+   *
+   * **Words on the button.** `show-label` draws the name beside the icon, and
+   * the result in its place after a press. The button is as wide as the longest
+   * of the three, so a press does not resize it.
    *
    * ## Attributes & Properties
    *
@@ -43235,6 +43596,15 @@ export type CustomElements = {
    * Defaulted rather than left empty. An icon-only control must be named, and
    * the name of this one is not a judgment call: every copy button in the
    * world is called Copy. A consumer with a better word still sets it.
+   * - `show-label`/`showLabel`: Draws the name as words beside the icon, and the result in their place
+   * after a press. The button stays as wide as the longest of them.
+   * - `tooltip`: When the tooltip shows: `full` on hover and focus and after a press,
+   * `copy` only after a press, to show the result, and `none` never, for a
+   * button whose result shows another way, such as under `show-label`.
+   *
+   * Unset is `full`, and the attribute stays absent until you write it.
+   * - `tooltip-placement`/`tooltipPlacement`: The side the tooltip prefers. It moves to another side where this one
+   * does not fit.
    * - `value`: The text copied to the clipboard.
    *
    * It replaces `Button.value`, the submit value: a copy button never submits,
@@ -43396,6 +43766,7 @@ export type CustomElements = {
    * - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
    * - `mark`: The clipboard icon, and the confirmation icon that replaces it.
    * - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
+   * - `text`: The words beside the icon, under `show-label`. It holds all three, `label`, `copied-label` and `error-label`, with all but the current one hidden.
    * - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
    * - `tooltip-arrow`: The tooltip's arrow, which points at the button.
    * - `tooltip-arrow-bottom`: The arrow while the bubble is below the button, on the bubble's top edge. Set together with `tooltip-arrow`.
@@ -43733,6 +44104,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.
    *
@@ -43895,7 +44270,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.
@@ -45631,6 +46006,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.
@@ -47673,6 +48052,9 @@ export type CustomElements = {
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
+   * - `loading`: Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+   * and the panel says so where it holds no notes yet.
+   * - `loading-label`/`loadingLabel`: What the panel says while `loading` is set and the list holds no notes.
    * - `moved-down-label`/`movedDownLabel`: What screen readers hear once the drawing has moved down, after `moved()`.
    * - `moved-left-label`/`movedLeftLabel`: What screen readers hear once the drawing has moved left, after `moved()`.
    * - `moved-right-label`/`movedRightLabel`: What screen readers hear once the drawing has moved right, after `moved()`.
@@ -47781,6 +48163,15 @@ export type CustomElements = {
    * - `hiddenGroups`: The groups turned off in the legend, by name, whose notes neither the drawing nor the list shows. A property, never an attribute. (property only)
    * - `links`: The links between notes, each from `source` to `target`. A property, never an attribute. (property only)
    * - `nodes`: The notes. A property, never an attribute. (property only)
+   * - `noteContent`: What each note's row in the list shows in place of its name: a function
+   * given the note that returns text, an element or a Lit template.
+   *
+   * For an icon by its kind, or a date under its name, as React Aria's
+   * `ListBoxItem` takes children. The row is still named by the note's name,
+   * which typeahead and the search find it by, and described by how it stands
+   * to the selected note. Return the name with your content where it should
+   * still show. A property only, there being no way to write a function in
+   * markup. (property only)
    * - `ready`: Whether the graph has been drawn whole. For code that runs after `helix-graph-ready`. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -47827,6 +48218,7 @@ export type CustomElements = {
    * - `footer`: Content below the graph.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `loading`: What the panel shows while `loading` is set and the list holds no notes. Defaults to `loading-label`.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -47900,6 +48292,7 @@ export type CustomElements = {
    * - `legend-swatch`: The mark in a group's color, before its name.
    * - `list`: The list of notes, which draws only the rows in view.
    * - `live`: What screen readers hear: how many notes there are when a search or the legend changes it, and which way the drawing went after a key or a control moved it.
+   * - `loading`: The box in place of the list while `loading` is set and it holds no notes, holding the `loading` slot.
    * - `note`: One note in the list.
    * - `note-cursor`: The note the keyboard is on in the list.
    * - `note-linked`: A note linked to or from the selected one.
@@ -47927,6 +48320,7 @@ export type CustomElements = {
    * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `loading`: While `loading` is set.
    * - `local`: The drawing shows the selected note's local graph, with `depth`.
    * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
@@ -50470,7 +50864,8 @@ export type CustomElements = {
    * itself.
    * - `value`: The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
    *
-   * Set it to start with rows selected. A row's value is its `value`, or its
+   * A press or a key writes it in row order, as Data Table does, whatever
+   * order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
    * words where it has none.
    * - `rows`: The rows the list holds, in order. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -52556,6 +52951,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.
@@ -52579,7 +52976,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
@@ -52613,6 +53012,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
@@ -52635,7 +53039,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
@@ -52675,6 +53080,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.
@@ -52703,6 +53111,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
@@ -52728,6 +53143,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.
@@ -52739,6 +53155,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.
    *
@@ -52784,6 +53202,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.
@@ -54731,6 +55151,22 @@ export type CustomElements = {
    * headings are far apart, none is in the band and no section is marked, and
    * when they are close together, several are in the band at once.
    *
+   * **Several sections at once.** `marks="visible"` marks the link of every
+   * section with part of it on screen, from the reading line to the bottom of
+   * what the sections scroll in, as Zag's table of contents marks its active
+   * ids. The mark then runs from the first of those links to the last, and
+   * `marked` lists their ids in page order.
+   *
+   * **Going to a section from code.** `scrollToSection(id)` scrolls to the
+   * section as a press on its link does, with `behavior`, and marks its link at
+   * once.
+   *
+   * **Styling a link by its state.** Each link the outline finds carries
+   * `data-depth`, its depth in the outline from `1`, nested lists and
+   * `data-level` alike, and `aria-current="location"` while its section is
+   * marked, so `a[aria-current]` and `a[data-depth="2"]` are the hooks for a
+   * rule of yours.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -54760,6 +55196,9 @@ export type CustomElements = {
    * box the sections scroll in.
    * - `label`: The navigation's name, read by screen readers. A heading in the `heading`
    * slot names it in place of this.
+   * - `marks`: Which links are marked. `reading` marks the one section being read, the
+   * last whose heading has passed the reading line. `visible` marks every
+   * section with part of it on screen, and the mark runs across their links.
    * - `offset`: How far below the top of the scroll container a heading counts as reached,
    * in pixels. The scroll container is the window or the panel the sections
    * scroll in.
@@ -54775,6 +55214,9 @@ export type CustomElements = {
    * writable property in this library that a component also writes is state a
    * consumer can own; this one cannot be, and saying so with the type is better
    * than saying it in a sentence nobody reads. (property only) (readonly)
+   * - `marked`: The ids of the sections whose links are marked, in page order: the one
+   * `current` names, or under `marks="visible"` every section on screen.
+   * Read-only, for the reason `current` gives. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -54810,6 +55252,14 @@ export type CustomElements = {
    * - `heading`: A heading above the links, such as "On this page". It names the navigation.
    * - `indicator`: A mark of your own, drawn inside the `indicator` part, where `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size` reach it.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `scrollToSection(id: string) => boolean`: Scrolls to the section with this id, as a press on its link does, with
+   * `behavior`, and marks its link at once. The address and focus stay where
+   * they are. Returns whether the outline has a link to that section.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -55598,7 +56048,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
@@ -55608,8 +56060,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.
@@ -55625,10 +56081,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) {
@@ -55640,12 +56103,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
@@ -55743,6 +56219,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.
@@ -57338,7 +57816,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`:
@@ -58753,7 +59231,11 @@ export type CustomElements = {
    * back to the position where the collapsing gesture began. A drag records that position
    * on press, and every other way of collapsing records it in `settle`.
    * `collapsed-size` keeps a sliver of the pane visible, such as a tab strip.
-   * Collapsing overrides `min` and `max`.
+   * Collapsing overrides `min` and `max`. `collapsible` says which panes can be
+   * collapsed at all, as Zag's panels each say.
+   *
+   * `min` is the least the start pane keeps and `end-min` the least the end pane
+   * keeps, each a percentage or a CSS length such as `16rem`.
    *
    * Set `primary` to the pane that keeps its size when the splitter's own size
    * changes, such as a sidebar beside a window being resized. The other pane
@@ -58774,7 +59256,7 @@ export type CustomElements = {
    * | Left, Right | Moves a side-by-side divider by `step`. On a right-to-left page, Left moves it toward the end. |
    * | Up, Down | Moves a stacked divider by `step`. |
    * | Home, End | Moves the divider to its bounds. |
-   * | Enter | Collapses the start pane, and opens it again. |
+   * | Enter | Collapses the start pane, or the end pane where `collapsible="end"`, and opens it again. |
    * | F6 | Moves focus from one pane to the first control in the other, and from the divider to the start pane. |
    *
    * ## Attributes & Properties
@@ -58804,6 +59286,12 @@ export type CustomElements = {
    * that should survive its own collapse says how much of itself to keep, and
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
+   * - `collapsible`: Which panes can be collapsed, as Zag's panels each take `collapsible`:
+   * `start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+   * at the edge without shutting. `Enter` collapses the end pane where only
+   * the end pane can be collapsed, and the start pane otherwise.
+   *
+   * Unset is `both`, and the attribute stays absent until you write it.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
    * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
    * at once: `{across}` is where the divider that runs down stands, and
@@ -58814,6 +59302,11 @@ export type CustomElements = {
    * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
+   * - `end-min`/`endMin`: The least the end pane keeps, in the units `min` takes: a percentage, or
+   * a CSS length such as `16rem` resolved against the splitter's box. The
+   * divider stops that far from the end, whatever `max` allows, so `min` and
+   * `end-min` hold a minimum for each pane, as Zag's panels each take
+   * `minSize`.
    * - `label`: The divider's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -60891,7 +61384,8 @@ export type CustomElements = {
    * not disabled. `selection-behavior="replace"` selects the tag a reader
    * presses or moves to alone, as a file list does, and Control or Command
    * with a press or Space adds or takes out one tag. `disallow-empty-selection`
-   * keeps one tag selected once one is. `value` holds the
+   * keeps one tag selected once one is, and Escape lets go of the selection
+   * otherwise. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -60909,6 +61403,12 @@ export type CustomElements = {
    * Where only disabled tags are left, the first of them holds the tab stop and
    * takes focus, so the reader stays in the set.
    *
+   * **Typing new tags.** A field where people type tags and press Enter to add
+   * each one is Combobox with `multiple` and `allows-custom-value`, or
+   * `creatable` to ask first with `helix-create`. It draws each value as a tag,
+   * Backspace on the empty field removes the last one, and the arrow keys move
+   * between them.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -61011,6 +61511,12 @@ export type CustomElements = {
    * selected. Its remove button leaves the tab order there, Delete and Backspace
    * doing its job from the row.
    *
+   * **Styling a tag by what is happening to it.** `:state(selected)` while it is
+   * selected, `:state(focus-visible)` while its cell shows keyboard focus,
+   * `[disabled]` while it is out of reach, and the host's own `:hover` and
+   * `:active` under the pointer, as React Aria's `data-hovered` and
+   * `data-pressed` are.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -61103,6 +61609,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `focus-visible`: The tag's cell has keyboard focus that the browser shows, in a `Tag.Group`.
    * - `selected`: The tag is selected in a `Tag.Group` that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -61319,6 +61826,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.
    *
@@ -62103,6 +62614,17 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `timeContent`: What each time in the list shows: a function given the time as `HH:mm`,
+   * or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+   * returns text, an element or a Lit template.
+   *
+   * For the seats left at a time, or a caption under it, as React Aria's
+   * `ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+   * or `slot="description"` goes to that slot of the row, and a description
+   * is read after the time. The row is still named by the written time, and
+   * typeahead still finds it by that. Return the written time with your
+   * content where it should still show. A property only, there being no way
+   * to write a function in markup. The wheels draw their own figures. (property only)
    * - `valueAsDate`: The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
    *
    * The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -62379,7 +62901,9 @@ export type CustomElements = {
    * hours ago", from `datetime`, where the `time` slot is empty. The words move
    * on as they go stale, "3 hours ago" becoming "4 hours ago", with one wakeup
    * shared by every reading on the page, as `FormatDate` keeps its own. They are
-   * in the language of the page, or of the nearest `lang`.
+   * in the language of the page, or of the nearest `lang`. The whole date and
+   * time is the reading's `title`, so a pointer resting on "3 hours ago" shows
+   * when it was, and a screen reader reads it as the description.
    *
    * Each entry draws the connector line that arrives at it and hides it when it
    * is the first entry, using `:host(:first-child)`. This needs no index, no
@@ -62493,11 +63017,20 @@ export type CustomElements = {
    * Write the entries in the order the events happened, oldest or newest first,
    * and the layout only moves where they are drawn.
    *
+   * **A feed that loads more entries sets `loading` while it fetches.** The
+   * timeline is busy, and an entry after the last says "Loading more"
+   * (`loading-label`, or your own content in the `loading` slot). Put a button
+   * that asks for more after the timeline, and move focus to the first new
+   * entry when they arrive.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: Accessible name for the timeline, for people who reach it out of context.
+   * - `loading`: Marks the timeline as busy fetching more entries, and draws an entry
+   * after the last that says so.
+   * - `loading-label`/`loadingLabel`: The text of the entry drawn while `loading` is set, where the `loading` slot is empty.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -62524,11 +63057,19 @@ export type CustomElements = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries, and any groups of them.
+   * - `loading`: Content for the entry after the last while `loading` is set. Falls back to `loading-label`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `loading`: The entry after the last while `loading` is set.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `loading`: While `loading` 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-timeline": Partial<
@@ -63413,6 +63954,9 @@ export type CustomElements = {
    * describes a Helix component and leaves a plain element undescribed. In the
    * `for` form the tooltip itself is out of the accessibility tree while its
    * bubble is down, so you meet its words once, as the trigger's description.
+   * A trigger whose name is already the tooltip's words, such as an icon button
+   * named Settings under a tooltip reading Settings, is not described by them
+   * again.
    *
    * The tooltip shows on hover and on focus. It hides on pointer leave, on blur,
    * on Escape, and when the trigger is activated. The pointer can move from the
@@ -65469,11 +66013,14 @@ export type CustomElements = {
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
    * | Escape | Lets go of every chosen item, in a list with `selection-mode`. |
+   * | Alt with Up or Down | In a `reorderable` list, moves the item a place. Alt with Home or End moves it to either end. |
    * | Tab | Moves into the focused row's own links and buttons, then out of the list. |
    *
    * An item that is not drawn is scrolled into view and focused, so a keyboard
-   * reaches the whole set. When the row holding the tab stop scrolls away, the
-   * stop moves to the first row on screen. Typing matches each item's
+   * reaches the whole set. The row a reader last focused keeps the tab stop and
+   * stays drawn when it scrolls away, so Tab and Shift+Tab come back to it, as
+   * React Aria's collections do. In a list nobody has focused yet, the stop
+   * moves to the first row on screen. Typing matches each item's
    * `text-field`, which is the first `data-field` of the row template by default,
    * or the item itself when it is a string or a number.
    *
@@ -65515,6 +66062,23 @@ export type CustomElements = {
    * the last item says "Loading more" (`loading-label`, or your own content in
    * the `loading` slot). `scrollToIndex` takes a reader to an item.
    *
+   * **Moving items** is a separate import, `@fusion.dev/helix/virtual-list/reorder`,
+   * as React Aria's drag and drop is. With it imported, `reorderable` lets a
+   * reader move items in a list of one column without sections:
+   *
+   * - Alt with Up or Down moves the item the keys are on a place, and Alt with
+   *   Home or End to either end, as the APG's rearrangeable listbox does.
+   * - A pointer drags a whole row. A press that does not travel is still a
+   *   press. The list scrolls near an edge, and an item far down a long set is
+   *   reached by dragging to the edge.
+   * - A drop sends `helix-before-reorder`, which you can refuse, and then
+   *   `helix-reorder`, whose `keys` hold every item's key in the new order.
+   *   **You move the items**: set `items` to them in that order. The keys stay
+   *   on the item that moved.
+   * - Each move is said in a region screen readers announce. The row being
+   *   dragged carries `data-dragging`, and the row a drop would land beside
+   *   `data-drop-before` or `data-drop-after`.
+   *
    * **An empty list.** Set `empty-label`, or put your own content in the `empty`
    * slot, for a row shown when there are no items and none are loading, such as
    * "No messages yet" and a link to write one. Without either, an empty list
@@ -65593,6 +66157,12 @@ export type CustomElements = {
    * and scrolls it sideways: Left and Right move between items, the other
    * way round on a right-to-left page, and `estimate` is an item's width. A
    * grid always runs down.
+   * - `reorderable`: Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+   * (or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+   * with an arrow moves the row the keys are on, and a pointer drags a row.
+   * The list moves no item itself: you move your `items` on `helix-reorder`.
+   * Without that import it does nothing, so a list that never moves items
+   * carries none of the code. A list of one column, without sections.
    * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
    * keys. Set, the items are drawn in sections: a header, then the items, in
    * an element with the `group` role that the header names. A section starts
@@ -65655,8 +66225,10 @@ export type CustomElements = {
    *
    * - `change`: Fired once a press or a key has changed which items are selected, in a list with `selection-mode`.
    * - `helix-before-change`: Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable.
+   * - `helix-before-reorder`: Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is.
    * - `helix-load-more`: Fired when a reader comes within one screen of the last item, once for each length of the set.
    * - `helix-range-change`: Fired when the items on screen change, with the new `first` and `last`, which `range` also holds.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *
@@ -67728,10 +68300,18 @@ export type CustomElementsSolidJs = {
    * a named `group`, and the toolbar's own arrow keys walk its buttons, so a
    * reader meets one toolbar. Under `single` it is a `radiogroup` either way.
    *
+   * **Disabled.** `disabled` on the group disables every button in it, Helix
+   * and native alike, and says so on the group with `aria-disabled`, as React
+   * Aria's `isDisabled` does. A button disabled on its own stays disabled when
+   * the group is enabled again, and a button that leaves the group gets back
+   * what it said for itself.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `disabled`: Disables every button in the group, and says so on the group with
+   * `aria-disabled`. Reflected, so a stylesheet can select on it.
    * - `disallow-empty-selection`/`disallowEmptySelection`: Keeps at least one button pressed once one is, as React Aria's
    * `disallowEmptySelection`: a press that would leave none pressed is
    * refused.
@@ -67766,6 +68346,8 @@ export type CustomElementsSolidJs = {
    *
    * The attribute is the seed, and a press changes the property, which does
    * not reflect, as a native control's `value` does not.
+   * - `values`: The pressed values as a list, in a selection mode, and an empty list
+   * otherwise. Written, it presses exactly those buttons. (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
@@ -68628,6 +69210,8 @@ export type CustomElementsSolidJs = {
    * Third", rather than with a comma this component chose.
    * - `linked-label`/`linkedLabel`: The text read with a card that has connections both ways. `{leadsTo}` is
    * `leads-to-label` and `{comesFrom}` is `comes-from-label`, each filled in.
+   * - `loading`: Marks the board as busy while its document arrives: the board is
+   * `aria-busy`, and the `loading` slot is shown.
    * - `moved-label`/`movedLabel`: What screen readers hear after a key moves a card, with `{name}` for the
    * card and `{x}` and `{y}` for where it now is, in the document's units.
    *
@@ -68868,6 +69452,7 @@ export type CustomElementsSolidJs = {
    * - `footer`: Content below the board.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the board.
+   * - `loading`: Content shown while `loading` is set, such as a progress bar while the document arrives.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -68990,6 +69575,7 @@ export type CustomElementsSolidJs = {
    * - `fullscreen`: While the board fills the screen.
    * - `holding`: An item picked up with a click follows the pointer until the next press puts it down.
    * - `idle`: The user has been still for `idle-delay` milliseconds. The board's own controls stay; select on it to hide chrome of your own.
+   * - `loading`: While `loading` is set.
    * - `pressing`: While a press on the board, its cards or its connections is under way.
    * - `sharing`: The page keeps the plain wheel and one finger, with `gestures="cooperative"` or while a board with `gestures="activate"` waits to be pressed.
    * - `using`: A board with `gestures="activate"` has been pressed and has the gestures.
@@ -69445,6 +70031,11 @@ export type CustomElementsSolidJs = {
    * 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
    * `typing-timeout` milliseconds. Pass it on to show "is typing" to the other
@@ -69454,6 +70045,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
@@ -69602,6 +70196,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.
@@ -69612,7 +70207,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<
@@ -69748,6 +70343,13 @@ 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
@@ -69760,6 +70362,12 @@ export type CustomElementsSolidJs = {
    * 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:
@@ -69776,7 +70384,9 @@ export type CustomElementsSolidJs = {
    * 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.
+   * 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 |
    * |---|---|
@@ -69955,7 +70565,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`.
@@ -70902,7 +71512,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
@@ -72343,7 +72954,17 @@ export type CustomElementsSolidJs = {
    * The button is named `label`, or the host's `aria-label`, and its name
    * changes to `copied-label` or `error-label` for the moment after a press. The
    * same words are said in a live region, so a screen reader hears the result,
-   * and the tooltip shows them.
+   * and the tooltip shows them. The tooltip does not also describe the button,
+   * since its words are the button's name.
+   *
+   * **The tooltip.** It shows the name on hover and focus and the result after a
+   * press. `tooltip="copy"` shows it only for the result, and `tooltip="none"`
+   * draws none, as Web Awesome's copy button offers. `tooltip-placement` is the
+   * side it prefers, and it moves to another side where that one does not fit.
+   *
+   * **Words on the button.** `show-label` draws the name beside the icon, and
+   * the result in its place after a press. The button is as wide as the longest
+   * of the three, so a press does not resize it.
    *
    * ## Attributes & Properties
    *
@@ -72366,6 +72987,15 @@ export type CustomElementsSolidJs = {
    * Defaulted rather than left empty. An icon-only control must be named, and
    * the name of this one is not a judgment call: every copy button in the
    * world is called Copy. A consumer with a better word still sets it.
+   * - `show-label`/`showLabel`: Draws the name as words beside the icon, and the result in their place
+   * after a press. The button stays as wide as the longest of them.
+   * - `tooltip`: When the tooltip shows: `full` on hover and focus and after a press,
+   * `copy` only after a press, to show the result, and `none` never, for a
+   * button whose result shows another way, such as under `show-label`.
+   *
+   * Unset is `full`, and the attribute stays absent until you write it.
+   * - `tooltip-placement`/`tooltipPlacement`: The side the tooltip prefers. It moves to another side where this one
+   * does not fit.
    * - `value`: The text copied to the clipboard.
    *
    * It replaces `Button.value`, the submit value: a copy button never submits,
@@ -72527,6 +73157,7 @@ export type CustomElementsSolidJs = {
    * - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
    * - `mark`: The clipboard icon, and the confirmation icon that replaces it.
    * - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
+   * - `text`: The words beside the icon, under `show-label`. It holds all three, `label`, `copied-label` and `error-label`, with all but the current one hidden.
    * - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
    * - `tooltip-arrow`: The tooltip's arrow, which points at the button.
    * - `tooltip-arrow-bottom`: The arrow while the bubble is below the button, on the bubble's top edge. Set together with `tooltip-arrow`.
@@ -72865,6 +73496,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.
    *
@@ -73027,7 +73662,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.
@@ -74779,6 +75414,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.
@@ -76840,6 +77479,9 @@ export type CustomElementsSolidJs = {
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
+   * - `loading`: Marks the graph as busy while its notes arrive: the list is `aria-busy`,
+   * and the panel says so where it holds no notes yet.
+   * - `loading-label`/`loadingLabel`: What the panel says while `loading` is set and the list holds no notes.
    * - `moved-down-label`/`movedDownLabel`: What screen readers hear once the drawing has moved down, after `moved()`.
    * - `moved-left-label`/`movedLeftLabel`: What screen readers hear once the drawing has moved left, after `moved()`.
    * - `moved-right-label`/`movedRightLabel`: What screen readers hear once the drawing has moved right, after `moved()`.
@@ -76948,6 +77590,15 @@ export type CustomElementsSolidJs = {
    * - `hiddenGroups`: The groups turned off in the legend, by name, whose notes neither the drawing nor the list shows. A property, never an attribute. (property only)
    * - `links`: The links between notes, each from `source` to `target`. A property, never an attribute. (property only)
    * - `nodes`: The notes. A property, never an attribute. (property only)
+   * - `noteContent`: What each note's row in the list shows in place of its name: a function
+   * given the note that returns text, an element or a Lit template.
+   *
+   * For an icon by its kind, or a date under its name, as React Aria's
+   * `ListBoxItem` takes children. The row is still named by the note's name,
+   * which typeahead and the search find it by, and described by how it stands
+   * to the selected note. Return the name with your content where it should
+   * still show. A property only, there being no way to write a function in
+   * markup. (property only)
    * - `ready`: Whether the graph has been drawn whole. For code that runs after `helix-graph-ready`. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
@@ -76994,6 +77645,7 @@ export type CustomElementsSolidJs = {
    * - `footer`: Content below the graph.
    * - `fullscreen-icon`: Replaces the glyph inside the fullscreen button.
    * - `header`: Content above the graph.
+   * - `loading`: What the panel shows while `loading` is set and the list holds no notes. Defaults to `loading-label`.
    * - `pan-down-icon`: Replaces the glyph inside the pan down button.
    * - `pan-end-icon`: Replaces the glyph inside the button that pans toward the end of a line of text.
    * - `pan-start-icon`: Replaces the glyph inside the button that pans toward the start of a line of text.
@@ -77067,6 +77719,7 @@ export type CustomElementsSolidJs = {
    * - `legend-swatch`: The mark in a group's color, before its name.
    * - `list`: The list of notes, which draws only the rows in view.
    * - `live`: What screen readers hear: how many notes there are when a search or the legend changes it, and which way the drawing went after a key or a control moved it.
+   * - `loading`: The box in place of the list while `loading` is set and it holds no notes, holding the `loading` slot.
    * - `note`: One note in the list.
    * - `note-cursor`: The note the keyboard is on in the list.
    * - `note-linked`: A note linked to or from the selected one.
@@ -77094,6 +77747,7 @@ export type CustomElementsSolidJs = {
    * - `empty`: The list holds no notes: the graph has none, or a search or the groups hid them all.
    * - `fullscreen`: The graph fills the screen.
    * - `idle`: The user has been still long enough for the header and footer to fade.
+   * - `loading`: While `loading` is set.
    * - `local`: The drawing shows the selected note's local graph, with `depth`.
    * - `panel-open`: A graph with `no-panel` has the search and the list open over the drawing.
    * - `ready`: The graph has been drawn whole, after `helix-graph-ready`.
@@ -79669,7 +80323,8 @@ export type CustomElementsSolidJs = {
    * itself.
    * - `value`: The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.
    *
-   * Set it to start with rows selected. A row's value is its `value`, or its
+   * A press or a key writes it in row order, as Data Table does, whatever
+   * order the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its
    * words where it has none.
    * - `rows`: The rows the list holds, in order. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -81790,6 +82445,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.
@@ -81816,7 +82473,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
@@ -81850,6 +82509,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
@@ -81872,7 +82536,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
@@ -81912,6 +82577,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.
@@ -81940,6 +82608,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
@@ -81965,6 +82640,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.
@@ -81976,6 +82652,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.
    *
@@ -82021,6 +82699,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.
@@ -83986,6 +84666,22 @@ export type CustomElementsSolidJs = {
    * headings are far apart, none is in the band and no section is marked, and
    * when they are close together, several are in the band at once.
    *
+   * **Several sections at once.** `marks="visible"` marks the link of every
+   * section with part of it on screen, from the reading line to the bottom of
+   * what the sections scroll in, as Zag's table of contents marks its active
+   * ids. The mark then runs from the first of those links to the last, and
+   * `marked` lists their ids in page order.
+   *
+   * **Going to a section from code.** `scrollToSection(id)` scrolls to the
+   * section as a press on its link does, with `behavior`, and marks its link at
+   * once.
+   *
+   * **Styling a link by its state.** Each link the outline finds carries
+   * `data-depth`, its depth in the outline from `1`, nested lists and
+   * `data-level` alike, and `aria-current="location"` while its section is
+   * marked, so `a[aria-current]` and `a[data-depth="2"]` are the hooks for a
+   * rule of yours.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -84015,6 +84711,9 @@ export type CustomElementsSolidJs = {
    * box the sections scroll in.
    * - `label`: The navigation's name, read by screen readers. A heading in the `heading`
    * slot names it in place of this.
+   * - `marks`: Which links are marked. `reading` marks the one section being read, the
+   * last whose heading has passed the reading line. `visible` marks every
+   * section with part of it on screen, and the mark runs across their links.
    * - `offset`: How far below the top of the scroll container a heading counts as reached,
    * in pixels. The scroll container is the window or the panel the sections
    * scroll in.
@@ -84030,6 +84729,9 @@ export type CustomElementsSolidJs = {
    * writable property in this library that a component also writes is state a
    * consumer can own; this one cannot be, and saying so with the type is better
    * than saying it in a sentence nobody reads. (property only) (readonly)
+   * - `marked`: The ids of the sections whose links are marked, in page order: the one
+   * `current` names, or under `marks="visible"` every section on screen.
+   * Read-only, for the reason `current` gives. (property only) (readonly)
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -84065,6 +84767,14 @@ export type CustomElementsSolidJs = {
    * - `heading`: A heading above the links, such as "On this page". It names the navigation.
    * - `indicator`: A mark of your own, drawn inside the `indicator` part, where `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size` reach it.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `scrollToSection(id: string) => boolean`: Scrolls to the section with this id, as a press on its link does, with
+   * `behavior`, and marks its link at once. The address and focus stay where
+   * they are. Returns whether the outline has a link to that section.
+   *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
@@ -84862,7 +85572,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
@@ -84872,8 +85584,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.
@@ -84889,10 +85605,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) {
@@ -84904,12 +85627,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
@@ -85007,6 +85743,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.
@@ -86623,7 +87361,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`:
@@ -88058,7 +88796,11 @@ export type CustomElementsSolidJs = {
    * back to the position where the collapsing gesture began. A drag records that position
    * on press, and every other way of collapsing records it in `settle`.
    * `collapsed-size` keeps a sliver of the pane visible, such as a tab strip.
-   * Collapsing overrides `min` and `max`.
+   * Collapsing overrides `min` and `max`. `collapsible` says which panes can be
+   * collapsed at all, as Zag's panels each say.
+   *
+   * `min` is the least the start pane keeps and `end-min` the least the end pane
+   * keeps, each a percentage or a CSS length such as `16rem`.
    *
    * Set `primary` to the pane that keeps its size when the splitter's own size
    * changes, such as a sidebar beside a window being resized. The other pane
@@ -88079,7 +88821,7 @@ export type CustomElementsSolidJs = {
    * | Left, Right | Moves a side-by-side divider by `step`. On a right-to-left page, Left moves it toward the end. |
    * | Up, Down | Moves a stacked divider by `step`. |
    * | Home, End | Moves the divider to its bounds. |
-   * | Enter | Collapses the start pane, and opens it again. |
+   * | Enter | Collapses the start pane, or the end pane where `collapsible="end"`, and opens it again. |
    * | F6 | Moves focus from one pane to the first control in the other, and from the divider to the start pane. |
    *
    * ## Attributes & Properties
@@ -88109,6 +88851,12 @@ export type CustomElementsSolidJs = {
    * that should survive its own collapse says how much of itself to keep, and
    * only whoever put it there knows that, which is the same reason `min` is a
    * consumer's to set.
+   * - `collapsible`: Which panes can be collapsed, as Zag's panels each take `collapsible`:
+   * `start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops
+   * at the edge without shutting. `Enter` collapses the end pane where only
+   * the end pane can be collapsed, and the start pane otherwise.
+   *
+   * Unset is `both`, and the attribute stays absent until you write it.
    * - `corner-label`/`cornerLabel`: The name of the handle where two dividers cross, read by screen readers.
    * - `corner-value-label`/`cornerValueLabel`: What the handle where two dividers cross says it is set to, both dividers
    * at once: `{across}` is where the divider that runs down stands, and
@@ -88119,6 +88867,11 @@ export type CustomElementsSolidJs = {
    * these words are the whole of where it is.
    * - `default-collapsed`/`defaultCollapsed`: Which pane starts shut, when `collapsed` is not set.
    * - `default-position`/`defaultPosition`: Where the divider starts, when `position` is not set.
+   * - `end-min`/`endMin`: The least the end pane keeps, in the units `min` takes: a percentage, or
+   * a CSS length such as `16rem` resolved against the splitter's box. The
+   * divider stops that far from the end, whatever `max` allows, so `min` and
+   * `end-min` hold a minimum for each pane, as Zag's panels each take
+   * `minSize`.
    * - `label`: The divider's name, read by screen readers.
    *
    * An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -90233,7 +90986,8 @@ export type CustomElementsSolidJs = {
    * not disabled. `selection-behavior="replace"` selects the tag a reader
    * presses or moves to alone, as a file list does, and Control or Command
    * with a press or Space adds or takes out one tag. `disallow-empty-selection`
-   * keeps one tag selected once one is. `value` holds the
+   * keeps one tag selected once one is, and Escape lets go of the selection
+   * otherwise. `value` holds the
    * selected tags' values, separated by commas, and a change asks with
    * `helix-before-change` and tells with `change`. Enter on a tag with an
    * `href` follows its link. A `disabled` tag is passed over. A selected tag
@@ -90251,6 +91005,12 @@ export type CustomElementsSolidJs = {
    * Where only disabled tags are left, the first of them holds the tab stop and
    * takes focus, so the reader stays in the set.
    *
+   * **Typing new tags.** A field where people type tags and press Enter to add
+   * each one is Combobox with `multiple` and `allows-custom-value`, or
+   * `creatable` to ask first with `helix-create`. It draws each value as a tag,
+   * Backspace on the empty field removes the last one, and the arrow keys move
+   * between them.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -90356,6 +91116,12 @@ export type CustomElementsSolidJs = {
    * selected. Its remove button leaves the tab order there, Delete and Backspace
    * doing its job from the row.
    *
+   * **Styling a tag by what is happening to it.** `:state(selected)` while it is
+   * selected, `:state(focus-visible)` while its cell shows keyboard focus,
+   * `[disabled]` while it is out of reach, and the host's own `:hover` and
+   * `:active` under the pointer, as React Aria's `data-hovered` and
+   * `data-pressed` are.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -90448,6 +91214,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `focus-visible`: The tag's cell has keyboard focus that the browser shows, in a `Tag.Group`.
    * - `selected`: The tag is selected in a `Tag.Group` that selects.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -90667,6 +91434,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.
    *
@@ -91457,6 +92228,17 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `timeContent`: What each time in the list shows: a function given the time as `HH:mm`,
+   * or `HH:mm:ss` with `seconds`, and the time as the row writes it, that
+   * returns text, an element or a Lit template.
+   *
+   * For the seats left at a time, or a caption under it, as React Aria's
+   * `ListBoxItem` takes children. Content with `slot="start"`, `slot="end"`
+   * or `slot="description"` goes to that slot of the row, and a description
+   * is read after the time. The row is still named by the written time, and
+   * typeahead still finds it by that. Return the written time with your
+   * content where it should still show. A property only, there being no way
+   * to write a function in markup. The wheels draw their own figures. (property only)
    * - `valueAsDate`: The value as a `Date` on 1 January 1970 UTC, or `null` while there is no time.
    *
    * The platform's own pair on `<input type="time">`, epoch day included: a time
@@ -91735,7 +92517,9 @@ export type CustomElementsSolidJs = {
    * hours ago", from `datetime`, where the `time` slot is empty. The words move
    * on as they go stale, "3 hours ago" becoming "4 hours ago", with one wakeup
    * shared by every reading on the page, as `FormatDate` keeps its own. They are
-   * in the language of the page, or of the nearest `lang`.
+   * in the language of the page, or of the nearest `lang`. The whole date and
+   * time is the reading's `title`, so a pointer resting on "3 hours ago" shows
+   * when it was, and a screen reader reads it as the description.
    *
    * Each entry draws the connector line that arrives at it and hides it when it
    * is the first entry, using `:host(:first-child)`. This needs no index, no
@@ -91850,11 +92634,20 @@ export type CustomElementsSolidJs = {
    * Write the entries in the order the events happened, oldest or newest first,
    * and the layout only moves where they are drawn.
    *
+   * **A feed that loads more entries sets `loading` while it fetches.** The
+   * timeline is busy, and an entry after the last says "Loading more"
+   * (`loading-label`, or your own content in the `loading` slot). Put a button
+   * that asks for more after the timeline, and move focus to the first new
+   * entry when they arrive.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `label`: Accessible name for the timeline, for people who reach it out of context.
+   * - `loading`: Marks the timeline as busy fetching more entries, and draws an entry
+   * after the last that says so.
+   * - `loading-label`/`loadingLabel`: The text of the entry drawn while `loading` is set, where the `loading` slot is empty.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -91881,11 +92674,19 @@ export type CustomElementsSolidJs = {
    * Areas where markup can be added to the component.
    *
    * - `(default)`: The entries, and any groups of them.
+   * - `loading`: Content for the entry after the last while `loading` is set. Falls back to `loading-label`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `loading`: The entry after the last while `loading` is set.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `loading`: While `loading` 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-timeline": Partial<
@@ -92786,6 +93587,9 @@ export type CustomElementsSolidJs = {
    * describes a Helix component and leaves a plain element undescribed. In the
    * `for` form the tooltip itself is out of the accessibility tree while its
    * bubble is down, so you meet its words once, as the trigger's description.
+   * A trigger whose name is already the tooltip's words, such as an icon button
+   * named Settings under a tooltip reading Settings, is not described by them
+   * again.
    *
    * The tooltip shows on hover and on focus. It hides on pointer leave, on blur,
    * on Escape, and when the trigger is activated. The pointer can move from the
@@ -94866,11 +95670,14 @@ export type CustomElementsSolidJs = {
    * | Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |
    * | A letter or a word | Moves to the next item whose text starts with what you typed. |
    * | Escape | Lets go of every chosen item, in a list with `selection-mode`. |
+   * | Alt with Up or Down | In a `reorderable` list, moves the item a place. Alt with Home or End moves it to either end. |
    * | Tab | Moves into the focused row's own links and buttons, then out of the list. |
    *
    * An item that is not drawn is scrolled into view and focused, so a keyboard
-   * reaches the whole set. When the row holding the tab stop scrolls away, the
-   * stop moves to the first row on screen. Typing matches each item's
+   * reaches the whole set. The row a reader last focused keeps the tab stop and
+   * stays drawn when it scrolls away, so Tab and Shift+Tab come back to it, as
+   * React Aria's collections do. In a list nobody has focused yet, the stop
+   * moves to the first row on screen. Typing matches each item's
    * `text-field`, which is the first `data-field` of the row template by default,
    * or the item itself when it is a string or a number.
    *
@@ -94912,6 +95719,23 @@ export type CustomElementsSolidJs = {
    * the last item says "Loading more" (`loading-label`, or your own content in
    * the `loading` slot). `scrollToIndex` takes a reader to an item.
    *
+   * **Moving items** is a separate import, `@fusion.dev/helix/virtual-list/reorder`,
+   * as React Aria's drag and drop is. With it imported, `reorderable` lets a
+   * reader move items in a list of one column without sections:
+   *
+   * - Alt with Up or Down moves the item the keys are on a place, and Alt with
+   *   Home or End to either end, as the APG's rearrangeable listbox does.
+   * - A pointer drags a whole row. A press that does not travel is still a
+   *   press. The list scrolls near an edge, and an item far down a long set is
+   *   reached by dragging to the edge.
+   * - A drop sends `helix-before-reorder`, which you can refuse, and then
+   *   `helix-reorder`, whose `keys` hold every item's key in the new order.
+   *   **You move the items**: set `items` to them in that order. The keys stay
+   *   on the item that moved.
+   * - Each move is said in a region screen readers announce. The row being
+   *   dragged carries `data-dragging`, and the row a drop would land beside
+   *   `data-drop-before` or `data-drop-after`.
+   *
    * **An empty list.** Set `empty-label`, or put your own content in the `empty`
    * slot, for a row shown when there are no items and none are loading, such as
    * "No messages yet" and a link to write one. Without either, an empty list
@@ -94990,6 +95814,12 @@ export type CustomElementsSolidJs = {
    * and scrolls it sideways: Left and Right move between items, the other
    * way round on a right-to-left page, and `estimate` is an item's width. A
    * grid always runs down.
+   * - `reorderable`: Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`
+   * (or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt
+   * with an arrow moves the row the keys are on, and a pointer drags a row.
+   * The list moves no item itself: you move your `items` on `helix-reorder`.
+   * Without that import it does nothing, so a list that never moves items
+   * carries none of the code. A list of one column, without sections.
    * - `section-field`/`sectionField`: The field of each item that names its section, as a key or a path of
    * keys. Set, the items are drawn in sections: a header, then the items, in
    * an element with the `group` role that the header names. A section starts
@@ -95052,8 +95882,10 @@ export type CustomElementsSolidJs = {
    *
    * - `change`: Fired once a press or a key has changed which items are selected, in a list with `selection-mode`.
    * - `helix-before-change`: Fired before a press or a key changes which items are selected, with the `value` it would leave. Cancelable.
+   * - `helix-before-reorder`: Fired when an item is dropped at a new place, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported, with every key in the new order. Cancelable: cancel it to keep the item where it is.
    * - `helix-load-more`: Fired when a reader comes within one screen of the last item, once for each length of the set.
    * - `helix-range-change`: Fired when the items on screen change, with the new `first` and `last`, which `range` also holds.
+   * - `helix-reorder`: Fired after `helix-before-reorder` when nobody canceled it. Set `items` to the order in `keys`. Cancelable: cancel it to say the move did not happen.
    *
    * ## Slots
    *