@fusion.dev/helix-headless 0.172.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.
 
@@ -9098,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,
@@ -9213,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,
@@ -14801,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()`. */
@@ -15022,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;
@@ -15115,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()`. */
@@ -15336,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,
@@ -18390,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;
 
@@ -18536,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. */
@@ -23741,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.
@@ -23785,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.
@@ -28258,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. */
@@ -28286,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,
@@ -28418,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. */
@@ -28446,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,
@@ -32411,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
@@ -32747,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
@@ -32885,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;
@@ -36421,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
@@ -36506,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
@@ -36571,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,
@@ -36579,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 = {
@@ -36659,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
@@ -36723,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,
@@ -36731,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;
@@ -38740,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.
@@ -38778,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
@@ -39631,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.
    *
@@ -39871,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.
@@ -39993,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.
@@ -43339,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
    *
@@ -43362,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,
@@ -43523,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`.
@@ -47808,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()`.
@@ -47916,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.
    *
@@ -47962,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.
@@ -48035,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.
@@ -48062,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`.
@@ -50605,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.
@@ -54891,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.
@@ -54920,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.
@@ -54935,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
@@ -54970,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.
@@ -58941,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
@@ -58962,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
@@ -58992,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
@@ -59002,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,
@@ -61079,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
@@ -61097,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.
@@ -61199,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.
@@ -61291,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.
    */
@@ -62295,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
@@ -62571,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
@@ -62685,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
@@ -62716,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<
@@ -63605,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
@@ -65661,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.
    *
@@ -65707,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
@@ -65785,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
@@ -65847,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
    *
@@ -67920,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.
@@ -67958,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
@@ -68820,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.
    *
@@ -69060,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.
@@ -69182,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.
@@ -72560,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
    *
@@ -72583,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,
@@ -72744,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`.
@@ -77065,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()`.
@@ -77173,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.
    *
@@ -77219,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.
@@ -77292,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.
@@ -77319,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`.
@@ -79894,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.
@@ -84236,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.
@@ -84265,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.
@@ -84280,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
@@ -84315,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.
@@ -88336,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
@@ -88357,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
@@ -88387,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
@@ -88397,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,
@@ -90511,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
@@ -90529,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.
@@ -90634,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.
@@ -90726,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.
    */
@@ -91739,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
@@ -92017,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
@@ -92132,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
@@ -92163,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<
@@ -93068,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
@@ -95148,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.
    *
@@ -95194,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
@@ -95272,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
@@ -95334,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
    *