@fusion.dev/helix 0.172.0 → 0.173.0

package/custom-elements.json

@@ -14536,6 +14536,21 @@
                 "module": "src/button-group/root/button-group-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables every button in the group, and says so on the group with\n`aria-disabled`. Reflected, so a stylesheet can select on it.",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "disallowEmptySelection",
@@ -14606,6 +14621,18 @@
                 "module": "src/button-group/root/button-group-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "values",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "The pressed values as a list, in a selection mode, and an empty list\notherwise. Written, it presses exactly those buttons.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "buttons",
@@ -14695,6 +14722,47 @@
                 "module": "src/button-group/root/button-group-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "members",
+              "type": {
+                "text": "DisableableItem[]"
+              },
+              "privacy": "private",
+              "description": "The children that can be disabled: Helix buttons and native ones alike. Empty on a server.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "held",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<DisableableItem>()",
+              "description": "The members this group has disabled, so one that leaves is given back its own answer.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "cascade",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Passes `disabled` down to the members, and gives a member that left\nwhat it said for itself.\n\nA member already disabled is not written to again: the watcher hears\nevery write to a native button's `disabled`, changed or not, and would\nanswer it with this.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "sync",
@@ -15160,6 +15228,19 @@
               "description": "Whether the buttons are one bar or a spaced row.\n\nJoined by default: one control made of parts, sharing borders, reading as a\nsegmented bar.\n\n`spaced` is the same set with air between them, for a row of related but\nseparate actions. The semantics and the joining are separate questions:\n`role=\"group\"` and a shared name are what make a set of buttons a set, and\n`helix-flex` gives the spacing without the group.",
               "fieldName": "variant"
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables every button in the group, and says so on the group with\n`aria-disabled`. Reflected, so a stylesheet can select on it.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "HelixHeadlessButtonGroup",
+                "module": "src/button-group/root/button-group-root.ts"
+              }
+            },
             {
               "name": "disallow-empty-selection",
               "type": {
@@ -15247,6 +15328,10 @@
                 "description": "Buttons joined into one control, sharing their edges.",
                 "slug": "preview"
               },
+              {
+                "description": "A group switched off as a whole with `disabled`, which disables every button in it.",
+                "slug": "disabled"
+              },
               {
                 "description": "Text styles that stay pressed, any number at once, set with `selection-mode`.",
                 "slug": "selection"
@@ -21409,6 +21494,21 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the board as busy while its document arrives: the board is\n`aria-busy`, and the `loading` slot is shown.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "movedLabel",
@@ -25197,6 +25297,19 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the board as busy while its document arrives: the board is\n`aria-busy`, and the `loading` slot is shown.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "name": "moved-label",
               "type": {
@@ -25565,6 +25678,14 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "description": "Content shown while `loading` is set, such as a progress bar while the document arrives.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "description": "Replaces the glyph inside the pan down button.",
               "name": "pan-down-icon",
@@ -26071,6 +26192,14 @@
                 "module": "src/canvas/root/canvas-root.ts"
               }
             },
+            {
+              "description": "While `loading` is set.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCanvas",
+                "module": "src/canvas/root/canvas-root.ts"
+              }
+            },
             {
               "description": "While a press on the board, its cards or its connections is under way.",
               "name": "pressing",
@@ -54741,6 +54870,48 @@
                 "module": "src/button/root/button-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the name as words beside the icon, and the result in their place\nafter a press. The button stays as wide as the longest of them.",
+              "attribute": "show-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tooltip",
+              "type": {
+                "text": "'copy' | 'full' | 'none' | undefined"
+              },
+              "description": "When the tooltip shows: `full` on hover and focus and after a press,\n`copy` only after a press, to show the result, and `none` never, for a\nbutton whose result shows another way, such as under `show-label`.\n\nUnset is `full`, and the attribute stays absent until you write it.",
+              "attribute": "tooltip",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tooltipPlacement",
+              "type": {
+                "text": "'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'"
+              },
+              "default": "'top'",
+              "description": "The side the tooltip prefers. It moves to another side where this one\ndoes not fit.",
+              "attribute": "tooltip-placement",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -54769,6 +54940,20 @@
                 "module": "src/copy-button/root/copy-button-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showedResult",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the last render showed a result, so `tooltip=\"copy\"` opens and closes on the change.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "clipboard",
@@ -54900,6 +55085,21 @@
                 "module": "src/copy-button/root/copy-button-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "renderText",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "The words beside the icon, under `show-label`, behind a seam of its own.\n\nAll three are drawn and only the current one shows, so the button is as\nwide as the longest of them and a press does not resize it. Hidden from a\nscreen reader, which hears the same words as the button's name.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderTooltip",
@@ -56086,6 +56286,10 @@
               {
                 "description": "The `helix-copy` event, sent after the text is on the clipboard.",
                 "slug": "events"
+              },
+              {
+                "description": "The name as words beside the icon with `show-label`, and a tooltip that shows only the result of a copy.",
+                "slug": "label"
               }
             ],
             "source": "helix/styled/src/copy-button"
@@ -56182,6 +56386,44 @@
                 "module": "src/button/root/button-root.ts"
               }
             },
+            {
+              "name": "show-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the name as words beside the icon, and the result in their place\nafter a press. The button stays as wide as the longest of them.",
+              "fieldName": "showLabel",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "'copy' | 'full' | 'none' | undefined"
+              },
+              "description": "When the tooltip shows: `full` on hover and focus and after a press,\n`copy` only after a press, to show the result, and `none` never, for a\nbutton whose result shows another way, such as under `show-label`.\n\nUnset is `full`, and the attribute stays absent until you write it.",
+              "fieldName": "tooltip",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
+            {
+              "name": "tooltip-placement",
+              "type": {
+                "text": "'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'"
+              },
+              "default": "'top'",
+              "description": "The side the tooltip prefers. It moves to another side where this one\ndoes not fit.",
+              "fieldName": "tooltipPlacement",
+              "inheritedFrom": {
+                "name": "HelixHeadlessCopyButton",
+                "module": "src/copy-button/root/copy-button-root.ts"
+              }
+            },
             {
               "name": "value",
               "type": {
@@ -56318,6 +56560,14 @@
                 "module": "src/button/root/button-root.ts"
               }
             },
+            {
+              "description": "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.",
+              "name": "text",
+              "inheritedFrom": {
+                "name": "HelixHeadlessButton",
+                "module": "src/button/root/button-root.ts"
+              }
+            },
             {
               "description": "The tooltip bubble, forwarded from the tooltip inside the button.",
               "name": "tooltip",
@@ -92804,6 +93054,38 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the graph as busy while its notes arrive: the list is `aria-busy`,\nand the panel says so where it holds no notes yet.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading notes'",
+              "description": "What the panel says while `loading` is set and the list holds no notes.",
+              "attribute": "loading-label",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "movedDownLabel",
@@ -92900,6 +93182,18 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "noteContent",
+              "type": {
+                "text": "((node: GraphNode) => unknown) | undefined | undefined"
+              },
+              "description": "What each note's row in the list shows in place of its name: a function\ngiven the note that returns text, an element or a Lit template.\n\nFor an icon by its kind, or a date under its name, as React Aria's\n`ListBoxItem` takes children. The row is still named by the note's name,\nwhich typeahead and the search find it by, and described by how it stands\nto the selected note. Return the name with your content where it should\nstill show. A property only, there being no way to write a function in\nmarkup.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "notesLabel",
@@ -94341,6 +94635,32 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the graph as busy while its notes arrive: the list is `aria-busy`,\nand the panel says so where it holds no notes yet.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
+            {
+              "name": "loading-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading notes'",
+              "description": "What the panel says while `loading` is set and the list holds no notes.",
+              "fieldName": "loadingLabel",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "name": "moved-down-label",
               "type": {
@@ -94683,6 +95003,14 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "description": "What the panel shows while `loading` is set and the list holds no notes. Defaults to `loading-label`.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "description": "Replaces the glyph inside the pan down button.",
               "name": "pan-down-icon",
@@ -94885,6 +95213,14 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "description": "The box in place of the list while `loading` is set and it holds no notes, holding the `loading` slot.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "description": "One note in the list.",
               "name": "note",
@@ -95063,6 +95399,14 @@
                 "module": "src/graph/root/graph-root.ts"
               }
             },
+            {
+              "description": "While `loading` is set.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessGraph",
+                "module": "src/graph/root/graph-root.ts"
+              }
+            },
             {
               "description": "The drawing shows the selected note's local graph, with `depth`.",
               "name": "local",
@@ -113750,7 +114094,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.\n\nSet it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
+              "description": "The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.\n\nA press or a key writes it in row order, as Data Table does, whatever\norder the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
               "attribute": "value",
               "inheritedFrom": {
                 "name": "HelixHeadlessList",
@@ -114114,7 +114458,7 @@
                   }
                 }
               ],
-              "description": "Selects what a press or a key leaves, asking first. `helix-before-change`\ncarries the `value` it would leave, and `change` follows once it has moved.",
+              "description": "Selects what a press or a key leaves, asking first. `helix-before-change`\ncarries the `value` it would leave, and `change` follows once it has moved.\n\nIn row order, as Data Table and Table write theirs, whatever order the\nrows were chosen in: a press on the fourth row and then the first is\n`a,d`.",
               "inheritedFrom": {
                 "name": "HelixHeadlessList",
                 "module": "src/list/root/list-root.ts"
@@ -115095,7 +115439,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.\n\nSet it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
+              "description": "The selected rows' values, separated by commas with no spaces, such as `a,c`, in a list that selects.\n\nA press or a key writes it in row order, as Data Table does, whatever\norder the rows were chosen in. Set it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
               "fieldName": "value",
               "inheritedFrom": {
                 "name": "HelixHeadlessList",
@@ -150588,7 +150932,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A cloud of dots drawn to a canvas, with one shape per state:\n\n- `connecting` and `thinking`: the same leaning sash, differing in how\n  agitated it is.\n- `waiting` and `done`: the same settled ball at different tempos.\n- `fetching`: a globe with a light moving around it.\n- `listening`: a closed sphere with a ripple crossing it.\n- `working`: a ring.\n\nEvery state is the same banded grid with different parameters. Changing state\ninterpolates the parameters, so every frame in between is a complete shape. A\nsmall change gets less time than a large one, such as a sash becoming a ring.\nThe outline changes first, so the light starts orbiting only after the shape\nis round.\n\nThe cloud does not rotate, and all movement happens inside it. The exception\nis the light, which travels because a ring of evenly spaced dots looks the\nsame when rotated, so a turning state needs something fixed passing over it.\n\nColors come from `--orb-color` and `--orb-ground`. Each dot's color is mixed\ntoward the ground color by its depth, so depth holds when the theme changes.\n\nThe animation stops when the orb is off screen or in a background tab. With\n`prefers-reduced-motion`, it draws one still frame.\n\nThe orb is styled only and has behavior, which the tier split does not\notherwise allow. Its role, name and busy state follow `state`, unless\n`announce` makes it a status region, and the rest\nis drawing dots to a canvas, so there is no structure to restyle. For a\ndrawing of your own, the headless `Loader` holds the same busy progress bar\nand its name.\n\nEach state is also a custom state, such as `:state(thinking)` or\n`:state(done)`, so a page can style what sits around an orb by what it shows,\nwhether the state was written as an attribute or set from script.",
+          "description": "A cloud of dots drawn to a canvas, with one shape per state:\n\n- `connecting` and `thinking`: the same leaning sash, differing in how\n  agitated it is.\n- `waiting` and `done`: the same settled ball at different tempos.\n- `fetching`: a globe with a light moving around it.\n- `listening`: a closed sphere with a ripple crossing it.\n- `working`: a ring.\n\nEvery state is the same banded grid with different parameters. Changing state\ninterpolates the parameters, so every frame in between is a complete shape. A\nsmall change gets less time than a large one, such as a sash becoming a ring.\nThe outline changes first, so the light starts orbiting only after the shape\nis round.\n\nThe cloud does not rotate, and all movement happens inside it. The exception\nis the light, which travels because a ring of evenly spaced dots looks the\nsame when rotated, so a turning state needs something fixed passing over it.\n\nColors come from `--orb-color` and `--orb-ground`. Each dot's color is mixed\ntoward the ground color by its depth, so depth holds when the theme changes.\n\nThe animation stops when the orb is off screen or in a background tab. With\n`prefers-reduced-motion`, it draws one still frame.\n\nThe orb is styled only and has behavior, which the tier split does not\notherwise allow. Its role, name and busy state follow `state`, unless\n`announce` makes it a status region, and the rest is drawing dots to a\ncanvas.\n\n**A shape of your own goes in the default slot**, such as an SVG, an\nimage, or an animation. The orb draws it over its box in place of the dots\nand stops drawing them, and keeps its role, name, busy state and custom\nstates, so your stylesheet can change what you slotted by state, such as\n`helix-orb:state(working) svg { animation-duration: 1s }`. What you slot is\nfor the eye: a screen reader hears the orb's name.\n\n`--orb-speed` scales how fast the dots move, so `0.5` is a calmer orb at\nhalf the tempo.\n\nEach state is also a custom state, such as `:state(thinking)` or\n`:state(done)`, so a page can style what sits around an orb by what it shows,\nwhether the state was written as an attribute or set from script.",
           "name": "HelixOrb",
           "cssProperties": [
             {
@@ -150602,11 +150946,15 @@
             {
               "description": "The diameter. Overrides `size`.",
               "name": "--orb-size"
+            },
+            {
+              "description": "How fast the dots move, as a multiple of each state's own tempo. Defaults to `1`.",
+              "name": "--orb-speed"
             }
           ],
           "cssParts": [
             {
-              "description": "The canvas the dots are drawn on.",
+              "description": "The canvas the dots are drawn on. Hidden while the default slot holds a shape.",
               "name": "canvas"
             },
             {
@@ -150614,6 +150962,12 @@
               "name": "live"
             }
           ],
+          "slots": [
+            {
+              "description": "A shape of your own, drawn over the orb's box in place of the dots.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -150695,12 +151049,22 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "own",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the default slot holds a shape of the page's, which the dots give\nway to. A plain field, written to the canvas by hand as a lost context is,\nso finding a shape on the first update asks for no second one."
+            },
             {
               "kind": "field",
               "name": "gate",
               "privacy": "private",
               "readonly": true,
-              "default": "new PaintGateController(this, { canRun: () => !!this.context && !this.lost, onFrame: (delta) => { this.paint(delta) }, onMotion: (reduced) => { if (reduced) { this.phase = STILL_PHASE this.morphAt = 0 this.paint(0) } }, onResize: () => { this.measure() this.paint(0) }, })",
+              "default": "new PaintGateController(this, { canRun: () => !!this.context && !this.lost && !this.own, onFrame: (delta) => { this.paint(delta) }, onMotion: (reduced) => { if (reduced) { this.phase = STILL_PHASE this.morphAt = 0 this.paint(0) } }, onResize: () => { this.measure() this.paint(0) }, })",
               "description": "Whether anybody is looking, and the loop that draws for them.\n\nA context it has not been given and one the browser has taken are both\nreasons to draw nothing that the gate cannot see, so they are said here.\n\nEvery frame paints: a settled orb has movement of its own in every state,\nand only the gate's own three answers stop it."
             },
             {
@@ -150781,6 +151145,13 @@
               "description": "The word for the state drawn, in the page's words where it gave them.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Stops the dots for a shape the page slotted, and starts them again once it is gone."
+            },
             {
               "kind": "method",
               "name": "start",
@@ -151911,7 +152282,7 @@
               "name": "indicator",
               "privacy": "private",
               "readonly": true,
-              "default": "new IndicatorController(this, { active: () => this.links.find((link) => link.hasAttribute('aria-current')), indicator: () => this.partNamed('indicator'), surface: () => this.partNamed('nav'), })",
+              "default": "new IndicatorController(this, { active: () => this.links.find((link) => link.hasAttribute('aria-current')), indicator: () => this.partNamed('indicator'), surface: () => this.partNamed('nav'), through: () => this.links.findLast((link) => link.hasAttribute('aria-current')), })",
               "inheritedFrom": {
                 "name": "HelixHeadlessOutline",
                 "module": "src/outline/root/outline-root.ts"
@@ -151962,6 +152333,20 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "marks",
+              "type": {
+                "text": "'reading' | 'visible'"
+              },
+              "default": "'reading'",
+              "description": "Which links are marked. `reading` marks the one section being read, the\nlast whose heading has passed the reading line. `visible` marks every\nsection with part of it on screen, and the mark runs across their links.",
+              "attribute": "marks",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "offset",
@@ -151989,6 +152374,33 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "marked",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "The ids of the sections whose links are marked, in page order: the one\n`current` names, or under `marks=\"visible\"` every section on screen.\nRead-only, for the reason `current` gives.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "markedIds",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "What `marked` reports, which only `markTo` writes.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "reading",
@@ -152099,6 +152511,41 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "onScreen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "{ link: HTMLAnchorElement; target: Element }[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "sections",
+                  "type": {
+                    "text": "{ link: HTMLAnchorElement; target: Element }[]"
+                  }
+                },
+                {
+                  "name": "origin",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "scroller",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ],
+              "description": "The sections with part of them on screen, under `marks=\"visible\"`: each\nruns from its own target to the next one's, and the last to the end of the\npage.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "markTo",
@@ -152110,9 +152557,9 @@
               },
               "parameters": [
                 {
-                  "name": "active",
+                  "name": "marked",
                   "type": {
-                    "text": "{ link: HTMLAnchorElement; target: Element } | undefined"
+                    "text": "{ link: HTMLAnchorElement; target: Element }[]"
                   }
                 }
               ],
@@ -152277,6 +152724,60 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "scrollToSection",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Scrolls to the section with this id, as a press on its link does, with\n`behavior`, and marks its link at once. The address and focus stay where\nthey are. Returns whether the outline has a link to that section.",
+              "type": {
+                "text": "scrollToSection(id: string) => boolean"
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "travel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "section",
+                  "type": {
+                    "text": "{ link: HTMLAnchorElement; target: Element }"
+                  }
+                },
+                {
+                  "name": "scroll",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Marks the section a reader asked for, and holds the mark there until the\npage stops moving. Scrolls to it where `scroll` says this element does\nthe scrolling, and returns whether it did.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "watch",
@@ -152303,6 +152804,21 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "writeDepths",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Writes each link's depth in the outline, from 1, as `data-depth`: the\nlist items around it inside the outline, or for a flat run, its place in\nthe lists `data-level` makes of it.\n\nOn the consumer's links, as `aria-current` is, and only after the first\nrender, where a framework has hydrated them.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "unland",
@@ -152849,6 +153365,19 @@
                 "module": "src/outline/root/outline-root.ts"
               }
             },
+            {
+              "name": "marks",
+              "type": {
+                "text": "'reading' | 'visible'"
+              },
+              "default": "'reading'",
+              "description": "Which links are marked. `reading` marks the one section being read, the\nlast whose heading has passed the reading line. `visible` marks every\nsection with part of it on screen, and the mark runs across their links.",
+              "fieldName": "marks",
+              "inheritedFrom": {
+                "name": "HelixHeadlessOutline",
+                "module": "src/outline/root/outline-root.ts"
+              }
+            },
             {
               "name": "offset",
               "type": {
@@ -168899,6 +169428,22 @@
             "module": "src/sandbox/root/sandbox-root.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "ManifestLike",
+          "declaration": {
+            "name": "ManifestLike",
+            "module": "./source/editing.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "manifestWords",
+          "declaration": {
+            "name": "manifestWords",
+            "module": "./source/editing.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -169032,7 +169577,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A sandboxed `<iframe>` that loads `src`, a document you provide. That\ndocument imports what the examples need, listens for a render message, and\nwrites the markup into itself.\n\n**Without `src`, the frame loads a built-in document**, so a sandbox renders\nwith nothing to host. It runs HTML, CSS, and scripts, and reports the\nconsole, uncaught errors, its height, and presses as a frame on\n`servePreview` does. It defines no element, so an example that uses Helix\ncomponents needs a `src` that imports them.\n\n**`imports` lets an example import packages by name** in the built-in\ndocument, as an import map: each name maps to the address of an ES module,\nsuch as `{\"canvas-confetti\": \"https://esm.sh/canvas-confetti@1.9.3\"}`, and\n`import confetti from 'canvas-confetti'` in the `js` pane then loads it. A\nCDN that serves npm packages as modules, such as esm.sh or jsDelivr's\n`+esm`, gives every package an address. A new map loads the document again,\nsince a browser reads one only as a document starts. A `src` document\ndeclares its own.\n\n**Examples render in a frame**, so an example's styles and scripts do not\naffect the page around the sandbox, and `position: fixed` stays inside the\npane. The frame starts empty, with its own stylesheets and its own custom\nelement registry, so `src` must load the styles and components the examples\nuse.\n\n**The source is untrusted, and the frame keeps it isolated.** The frame uses\n`sandbox=\"allow-scripts\"` and never `allow-same-origin`. Together, the two\nlet a document on the same origin remove its own sandbox, which is the same\nas having none.\n\n**A preview says where it is.** It is `:state(loading)` from the moment it\nhas a `src` until that document can take the example, and again through\n`reload()`. It is `:state(failed)` once the example throws an error it does\nnot catch, until the next source is sent, which a frame on `servePreview`\nreports. A page draws its own spinner or message from either, such as a\nsibling shown by `helix-sandbox-preview:state(failed) + .message`.\n\n**A failed preview shows the error over the example**, in the `error` part,\nuntil the next source is sent. The terminal says it too, so the part is not\nannounced. Hide it with `::part(error) { display: none }` where the page\ndraws its own.\n\n**`controls` draws two buttons in the preview's corner**: one reloads the\nframe's document, as `reload()` does, and one opens the example in a new\ntab, as `open()` does. The tab runs it in a frame sandboxed as this one is.",
+          "description": "A sandboxed `<iframe>` that loads `src`, a document you provide. That\ndocument imports what the examples need, listens for a render message, and\nwrites the markup into itself.\n\n**Without `src`, the frame loads a built-in document**, so a sandbox renders\nwith nothing to host. It runs HTML, CSS, and scripts, and reports the\nconsole, uncaught errors, its height, and presses as a frame on\n`servePreview` does. It defines no element, so an example that uses Helix\ncomponents needs a `src` that imports them.\n\n**`imports` lets an example import packages by name** in the built-in\ndocument, as an import map: each name maps to the address of an ES module,\nsuch as `{\"canvas-confetti\": \"https://esm.sh/canvas-confetti@1.9.3\"}`, and\n`import confetti from 'canvas-confetti'` in the `js` pane then loads it. A\nCDN that serves npm packages as modules, such as esm.sh or jsDelivr's\n`+esm`, gives every package an address. A new map loads the document again,\nsince a browser reads one only as a document starts. A `src` document\ndeclares its own.\n\n**`dependencies` names packages by version instead**, as a `package.json`\ndoes: `{\"canvas-confetti\": \"^1.9\"}` loads `canvas-confetti` and the paths\nunder it from `cdn`, `https://esm.sh/` by default, at the version or range\ngiven. An address in `imports` wins over a package of the same name.\n\n**`modules` holds files the example imports by a relative path**: each path,\nsuch as `utils.js`, to its source, and `import { add } from './utils.js'`\nin the `js` pane or in another module loads it. A sandbox writes each pane\nnamed for a module file here.\n\n**Examples render in a frame**, so an example's styles and scripts do not\naffect the page around the sandbox, and `position: fixed` stays inside the\npane. The frame starts empty, with its own stylesheets and its own custom\nelement registry, so `src` must load the styles and components the examples\nuse.\n\n**The source is untrusted, and the frame keeps it isolated.** The frame uses\n`sandbox=\"allow-scripts\"` and never `allow-same-origin`. Together, the two\nlet a document on the same origin remove its own sandbox, which is the same\nas having none.\n\n**A preview says where it is.** It is `:state(loading)` from the moment it\nhas a `src` until that document can take the example, and again through\n`reload()`. It is `:state(failed)` once the example throws an error it does\nnot catch, until the next source is sent, which a frame on `servePreview`\nreports. A page draws its own spinner or message from either, such as a\nsibling shown by `helix-sandbox-preview:state(failed) + .message`.\n\n**A failed preview shows the error over the example**, in the `error` part,\nuntil the next source is sent. The terminal says it too, so the part is not\nannounced, and it is the frame's description while it shows, so a screen\nreader reads it with the frame. Hide it with `::part(error) { display: none }`\nwhere the page draws its own.\n\n**`controls` draws two buttons in the preview's corner**: one reloads the\nframe's document, as `reload()` does, and one opens the example in a new\ntab, as `open()` does. The tab runs it in a frame sandboxed as this one is.",
           "name": "HelixSandboxPreview",
           "cssParts": [
             {
@@ -169067,6 +169612,16 @@
               "default": "'helix-sandbox-preview'",
               "description": "The key this part's words are registered under, its tag:\n`registerWords('de', { 'helix-sandbox-preview': { label: 'Vorschau' } })`."
             },
+            {
+              "kind": "field",
+              "name": "cdn",
+              "type": {
+                "text": "string"
+              },
+              "default": "'https://esm.sh/'",
+              "description": "The address the packages in `dependencies` load from, which the name, an\n`@` and the version follow.",
+              "attribute": "cdn"
+            },
             {
               "kind": "field",
               "name": "colorMode",
@@ -169087,6 +169642,15 @@
               "attribute": "controls",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "Record<string, string> | undefined"
+              },
+              "description": "The npm packages an example can import by name in the built-in document,\neach name to a version or a range, as a `package.json` lists them. Each\nloads from `cdn`. Set it as JSON in the attribute or as an object. Not\nread where `src` is set.",
+              "attribute": "dependencies"
+            },
             {
               "kind": "field",
               "name": "direction",
@@ -169127,6 +169691,15 @@
               "description": "How the example is placed in the frame.\n\n`padded` insets it and leaves it at the top, which is the resting case and\nwhat an absent value sends. `centered` gives it a measure and centers that\nbox in the frame. `hug` shrinks the example to its own content and centers\nwhat is left, which is the difference that matters for a component whose\nroot is a full-width block. `fullscreen` is the whole frame with no inset.\n\nNot reflected, for `direction`'s reason: the placement is applied by the\ndocument inside the frame, against its own root, so no rule on this side\ncould read it.",
               "attribute": "layout"
             },
+            {
+              "kind": "field",
+              "name": "modules",
+              "type": {
+                "text": "Record<string, string> | undefined"
+              },
+              "description": "Module files an example imports by a relative path in the built-in\ndocument, each path, such as `utils.js`, to its source. Not read where\n`src` is set.",
+              "attribute": "modules"
+            },
             {
               "kind": "field",
               "name": "openLabel",
@@ -169259,6 +169832,16 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "importMap",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "privacy": "private",
+              "description": "The import map of the built-in document: each module file, by its path\nand by the address its neighbors import it at, each package in\n`dependencies` and the paths under it, and `imports` over all of them.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "handleFrameLoad",
@@ -169351,6 +169934,16 @@
                 "text": "reload() => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "loadedMap",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The import map the built-in document was last loaded with, as JSON."
+            },
             {
               "kind": "method",
               "name": "unready",
@@ -169732,6 +170325,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "cdn",
+              "type": {
+                "text": "string"
+              },
+              "default": "'https://esm.sh/'",
+              "description": "The address the packages in `dependencies` load from, which the name, an\n`@` and the version follow.",
+              "fieldName": "cdn"
+            },
             {
               "name": "color-mode",
               "type": {
@@ -169749,6 +170351,14 @@
               "description": "Whether the preview draws a reload button and a button that opens the\nexample in a new tab, in its corner.",
               "fieldName": "controls"
             },
+            {
+              "name": "dependencies",
+              "type": {
+                "text": "Record<string, string> | undefined"
+              },
+              "description": "The npm packages an example can import by name in the built-in document,\neach name to a version or a range, as a `package.json` lists them. Each\nloads from `cdn`. Set it as JSON in the attribute or as an object. Not\nread where `src` is set.",
+              "fieldName": "dependencies"
+            },
             {
               "name": "direction",
               "type": {
@@ -169782,6 +170392,14 @@
               "description": "How the example is placed in the frame.\n\n`padded` insets it and leaves it at the top, which is the resting case and\nwhat an absent value sends. `centered` gives it a measure and centers that\nbox in the frame. `hug` shrinks the example to its own content and centers\nwhat is left, which is the difference that matters for a component whose\nroot is a full-width block. `fullscreen` is the whole frame with no inset.\n\nNot reflected, for `direction`'s reason: the placement is applied by the\ndocument inside the frame, against its own root, so no rule on this side\ncould read it.",
               "fieldName": "layout"
             },
+            {
+              "name": "modules",
+              "type": {
+                "text": "Record<string, string> | undefined"
+              },
+              "description": "Module files an example imports by a relative path in the built-in\ndocument, each path, such as `utils.js`, to its source. Not read where\n`src` is set.",
+              "fieldName": "modules"
+            },
             {
               "name": "open-label",
               "type": {
@@ -169923,7 +170541,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A source pane dispatches `helix-before-edit`, which bubbles, and the sandbox\npasses the value to the preview slotted into it. The source pane and the\npreview do not reference each other, so you can replace either one or use it\nalone.\n\nThe preview runs an edit once typing has rested for `preview-delay`, 300\nmilliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.\n\nThe event carries the pane's `name`, so one sandbox can hold several panes.\n`html` sets the preview's markup, `css` sets its stylesheet, and `js` sets\na script that runs as a module after the markup. The sandbox ignores a pane\nwith any other name, so that pane can show content without changing the\npreview.\n\n**The dividers are two nested `helix-splitter` elements**, which handle the\npointer, the keyboard, and the corner. The inner splitter holds the panes and\nthe outer one holds the panel, so the panel spans the full width.\n\n**Several source panes are files**, one shown at a time under a row of\ntabs, each named by the pane's `label` or, without one, its `name`. `file`\nholds the `name` of the pane shown. The tabs are a tab list: the arrow keys\nmove between them and show each pane, and `Home` and `End` go to the first\nand the last. Choosing one sends `helix-before-change` with the pane's\n`name`, which you can cancel, and `change` once `file` holds it. The panes\nnot shown carry `hidden`. One pane draws no tabs.\n\n**Any editor can be the source pane**: an element in the `source` slot with\na `name` that dispatches `helix-before-edit` with its text, which bubbles.\nA wrapper around CodeMirror or Monaco sends one on each change and is a pane\nlike `helix-sandbox-source`, and the sandbox reads its `value` to seed the\npreview. Dispatch `helix-caret` from it too for the status bar's position.\n\nSandbox is styled only and has behavior, as `Aura` is. Its behavior is the\nhand-off from a source pane to a preview frame, which works with any pane\nthat sends `helix-before-edit`, and what it draws is the layout around them:\ndividers, file tabs, and a panel. A page that wants another look slots its\nown panes and keeps the hand-off, so there is nothing for a headless version\nto hold.\n\nA development build warns about a source pane with no `label` and no `name`,\nwhose file tab would have no words.\n\nOn a focused divider, the arrow keys move it, and `Home` and `End` move it\nto its ends. `Enter` on the panes divider shuts the lead pane, and pressed\nagain it opens the pane where it was. `Enter` on the panel divider shuts the\npanel to `panel-collapsed-size`, and pressed again it opens the panel to its\nlast height.",
+          "description": "A source pane dispatches `helix-before-edit`, which bubbles, and the sandbox\npasses the value to the preview slotted into it. The source pane and the\npreview do not reference each other, so you can replace either one or use it\nalone.\n\nThe preview runs an edit once typing has rested for `preview-delay`, 300\nmilliseconds by default, so a word typed reloads it once. A pane's text when the sandbox starts reaches it at once.\n\nThe event carries the pane's `name`, so one sandbox can hold several panes.\nThe names the sandbox writes into its previews:\n\n- `html` sets the preview's markup.\n- `css` sets its stylesheet.\n- `js` sets a script that runs as a module after the markup.\n- A module file name ending in `.js` or `.mjs`, such as `utils.js`, is a\n  module the other scripts import by its path, `./utils.js`.\n- `package.json` sets the npm packages the scripts import by name, from its\n  `dependencies`, which load from the preview's `cdn`.\n\nThe sandbox ignores a pane with any other name, so that pane can show\ncontent without changing the preview.\n\n**The sandbox is `:state(modified)` while a source pane holds an edit**, and\nthat pane's file tab is also `file-modified` and described as modified to\na screen reader. `reset()` puts every pane back to the source it was given.\n\n**The dividers are two nested `helix-splitter` elements**, which handle the\npointer, the keyboard, and the corner. The inner splitter holds the panes and\nthe outer one holds the panel, so the panel spans the full width.\n\n**Several source panes are files**, one shown at a time under a row of\ntabs, each named by the pane's `label` or, without one, its `name`. `file`\nholds the `name` of the pane shown. The tabs are a tab list: the arrow keys\nmove between them and show each pane, and `Home` and `End` go to the first\nand the last. Choosing one sends `helix-before-change` with the pane's\n`name`, which you can cancel, and `change` once `file` holds it. The panes\nnot shown carry `hidden`. One pane draws no tabs.\n\n**Any editor can be the source pane**: an element in the `source` slot with\na `name` that dispatches `helix-before-edit` with its text, which bubbles.\nA wrapper around CodeMirror or Monaco sends one on each change and is a pane\nlike `helix-sandbox-source`, and the sandbox reads its `value` to seed the\npreview. Dispatch `helix-caret` from it too for the status bar's position.\n\nSandbox is styled only and has behavior, as `Aura` is. Its behavior is the\nhand-off from a source pane to a preview frame, which works with any pane\nthat sends `helix-before-edit`, and what it draws is the layout around them:\ndividers, file tabs, and a panel. A page that wants another look slots its\nown panes and keeps the hand-off, so there is nothing for a headless version\nto hold.\n\nA development build warns about a source pane with no `label` and no `name`,\nwhose file tab would have no words.\n\nOn a focused divider, the arrow keys move it, and `Home` and `End` move it\nto its ends. `Enter` on the panes divider shuts the lead pane, and pressed\nagain it opens the pane where it was. `Enter` on the panel divider shuts the\npanel to `panel-collapsed-size`, and pressed again it opens the panel to its\nlast height.",
           "name": "HelixSandbox",
           "cssProperties": [
             {
@@ -169952,6 +170570,10 @@
               "description": "One file tab, `aria-selected` while its pane is shown.",
               "name": "file"
             },
+            {
+              "description": "A file tab whose pane holds an edit.",
+              "name": "file-modified"
+            },
             {
               "description": "The file tabs over the source panes, where there are several.",
               "name": "files"
@@ -170071,6 +170693,19 @@
               "description": "Which pane comes first, before the divider.\n\nA sandbox is read in one of two directions and the two are not a\npreference. A workbench is a place to write, so the source leads and the\npreview answers it. A reference page is a place to look, so the preview\nleads and the source is what a reader opens if they want to know how it was\ndone. Same component, opposite reading order, and no consumer should have\nto slot a preview into a hole named `source` to get it.\n\nNot reflected, because no rule selects on it: the panes already carry\n`data-pane`, which is what the stylesheet reaches for, and swapping the\nnames below keeps that true whichever way round they sit.\n\n`split` follows the lead pane rather than the source, so `split=\"30\"` means\nthe same thing in both directions: thirty percent to whatever comes first.",
               "attribute": "lead"
             },
+            {
+              "kind": "field",
+              "name": "modifiedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Modified'",
+              "description": "The description of a file tab whose pane holds an edit, read by screen\nreaders after the file's name.",
+              "attribute": "modified-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "orientation",
@@ -170128,9 +170763,75 @@
               "name": "edits",
               "privacy": "private",
               "readonly": true,
-              "default": "new Map<PaneName, string>()",
+              "default": "new Map<string, string>()",
               "description": "The edits waiting out `previewDelay`, the last text of each pane."
             },
+            {
+              "kind": "field",
+              "name": "given",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<Element, string>()",
+              "description": "The source each pane was given, for a pane that does not say whether it is modified."
+            },
+            {
+              "kind": "field",
+              "name": "texts",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<Element, string>()",
+              "description": "The source each pane holds since its last edit."
+            },
+            {
+              "kind": "field",
+              "name": "drawnModified",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<Element, boolean>()",
+              "description": "Whether each pane held an edit when the file tabs were last drawn."
+            },
+            {
+              "kind": "field",
+              "name": "sources",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "description": "The source panes slotted here.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "modifiedOf",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ],
+              "description": "Whether a pane holds an edit: as the pane says, where it has `modified`,\nas `helix-sandbox-source` has, and otherwise against the text it started\nwith."
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Puts every source pane back to the source it was given: through the\npane's own `reset()` where it has one, which sends an edit the previews\ntake, and otherwise by setting its `value` and writing it into the\npreviews.",
+              "type": {
+                "text": "reset() => void"
+              }
+            },
             {
               "kind": "field",
               "name": "resting",
@@ -170381,7 +171082,7 @@
                 {
                   "name": "name",
                   "type": {
-                    "text": "PaneName"
+                    "text": "string"
                   }
                 },
                 {
@@ -171168,6 +171869,15 @@
               "description": "Which pane comes first, before the divider.\n\nA sandbox is read in one of two directions and the two are not a\npreference. A workbench is a place to write, so the source leads and the\npreview answers it. A reference page is a place to look, so the preview\nleads and the source is what a reader opens if they want to know how it was\ndone. Same component, opposite reading order, and no consumer should have\nto slot a preview into a hole named `source` to get it.\n\nNot reflected, because no rule selects on it: the panes already carry\n`data-pane`, which is what the stylesheet reaches for, and swapping the\nnames below keeps that true whichever way round they sit.\n\n`split` follows the lead pane rather than the source, so `split=\"30\"` means\nthe same thing in both directions: thirty percent to whatever comes first.",
               "fieldName": "lead"
             },
+            {
+              "name": "modified-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Modified'",
+              "description": "The description of a file tab whose pane holds an edit, read by screen\nreaders after the file's name.",
+              "fieldName": "modifiedLabel"
+            },
             {
               "name": "orientation",
               "type": {
@@ -171226,6 +171936,10 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "While a source pane holds an edit, until `reset()`.",
+              "name": "modified"
+            },
             {
               "description": "While there is a panel and it is no taller than `panel-collapsed-size`.",
               "name": "panel-collapsed"
@@ -171266,6 +171980,10 @@
                 "description": "The preview frame, which runs its source inside a sandboxed document.",
                 "slug": "a-live-preview"
               },
+              {
+                "description": "A source pane that closes brackets, marks the pair beside the caret, and completes words.",
+                "slug": "editing-aids"
+              },
               {
                 "description": "The events for an edit, a cursor move, two dividers, and a console log.",
                 "min": 420,
@@ -171319,6 +172037,392 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/sandbox/source/editing.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "syntaxOf",
+          "return": {
+            "type": {
+              "text": "CommentSyntax | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "The syntax of a pane, read from its `name`: `html`, `css` and `js`, or the\nextension of a file name such as `utils.js`. `ts`, `jsx`, `tsx`, `mjs` and\n`cjs` are `js`. Anything else has no comments."
+        },
+        {
+          "kind": "function",
+          "name": "indentLines",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "unit",
+              "default": "' '"
+            }
+          ],
+          "description": "Indents each line a selection touches by `unit`, leaving blank lines as they are."
+        },
+        {
+          "kind": "function",
+          "name": "outdentLines",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "Takes one level of indentation, two spaces or a tab, off each line a selection touches."
+        },
+        {
+          "kind": "function",
+          "name": "breakLine",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "unit",
+              "default": "' '"
+            }
+          ],
+          "description": "What Enter does: a new line with the indentation of the line it breaks, one\nlevel deeper after an opening bracket, and with the closing bracket on a\nline of its own where the caret is between a pair. `undefined` for a line\nat the margin with no bracket before the caret, which takes the platform's\nown Enter."
+        },
+        {
+          "kind": "function",
+          "name": "toggleComment",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "syntax",
+              "type": {
+                "text": "CommentSyntax"
+              }
+            }
+          ],
+          "description": "Comments out the lines a selection touches, or uncomments them where they\nalready are a comment.\n\n`js` comments each line with `//` at the indentation the lines share. `css`\nand `html`, which have no line comment, put one block comment around the\ntext of the lines."
+        },
+        {
+          "kind": "function",
+          "name": "closeBracket",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "key",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "What typing `key` does where brackets close: a bracket or quote typed with\ntext selected goes around the text, one typed before a space or the end of\nthe line closes as well, and a closing one typed before the same character\nsteps over it. `undefined` where the key types as usual.\n\nA quote after a letter or a digit is an apostrophe and does not close."
+        },
+        {
+          "kind": "function",
+          "name": "deletePair",
+          "return": {
+            "type": {
+              "text": "SourceEdit | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "from",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "to",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "description": "What Backspace does between a bracket or quote and the character that\ncloses it, where brackets close: it deletes both."
+        },
+        {
+          "kind": "function",
+          "name": "matchBracket",
+          "return": {
+            "type": {
+              "text": "BracketMatch | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "at",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "skip",
+              "default": "() => false",
+              "type": {
+                "text": "(index: number) => boolean"
+              }
+            }
+          ],
+          "description": "The bracket beside the caret and its pair: the one before the caret first,\nthen the one after it. `skip` leaves out positions inside strings and\ncomments, where a highlighter has said which those are."
+        },
+        {
+          "kind": "function",
+          "name": "suggest",
+          "return": {
+            "type": {
+              "text": "Completions | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "at",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "extra",
+              "default": "[]",
+              "type": {
+                "text": "readonly string[]"
+              }
+            }
+          ],
+          "description": "The completions for the word before the caret: every longer word in the\nsource or in `extra` that starts with it, whatever its case. `undefined`\nwhere the caret follows no word or nothing completes it."
+        },
+        {
+          "kind": "function",
+          "name": "manifestWords",
+          "return": {
+            "type": {
+              "text": "string[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "manifest",
+              "type": {
+                "text": "ManifestLike"
+              }
+            }
+          ],
+          "description": "The tag names, attribute names and CSS custom properties a custom elements\nmanifest lists, for a source pane's `completions`. Each name is listed once."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "syntaxOf",
+          "declaration": {
+            "name": "syntaxOf",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "indentLines",
+          "declaration": {
+            "name": "indentLines",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "outdentLines",
+          "declaration": {
+            "name": "outdentLines",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "breakLine",
+          "declaration": {
+            "name": "breakLine",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "toggleComment",
+          "declaration": {
+            "name": "toggleComment",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "closeBracket",
+          "declaration": {
+            "name": "closeBracket",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "deletePair",
+          "declaration": {
+            "name": "deletePair",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "matchBracket",
+          "declaration": {
+            "name": "matchBracket",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "suggest",
+          "declaration": {
+            "name": "suggest",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "manifestWords",
+          "declaration": {
+            "name": "manifestWords",
+            "module": "src/sandbox/source/editing.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/sandbox/source/sandbox-source.css.ts",
@@ -171345,13 +172449,17 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A real `<textarea>`, so undo, selection, spellcheck suppression, mobile\nkeyboards, and screen reader support come from the platform.\n\nTab inserts two spaces, so you can indent code. To move focus out of the\nfield, press Escape and then Tab. Shift+Tab moves focus back as it does\nanywhere else. The field's description says so to a screen reader.\n\n**`tokenize` colors the source** with a highlighter you bring, such as one\nbuilt on Lezer, Prism or Shiki. It is a function from the source to runs of\ntext, each with an optional kind, and the pane draws the runs under a\ntransparent field, so typing, selection and undo stay the textarea's. The\nkinds are `callable`, `comment`, `constant`, `invalid`, `keyword`, `name`,\n`string` and `tag`, each colored by the `--helix-color-syntax-*` token of\nits name and a hook of its own, such as `--sandbox-source-keyword-color`.\nA run of any other kind is drawn in the field's own color. Every run with a\nkind is a `token` part, and carries its kind as `data-kind`. A `tokenize`\nthat throws leaves the source drawn plain and the field editable, and the\nerror is reported to the page as an uncaught one.\n\n**`line-numbers` numbers each line** in a gutter beside the source. A line\nthat wraps keeps one number. The numbers are drawn, and hidden from screen\nreaders, which read the field.\n\nEnter keeps the indentation of the line it breaks, and the new line is\nundone with the next undo as typing is.\n\n**The source can be written inside the pane** where `value` is not set: its\ntext, or the markup of a `<template>` it holds, without the indentation the\npage gave it. Markup goes in a template so the page does not render it or\nrun its scripts. Text inside the pane is read once, when it connects.",
+          "description": "A real `<textarea>`, so undo, selection, spellcheck suppression, mobile\nkeyboards, and screen reader support come from the platform.\n\nTab inserts two spaces, so you can indent code. To move focus out of the\nfield, press Escape and then Tab. Shift+Tab moves focus back as it does\nanywhere else. The field's description says so to a screen reader.\n\n**`tokenize` colors the source** with a highlighter you bring, such as one\nbuilt on Lezer, Prism or Shiki. It is a function from the source to runs of\ntext, each with an optional kind, and the pane draws the runs under a\ntransparent field, so typing, selection and undo stay the textarea's. The\nkinds are `callable`, `comment`, `constant`, `invalid`, `keyword`, `name`,\n`string` and `tag`, each colored by the `--helix-color-syntax-*` token of\nits name and a hook of its own, such as `--sandbox-source-keyword-color`.\nA run of any other kind is drawn in the field's own color. Every run with a\nkind is a `token` part, and carries its kind as `data-kind`. A `tokenize`\nthat throws leaves the source drawn plain and the field editable, and the\nerror is reported to the page as an uncaught one.\n\n**`line-numbers` numbers each line** in a gutter beside the source. A line\nthat wraps keeps one number. The numbers are drawn, and hidden from screen\nreaders, which read the field.\n\nEnter keeps the indentation of the line it breaks, one level deeper after\nan opening bracket, and puts the closing bracket of an empty pair on a line\nof its own. The new line is undone with the next undo as typing is.\n\n**The editing keys are CodeMirror's.** Tab with text selected indents every\nline the selection touches. `Mod+]` indents the lines and `Mod+[` outdents\nthem, and `Mod+/` comments them out or back in: `//` in a `js` pane, and one\nblock comment in an `html` or `css` pane. `Mod` is Command on a Mac and\nControl elsewhere. Each is one step of undo.\n\n**`close-brackets` closes brackets and quotes** as you type them: `(`, `[`,\n`{` and the three quotes. A closing character typed before the same one\nsteps over it, Backspace between an empty pair deletes both, and a bracket\ntyped with text selected goes around the text. **`match-brackets` marks\nthe bracket beside the caret and its pair** while the field has focus, each\na `bracket` part, and a bracket with no pair is also `bracket-unmatched`.\nA bracket in a string or a comment is not matched, where `tokenize` says\nwhich runs those are.\n\n**`complete` offers completions as you type**: the words of the source and\nof `completions` that start with the word before the caret. They open in a\nlist under the word. The arrow keys move through it, Enter or Tab takes the\nword, and Escape closes it. `Ctrl+Space` opens it where it is closed. The\nfield is `aria-autocomplete=\"list\"` and points at the word chosen with\n`aria-activedescendant`, so a screen reader reads each one. Give\n`completions` the names a page uses, such as the tag and attribute names of\na custom elements manifest through `manifestWords`.\n\n**The pane is `:state(modified)` while its source differs from the source it\nwas given**, the first `value` or the last one set from outside. `reset()`\nputs that source back, as an edit the sandbox passes on to its preview.\n\n**The source can be written inside the pane** where `value` is not set: its\ntext, or the markup of a `<template>` it holds, without the indentation the\npage gave it. Markup goes in a template so the page does not render it or\nrun its scripts. Text inside the pane is read once, when it connects.",
           "name": "HelixSandboxSource",
           "cssProperties": [
             {
               "description": "Fill behind the source.",
               "name": "--sandbox-source-background-color"
             },
+            {
+              "description": "Fill behind a matched bracket, under `match-brackets`. Defaults to `--helix-color-accent-subtle`.",
+              "name": "--sandbox-source-bracket-color"
+            },
             {
               "description": "Color of a `callable` run, under `tokenize`. Defaults to `--helix-color-syntax-callable`.",
               "name": "--sandbox-source-callable-color"
@@ -171360,6 +172468,14 @@
               "description": "Color of a `comment` run, under `tokenize`. Defaults to `--helix-color-syntax-comment`.",
               "name": "--sandbox-source-comment-color"
             },
+            {
+              "description": "Width of the edge of the list of completions, under `complete`. Defaults to `--helix-border-floating`.",
+              "name": "--sandbox-source-completions-border-width"
+            },
+            {
+              "description": "Shadow under the list of completions, under `complete`. Defaults to `--helix-shadow-floating`.",
+              "name": "--sandbox-source-completions-shadow"
+            },
             {
               "description": "Color of a `constant` run, under `tokenize`. Defaults to `--helix-color-syntax-constant`.",
               "name": "--sandbox-source-constant-color"
@@ -171395,11 +172511,31 @@
           ],
           "cssParts": [
             {
-              "description": "The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.",
+              "description": "The bracket beside the caret and its pair, under `match-brackets`.",
+              "name": "bracket"
+            },
+            {
+              "description": "A bracket beside the caret with no pair, under `match-brackets`.",
+              "name": "bracket-unmatched"
+            },
+            {
+              "description": "One word in the list of completions, under `complete`.",
+              "name": "completion"
+            },
+            {
+              "description": "The word chosen in that list, which Enter or Tab takes.",
+              "name": "completion-active"
+            },
+            {
+              "description": "The list of completions under the word being typed, under `complete`.",
+              "name": "completions"
+            },
+            {
+              "description": "The box that scrolls the field and its colors together, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.",
               "name": "field"
             },
             {
-              "description": "The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.",
+              "description": "The colored copy of the source drawn under the field, under `tokenize`, `line-numbers`, `match-brackets` or `complete`.",
               "name": "highlight"
             },
             {
@@ -171426,6 +172562,49 @@
               "default": "'helix-sandbox-source'",
               "description": "The key this part's words are registered under, its tag:\n`registerWords('de', { 'helix-sandbox-source': { fieldLabel: 'Quelltext' } })`."
             },
+            {
+              "kind": "field",
+              "name": "closeBrackets",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether typing an opening bracket or quote types its closing one too, and\na bracket typed with text selected goes around it.",
+              "attribute": "close-brackets"
+            },
+            {
+              "kind": "field",
+              "name": "complete",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the pane offers completions for the word before the caret, from\nthe words of the source and of `completions`.",
+              "attribute": "complete"
+            },
+            {
+              "kind": "field",
+              "name": "completions",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "default": "[]",
+              "description": "Words the pane offers under `complete` beside the words of the source,\nsuch as tag and attribute names. `manifestWords` reads them from a custom\nelements manifest. Set it as JSON in the attribute or as an array.",
+              "attribute": "completions"
+            },
+            {
+              "kind": "field",
+              "name": "completionsLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Completions'",
+              "description": "The name of the list of completions, read by screen readers.",
+              "attribute": "completions-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "fieldLabel",
@@ -171486,6 +172665,16 @@
               "attribute": "line-numbers",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "matchBrackets",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the bracket beside the caret and its pair are marked while the\nfield has focus.",
+              "attribute": "match-brackets"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -171496,6 +172685,17 @@
               "description": "Which source this pane holds. Every `helix-before-edit` event includes it.\n\n`html` and `css` are what the sandbox root routes on; any other name is\npassed through untouched for a consumer wiring their own panes.\n\nNot reflected: nothing selects on it, so it keeps a real default instead.",
               "attribute": "name"
             },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the source is read only: it can be selected and copied, and not\nedited, as Sandpack's `readOnly` file is. Tab moves focus out of a field\nthat is read only.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "tabIndents",
@@ -171534,6 +172734,95 @@
               "default": "false",
               "description": "Set by Escape, so the next Tab leaves the field."
             },
+            {
+              "kind": "field",
+              "name": "baseline",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The source the pane was given, which `reset()` puts back."
+            },
+            {
+              "kind": "field",
+              "name": "edited",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private",
+              "description": "The source the last edit left, to tell an edit from a `value` set from outside."
+            },
+            {
+              "kind": "field",
+              "name": "caret",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1",
+              "description": "Where the caret is, while nothing is selected, for `match-brackets`."
+            },
+            {
+              "kind": "field",
+              "name": "offered",
+              "type": {
+                "text": "Completions | undefined"
+              },
+              "privacy": "private",
+              "description": "The completions open under the word being typed, under `complete`."
+            },
+            {
+              "kind": "field",
+              "name": "chosen",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "description": "Which of the completions Enter or Tab takes."
+            },
+            {
+              "kind": "field",
+              "name": "accepting",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Set while a completion is written, so writing it does not offer more."
+            },
+            {
+              "kind": "field",
+              "name": "modified",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the source differs from the source the pane was given: its first\n`value`, or the last one set from outside.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Puts back the source the pane was given, as an edit: `helix-before-edit`\nis sent first and can refuse it, and the sandbox passes it to its preview.",
+              "type": {
+                "text": "reset() => void"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "field",
+              "type": {
+                "text": "HTMLTextAreaElement | null"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "read",
@@ -171569,6 +172858,75 @@
               "readonly": true,
               "description": "Announces the edit, then applies it if nobody refused.\n\n**Never the other way round.** Assigning the value and dispatching the\nrequest after it accepts `preventDefault()` and ignores it: a consumer\nrefusing an edit keeps the old value in their handler while the pane holds\nthe new one, and `helix-before-edit` becomes a `before` event that has\nalready happened.\n\n`restoreValue` because the textarea has already taken the character\nwhichever way it goes, so a refusal has to put the text back, and it does so\nwithout sending the caret to the end. Exactly what `Input` does with the\nsame helper for the same reason."
             },
+            {
+              "kind": "method",
+              "name": "offer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                }
+              ],
+              "description": "Opens the completions for the word before the caret, or closes them where there are none."
+            },
+            {
+              "kind": "method",
+              "name": "accept",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Writes the chosen completion over the word it completes."
+            },
+            {
+              "kind": "method",
+              "name": "completionKey",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                }
+              ],
+              "description": "The keys of the open completions. Returns whether the key was theirs."
+            },
             {
               "kind": "method",
               "name": "edit",
@@ -171600,6 +172958,56 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "command",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                }
+              ],
+              "description": "The editing commands: the `Mod` keys for indenting and comments, and, where\nthey are on, closing brackets and opening completions. Returns whether the\nkey was one, so it does nothing else."
+            },
+            {
+              "kind": "method",
+              "name": "apply",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "field",
+                  "type": {
+                    "text": "HTMLTextAreaElement"
+                  }
+                },
+                {
+                  "name": "change",
+                  "type": {
+                    "text": "SourceEdit | undefined"
+                  }
+                }
+              ],
+              "description": "Makes a change as typing would, through `insert`, and puts the selection\nwhere the change says. A change that refuses nothing and replaces nothing\nonly moves the caret."
+            },
             {
               "kind": "method",
               "name": "breakLine",
@@ -171617,7 +173025,7 @@
                   }
                 }
               ],
-              "description": "Breaks the line with the indentation it has, where it has some. A line at\nthe margin is left to the platform's own Enter."
+              "description": "Breaks the line with the indentation it has, one level deeper after an\nopening bracket. A line at the margin with no bracket is left to the\nplatform's own Enter."
             },
             {
               "kind": "method",
@@ -171644,6 +173052,43 @@
               ],
               "description": "Writes text at the caret, as typing would: the two spaces Tab inserts,\nand the indentation Enter keeps.\n\n**Through `insertText`, so undo takes the indent back.** Assigning\n`field.value` empties the textarea's undo history: a reader who typed,\npressed Tab and then Cmd+Z or Ctrl+Z lost the indent and everything typed\nbefore it. `insertText` is the edit a keystroke makes, so it joins the\nhistory and sends the `input` event that `handleInput` takes. It writes\ninto whatever has focus, so it is used only while the field has it. Where it\nis not supported, the field is written directly."
             },
+            {
+              "kind": "method",
+              "name": "mark",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Piece[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "runs",
+                  "type": {
+                    "text": "readonly SandboxToken[]"
+                  }
+                }
+              ],
+              "description": "The runs with the brackets beside the caret and the completions' anchor\nmarked, where either is on."
+            },
+            {
+              "kind": "method",
+              "name": "renderCompletions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "The list of completions, while it is open."
+            },
+            {
+              "kind": "field",
+              "name": "close",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Closes the completions, as the field loses focus."
+            },
             {
               "kind": "method",
               "name": "renderField",
@@ -172022,6 +173467,42 @@
             }
           ],
           "attributes": [
+            {
+              "name": "close-brackets",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether typing an opening bracket or quote types its closing one too, and\na bracket typed with text selected goes around it.",
+              "fieldName": "closeBrackets"
+            },
+            {
+              "name": "complete",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the pane offers completions for the word before the caret, from\nthe words of the source and of `completions`.",
+              "fieldName": "complete"
+            },
+            {
+              "name": "completions",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "default": "[]",
+              "description": "Words the pane offers under `complete` beside the words of the source,\nsuch as tag and attribute names. `manifestWords` reads them from a custom\nelements manifest. Set it as JSON in the attribute or as an array.",
+              "fieldName": "completions"
+            },
+            {
+              "name": "completions-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Completions'",
+              "description": "The name of the list of completions, read by screen readers.",
+              "fieldName": "completionsLabel"
+            },
             {
               "name": "field-label",
               "type": {
@@ -172067,6 +173548,15 @@
               "description": "Whether each line of the source is numbered, in a gutter beside it.",
               "fieldName": "lineNumbers"
             },
+            {
+              "name": "match-brackets",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the bracket beside the caret and its pair are marked while the\nfield has focus.",
+              "fieldName": "matchBrackets"
+            },
             {
               "name": "name",
               "type": {
@@ -172076,6 +173566,15 @@
               "description": "Which source this pane holds. Every `helix-before-edit` event includes it.\n\n`html` and `css` are what the sandbox root routes on; any other name is\npassed through untouched for a consumer wiring their own panes.\n\nNot reflected: nothing selects on it, so it keeps a real default instead.",
               "fieldName": "name"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the source is read only: it can be selected and copied, and not\nedited, as Sandpack's `readOnly` file is. Tab moves focus out of a field\nthat is read only.",
+              "fieldName": "readOnly"
+            },
             {
               "name": "tab-indents",
               "type": {
@@ -172095,6 +173594,20 @@
               "fieldName": "value"
             }
           ],
+          "cssStates": [
+            {
+              "description": "While the source differs from the source the pane was given, until `reset()` or a new `value`.",
+              "name": "modified"
+            },
+            {
+              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
+              "name": "settled",
+              "inheritedFrom": {
+                "name": "HelixElement",
+                "module": "src/helix-element/helix-element.ts"
+              }
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "package": "@fusion.dev/helix-core"
@@ -172114,16 +173627,6 @@
           },
           "tagName": "helix-sandbox-source",
           "customElement": true,
-          "cssStates": [
-            {
-              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
-              "name": "settled",
-              "inheritedFrom": {
-                "name": "HelixElement",
-                "module": "src/helix-element/helix-element.ts"
-              }
-            }
-          ],
           "modulePath": "src/sandbox/source/sandbox-source.ts",
           "definitionPath": "src/sandbox/source/sandbox-source.ts"
         }
@@ -187722,7 +189225,60 @@
                   "text": "void"
                 }
               },
-              "description": "Tells a slotted trigger what it is doing, since it cannot know.\n\nThe fallback button is rendered by this element and says so in its own\ntemplate. A trigger the consumer slotted is their markup, and the state it\nneeds to announce is state only this element holds: without this, the\narrangement this component recommends, an icon button slotted as the\ntrigger, is a control that opens a menu and never says it has one. A\nconsumer who has to mirror `open` back onto their own trigger is a consumer\nwho will forget, and the failure is silent to everyone who can see the\nscreen.\n\n**Never `setAttribute`.** Writing `aria-expanded` onto the consumer's\nelement is a hydration mismatch React reports and does not patch up,\nmeasured against React 19.2.8. `tellDisclosure` carries the argument and the\nmeasurement: the state travels as a property, into the trigger's own shadow\nroot, where React neither looks nor compares.\n\n`aria-haspopup` goes with it rather than being written separately. An\nattribute the consumer's server never sent is a mismatch whether or not it\nmoves afterwards, measured in both load orders, and a trigger that says it\nis expanded is already saying it has something to expand.",
+              "description": "Tells a slotted trigger what it is doing, since it cannot know.\n\nThe fallback button is rendered by this element and says so in its own\ntemplate. A trigger the consumer slotted is their markup, and the state it\nneeds to announce is state only this element holds: without this, the\narrangement this component recommends, an icon button slotted as the\ntrigger, is a control that opens a menu and never says it has one. A\nconsumer who has to mirror `open` back onto their own trigger is a consumer\nwho will forget, and the failure is silent to everyone who can see the\nscreen.\n\n**Never `setAttribute`.** Writing `aria-expanded` onto the consumer's\nelement is a hydration mismatch React reports and does not patch up,\nmeasured against React 19.2.8. `tellDisclosure` carries the argument and the\nmeasurement: the state travels as a property, into the trigger's own shadow\nroot, where React neither looks nor compares.\n\n`aria-haspopup` goes with it rather than being written separately. An\nattribute the consumer's server never sent is a mismatch whether or not it\nmoves afterwards, measured in both load orders, and a trigger that says it\nis expanded is already saying it has something to expand.\n\n**A plain trigger once a reader has reached it.** A `<button>` of yours has\nno shadow root, so it takes `aria-haspopup=\"menu\"` and `aria-expanded` as\nattributes, written only once focus or a pointer has reached it. That is\nafter hydration, which is the only time React compares them. A trigger\nthat carries either attribute itself is yours to keep up to date.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSpeedDial",
+                "module": "src/speed-dial/root/speed-dial-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toldPlain",
+              "type": {
+                "text": "Element | undefined"
+              },
+              "privacy": "private",
+              "description": "The plain trigger this dial has written its state on, so it can be taken back.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSpeedDial",
+                "module": "src/speed-dial/root/speed-dial-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reached",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a reader has reached the trigger, by focus or a pointer, which is after hydration.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSpeedDial",
+                "module": "src/speed-dial/root/speed-dial-root.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "untellPlain",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Takes the state off a plain trigger that is no longer this dial's.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSpeedDial",
+                "module": "src/speed-dial/root/speed-dial-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleReach",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A reader reaching the trigger, which lets a plain one be told its state.",
               "inheritedFrom": {
                 "name": "HelixHeadlessSpeedDial",
                 "module": "src/speed-dial/root/speed-dial-root.ts"
@@ -188609,6 +190165,19 @@
                 "module": "src/splitter/root/splitter-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapsible",
+              "type": {
+                "text": "'both' | 'end' | 'none' | 'start' | undefined"
+              },
+              "description": "Which panes can be collapsed, as Zag's panels each take `collapsible`:\n`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops\nat the edge without shutting. `Enter` collapses the end pane where only\nthe end pane can be collapsed, and the start pane otherwise.\n\nUnset is `both`, and the attribute stays absent until you write it.",
+              "attribute": "collapsible",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSplitter",
+                "module": "src/splitter/root/splitter-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "cornerLabel",
@@ -188670,6 +190239,20 @@
                 "module": "src/splitter/root/splitter-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "endMin",
+              "type": {
+                "text": "number | string"
+              },
+              "default": "0",
+              "description": "The least the end pane keeps, in the units `min` takes: a percentage, or\na CSS length such as `16rem` resolved against the splitter's box. The\ndivider stops that far from the end, whatever `max` allows, so `min` and\n`end-min` hold a minimum for each pane, as Zag's panels each take\n`minSize`.",
+              "attribute": "end-min",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSplitter",
+                "module": "src/splitter/root/splitter-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -189247,6 +190830,29 @@
                 "module": "src/splitter/root/splitter-root.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "canCollapse",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pane",
+                  "type": {
+                    "text": "'end' | 'start'"
+                  }
+                }
+              ],
+              "description": "Whether `collapsible` lets this pane be collapsed.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSplitter",
+                "module": "src/splitter/root/splitter-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "clamp",
@@ -190011,6 +191617,18 @@
                 "module": "src/splitter/root/splitter-root.ts"
               }
             },
+            {
+              "name": "collapsible",
+              "type": {
+                "text": "'both' | 'end' | 'none' | 'start' | undefined"
+              },
+              "description": "Which panes can be collapsed, as Zag's panels each take `collapsible`:\n`start`, `end`, `both`, or `none`. A pane that cannot be collapsed stops\nat the edge without shutting. `Enter` collapses the end pane where only\nthe end pane can be collapsed, and the start pane otherwise.\n\nUnset is `both`, and the attribute stays absent until you write it.",
+              "fieldName": "collapsible",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSplitter",
+                "module": "src/splitter/root/splitter-root.ts"
+              }
+            },
             {
               "name": "corner-label",
               "type": {
@@ -190062,6 +191680,19 @@
                 "module": "src/splitter/root/splitter-root.ts"
               }
             },
+            {
+              "name": "end-min",
+              "type": {
+                "text": "number | string"
+              },
+              "default": "0",
+              "description": "The least the end pane keeps, in the units `min` takes: a percentage, or\na CSS length such as `16rem` resolved against the splitter's box. The\ndivider stops that far from the end, whatever `max` allows, so `min` and\n`end-min` hold a minimum for each pane, as Zag's panels each take\n`minSize`.",
+              "fieldName": "endMin",
+              "inheritedFrom": {
+                "name": "HelixHeadlessSplitter",
+                "module": "src/splitter/root/splitter-root.ts"
+              }
+            },
             {
               "name": "label",
               "type": {
@@ -208726,6 +210357,17 @@
                 "module": "src/tag/root/tag-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleCellFocus",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says whether the cell shows keyboard focus, as `:focus-visible` does, so a\nsheet outside can draw the ring on the tag by the host.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTag",
+                "module": "src/tag/root/tag-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -209254,6 +210896,14 @@
           "tagName": "helix-tag",
           "customElement": true,
           "cssStates": [
+            {
+              "description": "The tag's cell has keyboard focus that the browser shows, in a `Tag.Group`.",
+              "name": "focus-visible",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTag",
+                "module": "src/tag/root/tag-root.ts"
+              }
+            },
             {
               "description": "The tag is selected in a `Tag.Group` that selects.",
               "name": "selected",
@@ -218470,6 +220120,18 @@
                 "module": "src/time-picker/root/time-picker-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "timeContent",
+              "type": {
+                "text": "((time: string, written: string) => unknown) | undefined | undefined"
+              },
+              "description": "What each time in the list shows: a function given the time as `HH:mm`,\nor `HH:mm:ss` with `seconds`, and the time as the row writes it, that\nreturns text, an element or a Lit template.\n\nFor the seats left at a time, or a caption under it, as React Aria's\n`ListBoxItem` takes children. Content with `slot=\"start\"`, `slot=\"end\"`\nor `slot=\"description\"` goes to that slot of the row, and a description\nis read after the time. The row is still named by the written time, and\ntypeahead still finds it by that. Return the written time with your\ncontent where it should still show. A property only, there being no way\nto write a function in markup. The wheels draw their own figures.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimePicker",
+                "module": "src/time-picker/root/time-picker-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "unavailableMessage",
@@ -221269,6 +222931,20 @@
                 "module": "src/timeline/item/timeline-item.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "whole",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "The whole date and time `datetime` names, the reading's title under `relative`.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimelineItem",
+                "module": "src/timeline/item/timeline-item.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "moment",
@@ -222024,6 +223700,20 @@
               "attribute": "orientation",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "words",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "default": "'helix-timeline'",
+              "description": "The key this family's words are registered under, its styled tag:\n`registerWords('de', { 'helix-timeline': { loadingLabel: 'Wird geladen' } })`.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -222038,6 +223728,38 @@
                 "module": "src/timeline/root/timeline-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the timeline as busy fetching more entries, and draws an entry\nafter the last that says so.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading more'",
+              "description": "The text of the entry drawn while `loading` is set, where the `loading` slot is empty.",
+              "attribute": "loading-label",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -222407,6 +224129,32 @@
                 "name": "HelixHeadlessTimeline",
                 "module": "src/timeline/root/timeline-root.ts"
               }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the timeline as busy fetching more entries, and draws an entry\nafter the last that says so.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            },
+            {
+              "name": "loading-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading more'",
+              "description": "The text of the entry drawn while `loading` is set, where the `loading` slot is empty.",
+              "fieldName": "loadingLabel",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
             }
           ],
           "superclass": {
@@ -222463,9 +224211,35 @@
                 "name": "HelixHeadlessTimeline",
                 "module": "src/timeline/root/timeline-root.ts"
               }
+            },
+            {
+              "description": "Content for the entry after the last while `loading` is set. Falls back to `loading-label`.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The entry after the last while `loading` is set.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
             }
           ],
           "cssStates": [
+            {
+              "description": "While `loading` is set.",
+              "name": "loading",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeline",
+                "module": "src/timeline/root/timeline-root.ts"
+              }
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -229503,6 +231277,20 @@
                 "module": "src/tooltip/root/tooltip-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "describes",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether the bubble's words add anything to the trigger: they are not\nempty, and they are not the trigger's own name, such as an icon button\nnamed Settings under a tooltip reading Settings, which a screen reader\nread as \"Settings, Settings\".",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "HelixHeadlessTooltip",
+                "module": "src/tooltip/root/tooltip-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "linkOnArrival",
@@ -244913,6 +246701,49 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/virtual-list/reorder/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "reorderVirtualList",
+          "declaration": {
+            "name": "reorderVirtualList",
+            "package": "@fusion.dev/helix-headless/virtual-list/reorder"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VirtualListReorderController",
+          "declaration": {
+            "name": "VirtualListReorderController",
+            "package": "@fusion.dev/helix-headless/virtual-list/reorder"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/virtual-list/reorder/virtual-list-reorder.css.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/virtual-list/reorder/virtual-list-reorder.css.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/virtual-list/root/virtual-list-root.css.ts",
@@ -244950,6 +246781,42 @@
               "description": "How faint a row `disabled-keys` names is drawn.",
               "name": "--virtual-list-disabled-opacity"
             },
+            {
+              "description": "The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.",
+              "name": "--virtual-list-drag-preview-background-color"
+            },
+            {
+              "description": "The color of the edge around the copy of a row a pointer drags.",
+              "name": "--virtual-list-drag-preview-border-color"
+            },
+            {
+              "description": "The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.",
+              "name": "--virtual-list-drag-preview-border-width"
+            },
+            {
+              "description": "The opacity of the copy of a row a pointer drags.",
+              "name": "--virtual-list-drag-preview-opacity"
+            },
+            {
+              "description": "The corner radius of the copy of a row a pointer drags.",
+              "name": "--virtual-list-drag-preview-radius"
+            },
+            {
+              "description": "The shadow that raises the copy of a row a pointer drags over the page.",
+              "name": "--virtual-list-drag-preview-shadow"
+            },
+            {
+              "description": "The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.",
+              "name": "--virtual-list-dragging-opacity"
+            },
+            {
+              "description": "The color of the line where a dragged row would land.",
+              "name": "--virtual-list-drop-indicator-color"
+            },
+            {
+              "description": "The thickness of the line where a dragged row would land.",
+              "name": "--virtual-list-drop-indicator-size"
+            },
             {
               "description": "The color of the text in the row shown when there are no items.",
               "name": "--virtual-list-empty-color"
@@ -245265,6 +247132,20 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "reorderable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`\n(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt\nwith an arrow moves the row the keys are on, and a pointer drags a row.\nThe list moves no item itself: you move your `items` on `helix-reorder`.\nWithout that import it does nothing, so a list that never moves items\ncarries none of the code. A list of one column, without sections.",
+              "attribute": "reorderable",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVirtualList",
+                "module": "src/virtual-list/root/virtual-list-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sectionField",
@@ -246042,21 +247923,6 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "keys",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string[]"
-                }
-              },
-              "description": "Every item's key, in the order of the set.",
-              "inheritedFrom": {
-                "name": "HelixHeadlessVirtualList",
-                "module": "src/virtual-list/root/virtual-list-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "chosen",
@@ -246159,29 +248025,6 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "focusIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Focuses the row for item `index`, scrolling it into view and drawing it\nfirst when it is not drawn.",
-              "inheritedFrom": {
-                "name": "HelixHeadlessVirtualList",
-                "module": "src/virtual-list/root/virtual-list-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "handleFocusOut",
@@ -246232,6 +248075,20 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "visited",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a reader has focused a row, after which their row keeps the tab stop.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVirtualList",
+                "module": "src/virtual-list/root/virtual-list-root.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "keptIndex",
@@ -246241,7 +248098,7 @@
                   "text": "number | undefined"
                 }
               },
-              "description": "The item drawn outside the window to keep focus, or to take it, if there is one.",
+              "description": "The item drawn outside the window to keep focus, to take it, or to take\nit back: the row a reader last focused stays drawn after focus leaves the\nlist, so Shift+Tab returns to it.",
               "inheritedFrom": {
                 "name": "HelixHeadlessVirtualList",
                 "module": "src/virtual-list/root/virtual-list-root.ts"
@@ -246384,7 +248241,7 @@
                   "text": "void"
                 }
               },
-              "description": "Puts the windowed rows into the light DOM, and takes the rest out.\n\n**A row that stays in the window keeps its element.** Clearing and\ncloning every row on every move replaced the node a reader had focused,\nso a link in a row lost focus to the body on any scroll, even with its row\nstill on screen. Rows are keyed by item: the ones leaving go, the ones\narriving are drawn in their place, and the ones staying are not moved.\n\n**The row holding focus is drawn outside the window too**, beside it on the\nside it belongs, and the spacer on that side gives up its room.\n\n**One row holds the tab stop**, the one the reader last focused while it is\ndrawn, and the first row on screen once it is not. Its own links and\nbuttons are in the tab order, and those of every other row wait.",
+              "description": "Puts the windowed rows into the light DOM, and takes the rest out.\n\n**A row that stays in the window keeps its element.** Clearing and\ncloning every row on every move replaced the node a reader had focused,\nso a link in a row lost focus to the body on any scroll, even with its row\nstill on screen. Rows are keyed by item: the ones leaving go, the ones\narriving are drawn in their place, and the ones staying are not moved.\n\n**The row holding focus is drawn outside the window too**, beside it on the\nside it belongs, and the spacer on that side gives up its room.\n\n**One row holds the tab stop**, the one the reader last focused, which\nstays drawn outside the window, and the first row on screen in a list\nnobody has focused yet. Its own links and buttons are in the tab order,\nand those of every other row wait.",
               "inheritedFrom": {
                 "name": "HelixHeadlessVirtualList",
                 "module": "src/virtual-list/root/virtual-list-root.ts"
@@ -247054,6 +248911,19 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
+            {
+              "name": "reorderable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lets a reader move items, once `@fusion.dev/helix/virtual-list/reorder`\n(or `@fusion.dev/helix-headless/virtual-list/reorder`) is imported: Alt\nwith an arrow moves the row the keys are on, and a pointer drags a row.\nThe list moves no item itself: you move your `items` on `helix-reorder`.\nWithout that import it does nothing, so a list that never moves items\ncarries none of the code. A list of one column, without sections.",
+              "fieldName": "reorderable",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVirtualList",
+                "module": "src/virtual-list/root/virtual-list-root.ts"
+              }
+            },
             {
               "name": "section-field",
               "type": {
@@ -247144,6 +249014,18 @@
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
             },
+            {
+              "type": {
+                "text": "HelixBeforeReorderEvent"
+              },
+              "description": "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.",
+              "name": "helix-before-reorder",
+              "reactProp": "onhelix-before-reorder",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVirtualList",
+                "module": "src/virtual-list/root/virtual-list-root.ts"
+              }
+            },
             {
               "type": {
                 "text": "HelixLoadMoreEvent"
@@ -247167,6 +249049,18 @@
                 "name": "HelixHeadlessVirtualList",
                 "module": "src/virtual-list/root/virtual-list-root.ts"
               }
+            },
+            {
+              "type": {
+                "text": "HelixReorderEvent"
+              },
+              "description": "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.",
+              "name": "helix-reorder",
+              "reactProp": "onhelix-reorder",
+              "inheritedFrom": {
+                "name": "HelixHeadlessVirtualList",
+                "module": "src/virtual-list/root/virtual-list-root.ts"
+              }
             }
           ],
           "cssStates": [
@@ -247229,6 +249123,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix",
-    "version": "0.172.0"
+    "version": "0.173.0"
   }
 }