@fusion.dev/helix 0.172.0 → 0.174.0

package/types/jsx.d.ts

@@ -3229,6 +3229,9 @@ separate actions. The semantics and the joining are separate questions:
 `role="group"` and a shared name are what make a set of buttons a set, and
 `helix-flex` gives the spacing without the group. */
   variant?: (HelixButtonGroup["variant"]) | undefined;
+  /** Disables every button in the group, and says so on the group with
+`aria-disabled`. Reflected, so a stylesheet can select on it. */
+  disabled?: (HelixButtonGroup["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. */
@@ -3278,6 +3281,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?: (HelixButtonGroup["value"]) | undefined;
+  /** The pressed values as a list, in a selection mode, and an empty list
+otherwise. Written, it presses exactly those buttons. */
+  values?: (HelixButtonGroup["values"]) | undefined;
 
   /** Fired after a press changes `value`, in a selection mode. */
   onchange?: ((e: HelixButtonGroupElementEvent) => void) | undefined;
@@ -3302,6 +3308,9 @@ separate actions. The semantics and the joining are separate questions:
 `role="group"` and a shared name are what make a set of buttons a set, and
 `helix-flex` gives the spacing without the group. */
   "prop:variant"?: (HelixButtonGroup["variant"]) | undefined;
+  /** 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"?: (HelixButtonGroup["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. */
@@ -3351,6 +3360,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"?: (HelixButtonGroup["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"?: (HelixButtonGroup["values"]) | undefined;
   /** Fired after a press changes `value`, in a selection mode. */
   "on:change"?: ((e: HelixButtonGroupElementEvent) => 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. */
@@ -4594,6 +4606,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?: (HelixCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  loading?: (HelixCanvas["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.
 
@@ -5077,6 +5092,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"?: (HelixCanvas["linkedLabel"]) | undefined;
+  /** Marks the board as busy while its document arrives: the board is
+`aria-busy`, and the `loading` slot is shown. */
+  "prop:loading"?: (HelixCanvas["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.
 
@@ -10726,6 +10744,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?: (HelixCopyButton["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"?: (HelixCopyButton["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?: (HelixCopyButton["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?: (HelixCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "tooltip-placement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  tooltipPlacement?: (HelixCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -10862,6 +10898,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"?: (HelixCopyButton["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"?: (HelixCopyButton["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"?: (HelixCopyButton["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"?: (HelixCopyButton["tooltip"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "attr:tooltip-placement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
+  /** The side the tooltip prefers. It moves to another side where this one
+does not fit. */
+  "prop:tooltipPlacement"?: (HelixCopyButton["tooltipPlacement"]) | undefined;
   /** The text copied to the clipboard.
 
 It replaces `Button.value`, the submit value: a copy button never submits,
@@ -17035,6 +17089,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "links-to-label"?: (HelixGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   linksToLabel?: (HelixGraph["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?: (HelixGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "loading-label"?: (HelixGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  loadingLabel?: (HelixGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "moved-down-label"?: (HelixGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -17107,6 +17168,16 @@ own, since the fallback name is the same word. Empty leaves the role. */
   links?: (HelixGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   nodes?: (HelixGraph["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?: (HelixGraph["noteContent"]) | undefined;
 
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "onhelix-activate"?: ((e: HelixGraphHelixActivateElementEvent) => void) | undefined;
@@ -17337,6 +17408,13 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "attr:links-to-label"?: (HelixGraph["linksToLabel"]) | undefined;
   /** How a note that links to the selected one is described, with `{note}`. */
   "prop:linksToLabel"?: (HelixGraph["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"?: (HelixGraph["loading"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "attr:loading-label"?: (HelixGraph["loadingLabel"]) | undefined;
+  /** What the panel says while `loading` is set and the list holds no notes. */
+  "prop:loadingLabel"?: (HelixGraph["loadingLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
   "attr:moved-down-label"?: (HelixGraph["movedDownLabel"]) | undefined;
   /** What screen readers hear once the drawing has moved down, after `moved()`. */
@@ -17409,6 +17487,16 @@ own, since the fallback name is the same word. Empty leaves the role. */
   "prop:links"?: (HelixGraph["links"]) | undefined;
   /** The notes. A property, never an attribute. */
   "prop:nodes"?: (HelixGraph["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"?: (HelixGraph["noteContent"]) | undefined;
   /** A note was selected, in the list or in the drawing. The detail's `value` is its `id`. */
   "on:helix-activate"?: ((e: HelixGraphHelixActivateElementEvent) => void) | undefined;
   /** A note is about to be selected. Cancelable: cancel it to keep the selection in your own state. */
@@ -20978,7 +21066,8 @@ itself. */
   type?: (HelixList["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?: (HelixList["value"]) | undefined;
 
@@ -21139,7 +21228,8 @@ itself. */
   "prop:type"?: (HelixList["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"?: (HelixList["value"]) | undefined;
   /** Fired once a press has changed which rows are selected. */
@@ -26628,6 +26718,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?: (HelixOutline["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?: (HelixOutline["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.
@@ -26670,6 +26764,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"?: (HelixOutline["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"?: (HelixOutline["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.
@@ -29355,6 +29453,9 @@ export type HelixSandboxPreviewHelixResizeElementEvent =
   HelixSandboxPreviewElementEvent<HelixResizeEvent>;
 
 export type HelixSandboxPreviewProps = {
+  /** The address the packages in `dependencies` load from, which the name, an
+`@` and the version follow. */
+  cdn?: (HelixSandboxPreview["cdn"]) | undefined;
   /** The color mode the frame renders in.
 
 **The frame is a document and a document has its own color mode.** Setting
@@ -29386,6 +29487,11 @@ including every one of the 24 series colors a chart reads. */
   /** Whether the preview draws a reload button and a button that opens the
 example in a new tab, in its corner. */
   controls?: (HelixSandboxPreview["controls"]) | undefined;
+  /** The npm packages an example can import by name in the built-in document,
+each name to a version or a range, as a `package.json` lists them. Each
+loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+read where `src` is set. */
+  dependencies?: (HelixSandboxPreview["dependencies"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -29412,6 +29518,10 @@ Not reflected, for `direction`'s reason: the placement is applied by the
 document inside the frame, against its own root, so no rule on this side
 could read it. */
   layout?: (HelixSandboxPreview["layout"]) | undefined;
+  /** Module files an example imports by a relative path in the built-in
+document, each path, such as `utils.js`, to its source. Not read where
+`src` is set. */
+  modules?: (HelixSandboxPreview["modules"]) | undefined;
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   "open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
@@ -29442,6 +29552,9 @@ Empty loads the built-in document, which defines no element. */
 };
 
 export type HelixSandboxPreviewSolidJsProps = {
+  /** The address the packages in `dependencies` load from, which the name, an
+`@` and the version follow. */
+  "prop:cdn"?: (HelixSandboxPreview["cdn"]) | undefined;
   /** The color mode the frame renders in.
 
 **The frame is a document and a document has its own color mode.** Setting
@@ -29473,6 +29586,11 @@ including every one of the 24 series colors a chart reads. */
   /** Whether the preview draws a reload button and a button that opens the
 example in a new tab, in its corner. */
   "prop:controls"?: (HelixSandboxPreview["controls"]) | undefined;
+  /** The npm packages an example can import by name in the built-in document,
+each name to a version or a range, as a `package.json` lists them. Each
+loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+read where `src` is set. */
+  "prop:dependencies"?: (HelixSandboxPreview["dependencies"]) | undefined;
   /** Writing direction inside the frame.
 
 Not reflected. It is payload for the render message and nothing selects on
@@ -29499,6 +29617,10 @@ Not reflected, for `direction`'s reason: the placement is applied by the
 document inside the frame, against its own root, so no rule on this side
 could read it. */
   "prop:layout"?: (HelixSandboxPreview["layout"]) | undefined;
+  /** Module files an example imports by a relative path in the built-in
+document, each path, such as `utils.js`, to its source. Not read where
+`src` is set. */
+  "prop:modules"?: (HelixSandboxPreview["modules"]) | undefined;
   /** The name of the button that opens the example in a new tab, under
 `controls`. */
   "attr:open-label"?: (HelixSandboxPreview["openLabel"]) | undefined;
@@ -29628,6 +29750,12 @@ names below keeps that true whichever way round they sit.
 `split` follows the lead pane rather than the source, so `split="30"` means
 the same thing in both directions: thirty percent to whatever comes first. */
   lead?: (HelixSandbox["lead"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "modified-label"?: (HelixSandbox["modifiedLabel"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  modifiedLabel?: (HelixSandbox["modifiedLabel"]) | undefined;
   /** Whether the panes sit side by side or stacked.
 
 Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -29788,6 +29916,12 @@ names below keeps that true whichever way round they sit.
 `split` follows the lead pane rather than the source, so `split="30"` means
 the same thing in both directions: thirty percent to whatever comes first. */
   "prop:lead"?: (HelixSandbox["lead"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "attr:modified-label"?: (HelixSandbox["modifiedLabel"]) | undefined;
+  /** The description of a file tab whose pane holds an edit, read by screen
+readers after the file's name. */
+  "prop:modifiedLabel"?: (HelixSandbox["modifiedLabel"]) | undefined;
   /** Whether the panes sit side by side or stacked.
 
 Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -29905,6 +30039,23 @@ export type HelixSandboxSourceHelixEditElementEvent =
   HelixSandboxSourceElementEvent<HelixEditEvent>;
 
 export type HelixSandboxSourceProps = {
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "close-brackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  closeBrackets?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether the pane offers completions for the word before the caret, from
+the words of the source and of `completions`. */
+  complete?: (HelixSandboxSource["complete"]) | undefined;
+  /** Words the pane offers under `complete` beside the words of the source,
+such as tag and attribute names. `manifestWords` reads them from a custom
+elements manifest. Set it as JSON in the attribute or as an array. */
+  completions?: (HelixSandboxSource["completions"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "completions-label"?: (HelixSandboxSource["completionsLabel"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  completionsLabel?: (HelixSandboxSource["completionsLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   "field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
@@ -29928,6 +30079,12 @@ holds several panes. Empty puts the pane's `name` on the tab. */
   "line-numbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
   /** Whether each line of the source is numbered, in a gutter beside it. */
   lineNumbers?: (HelixSandboxSource["lineNumbers"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "match-brackets"?: (HelixSandboxSource["matchBrackets"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  matchBrackets?: (HelixSandboxSource["matchBrackets"]) | undefined;
   /** Which source this pane holds. Every `helix-before-edit` event includes it.
 
 `html` and `css` are what the sandbox root routes on; any other name is
@@ -29935,6 +30092,14 @@ passed through untouched for a consumer wiring their own panes.
 
 Not reflected: nothing selects on it, so it keeps a real default instead. */
   name?: (HelixSandboxSource["name"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  readonly?: (HelixSandboxSource["readOnly"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  readOnly?: (HelixSandboxSource["readOnly"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
   "tab-indents"?: (HelixSandboxSource["tabIndents"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
@@ -29965,6 +30130,23 @@ returns markup. */
 };
 
 export type HelixSandboxSourceSolidJsProps = {
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "bool:close-brackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether typing an opening bracket or quote types its closing one too, and
+a bracket typed with text selected goes around it. */
+  "prop:closeBrackets"?: (HelixSandboxSource["closeBrackets"]) | undefined;
+  /** Whether the pane offers completions for the word before the caret, from
+the words of the source and of `completions`. */
+  "prop:complete"?: (HelixSandboxSource["complete"]) | undefined;
+  /** Words the pane offers under `complete` beside the words of the source,
+such as tag and attribute names. `manifestWords` reads them from a custom
+elements manifest. Set it as JSON in the attribute or as an array. */
+  "prop:completions"?: (HelixSandboxSource["completions"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "attr:completions-label"?: (HelixSandboxSource["completionsLabel"]) | undefined;
+  /** The name of the list of completions, read by screen readers. */
+  "prop:completionsLabel"?: (HelixSandboxSource["completionsLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
   "attr:field-label"?: (HelixSandboxSource["fieldLabel"]) | undefined;
   /** The editable region's name, read by screen readers. */
@@ -29988,6 +30170,12 @@ holds several panes. Empty puts the pane's `name` on the tab. */
   "bool:line-numbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
   /** Whether each line of the source is numbered, in a gutter beside it. */
   "prop:lineNumbers"?: (HelixSandboxSource["lineNumbers"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "bool:match-brackets"?: (HelixSandboxSource["matchBrackets"]) | undefined;
+  /** Whether the bracket beside the caret and its pair are marked while the
+field has focus. */
+  "prop:matchBrackets"?: (HelixSandboxSource["matchBrackets"]) | undefined;
   /** Which source this pane holds. Every `helix-before-edit` event includes it.
 
 `html` and `css` are what the sandbox root routes on; any other name is
@@ -29995,6 +30183,14 @@ passed through untouched for a consumer wiring their own panes.
 
 Not reflected: nothing selects on it, so it keeps a real default instead. */
   "prop:name"?: (HelixSandboxSource["name"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  "bool:readonly"?: (HelixSandboxSource["readOnly"]) | undefined;
+  /** Whether the source is read only: it can be selected and copied, and not
+edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+that is read only. */
+  "prop:readOnly"?: (HelixSandboxSource["readOnly"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
   "bool:tab-indents"?: (HelixSandboxSource["tabIndents"]) | undefined;
   /** Whether Tab indents the source. When it is off, Tab moves focus. */
@@ -32497,6 +32693,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?: (HelixSplitter["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?: (HelixSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -32525,6 +32728,18 @@ these words are the whole of where it is. */
   "default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   defaultPosition?: (HelixSplitter["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"?: (HelixSplitter["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?: (HelixSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -32669,6 +32884,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"?: (HelixSplitter["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"?: (HelixSplitter["collapsible"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
   "attr:corner-label"?: (HelixSplitter["cornerLabel"]) | undefined;
   /** The name of the handle where two dividers cross, read by screen readers. */
@@ -32697,6 +32919,18 @@ these words are the whole of where it is. */
   "attr:default-position"?: (HelixSplitter["defaultPosition"] | `${number}`) | undefined;
   /** Where the divider starts, when `position` is not set. */
   "prop:defaultPosition"?: (HelixSplitter["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"?: (HelixSplitter["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"?: (HelixSplitter["endMin"]) | undefined;
   /** The divider's name, read by screen readers.
 
 An `aria-label` or `aria-labelledby` on the host names the divider too,
@@ -33209,23 +33443,43 @@ export type HelixStrandsHelixStrandsFallbackElementEvent =
   HelixStrandsElementEvent<HelixStrandsFallbackEvent>;
 
 export type HelixStrandsProps = {
-  /** Where the form sits across the box, as a share of the width: the fan's
-bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
-crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+  /** Where the form sits across the box, as a share of the width: the bend's
+apex or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+crosses the whole width and does not read it. Unset, a bend's apex sits at `0.5`
 and a ribbon runs down the middle.
 
 **A share rather than a length**, so the ribbon keeps its place when the
 box changes shape. Read inside a box only; in `travel` each stop has its
 own. */
   at?: (HelixStrands["at"]) | undefined;
+  /** How much the glow around the strands adds, as a multiplier. `0` draws the
+strands alone, crisp and dimmer, and `1` is the default glow. */
+  bloom?: (HelixStrands["bloom"]) | undefined;
+  /** How far apart the brightest and dimmest strands are, from `0`, most of
+them alike, to `1`, a few burning bright over many faint ones. Clamped to
+that range. The ribbon as a whole keeps its strength. */
+  contrast?: (HelixStrands["contrast"]) | undefined;
   /** How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
 forty. Clamped to that range. */
   density?: (HelixStrands["density"]) | undefined;
+  /** How much the ribbon's depth shows, from `0`, flat, to `1`. Clamped to that
+range. The strands at the front of the ribbon's roll are drawn thicker,
+brighter, and further from its axis, and those at the back thinner, dimmer,
+and out of focus. */
+  depth?: (HelixStrands["depth"]) | undefined;
+  /** How differently each strand moves, from `0`, the whole ribbon rolling and
+waving as one, to `1`, each strand at its own pace and angle, crossing
+over the others. Clamped to that range. */
+  drift?: (HelixStrands["drift"]) | undefined;
+  /** How many specks of dust drift around the strands, as a multiplier: `0`
+draws none, `1` six hundred, and `4`, the most, two thousand four
+hundred. They gather where the ribbon is brightest. */
+  dust?: (HelixStrands["dust"]) | undefined;
   /** Overall brightness, as a multiplier on the light. */
   gain?: (HelixStrands["gain"]) | undefined;
   /** The share of strands drawn out of focus where the ribbon is wide, from `0`,
 every strand sharp, to `1`, every one soft. Clamped to that range. A tight
-form, such as a fan's bend or a wave, stays sharp whatever this says. */
+form, such as a bend's apex or a wave, stays sharp whatever this says. */
   softness?: (HelixStrands["softness"]) | undefined;
   /** How fast the ribbon moves, as a multiplier on time. `0` holds it still. */
   speed?: (HelixStrands["speed"]) | undefined;
@@ -33248,23 +33502,43 @@ itself to the viewport, behind the page. */
 };
 
 export type HelixStrandsSolidJsProps = {
-  /** Where the form sits across the box, as a share of the width: the fan's
-bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
-crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+  /** Where the form sits across the box, as a share of the width: the bend's
+apex or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+crosses the whole width and does not read it. Unset, a bend's apex sits at `0.5`
 and a ribbon runs down the middle.
 
 **A share rather than a length**, so the ribbon keeps its place when the
 box changes shape. Read inside a box only; in `travel` each stop has its
 own. */
   "prop:at"?: (HelixStrands["at"]) | undefined;
+  /** How much the glow around the strands adds, as a multiplier. `0` draws the
+strands alone, crisp and dimmer, and `1` is the default glow. */
+  "prop:bloom"?: (HelixStrands["bloom"]) | undefined;
+  /** How far apart the brightest and dimmest strands are, from `0`, most of
+them alike, to `1`, a few burning bright over many faint ones. Clamped to
+that range. The ribbon as a whole keeps its strength. */
+  "prop:contrast"?: (HelixStrands["contrast"]) | undefined;
   /** How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
 forty. Clamped to that range. */
   "prop:density"?: (HelixStrands["density"]) | undefined;
+  /** How much the ribbon's depth shows, from `0`, flat, to `1`. Clamped to that
+range. The strands at the front of the ribbon's roll are drawn thicker,
+brighter, and further from its axis, and those at the back thinner, dimmer,
+and out of focus. */
+  "prop:depth"?: (HelixStrands["depth"]) | undefined;
+  /** How differently each strand moves, from `0`, the whole ribbon rolling and
+waving as one, to `1`, each strand at its own pace and angle, crossing
+over the others. Clamped to that range. */
+  "prop:drift"?: (HelixStrands["drift"]) | undefined;
+  /** How many specks of dust drift around the strands, as a multiplier: `0`
+draws none, `1` six hundred, and `4`, the most, two thousand four
+hundred. They gather where the ribbon is brightest. */
+  "prop:dust"?: (HelixStrands["dust"]) | undefined;
   /** Overall brightness, as a multiplier on the light. */
   "prop:gain"?: (HelixStrands["gain"]) | undefined;
   /** The share of strands drawn out of focus where the ribbon is wide, from `0`,
 every strand sharp, to `1`, every one soft. Clamped to that range. A tight
-form, such as a fan's bend or a wave, stays sharp whatever this says. */
+form, such as a bend's apex or a wave, stays sharp whatever this says. */
   "prop:softness"?: (HelixStrands["softness"]) | undefined;
   /** How fast the ribbon moves, as a multiplier on time. `0` holds it still. */
   "prop:speed"?: (HelixStrands["speed"]) | undefined;
@@ -33291,9 +33565,9 @@ itself to the viewport, behind the page. */
 };
 
 export type HelixStrandsStopProps = {
-  /** Where the form sits across the page, as a share of the width: the fan's
-bend or the ribbon's axis. A wave crosses the whole width and does not
-read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle. */
+  /** Where the form sits across the page, as a share of the width: the bend's
+apex or the ribbon's axis. A wave crosses the whole width and does not
+read it. Unset, a bend's apex sits at `0.5` and a ribbon runs down the middle. */
   at?: (HelixStrandsStop["at"]) | undefined;
   /** The id of the element the form is pinned to, in the same tree as the stop. */
   for?: (HelixStrandsStop["for"]) | undefined;
@@ -33302,9 +33576,9 @@ read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle. */
 };
 
 export type HelixStrandsStopSolidJsProps = {
-  /** Where the form sits across the page, as a share of the width: the fan's
-bend or the ribbon's axis. A wave crosses the whole width and does not
-read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle. */
+  /** Where the form sits across the page, as a share of the width: the bend's
+apex or the ribbon's axis. A wave crosses the whole width and does not
+read it. Unset, a bend's apex sits at `0.5` and a ribbon runs down the middle. */
   "prop:at"?: (HelixStrandsStop["at"]) | undefined;
   /** The id of the element the form is pinned to, in the same tree as the stop. */
   "prop:for"?: (HelixStrandsStop["for"]) | undefined;
@@ -37040,6 +37314,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixTimePicker["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?: (HelixTimePicker["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
@@ -37376,6 +37662,18 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixTimePicker["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"?: (HelixTimePicker["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
@@ -37523,6 +37821,13 @@ they run down it. */
   orientation?: (HelixTimeline["orientation"]) | undefined;
   /** Accessible name for the timeline, for people who reach it out of context. */
   label?: (HelixTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  loading?: (HelixTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "loading-label"?: (HelixTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  loadingLabel?: (HelixTimeline["loadingLabel"]) | undefined;
 };
 
 export type HelixTimelineSolidJsProps = {
@@ -37537,6 +37842,13 @@ they run down it. */
   "prop:orientation"?: (HelixTimeline["orientation"]) | undefined;
   /** Accessible name for the timeline, for people who reach it out of context. */
   "prop:label"?: (HelixTimeline["label"]) | undefined;
+  /** Marks the timeline as busy fetching more entries, and draws an entry
+after the last that says so. */
+  "prop:loading"?: (HelixTimeline["loading"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "attr:loading-label"?: (HelixTimeline["loadingLabel"]) | undefined;
+  /** The text of the entry drawn while `loading` is set, where the `loading` slot is empty. */
+  "prop:loadingLabel"?: (HelixTimeline["loadingLabel"]) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -41241,12 +41553,18 @@ export type HelixVirtualListElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixVirtualListHelixBeforeChangeElementEvent =
   HelixVirtualListElementEvent<HelixBeforeChangeEvent>;
+/** `helix-before-reorder` event type */
+export type HelixVirtualListHelixBeforeReorderElementEvent =
+  HelixVirtualListElementEvent<HelixBeforeReorderEvent>;
 /** `helix-load-more` event type */
 export type HelixVirtualListHelixLoadMoreElementEvent =
   HelixVirtualListElementEvent<HelixLoadMoreEvent>;
 /** `helix-range-change` event type */
 export type HelixVirtualListHelixRangeChangeElementEvent =
   HelixVirtualListElementEvent<HelixRangeChangeEvent>;
+/** `helix-reorder` event type */
+export type HelixVirtualListHelixReorderElementEvent =
+  HelixVirtualListElementEvent<HelixReorderEvent>;
 
 export type HelixVirtualListProps = {
   /** How many items a line holds. One, the default, is a list; more lays the
@@ -41326,6 +41644,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?: (HelixVirtualList["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?: (HelixVirtualList["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
@@ -41391,12 +41716,18 @@ it is unset, the header is the name as text. */
   "onhelix-before-change"?: ((
     e: HelixVirtualListHelixBeforeChangeElementEvent,
   ) => 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: HelixVirtualListHelixBeforeReorderElementEvent,
+  ) => 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: HelixVirtualListHelixLoadMoreElementEvent) => void) | undefined;
   /** Fired when the items on screen change, with the new `first` and `last`, which `range` also holds. */
   "onhelix-range-change"?: ((
     e: HelixVirtualListHelixRangeChangeElementEvent,
   ) => 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: HelixVirtualListHelixReorderElementEvent) => void) | undefined;
 };
 
 export type HelixVirtualListSolidJsProps = {
@@ -41477,6 +41808,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"?: (HelixVirtualList["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"?: (HelixVirtualList["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
@@ -41541,12 +41879,18 @@ it is unset, the header is the name as text. */
   "on:helix-before-change"?: ((
     e: HelixVirtualListHelixBeforeChangeElementEvent,
   ) => 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: HelixVirtualListHelixBeforeReorderElementEvent,
+  ) => 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: HelixVirtualListHelixLoadMoreElementEvent) => void) | undefined;
   /** Fired when the items on screen change, with the new `first` and `last`, which `range` also holds. */
   "on:helix-range-change"?: ((
     e: HelixVirtualListHelixRangeChangeElementEvent,
   ) => 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: HelixVirtualListHelixReorderElementEvent) => void) | undefined;
 
   /** Set the innerHTML of the element */
   innerHTML?: (string) | undefined;
@@ -43789,6 +44133,8 @@ export type CustomElements = {
    * separate actions. The semantics and the joining are separate questions:
    * `role="group"` and a shared name are what make a set of buttons a set, and
    * `helix-flex` gives the spacing without the group.
+   * - `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.
@@ -43823,6 +44169,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
@@ -44727,6 +45075,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.
    *
@@ -44892,6 +45242,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.
@@ -45014,6 +45365,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.
@@ -48314,6 +48666,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,
@@ -48497,6 +48858,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`.
@@ -52644,6 +53006,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()`.
@@ -52666,6 +53031,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.
    *
@@ -52712,6 +53086,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.
@@ -52803,6 +53178,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.
@@ -52830,6 +53206,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`.
@@ -55415,7 +55792,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.
@@ -59436,10 +59814,18 @@ export type CustomElements = {
    *
    * The orb is styled only and has behavior, which the tier split does not
    * otherwise allow. Its role, name and busy state follow `state`, unless
-   * `announce` makes it a status region, and the rest
-   * is drawing dots to a canvas, so there is no structure to restyle. For a
-   * drawing of your own, the headless `Loader` holds the same busy progress bar
-   * and its name.
+   * `announce` makes it a status region, and the rest is drawing dots to a
+   * canvas.
+   *
+   * **A shape of your own goes in the default slot**, such as an SVG, an
+   * image, or an animation. The orb draws it over its box in place of the dots
+   * and stops drawing them, and keeps its role, name, busy state and custom
+   * states, so your stylesheet can change what you slotted by state, such as
+   * `helix-orb:state(working) svg { animation-duration: 1s }`. What you slot is
+   * for the eye: a screen reader hears the orb's name.
+   *
+   * `--orb-speed` scales how fast the dots move, so `0.5` is a calmer orb at
+   * half the tempo.
    *
    * Each state is also a custom state, such as `:state(thinking)` or
    * `:state(done)`, so a page can style what sits around an orb by what it shows,
@@ -59521,6 +59907,12 @@ export type CustomElements = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: A shape of your own, drawn over the orb's box in place of the dots.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -59528,12 +59920,13 @@ export type CustomElements = {
    * - `--orb-color`: The color of the nearest dots. Defaults to `currentColor`.
    * - `--orb-ground`: The color the farthest dots fade toward. Defaults to the page's background.
    * - `--orb-size`: The diameter. Overrides `size`.
+   * - `--orb-speed`: How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `canvas`: The canvas the dots are drawn on.
+   * - `canvas`: The canvas the dots are drawn on. Hidden while the default slot holds a shape.
    * - `live`: The word for the state, which the orb says as it changes when `announce` is set. Rendered only then, and clipped out of view.
    *
    * ## CSS States
@@ -59597,6 +59990,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.
@@ -59612,6 +60008,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
@@ -59647,6 +60046,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -61719,6 +62126,16 @@ export type CustomElements = {
    * since a browser reads one only as a document starts. A `src` document
    * declares its own.
    *
+   * **`dependencies` names packages by version instead**, as a `package.json`
+   * does: `{"canvas-confetti": "^1.9"}` loads `canvas-confetti` and the paths
+   * under it from `cdn`, `https://esm.sh/` by default, at the version or range
+   * given. An address in `imports` wins over a package of the same name.
+   *
+   * **`modules` holds files the example imports by a relative path**: each path,
+   * such as `utils.js`, to its source, and `import { add } from './utils.js'`
+   * in the `js` pane or in another module loads it. A sandbox writes each pane
+   * named for a module file here.
+   *
    * **Examples render in a frame**, so an example's styles and scripts do not
    * affect the page around the sandbox, and `position: fixed` stays inside the
    * pane. The frame starts empty, with its own stylesheets and its own custom
@@ -61739,8 +62156,9 @@ export type CustomElements = {
    *
    * **A failed preview shows the error over the example**, in the `error` part,
    * until the next source is sent. The terminal says it too, so the part is not
-   * announced. Hide it with `::part(error) { display: none }` where the page
-   * draws its own.
+   * announced, and it is the frame's description while it shows, so a screen
+   * reader reads it with the frame. Hide it with `::part(error) { display: none }`
+   * where the page draws its own.
    *
    * **`controls` draws two buttons in the preview's corner**: one reloads the
    * frame's document, as `reload()` does, and one opens the example in a new
@@ -61750,6 +62168,8 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `cdn`: The address the packages in `dependencies` load from, which the name, an
+   * `@` and the version follow.
    * - `color-mode`/`colorMode`: The color mode the frame renders in.
    *
    * **The frame is a document and a document has its own color mode.** Setting
@@ -61765,6 +62185,10 @@ export type CustomElements = {
    * including every one of the 24 series colors a chart reads.
    * - `controls`: Whether the preview draws a reload button and a button that opens the
    * example in a new tab, in its corner.
+   * - `dependencies`: The npm packages an example can import by name in the built-in document,
+   * each name to a version or a range, as a `package.json` lists them. Each
+   * loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+   * read where `src` is set.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -61787,6 +62211,9 @@ export type CustomElements = {
    * Not reflected, for `direction`'s reason: the placement is applied by the
    * document inside the frame, against its own root, so no rule on this side
    * could read it.
+   * - `modules`: Module files an example imports by a relative path in the built-in
+   * document, each path, such as `utils.js`, to its source. Not read where
+   * `src` is set.
    * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
    * `controls`.
    * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
@@ -61885,10 +62312,22 @@ export type CustomElements = {
    * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
    *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
-   * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
-   * a script that runs as a module after the markup. The sandbox ignores a pane
-   * with any other name, so that pane can show content without changing the
-   * preview.
+   * The names the sandbox writes into its previews:
+   *
+   * - `html` sets the preview's markup.
+   * - `css` sets its stylesheet.
+   * - `js` sets a script that runs as a module after the markup.
+   * - A module file name ending in `.js` or `.mjs`, such as `utils.js`, is a
+   *   module the other scripts import by its path, `./utils.js`.
+   * - `package.json` sets the npm packages the scripts import by name, from its
+   *   `dependencies`, which load from the preview's `cdn`.
+   *
+   * The sandbox ignores a pane with any other name, so that pane can show
+   * content without changing the preview.
+   *
+   * **The sandbox is `:state(modified)` while a source pane holds an edit**, and
+   * that pane's file tab is also `file-modified` and described as modified to
+   * a screen reader. `reset()` puts every pane back to the source it was given.
    *
    * **The dividers are two nested `helix-splitter` elements**, which handle the
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
@@ -61963,6 +62402,8 @@ export type CustomElements = {
    *
    * `split` follows the lead pane rather than the source, so `split="30"` means
    * the same thing in both directions: thirty percent to whatever comes first.
+   * - `modified-label`/`modifiedLabel`: The description of a file tab whose pane holds an edit, read by screen
+   * readers after the file's name.
    * - `orientation`: Whether the panes sit side by side or stacked.
    *
    * Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -62040,6 +62481,15 @@ export type CustomElements = {
    * - `status`: A status bar, spanning both panes at the bottom.
    * - `toolbar`: A bar across the top, spanning both panes.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts every source pane back to the source it was given: through the
+   * pane's own `reset()` where it has one, which sends an edit the previews
+   * take, and otherwise by setting its `value` and writing it into the
+   * previews.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -62055,6 +62505,7 @@ export type CustomElements = {
    * - `body`: The splitter holding the panes above the panel. `::part(body):state(dragging)` matches while its divider is held.
    * - `corner`: The handle where the two dividers cross.
    * - `file`: One file tab, `aria-selected` while its pane is shown.
+   * - `file-modified`: A file tab whose pane holds an edit.
    * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
@@ -62065,6 +62516,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While a source pane holds an edit, until `reset()`.
    * - `panel-collapsed`: While there is a panel and it is no taller than `panel-collapsed-size`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -62096,8 +62548,37 @@ export type CustomElements = {
    * that wraps keeps one number. The numbers are drawn, and hidden from screen
    * readers, which read the field.
    *
-   * Enter keeps the indentation of the line it breaks, and the new line is
-   * undone with the next undo as typing is.
+   * Enter keeps the indentation of the line it breaks, one level deeper after
+   * an opening bracket, and puts the closing bracket of an empty pair on a line
+   * of its own. The new line is undone with the next undo as typing is.
+   *
+   * **The editing keys are CodeMirror's.** Tab with text selected indents every
+   * line the selection touches. `Mod+]` indents the lines and `Mod+[` outdents
+   * them, and `Mod+/` comments them out or back in: `//` in a `js` pane, and one
+   * block comment in an `html` or `css` pane. `Mod` is Command on a Mac and
+   * Control elsewhere. Each is one step of undo.
+   *
+   * **`close-brackets` closes brackets and quotes** as you type them: `(`, `[`,
+   * `{` and the three quotes. A closing character typed before the same one
+   * steps over it, Backspace between an empty pair deletes both, and a bracket
+   * typed with text selected goes around the text. **`match-brackets` marks
+   * the bracket beside the caret and its pair** while the field has focus, each
+   * a `bracket` part, and a bracket with no pair is also `bracket-unmatched`.
+   * A bracket in a string or a comment is not matched, where `tokenize` says
+   * which runs those are.
+   *
+   * **`complete` offers completions as you type**: the words of the source and
+   * of `completions` that start with the word before the caret. They open in a
+   * list under the word. The arrow keys move through it, Enter or Tab takes the
+   * word, and Escape closes it. `Ctrl+Space` opens it where it is closed. The
+   * field is `aria-autocomplete="list"` and points at the word chosen with
+   * `aria-activedescendant`, so a screen reader reads each one. Give
+   * `completions` the names a page uses, such as the tag and attribute names of
+   * a custom elements manifest through `manifestWords`.
+   *
+   * **The pane is `:state(modified)` while its source differs from the source it
+   * was given**, the first `value` or the last one set from outside. `reset()`
+   * puts that source back, as an edit the sandbox passes on to its preview.
    *
    * **The source can be written inside the pane** where `value` is not set: its
    * text, or the markup of a `<template>` it holds, without the indentation the
@@ -62108,6 +62589,14 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `close-brackets`/`closeBrackets`: Whether typing an opening bracket or quote types its closing one too, and
+   * a bracket typed with text selected goes around it.
+   * - `complete`: Whether the pane offers completions for the word before the caret, from
+   * the words of the source and of `completions`.
+   * - `completions`: Words the pane offers under `complete` beside the words of the source,
+   * such as tag and attribute names. `manifestWords` reads them from a custom
+   * elements manifest. Set it as JSON in the attribute or as an array.
+   * - `completions-label`/`completionsLabel`: The name of the list of completions, read by screen readers.
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
    * field says which file it holds. `{field}` is `field-label` and `{name}`
@@ -62116,12 +62605,17 @@ export type CustomElements = {
    * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
    * holds several panes. Empty puts the pane's `name` on the tab.
    * - `line-numbers`/`lineNumbers`: Whether each line of the source is numbered, in a gutter beside it.
+   * - `match-brackets`/`matchBrackets`: Whether the bracket beside the caret and its pair are marked while the
+   * field has focus.
    * - `name`: Which source this pane holds. Every `helix-before-edit` event includes it.
    *
    * `html` and `css` are what the sandbox root routes on; any other name is
    * passed through untouched for a consumer wiring their own panes.
    *
    * Not reflected: nothing selects on it, so it keeps a real default instead.
+   * - `readonly`/`readOnly`: Whether the source is read only: it can be selected and copied, and not
+   * edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+   * that is read only.
    * - `tab-indents`/`tabIndents`: Whether Tab indents the source. When it is off, Tab moves focus.
    * - `value`: The source being edited.
    * - `tokenize`: Colors the source: a function from the source and the pane's `name` to
@@ -62135,6 +62629,8 @@ export type CustomElements = {
    *
    * Named for what it returns, runs of text, where Code Block's `highlight`
    * returns markup. (property only)
+   * - `modified`: Whether the source differs from the source the pane was given: its first
+   * `value`, or the last one set from outside. (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
@@ -62164,13 +62660,23 @@ export type CustomElements = {
    * - `helix-caret`: Fired when the cursor moves.
    * - `helix-edit`: Fired after the source was edited, with the new source.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts back the source the pane was given, as an edit: `helix-before-edit`
+   * is sent first and can refuse it, and the sandbox passes it to its preview.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--sandbox-source-background-color`: Fill behind the source.
+   * - `--sandbox-source-bracket-color`: Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`.
    * - `--sandbox-source-callable-color`: Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`.
    * - `--sandbox-source-comment-color`: Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`.
+   * - `--sandbox-source-completions-border-width`: Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`.
+   * - `--sandbox-source-completions-shadow`: Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`.
    * - `--sandbox-source-constant-color`: Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`.
    * - `--sandbox-source-invalid-color`: Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`.
    * - `--sandbox-source-keyword-color`: Color of a `keyword` run, under `tokenize`. Defaults to `--helix-color-syntax-keyword`.
@@ -62184,8 +62690,13 @@ export type CustomElements = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `field`: The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.
-   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.
+   * - `bracket`: The bracket beside the caret and its pair, under `match-brackets`.
+   * - `bracket-unmatched`: A bracket beside the caret with no pair, under `match-brackets`.
+   * - `completion`: One word in the list of completions, under `complete`.
+   * - `completion-active`: The word chosen in that list, which Enter or Tab takes.
+   * - `completions`: The list of completions under the word being typed, under `complete`.
+   * - `field`: The box that scrolls the field and its colors together, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
+   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
    * - `line`: One line of that copy, under `line-numbers`, numbered in the gutter by its `::before`.
    * - `source`: The editable region.
    * - `token`: One run of the source that has a kind, under `tokenize`.
@@ -62194,6 +62705,7 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While the source differs from the source the pane was given, until `reset()` or a new `value`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-sandbox-source": Partial<
@@ -64350,6 +64862,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
@@ -64360,6 +64878,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,
@@ -64966,16 +65489,16 @@ export type CustomElements = {
    * roll over one another, and light runs along them.
    *
    * Its palette comes from the tokens. The strands are `--helix-color-primary`,
-   * a few are `--helix-color-info` for depth, and the page they light is
+   * a few are `--helix-color-accent` for depth, and the page they light is
    * `--helix-color-background`. On a light page the light becomes ink, because
    * light added to near-white cannot be seen.
    *
-   * **Three forms, set with `variant`.** `fan` is a tight, bright bend with its
+   * **Three forms, set with `variant`.** `bend` turns bright strands through one tight point, with its
    * arms opening to the right. `ribbon`, the default, is a broad, soft ribbon in
    * long curves. `waves` is sharp strands crossing the full width.
    *
    * **In its own box, by default.** The element fills the box it is given, the
-   * way an image does, and `at` places the fan's bend or the ribbon's axis across
+   * way an image does, and `at` places the bend's apex or the ribbon's axis across
    * it. Content placed inside sits over the ribbon, in the `content` part.
    *
    * **Down the whole page, with `travel`.** The element fixes itself behind the
@@ -64983,8 +65506,9 @@ export type CustomElements = {
    * bottom, so scrolling travels along it. Put `helix-strands-stop` elements
    * inside to pin a form to a section: each names an element with `for` and says
    * which form the ribbon takes there. Between stops the ribbon fills the gap in
-   * its own `variant`, and between two waves it turns off screen so each wave
-   * reads alone. Set `z-index` on the element to move it.
+   * its own `variant`, and between two waves less than a screen and a half
+   * apart it turns off screen so each wave reads alone. Set `z-index` on the
+   * element to move it.
    *
    * The ribbon stops moving in these cases:
    * - `prefers-reduced-motion` is set. The element shows one still frame, and in
@@ -65004,20 +65528,35 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `at`: Where the form sits across the box, as a share of the width: the fan's
-   * bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
-   * crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+   * - `at`: Where the form sits across the box, as a share of the width: the bend's
+   * apex or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+   * crosses the whole width and does not read it. Unset, a bend's apex sits at `0.5`
    * and a ribbon runs down the middle.
    *
    * **A share rather than a length**, so the ribbon keeps its place when the
    * box changes shape. Read inside a box only; in `travel` each stop has its
    * own.
+   * - `bloom`: How much the glow around the strands adds, as a multiplier. `0` draws the
+   * strands alone, crisp and dimmer, and `1` is the default glow.
+   * - `contrast`: How far apart the brightest and dimmest strands are, from `0`, most of
+   * them alike, to `1`, a few burning bright over many faint ones. Clamped to
+   * that range. The ribbon as a whole keeps its strength.
    * - `density`: How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
    * forty. Clamped to that range.
+   * - `depth`: How much the ribbon's depth shows, from `0`, flat, to `1`. Clamped to that
+   * range. The strands at the front of the ribbon's roll are drawn thicker,
+   * brighter, and further from its axis, and those at the back thinner, dimmer,
+   * and out of focus.
+   * - `drift`: How differently each strand moves, from `0`, the whole ribbon rolling and
+   * waving as one, to `1`, each strand at its own pace and angle, crossing
+   * over the others. Clamped to that range.
+   * - `dust`: How many specks of dust drift around the strands, as a multiplier: `0`
+   * draws none, `1` six hundred, and `4`, the most, two thousand four
+   * hundred. They gather where the ribbon is brightest.
    * - `gain`: Overall brightness, as a multiplier on the light.
    * - `softness`: The share of strands drawn out of focus where the ribbon is wide, from `0`,
    * every strand sharp, to `1`, every one soft. Clamped to that range. A tight
-   * form, such as a fan's bend or a wave, stays sharp whatever this says.
+   * form, such as a bend's apex or a wave, stays sharp whatever this says.
    * - `speed`: How fast the ribbon moves, as a multiplier on time. `0` holds it still.
    * - `spread`: How wide the ribbon is, as a multiplier on each form's own width.
    * - `travel`: Whether the ribbon is laid down the whole page, so scrolling travels along
@@ -65067,7 +65606,7 @@ export type CustomElements = {
    * - `--strands-glow`: The color of most strands. Defaults to `--helix-color-primary`.
    * - `--strands-ground`: The page the light is added to. Defaults to `--helix-color-background`.
    * - `--strands-peak`: The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one.
-   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-info`.
+   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-accent`, which is the primary itself unless the theme relates an accent to the brand, as `accent: { from: 'brand', rotate: 40 }` does.
    *
    * ## CSS Parts
    *
@@ -65089,8 +65628,8 @@ export type CustomElements = {
 
   /**
    * Placed inside a `helix-strands` with `travel`, a stop names an element with
-   * `for` and says which form the ribbon takes when the page reaches it: a `fan`
-   * bending through it, a `ribbon` passing through `at`, or `waves` crossing at
+   * `for` and says which form the ribbon takes when the page reaches it: a `bend`
+   * turning through it, a `ribbon` passing through `at`, or `waves` crossing at
    * its top edge. The stops are read in page order, whatever order they are
    * written in, and a stop naming no element is skipped.
    *
@@ -65105,9 +65644,9 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `at`: Where the form sits across the page, as a share of the width: the fan's
-   * bend or the ribbon's axis. A wave crosses the whole width and does not
-   * read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle.
+   * - `at`: Where the form sits across the page, as a share of the width: the bend's
+   * apex or the ribbon's axis. A wave crosses the whole width and does not
+   * read it. Unset, a bend's apex sits at `0.5` and a ribbon runs down the middle.
    * - `for`: The id of the element the form is pinned to, in the same tree as the stop.
    * - `variant`: The form the ribbon takes at the element. When it is not set, the form is `ribbon`.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -66583,6 +67122,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.
    */
@@ -67634,6 +68174,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
@@ -68040,6 +68591,9 @@ export type CustomElements = {
    * - `orientation`: Which way time runs: `horizontal` lays the entries across the page. Unset,
    * they run down it.
    * - `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
@@ -68066,6 +68620,7 @@ 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 Custom Properties
    *
@@ -68073,10 +68628,17 @@ export type CustomElements = {
    *
    * - `--timeline-gap`: Space between one entry and the next.
    *
+   * ## 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-timeline": Partial<
@@ -70761,6 +71323,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
@@ -70823,8 +71391,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
    *
@@ -70850,6 +71420,15 @@ export type CustomElements = {
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
+   * - `--virtual-list-drag-preview-background-color`: The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-border-width`: The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.
+   * - `--virtual-list-drag-preview-opacity`: The opacity of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
+   * - `--virtual-list-dragging-opacity`: The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drop-indicator-color`: The color of the line where a dragged row would land.
+   * - `--virtual-list-drop-indicator-size`: The thickness of the line where a dragged row would land.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -73159,6 +73738,8 @@ export type CustomElementsSolidJs = {
    * separate actions. The semantics and the joining are separate questions:
    * `role="group"` and a shared name are what make a set of buttons a set, and
    * `helix-flex` gives the spacing without the group.
+   * - `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.
@@ -73193,6 +73774,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
@@ -74112,6 +74695,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.
    *
@@ -74277,6 +74862,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.
@@ -74399,6 +74985,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.
@@ -77738,6 +78325,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,
@@ -77921,6 +78517,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`.
@@ -82130,6 +82727,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()`.
@@ -82152,6 +82752,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.
    *
@@ -82198,6 +82807,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.
@@ -82289,6 +82899,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.
@@ -82316,6 +82927,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`.
@@ -84943,7 +85555,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.
@@ -89047,10 +89660,18 @@ export type CustomElementsSolidJs = {
    *
    * The orb is styled only and has behavior, which the tier split does not
    * otherwise allow. Its role, name and busy state follow `state`, unless
-   * `announce` makes it a status region, and the rest
-   * is drawing dots to a canvas, so there is no structure to restyle. For a
-   * drawing of your own, the headless `Loader` holds the same busy progress bar
-   * and its name.
+   * `announce` makes it a status region, and the rest is drawing dots to a
+   * canvas.
+   *
+   * **A shape of your own goes in the default slot**, such as an SVG, an
+   * image, or an animation. The orb draws it over its box in place of the dots
+   * and stops drawing them, and keeps its role, name, busy state and custom
+   * states, so your stylesheet can change what you slotted by state, such as
+   * `helix-orb:state(working) svg { animation-duration: 1s }`. What you slot is
+   * for the eye: a screen reader hears the orb's name.
+   *
+   * `--orb-speed` scales how fast the dots move, so `0.5` is a calmer orb at
+   * half the tempo.
    *
    * Each state is also a custom state, such as `:state(thinking)` or
    * `:state(done)`, so a page can style what sits around an orb by what it shows,
@@ -89132,6 +89753,12 @@ export type CustomElementsSolidJs = {
    * browser harness's awaits it alone: a browser always runs the frame, and a
    * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
    *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: A shape of your own, drawn over the orb's box in place of the dots.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -89139,12 +89766,13 @@ export type CustomElementsSolidJs = {
    * - `--orb-color`: The color of the nearest dots. Defaults to `currentColor`.
    * - `--orb-ground`: The color the farthest dots fade toward. Defaults to the page's background.
    * - `--orb-size`: The diameter. Overrides `size`.
+   * - `--orb-speed`: How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`.
    *
    * ## CSS Parts
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `canvas`: The canvas the dots are drawn on.
+   * - `canvas`: The canvas the dots are drawn on. Hidden while the default slot holds a shape.
    * - `live`: The word for the state, which the orb says as it changes when `announce` is set. Rendered only then, and clipped out of view.
    *
    * ## CSS States
@@ -89210,6 +89838,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.
@@ -89225,6 +89856,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
@@ -89260,6 +89894,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 Custom Properties
    *
    * CSS variables available for styling the component.
@@ -91372,6 +92014,16 @@ export type CustomElementsSolidJs = {
    * since a browser reads one only as a document starts. A `src` document
    * declares its own.
    *
+   * **`dependencies` names packages by version instead**, as a `package.json`
+   * does: `{"canvas-confetti": "^1.9"}` loads `canvas-confetti` and the paths
+   * under it from `cdn`, `https://esm.sh/` by default, at the version or range
+   * given. An address in `imports` wins over a package of the same name.
+   *
+   * **`modules` holds files the example imports by a relative path**: each path,
+   * such as `utils.js`, to its source, and `import { add } from './utils.js'`
+   * in the `js` pane or in another module loads it. A sandbox writes each pane
+   * named for a module file here.
+   *
    * **Examples render in a frame**, so an example's styles and scripts do not
    * affect the page around the sandbox, and `position: fixed` stays inside the
    * pane. The frame starts empty, with its own stylesheets and its own custom
@@ -91392,8 +92044,9 @@ export type CustomElementsSolidJs = {
    *
    * **A failed preview shows the error over the example**, in the `error` part,
    * until the next source is sent. The terminal says it too, so the part is not
-   * announced. Hide it with `::part(error) { display: none }` where the page
-   * draws its own.
+   * announced, and it is the frame's description while it shows, so a screen
+   * reader reads it with the frame. Hide it with `::part(error) { display: none }`
+   * where the page draws its own.
    *
    * **`controls` draws two buttons in the preview's corner**: one reloads the
    * frame's document, as `reload()` does, and one opens the example in a new
@@ -91403,6 +92056,8 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `cdn`: The address the packages in `dependencies` load from, which the name, an
+   * `@` and the version follow.
    * - `color-mode`/`colorMode`: The color mode the frame renders in.
    *
    * **The frame is a document and a document has its own color mode.** Setting
@@ -91418,6 +92073,10 @@ export type CustomElementsSolidJs = {
    * including every one of the 24 series colors a chart reads.
    * - `controls`: Whether the preview draws a reload button and a button that opens the
    * example in a new tab, in its corner.
+   * - `dependencies`: The npm packages an example can import by name in the built-in document,
+   * each name to a version or a range, as a `package.json` lists them. Each
+   * loads from `cdn`. Set it as JSON in the attribute or as an object. Not
+   * read where `src` is set.
    * - `direction`: Writing direction inside the frame.
    *
    * Not reflected. It is payload for the render message and nothing selects on
@@ -91440,6 +92099,9 @@ export type CustomElementsSolidJs = {
    * Not reflected, for `direction`'s reason: the placement is applied by the
    * document inside the frame, against its own root, so no rule on this side
    * could read it.
+   * - `modules`: Module files an example imports by a relative path in the built-in
+   * document, each path, such as `utils.js`, to its source. Not read where
+   * `src` is set.
    * - `open-label`/`openLabel`: The name of the button that opens the example in a new tab, under
    * `controls`.
    * - `reload-label`/`reloadLabel`: The name of the button that reloads the frame's document, under
@@ -91541,10 +92203,22 @@ export type CustomElementsSolidJs = {
    * milliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.
    *
    * The event carries the pane's `name`, so one sandbox can hold several panes.
-   * `html` sets the preview's markup, `css` sets its stylesheet, and `js` sets
-   * a script that runs as a module after the markup. The sandbox ignores a pane
-   * with any other name, so that pane can show content without changing the
-   * preview.
+   * The names the sandbox writes into its previews:
+   *
+   * - `html` sets the preview's markup.
+   * - `css` sets its stylesheet.
+   * - `js` sets a script that runs as a module after the markup.
+   * - A module file name ending in `.js` or `.mjs`, such as `utils.js`, is a
+   *   module the other scripts import by its path, `./utils.js`.
+   * - `package.json` sets the npm packages the scripts import by name, from its
+   *   `dependencies`, which load from the preview's `cdn`.
+   *
+   * The sandbox ignores a pane with any other name, so that pane can show
+   * content without changing the preview.
+   *
+   * **The sandbox is `:state(modified)` while a source pane holds an edit**, and
+   * that pane's file tab is also `file-modified` and described as modified to
+   * a screen reader. `reset()` puts every pane back to the source it was given.
    *
    * **The dividers are two nested `helix-splitter` elements**, which handle the
    * pointer, the keyboard, and the corner. The inner splitter holds the panes and
@@ -91619,6 +92293,8 @@ export type CustomElementsSolidJs = {
    *
    * `split` follows the lead pane rather than the source, so `split="30"` means
    * the same thing in both directions: thirty percent to whatever comes first.
+   * - `modified-label`/`modifiedLabel`: The description of a file tab whose pane holds an edit, read by screen
+   * readers after the file's name.
    * - `orientation`: Whether the panes sit side by side or stacked.
    *
    * Not reflected, for `lead`'s reason above: no rule selects on it. The axis
@@ -91696,6 +92372,15 @@ export type CustomElementsSolidJs = {
    * - `status`: A status bar, spanning both panes at the bottom.
    * - `toolbar`: A bar across the top, spanning both panes.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts every source pane back to the source it was given: through the
+   * pane's own `reset()` where it has one, which sends an edit the previews
+   * take, and otherwise by setting its `value` and writing it into the
+   * previews.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
@@ -91711,6 +92396,7 @@ export type CustomElementsSolidJs = {
    * - `body`: The splitter holding the panes above the panel. `::part(body):state(dragging)` matches while its divider is held.
    * - `corner`: The handle where the two dividers cross.
    * - `file`: One file tab, `aria-selected` while its pane is shown.
+   * - `file-modified`: A file tab whose pane holds an edit.
    * - `files`: The file tabs over the source panes, where there are several.
    * - `pane`: Either pane.
    * - `panel`: The box that holds the slotted panel.
@@ -91721,6 +92407,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While a source pane holds an edit, until `reset()`.
    * - `panel-collapsed`: While there is a panel and it is no taller than `panel-collapsed-size`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -91755,8 +92442,37 @@ export type CustomElementsSolidJs = {
    * that wraps keeps one number. The numbers are drawn, and hidden from screen
    * readers, which read the field.
    *
-   * Enter keeps the indentation of the line it breaks, and the new line is
-   * undone with the next undo as typing is.
+   * Enter keeps the indentation of the line it breaks, one level deeper after
+   * an opening bracket, and puts the closing bracket of an empty pair on a line
+   * of its own. The new line is undone with the next undo as typing is.
+   *
+   * **The editing keys are CodeMirror's.** Tab with text selected indents every
+   * line the selection touches. `Mod+]` indents the lines and `Mod+[` outdents
+   * them, and `Mod+/` comments them out or back in: `//` in a `js` pane, and one
+   * block comment in an `html` or `css` pane. `Mod` is Command on a Mac and
+   * Control elsewhere. Each is one step of undo.
+   *
+   * **`close-brackets` closes brackets and quotes** as you type them: `(`, `[`,
+   * `{` and the three quotes. A closing character typed before the same one
+   * steps over it, Backspace between an empty pair deletes both, and a bracket
+   * typed with text selected goes around the text. **`match-brackets` marks
+   * the bracket beside the caret and its pair** while the field has focus, each
+   * a `bracket` part, and a bracket with no pair is also `bracket-unmatched`.
+   * A bracket in a string or a comment is not matched, where `tokenize` says
+   * which runs those are.
+   *
+   * **`complete` offers completions as you type**: the words of the source and
+   * of `completions` that start with the word before the caret. They open in a
+   * list under the word. The arrow keys move through it, Enter or Tab takes the
+   * word, and Escape closes it. `Ctrl+Space` opens it where it is closed. The
+   * field is `aria-autocomplete="list"` and points at the word chosen with
+   * `aria-activedescendant`, so a screen reader reads each one. Give
+   * `completions` the names a page uses, such as the tag and attribute names of
+   * a custom elements manifest through `manifestWords`.
+   *
+   * **The pane is `:state(modified)` while its source differs from the source it
+   * was given**, the first `value` or the last one set from outside. `reset()`
+   * puts that source back, as an edit the sandbox passes on to its preview.
    *
    * **The source can be written inside the pane** where `value` is not set: its
    * text, or the markup of a `<template>` it holds, without the indentation the
@@ -91767,6 +92483,14 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `close-brackets`/`closeBrackets`: Whether typing an opening bracket or quote types its closing one too, and
+   * a bracket typed with text selected goes around it.
+   * - `complete`: Whether the pane offers completions for the word before the caret, from
+   * the words of the source and of `completions`.
+   * - `completions`: Words the pane offers under `complete` beside the words of the source,
+   * such as tag and attribute names. `manifestWords` reads them from a custom
+   * elements manifest. Set it as JSON in the attribute or as an array.
+   * - `completions-label`/`completionsLabel`: The name of the list of completions, read by screen readers.
    * - `field-label`/`fieldLabel`: The editable region's name, read by screen readers.
    * - `field-name-label`/`fieldNameLabel`: The editable region's name where the pane has a `label`, so each file's
    * field says which file it holds. `{field}` is `field-label` and `{name}`
@@ -91775,12 +92499,17 @@ export type CustomElementsSolidJs = {
    * - `label`: The pane's file name, such as `index.html`, on its tab where a sandbox
    * holds several panes. Empty puts the pane's `name` on the tab.
    * - `line-numbers`/`lineNumbers`: Whether each line of the source is numbered, in a gutter beside it.
+   * - `match-brackets`/`matchBrackets`: Whether the bracket beside the caret and its pair are marked while the
+   * field has focus.
    * - `name`: Which source this pane holds. Every `helix-before-edit` event includes it.
    *
    * `html` and `css` are what the sandbox root routes on; any other name is
    * passed through untouched for a consumer wiring their own panes.
    *
    * Not reflected: nothing selects on it, so it keeps a real default instead.
+   * - `readonly`/`readOnly`: Whether the source is read only: it can be selected and copied, and not
+   * edited, as Sandpack's `readOnly` file is. Tab moves focus out of a field
+   * that is read only.
    * - `tab-indents`/`tabIndents`: Whether Tab indents the source. When it is off, Tab moves focus.
    * - `value`: The source being edited.
    * - `tokenize`: Colors the source: a function from the source and the pane's `name` to
@@ -91794,6 +92523,8 @@ export type CustomElementsSolidJs = {
    *
    * Named for what it returns, runs of text, where Code Block's `highlight`
    * returns markup. (property only)
+   * - `modified`: Whether the source differs from the source the pane was given: its first
+   * `value`, or the last one set from outside. (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
@@ -91823,13 +92554,23 @@ export type CustomElementsSolidJs = {
    * - `helix-caret`: Fired when the cursor moves.
    * - `helix-edit`: Fired after the source was edited, with the new source.
    *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `reset() => void`: Puts back the source the pane was given, as an edit: `helix-before-edit`
+   * is sent first and can refuse it, and the sandbox passes it to its preview.
+   *
    * ## CSS Custom Properties
    *
    * CSS variables available for styling the component.
    *
    * - `--sandbox-source-background-color`: Fill behind the source.
+   * - `--sandbox-source-bracket-color`: Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`.
    * - `--sandbox-source-callable-color`: Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`.
    * - `--sandbox-source-comment-color`: Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`.
+   * - `--sandbox-source-completions-border-width`: Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`.
+   * - `--sandbox-source-completions-shadow`: Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`.
    * - `--sandbox-source-constant-color`: Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`.
    * - `--sandbox-source-invalid-color`: Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`.
    * - `--sandbox-source-keyword-color`: Color of a `keyword` run, under `tokenize`. Defaults to `--helix-color-syntax-keyword`.
@@ -91843,8 +92584,13 @@ export type CustomElementsSolidJs = {
    *
    * Custom selectors for styling elements within the component.
    *
-   * - `field`: The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.
-   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.
+   * - `bracket`: The bracket beside the caret and its pair, under `match-brackets`.
+   * - `bracket-unmatched`: A bracket beside the caret with no pair, under `match-brackets`.
+   * - `completion`: One word in the list of completions, under `complete`.
+   * - `completion-active`: The word chosen in that list, which Enter or Tab takes.
+   * - `completions`: The list of completions under the word being typed, under `complete`.
+   * - `field`: The box that scrolls the field and its colors together, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
+   * - `highlight`: The colored copy of the source drawn under the field, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.
    * - `line`: One line of that copy, under `line-numbers`, numbered in the gutter by its `::before`.
    * - `source`: The editable region.
    * - `token`: One run of the source that has a kind, under `tokenize`.
@@ -91853,6 +92599,7 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `modified`: While the source differs from the source the pane was given, until `reset()` or a new `value`.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-sandbox-source": Partial<
@@ -94051,6 +94798,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
@@ -94061,6 +94814,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,
@@ -94682,16 +95440,16 @@ export type CustomElementsSolidJs = {
    * roll over one another, and light runs along them.
    *
    * Its palette comes from the tokens. The strands are `--helix-color-primary`,
-   * a few are `--helix-color-info` for depth, and the page they light is
+   * a few are `--helix-color-accent` for depth, and the page they light is
    * `--helix-color-background`. On a light page the light becomes ink, because
    * light added to near-white cannot be seen.
    *
-   * **Three forms, set with `variant`.** `fan` is a tight, bright bend with its
+   * **Three forms, set with `variant`.** `bend` turns bright strands through one tight point, with its
    * arms opening to the right. `ribbon`, the default, is a broad, soft ribbon in
    * long curves. `waves` is sharp strands crossing the full width.
    *
    * **In its own box, by default.** The element fills the box it is given, the
-   * way an image does, and `at` places the fan's bend or the ribbon's axis across
+   * way an image does, and `at` places the bend's apex or the ribbon's axis across
    * it. Content placed inside sits over the ribbon, in the `content` part.
    *
    * **Down the whole page, with `travel`.** The element fixes itself behind the
@@ -94699,8 +95457,9 @@ export type CustomElementsSolidJs = {
    * bottom, so scrolling travels along it. Put `helix-strands-stop` elements
    * inside to pin a form to a section: each names an element with `for` and says
    * which form the ribbon takes there. Between stops the ribbon fills the gap in
-   * its own `variant`, and between two waves it turns off screen so each wave
-   * reads alone. Set `z-index` on the element to move it.
+   * its own `variant`, and between two waves less than a screen and a half
+   * apart it turns off screen so each wave reads alone. Set `z-index` on the
+   * element to move it.
    *
    * The ribbon stops moving in these cases:
    * - `prefers-reduced-motion` is set. The element shows one still frame, and in
@@ -94720,20 +95479,35 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `at`: Where the form sits across the box, as a share of the width: the fan's
-   * bend or the ribbon's axis. `0` is the left edge and `1` the right. A wave
-   * crosses the whole width and does not read it. Unset, a fan bends at `0.4`
+   * - `at`: Where the form sits across the box, as a share of the width: the bend's
+   * apex or the ribbon's axis. `0` is the left edge and `1` the right. A wave
+   * crosses the whole width and does not read it. Unset, a bend's apex sits at `0.5`
    * and a ribbon runs down the middle.
    *
    * **A share rather than a length**, so the ribbon keeps its place when the
    * box changes shape. Read inside a box only; in `travel` each stop has its
    * own.
+   * - `bloom`: How much the glow around the strands adds, as a multiplier. `0` draws the
+   * strands alone, crisp and dimmer, and `1` is the default glow.
+   * - `contrast`: How far apart the brightest and dimmest strands are, from `0`, most of
+   * them alike, to `1`, a few burning bright over many faint ones. Clamped to
+   * that range. The ribbon as a whole keeps its strength.
    * - `density`: How many strands the ribbon has, from `0`, sixty, to `1`, three hundred and
    * forty. Clamped to that range.
+   * - `depth`: How much the ribbon's depth shows, from `0`, flat, to `1`. Clamped to that
+   * range. The strands at the front of the ribbon's roll are drawn thicker,
+   * brighter, and further from its axis, and those at the back thinner, dimmer,
+   * and out of focus.
+   * - `drift`: How differently each strand moves, from `0`, the whole ribbon rolling and
+   * waving as one, to `1`, each strand at its own pace and angle, crossing
+   * over the others. Clamped to that range.
+   * - `dust`: How many specks of dust drift around the strands, as a multiplier: `0`
+   * draws none, `1` six hundred, and `4`, the most, two thousand four
+   * hundred. They gather where the ribbon is brightest.
    * - `gain`: Overall brightness, as a multiplier on the light.
    * - `softness`: The share of strands drawn out of focus where the ribbon is wide, from `0`,
    * every strand sharp, to `1`, every one soft. Clamped to that range. A tight
-   * form, such as a fan's bend or a wave, stays sharp whatever this says.
+   * form, such as a bend's apex or a wave, stays sharp whatever this says.
    * - `speed`: How fast the ribbon moves, as a multiplier on time. `0` holds it still.
    * - `spread`: How wide the ribbon is, as a multiplier on each form's own width.
    * - `travel`: Whether the ribbon is laid down the whole page, so scrolling travels along
@@ -94783,7 +95557,7 @@ export type CustomElementsSolidJs = {
    * - `--strands-glow`: The color of most strands. Defaults to `--helix-color-primary`.
    * - `--strands-ground`: The page the light is added to. Defaults to `--helix-color-background`.
    * - `--strands-peak`: The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one.
-   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-info`.
+   * - `--strands-tint`: The color of a few strands, for depth. Defaults to `--helix-color-accent`, which is the primary itself unless the theme relates an accent to the brand, as `accent: { from: 'brand', rotate: 40 }` does.
    *
    * ## CSS Parts
    *
@@ -94808,8 +95582,8 @@ export type CustomElementsSolidJs = {
 
   /**
    * Placed inside a `helix-strands` with `travel`, a stop names an element with
-   * `for` and says which form the ribbon takes when the page reaches it: a `fan`
-   * bending through it, a `ribbon` passing through `at`, or `waves` crossing at
+   * `for` and says which form the ribbon takes when the page reaches it: a `bend`
+   * turning through it, a `ribbon` passing through `at`, or `waves` crossing at
    * its top edge. The stops are read in page order, whatever order they are
    * written in, and a stop naming no element is skipped.
    *
@@ -94824,9 +95598,9 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `at`: Where the form sits across the page, as a share of the width: the fan's
-   * bend or the ribbon's axis. A wave crosses the whole width and does not
-   * read it. Unset, a fan bends at `0.4` and a ribbon runs down the middle.
+   * - `at`: Where the form sits across the page, as a share of the width: the bend's
+   * apex or the ribbon's axis. A wave crosses the whole width and does not
+   * read it. Unset, a bend's apex sits at `0.5` and a ribbon runs down the middle.
    * - `for`: The id of the element the form is pinned to, in the same tree as the stop.
    * - `variant`: The form the ribbon takes at the element. When it is not set, the form is `ribbon`.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -96332,6 +97106,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.
    */
@@ -97393,6 +98168,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
@@ -97808,6 +98594,9 @@ export type CustomElementsSolidJs = {
    * - `orientation`: Which way time runs: `horizontal` lays the entries across the page. Unset,
    * they run down it.
    * - `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
@@ -97834,6 +98623,7 @@ 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 Custom Properties
    *
@@ -97841,10 +98631,17 @@ export type CustomElementsSolidJs = {
    *
    * - `--timeline-gap`: Space between one entry and the next.
    *
+   * ## 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-timeline": Partial<
@@ -100581,6 +101378,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
@@ -100643,8 +101446,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
    *
@@ -100670,6 +101475,15 @@ export type CustomElementsSolidJs = {
    *
    * - `--virtual-list-block-size`: How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
    * - `--virtual-list-disabled-opacity`: How faint a row `disabled-keys` names is drawn.
+   * - `--virtual-list-drag-preview-background-color`: The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drag-preview-border-color`: The color of the edge around the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-border-width`: The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.
+   * - `--virtual-list-drag-preview-opacity`: The opacity of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-radius`: The corner radius of the copy of a row a pointer drags.
+   * - `--virtual-list-drag-preview-shadow`: The shadow that raises the copy of a row a pointer drags over the page.
+   * - `--virtual-list-dragging-opacity`: The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+   * - `--virtual-list-drop-indicator-color`: The color of the line where a dragged row would land.
+   * - `--virtual-list-drop-indicator-size`: The thickness of the line where a dragged row would land.
    * - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
    * - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
    * - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
@@ -102214,6 +103028,8 @@ export type CustomCssProperties = {
   "--orb-ground"?: (string) | undefined;
   /** The diameter. Overrides `size`. */
   "--orb-size"?: (string) | undefined;
+  /** How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`. */
+  "--orb-speed"?: (string) | undefined;
   /** The color of the heading in the `heading` slot. */
   "--outline-heading-color"?: (string) | undefined;
   /** How far each level is inset from the one above. */
@@ -102424,10 +103240,16 @@ export type CustomCssProperties = {
   "--sandbox-separator-color"?: (string) | undefined;
   /** Fill behind the source. */
   "--sandbox-source-background-color"?: (string) | undefined;
+  /** Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`. */
+  "--sandbox-source-bracket-color"?: (string) | undefined;
   /** Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`. */
   "--sandbox-source-callable-color"?: (string) | undefined;
   /** Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`. */
   "--sandbox-source-comment-color"?: (string) | undefined;
+  /** Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`. */
+  "--sandbox-source-completions-border-width"?: (string) | undefined;
+  /** Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`. */
+  "--sandbox-source-completions-shadow"?: (string) | undefined;
   /** Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`. */
   "--sandbox-source-constant-color"?: (string) | undefined;
   /** Color of an `invalid` run, under `tokenize`. Defaults to `--helix-color-syntax-invalid`. */
@@ -102724,7 +103546,7 @@ export type CustomCssProperties = {
   "--strands-ground"?: (string) | undefined;
   /** The hottest strands, and on a light page the ink the light darkens toward. Defaults to `--helix-color-primary-hover` on a dark page and `--helix-color-primary-active` on a light one. */
   "--strands-peak"?: (string) | undefined;
-  /** The color of a few strands, for depth. Defaults to `--helix-color-info`. */
+  /** The color of a few strands, for depth. Defaults to `--helix-color-accent`, which is the primary itself unless the theme relates an accent to the brand, as `accent: { from: 'brand', rotate: 40 }` does. */
   "--strands-tint"?: (string) | undefined;
   /** Height of the track. The width follows it. */
   "--switch-block-size"?: (string) | undefined;
@@ -103182,6 +104004,24 @@ export type CustomCssProperties = {
   "--virtual-list-block-size"?: (string) | undefined;
   /** How faint a row `disabled-keys` names is drawn. */
   "--virtual-list-disabled-opacity"?: (string) | undefined;
+  /** The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported. */
+  "--virtual-list-drag-preview-background-color"?: (string) | undefined;
+  /** The color of the edge around the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-border-color"?: (string) | undefined;
+  /** The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it. */
+  "--virtual-list-drag-preview-border-width"?: (string) | undefined;
+  /** The opacity of the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-opacity"?: (string) | undefined;
+  /** The corner radius of the copy of a row a pointer drags. */
+  "--virtual-list-drag-preview-radius"?: (string) | undefined;
+  /** The shadow that raises the copy of a row a pointer drags over the page. */
+  "--virtual-list-drag-preview-shadow"?: (string) | undefined;
+  /** The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported. */
+  "--virtual-list-dragging-opacity"?: (string) | undefined;
+  /** The color of the line where a dragged row would land. */
+  "--virtual-list-drop-indicator-color"?: (string) | undefined;
+  /** The thickness of the line where a dragged row would land. */
+  "--virtual-list-drop-indicator-size"?: (string) | undefined;
   /** The color of the text in the row shown when there are no items. */
   "--virtual-list-empty-color"?: (string) | undefined;
   /** The space around the text in the row shown when there are no items. */