@fusion.dev/helix-headless 0.155.0 → 0.156.0

package/custom-elements.json

@@ -15367,8 +15367,14 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A board of cards and connectors, drawn by Helix. On a canvas every position\nis data that someone placed, so drawing is arithmetic over rectangles with no\nlayout to compute. `Map` takes a slotted map, because another renderer draws\nits tiles.\n\nThe format is [JSON Canvas](https://jsoncanvas.org), an open format. Each\nnode has an `x`, `y`, `width`, `height`, and a type. Each edge names the two\nnodes it joins and the sides it leaves and arrives on. A card belongs to a\ngroup when it sits inside the group's bounds.\n\nThe cards are text in the DOM, so a screen reader can read them. The family\nadds a reading order and states each card's connections as text. `order` sets\nthe reading order:\n- `spatial` bands the cards into rows.\n- `edges` follows the arrows, starting from the cards that nothing points to.\n\n**Cards move by default.** The board writes the new `x` and `y` onto the\ncard, the way an input writes its own value, and dispatches two events:\n- `helix-before-move` for every step. Cancel it to hold the positions in your\n  own state and apply them yourself.\n- `helix-move` once the move is finished.\n\nA resize dispatches the same pair with a size. Set `readonly` on the board to\nkeep every card in place, such as on a published board. Set `readonly` on one\ncard or connection to keep only that one in place.\n\nSet `snap` to a length in the document's units, such as `32`, and a card\nthat is moved or resized lands on a multiple of it. Carrying a card, a\ncorner, a connection, or the selection box near the edge of the board moves\nthe board under it, so a card can be taken to a place off screen in one\ndrag. A connection let go within 20 pixels of a card arrives at it. A\ndouble click on the empty board zooms in about that point, and Shift with a\ndouble click zooms out.\n\nKeyboard behavior:\n- One card holds the board's tab stop.\n- The arrow keys move through the cards in reading order. The card you land\n  on scrolls into view, and its connections are announced with it.\n- Shift with an arrow key moves the card: by 16 units, or to the next\n  multiple of `snap` where it is set. Alt with an arrow key resizes it from\n  its bottom right corner the same way.\n- The connections leaving a card are stops of their own, straight after it.\n  Enter on one moves to the card it arrives at.\n- What a key changes that a reader cannot see is said: where a card moved\n  to, its new size, how many cards are selected, and the zoom. A selected\n  card or connection says so when a reader arrives on it.\n\nEvery drag also works with clicks, as WCAG 2.5.7 requires for a pointer that\ncannot hold a button down. Click a selected card's move handle, a corner, a\ncard's connection point, or the end of a selected connection to pick it up.\nIt follows the pointer with no button held, and the next click puts it down\nwhere a drag would have. On touch, the next tap sets where it lands. Escape,\nor a press outside the board, puts it back. So a finger connects two cards\nwith three taps: the card, one of its points, and the card to connect to.\n\nConnecting and removing dispatch requests, and your code applies them:\n- Drawing from a card's handle to another card, or pressing C on one card and\n  Enter on another, dispatches `helix-connect`.\n- Delete on a card or a connection dispatches `helix-remove`. The event names\n  every connection that removing the card would leave without an end.\n\nOnce your page removes what Delete asked for, focus moves to the next stop,\nto the one before where it was the last, and to the board where none is\nleft. A focused card your page removes for its own reasons hands focus on\nthe same way, unless the reader has already moved focus somewhere else.\n\nThe board applies a move itself, because the card already exists. A\nconnection is a new element, and React discards an element the board adds to\nits markup on the next render, so you write the connection.\n\nCards and connections are `helix-canvas-node` and `helix-canvas-edge`\nelements, so they are in the served markup whichever renderer wrote them. The\nlibrary fetches nothing, and an array passed to an element is missing from\nthe first paint of a server-rendered React page. `fromJsonCanvas` turns a\nJSON Canvas document into their props, and `toJsonCanvas()` writes a board\nback out.",
+          "description": "A board of cards and connectors, drawn by Helix. On a canvas every position\nis data that someone placed, so drawing is arithmetic over rectangles with no\nlayout to compute. `Map` takes a slotted map, because another renderer draws\nits tiles.\n\nThe format is [JSON Canvas](https://jsoncanvas.org), an open format. Each\nnode has an `x`, `y`, `width`, `height`, and a type. Each edge names the two\nnodes it joins and the sides it leaves and arrives on. A card belongs to a\ngroup when it sits inside the group's bounds.\n\nThe cards are text in the DOM, so a screen reader can read them. The family\nadds a reading order and states each card's connections as text. `order` sets\nthe reading order:\n- `spatial` bands the cards into rows.\n- `edges` follows the arrows, starting from the cards that nothing points to.\n\n**Cards move by default.** The board writes the new `x` and `y` onto the\ncard, the way an input writes its own value, and dispatches two events:\n- `helix-before-move` for every step. Cancel it to hold the positions in your\n  own state and apply them yourself.\n- `helix-move` once the move is finished.\n\nA resize dispatches the same pair with a size. Set `readonly` on the board to\nkeep every card in place, such as on a published board. Set `readonly` on one\ncard or connection to keep only that one in place.\n\nSet `snap` to a length in the document's units, such as `32`, and a card\nthat is moved or resized lands on a multiple of it. Carrying a card, a\ncorner, a connection, or the selection box near the edge of the board moves\nthe board under it, so a card can be taken to a place off screen in one\ndrag. A connection let go within 20 pixels of a card arrives at it. A\ndouble click on the empty board zooms in about that point, and Shift with a\ndouble click zooms out.\n\nKeyboard behavior:\n- One card holds the board's tab stop.\n- The arrow keys move through the cards in reading order. The card you land\n  on scrolls into view, and its connections are announced with it.\n- The card you land on is selected. Control or Command with an arrow key,\n  Home, or End moves without changing the selection, and Space adds the card\n  to the selection or takes it out, so you can select cards that are not\n  next to each other.\n- Shift with an arrow key moves the card: by 16 units, or to the next\n  multiple of `snap` where it is set. Alt with an arrow key resizes it from\n  its bottom right corner the same way.\n- The connections leaving a card are stops of their own, straight after it.\n  Enter on one moves to the card it arrives at.\n- What a key changes that a reader cannot see is said: where a card moved\n  to, its new size, how many cards are selected, and the zoom. A selected\n  card or connection says so when a reader arrives on it.\n\nEvery drag also works with clicks, as WCAG 2.5.7 requires for a pointer that\ncannot hold a button down. Click a selected card's move handle, a corner, a\ncard's connection point, or the end of a selected connection to pick it up.\nIt follows the pointer with no button held, and the next click puts it down\nwhere a drag would have. On touch, the next tap sets where it lands. Escape,\nor a press outside the board, puts it back. So a finger connects two cards\nwith three taps: the card, one of its points, and the card to connect to.\n\nConnecting and removing dispatch requests, and your code applies them:\n- Drawing from a card's handle to another card, or pressing C on one card and\n  Enter on another, dispatches `helix-connect`.\n- Delete on a card or a connection dispatches `helix-remove`. The event names\n  every connection that removing the card would leave without an end.\n\nOnce your page removes what Delete asked for, focus moves to the next stop,\nto the one before where it was the last, and to the board where none is\nleft. A focused card your page removes for its own reasons hands focus on\nthe same way, unless the reader has already moved focus somewhere else.\n\nThe board applies a move itself, because the card already exists. A\nconnection is a new element, and React discards an element the board adds to\nits markup on the next render, so you write the connection.\n\nCards and connections are `helix-canvas-node` and `helix-canvas-edge`\nelements, so they are in the served markup whichever renderer wrote them. The\nlibrary fetches nothing, and an array passed to an element is missing from\nthe first paint of a server-rendered React page. `fromJsonCanvas` turns a\nJSON Canvas document into their props, and `toJsonCanvas()` writes a board\nback out.",
           "name": "HelixHeadlessCanvas",
+          "cssProperties": [
+            {
+              "description": "The board's zoom, which the board writes: 1 at the document's own size, 0.5 at half. The cards inherit it, so a card's stylesheet can draw less when the board is far out, such as a border that stays one pixel wide at `calc(1px / var(--canvas-zoom))`.",
+              "name": "--canvas-zoom"
+            }
+          ],
           "cssParts": [
             {
               "description": "The arrowhead at an end of a connection that has one.",
@@ -15769,6 +15775,19 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "roleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'canvas'",
+              "description": "What a screen reader calls the board in place of its role, after its\nname: \"Release plan, canvas\". Said only where the board has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "attribute": "role-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -15776,7 +15795,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The names of the selected cards and connections, comma separated. Empty\nwhen nothing is selected.\n\n**Comma separated, the way `Listbox` writes a multiple value**, so a page\nreads one selection the same way wherever it comes from. A click, or a key\nthat lands on one, selects it alone; Shift, Command or Control with a click\nadds or takes one away, and so does Space; Command or Control with A\nselects everything; Shift and a drag across the empty board selects the\ncards the box touches. A click on the empty board, or Escape, selects\nnothing. Dragging, Shift with an arrow, and Delete act on the whole\nselection.\n\n**Kept apart from focus**, so it stays when focus leaves: a reader who\nselects cards and clicks a button beside the board to act on them has not\ncleared what the button acts on by clicking. A connection with no name is\ncalled by its ends, `from->to`, which is also why a name has to be unique\non its board across cards and connections both, and may not hold a comma.\n\nWritten to select from outside, and read to act on the selection.",
+              "description": "The names of the selected cards and connections, comma separated. Empty\nwhen nothing is selected.\n\n**Comma separated, the way `Listbox` writes a multiple value**, so a page\nreads one selection the same way wherever it comes from. A click, or a key\nthat lands on one, selects it alone; Command or Control with an arrow key\nmoves without selecting; Shift, Command or Control with a click adds or\ntakes one away, and so does Space; Command or Control with A\nselects everything; Shift and a drag across the empty board selects the\ncards the box touches. A click on the empty board, or Escape, selects\nnothing. Dragging, Shift with an arrow, and Delete act on the whole\nselection.\n\n**Kept apart from focus**, so it stays when focus leaves: a reader who\nselects cards and clicks a button beside the board to act on them has not\ncleared what the button acts on by clicking. A connection with no name is\ncalled by its ends, `from->to`, which is also why a name has to be unique\non its board across cards and connections both, and may not hold a comma.\n\nWritten to select from outside, and read to act on the selection.",
               "attribute": "selected"
             },
             {
@@ -17358,6 +17377,16 @@
               "readonly": true,
               "description": "The keys on a card or a connection.\n\n**Only from the stop itself**, not from inside what a card holds: a card may\nhold a link, a field or a chart that answers the arrows itself, and a press\ntaken from under one of those walked the board instead of the chart.\n\n**Arrows walk in reading order rather than in space.** The next card in the\norder is the one a reader who cannot see the board needs, and the spatial\nneighbor is a guess about where they think they are. Right and down go on,\nleft and up go back, Home and End go to the ends, and Escape goes back out\nto the board, where the arrows pan it again.\n\nOn a card, Shift with an arrow moves it, C starts a connection and Delete\nasks for it to go. On a connection, Enter goes to the card it arrives at and\nDelete asks for it to go. While a connection is being made, Enter on a card\nasks for it and Escape stops."
             },
+            {
+              "kind": "field",
+              "name": "walkingApart",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the stop focus is moving to keeps the selection as it is."
+            },
             {
               "kind": "field",
               "name": "handleFocusIn",
@@ -19209,13 +19238,22 @@
               "description": "What screen readers hear after a key resizes a card, with `{name}` for the\ncard and `{width}` and `{height}` for its new size, in the document's\nunits.",
               "fieldName": "resizedLabel"
             },
+            {
+              "name": "role-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'canvas'",
+              "description": "What a screen reader calls the board in place of its role, after its\nname: \"Release plan, canvas\". Said only where the board has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "fieldName": "roleLabel"
+            },
             {
               "name": "selected",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The names of the selected cards and connections, comma separated. Empty\nwhen nothing is selected.\n\n**Comma separated, the way `Listbox` writes a multiple value**, so a page\nreads one selection the same way wherever it comes from. A click, or a key\nthat lands on one, selects it alone; Shift, Command or Control with a click\nadds or takes one away, and so does Space; Command or Control with A\nselects everything; Shift and a drag across the empty board selects the\ncards the box touches. A click on the empty board, or Escape, selects\nnothing. Dragging, Shift with an arrow, and Delete act on the whole\nselection.\n\n**Kept apart from focus**, so it stays when focus leaves: a reader who\nselects cards and clicks a button beside the board to act on them has not\ncleared what the button acts on by clicking. A connection with no name is\ncalled by its ends, `from->to`, which is also why a name has to be unique\non its board across cards and connections both, and may not hold a comma.\n\nWritten to select from outside, and read to act on the selection.",
+              "description": "The names of the selected cards and connections, comma separated. Empty\nwhen nothing is selected.\n\n**Comma separated, the way `Listbox` writes a multiple value**, so a page\nreads one selection the same way wherever it comes from. A click, or a key\nthat lands on one, selects it alone; Command or Control with an arrow key\nmoves without selecting; Shift, Command or Control with a click adds or\ntakes one away, and so does Space; Command or Control with A\nselects everything; Shift and a drag across the empty board selects the\ncards the box touches. A click on the empty board, or Escape, selects\nnothing. Dragging, Shift with an arrow, and Delete act on the whole\nselection.\n\n**Kept apart from focus**, so it stays when focus leaves: a reader who\nselects cards and clicks a button beside the board to act on them has not\ncleared what the button acts on by clicking. A connection with no name is\ncalled by its ends, `from->to`, which is also why a name has to be unique\non its board across cards and connections both, and may not hold a comma.\n\nWritten to select from outside, and read to act on the selection.",
               "fieldName": "selected"
             },
             {
@@ -24332,7 +24370,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Chat has no positioning, no backdrop, and no trigger, so you can put it in\nany container, such as a page, a sidebar, a modal, or a floating panel.\n\nThe transcript stays pinned to the bottom, including while a streamed answer\ngrows, until the user scrolls more than `threshold` away from it.\n\nWith `history` set to `more`, reaching the top fires `helix-history`. Set\n`loading` while you fetch, then prepend the older turns. The turn the user\nwas reading stays in place on screen.\n\nThe log is `aria-live=\"off\"`. A separate status region announces each new\nturn once, when it has finished arriving. It skips the user's own turns\nunless they failed to send, turns loaded as history, and the turns already\nthere when the transcript opened.\n\nPass the turns as children or as `turns` data. Do not use both. Children\nrender from the server and suit most conversations. `turns` draws a long\ntranscript one window at a time, so the log needs a block size of its own.\n\n**A conversation is built from three elements.** The chat holds the\ntranscript, a `Chat.Message` stands for each turn, and a `Chat.Composer` sits\nin the `composer` slot. When the user sends, `helix-send` reaches the chat:\nadd their turn with `author=\"me\"` and `state=\"sending\"`, then set `state` to\n`sent` or `failed` when your server answers. Add the reply as a turn with\n`state=\"streaming\"`, write its text as it arrives, and set `state` to `sent`\nwhen it is complete. While the user types, the composer sends\n`helix-typing`, which you can pass on to the other side. When the other side\ntypes, set `typing` to their name: the status band draws three dots and\n\"Ada is typing\" (`typing-label`), which a screen reader hears, and clearing\nit takes them away. Anything slotted into `status` is drawn first.\n\nA screen reader names each turn by its author and its time, such as \"You, 2\nminutes ago\". Set `me-label` and `message-label` to say it in your language,\nand give each turn by `them` an `author-label`. A turn with neither an author\nlabel nor a time is named by `turn-label`, \"Message\".\n\nA turn from `turns` is drawn in the chat's shadow root, so style it through\nthe forwarded `message-*` parts. A turn by `me` also gets each part with\n`-mine` added, and the turn's state adds `message-meta-failed`,\n`message-content-sending`, and `message-content-streaming`. To style each\nparticipant differently, give `author-styles` the declarations for each\nauthor, such as `{\"ada\": \"--chat-message-background-color: …\"}`: the message\ndrawn for each of their turns takes them as its `style`, so the message's\ncustom properties change for that author alone. Turns passed as children are\nstyled by their `author`, such as `helix-chat-message[author=\"ada\"]`.",
+          "description": "Chat has no positioning, no backdrop, and no trigger, so you can put it in\nany container, such as a page, a sidebar, a modal, or a floating panel.\n\nThe transcript stays pinned to the bottom, including while a streamed answer\ngrows, until the user scrolls more than `threshold` away from it.\n\nWith `history` set to `more`, reaching the top fires `helix-history`. Set\n`loading` while you fetch, then prepend the older turns. The turn the user\nwas reading stays in place on screen.\n\nThe log is `aria-live=\"off\"`. A separate status region announces each new\nturn once, when it has finished arriving. It skips the user's own turns\nunless they failed to send, turns loaded as history, and the turns already\nthere when the transcript opened. A turn is said with its author first, such\nas \"Ada: It ships today\" (`arrival-label`), where its author can be named.\n\nPass the turns as children or as `turns` data. Do not use both. Children\nrender from the server and suit most conversations. `turns` draws a long\ntranscript one window at a time, so the log needs a block size of its own.\n\n**A conversation is built from three elements.** The chat holds the\ntranscript, a `Chat.Message` stands for each turn, and a `Chat.Composer` sits\nin the `composer` slot. When the user sends, `helix-send` reaches the chat:\nadd their turn with `author=\"me\"` and `state=\"sending\"`, then set `state` to\n`sent` or `failed` when your server answers. Add the reply as a turn with\n`state=\"streaming\"`, write its text as it arrives, and set `state` to `sent`\nwhen it is complete. While the user types, the composer sends\n`helix-typing`, which you can pass on to the other side. When the other side\ntypes, set `typing` to their name: the status band draws three dots and\n\"Ada is typing\" (`typing-label`), which a screen reader hears, and clearing\nit takes them away. Anything slotted into `status` is drawn first.\n\nA screen reader names each turn by its author and its time, such as \"You, 2\nminutes ago\". Set `me-label` and `message-label` to say it in your language,\nand give each turn by `them` an `author-label`. A turn with neither an author\nlabel nor a time is named by `turn-label`, \"Message\".\n\nA turn from `turns` is drawn in the chat's shadow root, so style it through\nthe forwarded `message-*` parts. A turn by `me` also gets each part with\n`-mine` added, and the turn's state adds `message-meta-failed`,\n`message-content-sending`, and `message-content-streaming`. To style each\nparticipant differently, give `author-styles` the declarations for each\nauthor, such as `{\"ada\": \"--chat-message-background-color: …\"}`: the message\ndrawn for each of their turns takes them as its `style`, so the message's\ncustom properties change for that author alone. Turns passed as children are\nstyled by their `author`, such as `helix-chat-message[author=\"ada\"]`.",
           "name": "HelixHeadlessChat",
           "cssParts": [
             {
@@ -24538,6 +24576,19 @@
               "default": "72",
               "description": "How tall a turn is assumed to be before it has been drawn, in pixels."
             },
+            {
+              "kind": "field",
+              "name": "arrivalLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{author}: {text}'",
+              "description": "What a screen reader hears when a turn arrives. `{author}` is who wrote\nit, as its name says it, and `{text}` its words. A turn with no author a\nreader can be told, a turn by `them` with no `author-label`, says its\nwords alone.",
+              "attribute": "arrival-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "authorStyles",
@@ -25157,7 +25208,8 @@
                     "text": "Heard"
                   }
                 }
-              ]
+              ],
+              "description": "What is said for a turn: a failed one with `failed-turn-label`, and\nanother with `arrival-label` where its author can be named, so a reader\nin a conversation of several knows who spoke."
             },
             {
               "kind": "method",
@@ -25827,6 +25879,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "arrival-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{author}: {text}'",
+              "description": "What a screen reader hears when a turn arrives. `{author}` is who wrote\nit, as its name says it, and `{text}` its words. A turn with no author a\nreader can be told, a turn by `them` with no `author-label`, says its\nwords alone.",
+              "fieldName": "arrivalLabel"
+            },
             {
               "name": "author-styles",
               "type": {
@@ -26506,6 +26567,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -27671,6 +27747,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -28287,6 +28365,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -29486,6 +29579,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -32591,6 +32686,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -33909,6 +34019,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -37226,6 +37338,15 @@
               "description": "How long typing rests before the list is narrowed and `helix-filter` is\nsent, in milliseconds.\n\nFor options filtered on a server, where `helix-filter` starts a request: a\ndelay sends one request for a word instead of one per letter. The arrow\nkeys, Enter and Escape narrow at once on what was typed. `0` narrows on\nevery keystroke. See Listbox's `filter-delay`.",
               "attribute": "filter-delay"
             },
+            {
+              "kind": "field",
+              "name": "formValue",
+              "type": {
+                "text": "'key' | 'text' | undefined"
+              },
+              "description": "What the form receives for each chosen option: `key`, its `value`, or\n`text`, its words, as React Aria's ComboBox `formValue` offers.\n\n`text` is for a server that wants what the reader saw, such as a city's\nname. A value no option carries, typed with `allows-custom-value` or made\nwith `creatable`, is sent as it is either way. Absent is `key`, and the\nhost carries no attribute for it.",
+              "attribute": "form-value"
+            },
             {
               "kind": "field",
               "name": "listLabel",
@@ -38554,6 +38675,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -39766,6 +39902,14 @@
               "description": "How long typing rests before the list is narrowed and `helix-filter` is\nsent, in milliseconds.\n\nFor options filtered on a server, where `helix-filter` starts a request: a\ndelay sends one request for a word instead of one per letter. The arrow\nkeys, Enter and Escape narrow at once on what was typed. `0` narrows on\nevery keystroke. See Listbox's `filter-delay`.",
               "fieldName": "filterDelay"
             },
+            {
+              "name": "form-value",
+              "type": {
+                "text": "'key' | 'text' | undefined"
+              },
+              "description": "What the form receives for each chosen option: `key`, its `value`, or\n`text`, its words, as React Aria's ComboBox `formValue` offers.\n\n`text` is for a server that wants what the reader saw, such as a city's\nname. A value no option carries, typed with `allows-custom-value` or made\nwith `creatable`, is sent as it is either way. Absent is `key`, and the\nhost carries no attribute for it.",
+              "fieldName": "formValue"
+            },
             {
               "name": "list-label",
               "type": {
@@ -40033,6 +40177,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -40245,7 +40391,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The list is a `Listbox`, which handles filtering, the empty state, the match\nhighlight, `aria-activedescendant`, scrolling an option into view, and moving\nbetween options with the keyboard. The palette adds a dialog and a hotkey\nthat opens it.\n\nThe palette keeps no value. It is not a form control and submits nothing.\nChoosing an option dispatches `helix-select` once. To remember the last\ncommand, store it yourself. An option with `href` is a link to a page, which\nthe browser follows once the palette has closed.\n\nThe hotkey listener is on the document, so the hotkey works from anywhere on\nthe page, including inside another control's text field, whether or not the\npalette is open. `mod` means Command on a Mac and Control elsewhere, so you\nwrite one binding.\n\nThe filter is cleared when the palette closes, so each opening starts from\nthe full list. Combobox and Select do the same. As typing narrows the list, a\nscreen reader hears how many commands are left, such as \"3 commands\".",
+          "description": "The list is a `Listbox`, which handles filtering, the empty state, the match\nhighlight, `aria-activedescendant`, scrolling an option into view, and moving\nbetween options with the keyboard. The palette adds a dialog and a hotkey\nthat opens it.\n\nThe palette keeps no value. It is not a form control and submits nothing.\nChoosing an option dispatches `helix-select` once. To remember the last\ncommand, store it yourself. An option with `href` is a link to a page, which\nthe browser follows once the palette has closed.\n\nThe hotkey listener is on the document, so the hotkey works from anywhere on\nthe page, including inside another control's text field, whether or not the\npalette is open. `mod` means Command on a Mac and Control elsewhere, so you\nwrite one binding.\n\nWith `inline`, the palette is drawn in the page with no dialog, as a search\nover a list that is always shown.\n\n**Pages.** A command can open a page of commands of its own, as a palette\noffers \"Change theme\" and then the themes. Give the option `opens` with a\nname, and slot the page's commands as `page:` and that name:\n\n```html\n<helix-command>\n  <helix-option value=\"theme\" opens=\"theme\">Change theme</helix-option>\n  <helix-option value=\"dark\" slot=\"page:theme\">Dark</helix-option>\n  <helix-option value=\"light\" slot=\"page:theme\">Light</helix-option>\n</helix-command>\n```\n\nChoosing the opener says `helix-select` with its value, and canceling it\nkeeps the page that is shown. The list then shows the page, named by the\nopener's words, and Backspace in an empty filter goes back. `page` says\nwhich page is shown.\n\nThe filter is cleared when the palette closes, so each opening starts from\nthe full list. Combobox and Select do the same. As typing narrows the list, a\nscreen reader hears how many commands are left, such as \"3 commands\".\n\n**Keyboard.** Focus goes to the filter field as the palette opens, and the\nhighlight moves through the commands while you type.\n\n| Key | What it does |\n|---|---|\n| `hotkey`, Command or Control with K by default | Opens the palette from anywhere on the page, or closes it. With `inline`, puts focus in its filter field. |\n| Down, Up | Moves the highlight to the next or the previous command, round from the last to the first. |\n| Page Down, Page Up | Moves the highlight by as many commands as the list shows at once. |\n| Home, End, Left, Right | Move the caret in the filter field. |\n| Enter | Runs the highlighted command, or follows it where it is a link, and closes the palette. On a command with `opens`, shows its page. |\n| Command or Control with Enter | Takes the highlighted command's `alternate` destination, where it has one. |\n| Backspace | In an empty filter on a page, goes back to the page before. |\n| Escape | Clears the filter. With the filter empty, closes the palette and puts focus back where it was. |\n| Tab | Stays in the palette, which is modal. With `inline`, moves on through the page. |\n\n**ARIA.** The palette is a modal `dialog` named by `label`, or with\n`inline` no dialog at all. Inside it the filter field is a `combobox` with\n`aria-activedescendant` on the highlighted command, and the commands are a\n`listbox` of `option`s. How many commands typing left, the empty text and\nthe loading text are said in a polite live region.",
           "name": "HelixHeadlessCommand",
           "cssParts": [
             {
@@ -40342,10 +40488,18 @@
               "description": "What the palette shows while `load-error` is set, for content richer than its text.",
               "name": "error"
             },
+            {
+              "description": "Replaces the magnifying glass in the filter field.",
+              "name": "filter-icon"
+            },
             {
               "description": "Content under the list, such as the keys that work in the palette.",
               "name": "footer"
             },
+            {
+              "description": "Content above the filter field, such as a title or the scope being searched. A heading here does not rename the palette, which `label` names.",
+              "name": "header"
+            },
             {
               "description": "What the palette shows while the commands load, for content richer than `loading-text`.",
               "name": "loading"
@@ -40399,6 +40553,26 @@
               "description": "The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,\nin Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,\n`alt` and `shift` the keys they name.\n\nEmpty turns it off, for a consumer who opens the palette from a button or\nfrom their own shortcut handler. There is no list of defaults to fight\nwith: one key, said once.",
               "attribute": "hotkey"
             },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the palette in the page, where it stands, with no dialog: a search\nover a list of commands, as React Aria's Autocomplete is drawn.\n\nThe list is always shown, and `hotkey` puts focus in its filter field.\nChoosing a command says `helix-select` and leaves the list where it is,\nand `open`, `toggle` and the dialog's parts do nothing.",
+              "attribute": "inline",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "readonly DataOptionItem[] | undefined"
+              },
+              "default": "undefined",
+              "description": "The commands as data, for a palette too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Handed to the list, which draws only the commands in sight and\nreads no children while it is set. See Listbox's `items`.\n\nChoosing one says `helix-select` with its value, as a child option does.\nA command that is a link, or that has an `alternate`, is an option you\nwrite as a child."
+            },
             {
               "kind": "field",
               "name": "label",
@@ -40455,6 +40629,26 @@
               "description": "The text shown when typing hides every one of the commands, where there are\nsome. Absent, `empty-text` shows. See Listbox's `no-results-text`.",
               "attribute": "no-results-text"
             },
+            {
+              "kind": "field",
+              "name": "page",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page of commands shown, by name: empty for the commands you write\nwith no `slot`, or a name for the commands slotted as `page:` and the\nname, such as `slot=\"page:theme\"`.\n\nAn option with `opens` set to a name goes to that page when it is chosen,\nin place of running, and Backspace in an empty filter goes back to the\npage before. Closing the palette goes back to the first page. Set it to\nopen the palette on a page of your choosing.",
+              "attribute": "page"
+            },
+            {
+              "kind": "field",
+              "name": "trail",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "The pages gone through to reach this one, which Backspace walks back."
+            },
             {
               "kind": "field",
               "name": "placeholder",
@@ -40516,6 +40710,16 @@
               "readonly": true,
               "description": "Answers the hotkey from wherever the reader is.\n\nOn the document rather than on this element, which is never the thing with\nfocus: a palette that only answered when it already had focus would be a\npalette nobody could open.\n\n`preventDefault` because every key worth using is already the browser's.\nCommand-K focuses the address bar in some browsers and opens a search in\nothers, and a palette that opened underneath one of those would be a\npalette the reader never sees."
             },
+            {
+              "kind": "field",
+              "name": "searchField",
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "privacy": "private",
+              "description": "The list's filter field, where a reader types.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "handleChange",
@@ -40523,6 +40727,48 @@
               "readonly": true,
               "description": "Takes what the list announced and says it under this element's name.\n\nThe listbox says `helix-before-change`, which is the right word for a control that\nholds a value and the wrong one for a palette: nothing here changed, a\ncommand ran. It is stopped and re-announced rather than relayed, so a\nconsumer hears one event naming the element they put on the page.\n\n**And refused, so the list keeps no answer.** A listbox holding what was\nchosen hears the same row chosen again as no change and says nothing, so\nthe command a reader ran last, which on a site is the page they are on,\ncould not be run again: Enter did nothing and the palette stayed open."
             },
+            {
+              "kind": "method",
+              "name": "goTo",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "trail",
+                  "type": {
+                    "text": "string[]"
+                  }
+                },
+                {
+                  "name": "page",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Shows a page of commands, with the trail that leads back from it. The\nfilter starts empty, as it does on opening, and the field keeps focus."
+            },
+            {
+              "kind": "field",
+              "name": "handleBack",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Backspace in an empty filter, on a page, goes back to the page before."
+            },
+            {
+              "kind": "field",
+              "name": "listName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "description": "The list's name: the palette's, or on a page, the words of the command\nthat opens it.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "activeOption",
@@ -40546,6 +40792,43 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "markStatus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "The list's loading, error and empty states on the host too, so a page\nstyles the whole palette from them, as Combobox does. Read once the list\nhas drawn its filter, since `hidden` is what the filter writes onto a\ncommand."
+            },
+            {
+              "kind": "field",
+              "name": "handleFilter",
+              "privacy": "private",
+              "readonly": true,
+              "description": "After the list has filtered on what was typed. The event comes before the\nfilter is applied, so the list's update is waited for a turn later."
+            },
+            {
+              "kind": "method",
+              "name": "fills",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Whether a child fills the named slot, so it is handed on to the dialog or the list."
+            },
             {
               "kind": "method",
               "name": "renderDialog",
@@ -40557,6 +40840,36 @@
               },
               "description": "The surface the palette opens in, behind a seam the styled tier can move.\n\nA method rather than a fragment inline, so a tier above can render its own,\nwrap this one, pass it a property the base does not know about, or leave it\nout, without reimplementing the whole template to do any of them. The tag is\ninterpolated rather than written, so `tier` resolves it: this renders the\nheadless element, and a styled subclass that sets `tier` renders the styled one\nfrom the same template."
             },
+            {
+              "kind": "method",
+              "name": "renderListbox",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The filterable list of commands, which the dialog holds, or the page with\n`inline`, behind a seam the styled tier can move."
+            },
+            {
+              "kind": "method",
+              "name": "renderFooter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "string | typeof nothing"
+                  }
+                }
+              ],
+              "description": "The row under the list, in the dialog's footer or, `inline`, under the list itself."
+            },
             {
               "kind": "field",
               "name": "defaultOpen",
@@ -41099,6 +41412,15 @@
               "description": "The key that opens the palette, written as `mod+k`, `shift+p`, or `k`,\nin Kbd's chord spelling: `mod` is Command or Control, `ctrl`, `cmd`,\n`alt` and `shift` the keys they name.\n\nEmpty turns it off, for a consumer who opens the palette from a button or\nfrom their own shortcut handler. There is no list of defaults to fight\nwith: one key, said once.",
               "fieldName": "hotkey"
             },
+            {
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the palette in the page, where it stands, with no dialog: a search\nover a list of commands, as React Aria's Autocomplete is drawn.\n\nThe list is always shown, and `hotkey` puts focus in its filter field.\nChoosing a command says `helix-select` and leaves the list where it is,\nand `open`, `toggle` and the dialog's parts do nothing.",
+              "fieldName": "inline"
+            },
             {
               "name": "label",
               "type": {
@@ -41143,6 +41465,15 @@
               "description": "The text shown when typing hides every one of the commands, where there are\nsome. Absent, `empty-text` shows. See Listbox's `no-results-text`.",
               "fieldName": "noResultsText"
             },
+            {
+              "name": "page",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page of commands shown, by name: empty for the commands you write\nwith no `slot`, or a name for the commands slotted as `page:` and the\nname, such as `slot=\"page:theme\"`.\n\nAn option with `opens` set to a name goes to that page when it is chosen,\nin place of running, and Backspace in an empty filter goes back to the\npage before. Closing the palette goes back to the first page. Set it to\nopen the palette on a page of your choosing.",
+              "fieldName": "page"
+            },
             {
               "name": "placeholder",
               "type": {
@@ -41196,6 +41527,22 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "The list shows no commands: there are none, or typing hid every one.",
+              "name": "empty"
+            },
+            {
+              "description": "While `load-error` is set.",
+              "name": "error"
+            },
+            {
+              "description": "While `loading` is set.",
+              "name": "loading"
+            },
+            {
+              "description": "Typing hid every one of the commands, where there are some.",
+              "name": "no-results"
+            },
             {
               "description": "While the palette is open.",
               "name": "open"
@@ -43156,7 +43503,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Declare the columns as `TableColumn` children and pass the rows as an array.\nThe schema stays readable in the HTML, and the rows can be windowed, which\nten thousand row elements cannot be.\n\n```html\n<helix-headless-data-table .rows=${rows} sort=\"name:asc\" page-size=\"20\">\n  <helix-headless-table-column field=\"name\" sortable>Name</helix-headless-table-column>\n  <helix-headless-table-column field=\"size\" text-align=\"end\" sortable .cell=${bytes}>Size</helix-headless-table-column>\n</helix-headless-data-table>\n```\n\nFor a short table written out by hand, use `Table`, which takes rows as\nmarkup.\n\nSort and filter apply to the whole set, including the rows on other pages.\n\n**The cell values do not server-render.** The headings and the row elements\ndo. Reading a cell needs the columns, and Lit SSR does not pass the column\nchildren to this element, so a crawler sees an empty table of the right\nshape. Use `Table` when the served HTML has to carry the values.\n\n`selectable` adds a column of checkboxes, keyed on `row-key`:\n\n- A row is selected by its key, so the selection survives a sort, a filter,\n  and a page change.\n- `selected` holds the chosen keys, comma separated, the same shape `Listbox`\n  uses for a multiple choice. As with `sort`, writing it applies the\n  selection, and `default-selected` holds what the markup declared.\n- The checkbox in the heading selects every row in the result, across pages,\n  and shows a dash while only some are chosen.\n- Shift with a press on a checkbox selects every row between it and the row\n  last chosen.\n- `selection-behavior=\"replace\"` makes a press or a move select the row\n  alone, as a file list does. Control or Command with a press adds or takes\n  out one row, and Shift with a press selects every row from the one last\n  chosen.\n\nTo act on a single row, such as opening it, put a link or a button in a cell.\n\n**Keyboard.** The grid is one tab stop, and the arrow keys move between its\ncells, the headings included.\n\n| Key | What it does |\n|---|---|\n| Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |\n| Down, Up | Moves one row, the heading row and the `load-more` row included. |\n| Home, End | Moves to the first or the last cell of the row. |\n| Control with Home or End | Moves to the first or the last cell of the grid. |\n| Page Down, Page Up | Moves by the rows that fit in view. |\n| Enter, F2 | Moves into the cell's controls. Escape moves back to the cell, and Tab moves between the controls of one cell. |\n| Enter, Space on a sortable heading | Sorts by the column. |\n| Enter, Space on the `load-more` row | Sends `helix-load-more`. |\n| Space on a row | Selects the row, in a `selectable` table. Under `selection-behavior=\"replace\"`, selects it alone, and Control or Command with Space adds or takes out the row. |\n| Down, Up, Page Down, Page Up under `selection-behavior=\"replace\"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |\n| Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |\n| Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |\n| Control or Command with A | Selects every row, in a `selectable` table. |\n| Right on a row header in a tree grid | Opens a closed row, and moves one cell along an open one. |\n| Left on a row header in a tree grid | Closes an open row, and moves to the parent of a closed one. |\n| A letter or a word | Moves to the next row whose row header starts with what you typed. |\n\n`selected` and `expanded` hold their keys in the order of the rows, as do\n`helix-select`, `helix-selected` and `helix-expand`.\n\nEach row is named by its row header, the column marked `row-header`, or the\nfirst column with a `field` where none is. A screen reader says it as a reader\nmoves between rows.\n\n**Rows that hold rows.** `child-field` names the field that holds a row's\nchild rows, and the grid becomes a tree grid. The row header column draws a\nmark that a press opens and closes a row by, and `expanded` holds the keys of the open\nrows, which `row-key` names. Right on a closed row's header opens it, Left on\nan open one closes it, and Left on a child moves to its parent. A sort orders\nthe rows under each parent, and a search shows the rows that lead to each\nmatch, open.\n\n`load-more` adds a row after the last one with a button that sends\n`helix-load-more`. A `windowed` table also sends it by itself once a reader\nscrolls within one screen of the end, once for each number of rows. Add the\nnext rows to `rows`, and set `loading` while they are on their way.\n\nThe controls inside the cells leave the tab order, so Tab moves past the\nwhole grid. A windowed table keeps the row holding focus drawn while the\nrest scroll away.\n\nPeople can resize and reorder the columns. `resizable` on a column puts a\nseparator on its edge. `reorderable` on the table puts a grip on each heading\nthat has a `field`, moved by dragging or with the arrow keys. The new order\nis written to `order` as a list of fields. Your markup is not rewritten: the\ntable assigns the headings to its header in that order.\n\n**`reorderable-rows` lets people move rows.** A column of grips leads each\nrow, named by `move-row-label`. Drag a grip to move its row, and the table\nscrolls near an edge. Or press Space or Enter on a grip, or click it, to pick\nup its row, move it with Down and Up, Home and End, and press Space or Enter\nagain to drop it. A click on another row drops it there, and Escape puts it\nback. The table says each step in its `live` region. A drop sends\n`helix-before-reorder`, which you can refuse, and then `helix-reorder` with\n`kind` set to `row`, whose `keys` hold every key of `rows` in the new order.\n**You move the rows**: set `rows` to the new order, and the table draws it.\nSet `row-key`, so a row is known by its key once it has moved. The grips do\nnothing while a `sort` is set, since the sort decides the order, and a tree\ngrid draws none.\n\n`csv()` returns the result as text: every row that passes the filter, in the\norder and the columns on screen. Saving the file is up to you.\n\n`DataTable` has no `columns` attribute. Each `TableColumn` is part of the\nschema, so you size a column with its own `width`. `Table` has `columns`\nbecause its cells are markup you write and it can have no columns at all.\nWritten on `DataTable`, `columns` has no effect, so watch for it when you\nmove a table from `Table` to `DataTable`.",
+          "description": "Declare the columns as `TableColumn` children and pass the rows as an array.\nThe schema stays readable in the HTML, and the rows can be windowed, which\nten thousand row elements cannot be.\n\n```html\n<helix-headless-data-table .rows=${rows} sort=\"name:asc\" page-size=\"20\">\n  <helix-headless-table-column field=\"name\" sortable>Name</helix-headless-table-column>\n  <helix-headless-table-column field=\"size\" text-align=\"end\" sortable .cell=${bytes}>Size</helix-headless-table-column>\n</helix-headless-data-table>\n```\n\nFor a short table written out by hand, use `Table`, which takes rows as\nmarkup.\n\nSort and filter apply to the whole set, including the rows on other pages.\n\n**The cell values do not server-render.** The headings and the row elements\ndo. Reading a cell needs the columns, and Lit SSR does not pass the column\nchildren to this element, so a crawler sees an empty table of the right\nshape. Use `Table` when the served HTML has to carry the values.\n\n`selectable` adds a column of checkboxes, keyed on `row-key`:\n\n- A row is selected by its key, so the selection survives a sort, a filter,\n  and a page change.\n- `selected` holds the chosen keys, comma separated, the same shape `Listbox`\n  uses for a multiple choice. As with `sort`, writing it applies the\n  selection, and `default-selected` holds what the markup declared.\n- The checkbox in the heading selects every row in the result, across pages,\n  and shows a dash while only some are chosen.\n- Shift with a press on a checkbox selects every row between it and the row\n  last chosen.\n- `selection-behavior=\"replace\"` makes a press or a move select the row\n  alone, as a file list does. Control or Command with a press adds or takes\n  out one row, and Shift with a press selects every row from the one last\n  chosen.\n\nTo act on a single row, such as opening it, put a link or a button in a cell.\n\n**Keyboard.** The grid is one tab stop, and the arrow keys move between its\ncells, the headings included.\n\n| Key | What it does |\n|---|---|\n| Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |\n| Down, Up | Moves one row, the heading row and the `load-more` row included. |\n| Home, End | Moves to the first or the last cell of the row. |\n| Control with Home or End | Moves to the first or the last cell of the grid. |\n| Page Down, Page Up | Moves by the rows that fit in view. |\n| Enter, F2 | Moves into the cell's controls. Escape moves back to the cell, and Tab moves between the controls of one cell. |\n| Enter, Space on a sortable heading | Sorts by the column. |\n| Enter, Space on the `load-more` row | Sends `helix-load-more`. |\n| Space on a row | Selects the row, in a `selectable` table. Under `selection-behavior=\"replace\"`, selects it alone, and Control or Command with Space adds or takes out the row. |\n| Down, Up, Page Down, Page Up under `selection-behavior=\"replace\"` | Selects the row it moves to alone. Control or Command with the key moves without selecting. |\n| Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |\n| Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |\n| Control or Command with A | Selects every row, in a `selectable` table. |\n| Right on a row header in a tree grid | Opens a closed row, and moves one cell along an open one. |\n| Left on a row header in a tree grid | Closes an open row, and moves to the parent of a closed one. |\n| A letter or a word | Moves to the next row whose row header starts with what you typed. |\n\n`selected` and `expanded` hold their keys in the order of the rows, as do\n`helix-select`, `helix-selected` and `helix-expand`.\n\nEach row is named by its row header, the column marked `row-header`, or the\nfirst column with a `field` where none is. A screen reader says it as a reader\nmoves between rows.\n\n**Rows that hold rows.** `child-field` names the field that holds a row's\nchild rows, and the grid becomes a tree grid. The row header column draws a\nmark that a press opens and closes a row by, and `expanded` holds the keys of the open\nrows, which `row-key` names. Right on a closed row's header opens it, Left on\nan open one closes it, and Left on a child moves to its parent. A sort orders\nthe rows under each parent, and a search shows the rows that lead to each\nmatch, open.\n\n`load-more` adds a row after the last one with a button that sends\n`helix-load-more`. A `windowed` table also sends it by itself once a reader\nscrolls within one screen of the end, once for each number of rows. Add the\nnext rows to `rows`, and set `loading` while they are on their way.\n\nWhen a fetch fails, set `error-text`, such as \"The files did not load\", and\nput a button that tries again in the `error` slot. The line shows after the\nrows in place of the empty and loading lines, the live region says it, and\nthe table takes the `error` state. Clear it once you try again.\n\nThe controls inside the cells leave the tab order, so Tab moves past the\nwhole grid. A windowed table keeps the row holding focus drawn while the\nrest scroll away.\n\nPeople can resize and reorder the columns. `resizable` on a column puts a\nseparator on its edge. `reorderable` on the table puts a grip on each heading\nthat has a `field`, moved by dragging or with the arrow keys. The new order\nis written to `order` as a list of fields. Your markup is not rewritten: the\ntable assigns the headings to its header in that order.\n\n**`reorderable-rows` lets people move rows.** A column of grips leads each\nrow, named by `move-row-label`. Drag a grip to move its row, and the table\nscrolls near an edge. Or press Space or Enter on a grip, or click it, to pick\nup its row, move it with Down and Up, Home and End, and press Space or Enter\nagain to drop it. A click on another row drops it there, and Escape puts it\nback. The table says each step in its `live` region. A drop sends\n`helix-before-reorder`, which you can refuse, and then `helix-reorder` with\n`kind` set to `row`, whose `keys` hold every key of `rows` in the new order.\n**You move the rows**: set `rows` to the new order, and the table draws it.\nSet `row-key`, so a row is known by its key once it has moved. The grips do\nnothing while a `sort` is set, since the sort decides the order, and a tree\ngrid draws none.\n\n`csv()` returns the result as text: every row that passes the filter, in the\norder and the columns on screen. Saving the file is up to you.\n\n`DataTable` has no `columns` attribute. Each `TableColumn` is part of the\nschema, so you size a column with its own `width`. `Table` has `columns`\nbecause its cells are markup you write and it can have no columns at all.\nWritten on `DataTable`, `columns` has no effect, so watch for it when you\nmove a table from `Table` to `DataTable`.",
           "name": "HelixHeadlessDataTable",
           "cssProperties": [
             {
@@ -43245,6 +43592,10 @@
               "description": "Shown when there are no rows, because none arrived or the filter matches none. While rows are loading, the `loading` part is shown in its place.",
               "name": "empty"
             },
+            {
+              "description": "Shown after the rows while `error-text` is set, in place of the empty and loading lines.",
+              "name": "error"
+            },
             {
               "description": "The region below the grid.",
               "name": "footer"
@@ -43399,6 +43750,10 @@
               "description": "Content shown when there are no rows to show and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.",
               "name": "empty"
             },
+            {
+              "description": "Content shown while `error-text` is set, such as a button that tries again. Falls back to `error-text`, which the live region still says.",
+              "name": "error"
+            },
             {
               "description": "Content below the grid. It replaces the built-in pagination.",
               "name": "footer"
@@ -43583,6 +43938,16 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown and announced when the rows could not load, such as \"The\nfiles did not load\". Set it when a fetch fails, and clear it once you try\nagain. Empty, the default, shows nothing.\n\nWhile it is set, a line after the rows shows it, or your own content in the\n`error` slot, in place of the empty and loading lines, and the live region\nsays it.",
+              "attribute": "error-text"
+            },
             {
               "kind": "field",
               "name": "estimate",
@@ -45506,6 +45871,17 @@
               ],
               "description": "The row after the last one, holding the button that asks for more rows.\n\nA row of the grid, one cell spanning every column, so the arrows reach it\nafter the last row and Enter or Space on it asks."
             },
+            {
+              "kind": "method",
+              "name": "renderError",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The line shown while `error-text` is set: a row holding one cell, as the\nempty and loading lines are, since a grid holds rows and nothing else."
+            },
             {
               "kind": "field",
               "name": "notePress",
@@ -46612,6 +46988,15 @@
               "description": "What screen readers hear when a row is dropped, with `reorderable-rows`.",
               "fieldName": "droppedLabel"
             },
+            {
+              "name": "error-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown and announced when the rows could not load, such as \"The\nfiles did not load\". Set it when a fetch fails, and clear it once you try\nagain. Empty, the default, shows nothing.\n\nWhile it is set, a line after the rows shows it, or your own content in the\n`error` slot, in place of the empty and loading lines, and the live region\nsays it.",
+              "fieldName": "errorText"
+            },
             {
               "name": "estimate",
               "type": {
@@ -46976,6 +47361,24 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "While there are no rows to show and none are loading.",
+              "name": "empty"
+            },
+            {
+              "description": "While `error-text` is set.",
+              "name": "error"
+            },
+            {
+              "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"
+              }
+            }
+          ],
           "mixins": [
             {
               "name": "MixinCollection",
@@ -47015,16 +47418,6 @@
           },
           "tagName": "helix-headless-data-table",
           "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/data-table/root/data-table-root.ts",
           "definitionPath": "src/data-table/root/data-table-root.ts"
         }
@@ -47147,7 +47540,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The calendar is `DatePicker`, which handles months, ranges, disabled days,\nthe first day of the week, and the grid's keyboard behavior. The date input\nadds the field, the overlay, and the connection between them.\n\nYou can type a date as well as pick one. The native `<input type=\"date\">`\ngives a picker and locale formatting but allows almost no styling, so the\nfield is a text field. Typing sends `input` on each keystroke and `change`\nwhen you leave the field, as a text field does. A date picked from the\ncalendar sends both.\n\nThe trigger and ArrowDown open the calendar with focus on the selected day,\nTab moves between the calendar's controls without leaving it, and Escape\ncloses it and returns focus to the field. A press into the field opens the\ncalendar too. Tab into the field opens nothing, and Tab out of the field\ncloses the calendar.\n\nWith `segmented`, the field is a row of segments in place of the text: a\nmonth, a day and a year in the order the locale writes them, each set with\ndigits or the arrow keys. Alt+Down opens the calendar from a segment.",
+          "description": "The calendar is `DatePicker`, which handles months, ranges, disabled days,\nthe first day of the week, and the grid's keyboard behavior. The date input\nadds the field, the overlay, and the connection between them.\n\nYou can type a date as well as pick one. The native `<input type=\"date\">`\ngives a picker and locale formatting but allows almost no styling, so the\nfield is a text field. Typing sends `input` on each keystroke and `change`\nwhen you leave the field, as a text field does. A date picked from the\ncalendar sends both.\n\nThe trigger and ArrowDown open the calendar with focus on the selected day,\nTab moves between the calendar's controls without leaving it, and Escape\ncloses it and returns focus to the field. A press into the field opens the\ncalendar too. Tab into the field opens nothing, and Tab out of the field\ncloses the calendar.\n\nWith `segmented`, the field is a row of segments in place of the text: a\nmonth, a day and a year in the order the locale writes them, each set with\ndigits or the arrow keys. Alt+Down opens the calendar from a segment.\n\nText that is not a date gives the form an empty value, as a native date\nfield does, and `value` keeps the text so it can be corrected.\n\n**Keyboard.** The field is one tab stop, or each segment is with\n`segmented`, and the trigger is one more.\n\n| Key | What it does |\n|---|---|\n| Down | In the text field, opens the calendar with focus on the chosen day. |\n| Alt with Down | Opens the calendar, from the text field or a segment. |\n| Enter | In the text field, takes the typed date and submits the form, as a native field does. |\n| Escape | Closes the calendar and puts focus back in the field. |\n| Tab | In the open calendar, moves between its controls. Out of the field, closes it. |\n| Up, Down on a segment | Steps the segment by one, round from its last value to its first. |\n| Page Up, Page Down on a segment | Steps by a page: a week of days, two months, or five years. |\n| Home, End on a segment | Goes to the segment's first or last value. |\n| Digits on a segment | Fill it, and move to the next once it can take no more. |\n| Backspace, Delete on a segment | Empty the segment. |\n| Left, Right on a segment | Move to the previous or the next segment, along the line of text. |\n\nIn the calendar, the keys are `DatePicker`'s: the arrows move by a day or a\nweek, Page Up and Page Down by a month, with Shift by a year, and Home and\nEnd to the start and the end of the week.",
           "name": "HelixHeadlessDateInput",
           "cssParts": [
             {
@@ -47356,6 +47749,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "Content after the date, before the trigger, such as a clear button.",
+              "name": "end"
+            },
             {
               "description": "The error message under the field.",
               "name": "feedback"
@@ -47384,6 +47781,10 @@
               "description": "The icon on the calendar's previous month control.",
               "name": "previous-icon"
             },
+            {
+              "description": "Content before the date, such as an icon.",
+              "name": "start"
+            },
             {
               "description": "The icon on the button that opens the calendar.",
               "name": "trigger"
@@ -47966,7 +48367,7 @@
                 "text": "readonly string[] | undefined"
               },
               "privacy": "protected",
-              "description": "Each date, where `mode` holds several, sent one entry each.",
+              "description": "Each date, where `mode` holds several, sent one entry each.\n\nOne date that is text and no date, such as `August 5`, is sent as an empty\nentry, as a native date field sends a date it cannot read.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "MixinPickerField",
@@ -49314,6 +49715,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -50913,6 +51329,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -62087,6 +62505,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -63331,6 +63764,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -67412,6 +67847,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -68745,6 +69195,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -70551,6 +71003,10 @@
               "description": "How many notes the list holds, which a search narrows, at the end of the search bar.",
               "name": "count"
             },
+            {
+              "description": "The box in place of the list when it holds no notes, holding the `empty` slot.",
+              "name": "empty"
+            },
             {
               "description": "The icon beside the search field.",
               "name": "filter-icon"
@@ -70685,6 +71141,10 @@
               "description": "The renderer's box, which the drawing is made in.",
               "name": ""
             },
+            {
+              "description": "What the panel shows when the list holds no notes. Defaults to `empty-label`.",
+              "name": "empty"
+            },
             {
               "description": "The icon in the search field. Defaults to a magnifying glass.",
               "name": "filter-icon"
@@ -70797,6 +71257,19 @@
               "description": "How many links from the selected note to show, for its local graph. Unset\nshows every note. The list holds what the drawing shows.",
               "attribute": "depth"
             },
+            {
+              "kind": "field",
+              "name": "emptyLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No notes'",
+              "description": "What the panel shows when the list holds no notes: the graph has none, or\na search or the legend hid them all. A slotted `empty` replaces it.",
+              "attribute": "empty-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "fallbackLabel",
@@ -70985,6 +71458,19 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "roleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'graph'",
+              "description": "What a screen reader calls the graph in place of its role, after its\nname: \"Research notes, graph\". Said only where the graph has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "attribute": "role-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "searchLabel",
@@ -72900,6 +73386,15 @@
               "description": "How many links from the selected note to show, for its local graph. Unset\nshows every note. The list holds what the drawing shows.",
               "fieldName": "depth"
             },
+            {
+              "name": "empty-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No notes'",
+              "description": "What the panel shows when the list holds no notes: the graph has none, or\na search or the legend hid them all. A slotted `empty` replaces it.",
+              "fieldName": "emptyLabel"
+            },
             {
               "name": "fallback-label",
               "type": {
@@ -73017,6 +73512,15 @@
               "description": "The list's name, read by screen readers, and the name of the button that opens it with `no-panel`.",
               "fieldName": "notesLabel"
             },
+            {
+              "name": "role-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'graph'",
+              "description": "What a screen reader calls the graph in place of its role, after its\nname: \"Research notes, graph\". Said only where the graph has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "fieldName": "roleLabel"
+            },
             {
               "name": "search-label",
               "type": {
@@ -80294,6 +80798,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -81591,6 +82110,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -88559,7 +89080,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Sets `role=\"list\"` on the host, so a screen reader counts the rows and\nannounces each one's position, such as \"1 of 7\".\n\n**`selection-mode` makes the list interactive**, in the way of a grid list:\na grid of rows that is one tab stop. `single` selects one row at a time and\n`multiple` any number, and `value` holds the selected rows' values,\nseparated by commas. A change asks with `helix-before-change` and tells\nwith `change`. `none` selects nothing, so a press acts on the row. A\n`disabled` row is passed over. Each row is named by its label and described\nby its description, so the words of the controls in `end` are not read as\npart of its name.\n\n`selection-behavior` says what a press does to the rows already selected.\n`toggle`, the default, adds or takes out the row. `replace` selects the row\nalone, as a file list does, and the arrow keys carry the selection with\nthem. Control or Command with a press then adds or takes out one row.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous row. Under `replace`, selects it. |\n| Home, End | Moves to the first or the last row. Under `replace`, selects it. |\n| Page Down, Page Up | Moves a box's height of rows, so the row at one edge lands at the other. Under `replace`, selects the row it lands on. |\n| A letter or a word | Moves to the next row whose words start with what you typed. |\n| Left, Right | Moves between the row and the controls in its `end` slot. |\n| Space | Selects the row, or lets it go. |\n| Shift with Down, Up, Home, End, Page Down, Page Up or Space | Selects every row from the last one pressed, in `multiple`. |\n| Control or Command with Down, Up, Home, End, Page Down or Page Up | Moves without selecting, under `replace`. |\n| Control or Command with A | Selects every row, in `multiple`. |\n| Escape | Lets go of every selected row, asking first, and keeps the key from the dialog or menu around the list. With nothing selected, the key goes on to them. |\n| Enter | Acts on the row: follows its link, or sends `helix-action` from it. |\n\nA press with Shift selects every row from the last one pressed, and a press\nwith Control or Command adds or takes out one row under `replace`.\n\n**Leave `selection-mode` unset for a list a reader reads**, and set it for\none a reader chooses from or acts on. The rows of an interactive list are\ngrid rows, which hold controls as a list box option cannot. Give a control\nin `end` `tabindex=\"-1\"` to leave it to the arrow keys and out of the tab\norder.\n\n**`reorderable` lets you move rows.** Each row gets a grip after its `end`\nslot, named by `move-label`. Drag a grip to move its row, and the list\nscrolls near an edge. Or press a grip with Space, Enter, or a click to pick\nup its row, move it with the arrow keys, and press the grip again to drop\nit. A click on another row drops it there, and Escape puts it back. The list\nsays each step in its `live` region. A drop sends `helix-before-reorder`,\nwhich you can refuse, and then `helix-reorder`, whose `keys` hold every\nrow's value in the new order. **You move the rows**: the list moves no\nelement of yours, so your framework keeps the order it rendered.\n\n| Key, on a held row's grip | What it does |\n|---|---|\n| Down, Up | Moves the row one place. |\n| Home, End | Moves the row to the top or the bottom. |\n| Space, Enter | Drops the row. |\n| Escape | Puts the row back where it was. |\n\n`start` and `reversed` number an ordered list as `<ol>` does. The list\nwrites where the numbers start and which way they run as `--list-first` and\n`--list-step` on its slot, which the styled tier counts from. Reversed with\nno `start` counts down from the number of rows, which a server cannot know,\nso served markup counts from one until the list runs.",
+          "description": "Sets `role=\"list\"` on the host, so a screen reader counts the rows and\nannounces each one's position, such as \"1 of 7\".\n\n**`selection-mode` makes the list interactive**, in the way of a grid list:\na grid of rows that is one tab stop. `single` selects one row at a time and\n`multiple` any number, and `value` holds the selected rows' values,\nseparated by commas. A change asks with `helix-before-change` and tells\nwith `change`. `none` selects nothing, so a press acts on the row. A\n`disabled` row is passed over. Each row is named by its label and described\nby its description, so the words of the controls in `end` are not read as\npart of its name.\n\n`selection-behavior` says what a press does to the rows already selected.\n`toggle`, the default, adds or takes out the row. `replace` selects the row\nalone, as a file list does, and the arrow keys carry the selection with\nthem. Control or Command with a press then adds or takes out one row.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous row. Under `replace`, selects it. |\n| Home, End | Moves to the first or the last row. Under `replace`, selects it. |\n| Page Down, Page Up | Moves a box's height of rows, so the row at one edge lands at the other. Under `replace`, selects the row it lands on. |\n| A letter or a word | Moves to the next row whose words start with what you typed. |\n| Left, Right | Moves between the row and the controls in its `end` slot. |\n| Space | Selects the row, or lets it go. |\n| Shift with Down, Up, Home, End, Page Down, Page Up or Space | Selects every row from the last one pressed, in `multiple`. |\n| Control or Command with Down, Up, Home, End, Page Down or Page Up | Moves without selecting, under `replace`. |\n| Control or Command with A | Selects every row, in `multiple`. |\n| Escape | Lets go of every selected row, asking first, and keeps the key from the dialog or menu around the list. With nothing selected, the key goes on to them. |\n| Enter | Acts on the row: follows its link, or sends `helix-action` from it. |\n\nA press with Shift selects every row from the last one pressed, and a press\nwith Control or Command adds or takes out one row under `replace`.\n\n**Leave `selection-mode` unset for a list a reader reads**, and set it for\none a reader chooses from or acts on. The rows of an interactive list are\ngrid rows, which hold controls as a list box option cannot. Give a control\nin `end` `tabindex=\"-1\"` to leave it to the arrow keys and out of the tab\norder.\n\n**`reorderable` lets you move rows.** Each row gets a grip after its `end`\nslot, named by `move-label`. Drag a grip to move its row, and the list\nscrolls near an edge. Or press a grip with Space, Enter, or a click to pick\nup its row, move it with the arrow keys, and press the grip again to drop\nit. A click on another row drops it there, and Escape puts it back. The list\nsays each step in its `live` region. A drop sends `helix-before-reorder`,\nwhich you can refuse, and then `helix-reorder`, whose `keys` hold every\nrow's value in the new order. **You move the rows**: the list moves no\nelement of yours, so your framework keeps the order it rendered.\n\n| Key, on a held row's grip | What it does |\n|---|---|\n| Down, Up | Moves the row one place. |\n| Home, End | Moves the row to the top or the bottom. |\n| Space, Enter | Drops the row. |\n| Escape | Puts the row back where it was. |\n\n`start` and `reversed` number an ordered list as `<ol>` does. The list\nwrites where the numbers start and which way they run as `--list-first` and\n`--list-step` on its slot, which the styled tier counts from. Reversed with\nno `start` counts down from the number of rows, which a server cannot know,\nso served markup counts from one until the list runs.\n\n**An empty list.** Set `empty-label`, or put your own content in the `empty`\nslot, for a row shown while the list has no rows and none are loading, such\nas \"No files yet\" and a link to add one. Without either, an empty list shows\nnothing. The list takes the `empty` state while it has no rows, whatever it\nshows.\n\n**Loading more.** `load-more` sends `helix-load-more` once the end of the\nlist comes within a screen of view, in the box that scrolls it or the page,\nonce for each number of rows: add rows and it can send it again. While you\nfetch, set `loading`: the list is busy, and a row after the last says\n\"Loading more\" (`loading-label`, or your own content in the `loading`\nslot). The list asks for nothing while `loading` is set.\n\nAn interactive list with no name is reported once in a development build,\nsince a screen reader announces it as a grid and nothing more. Name it with\n`label` or `aria-label`.",
           "name": "HelixHeadlessList",
           "cssProperties": [
             {
@@ -88576,15 +89097,31 @@
               "description": "A copy of the row a pointer drags, which follows the pointer in the top layer until the row is let go, in a `reorderable` list. Hidden from assistive technology.",
               "name": "drag-preview"
             },
+            {
+              "description": "The row shown while the list has no rows and none are loading, where `empty-label` or the `empty` slot gives it content. A grid row with one cell in a list that selects.",
+              "name": "empty"
+            },
             {
               "description": "The region that says each step of a move to screen readers, in a `reorderable` list. Drawn from the first move. Visually hidden in the styled tier.",
               "name": "live"
+            },
+            {
+              "description": "The row after the last while `loading` is set. A grid row with one cell in a list that selects.",
+              "name": "loading"
             }
           ],
           "slots": [
             {
               "description": "The rows.",
               "name": ""
+            },
+            {
+              "description": "Content for the row shown while the list has no rows and none are loading. Falls back to `empty-label`.",
+              "name": "empty"
+            },
+            {
+              "description": "Content for the row after the last while `loading` is set. Falls back to `loading-label`.",
+              "name": "loading"
             }
           ],
           "members": [
@@ -88624,6 +89161,16 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "emptyLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text of the row shown while the list has no rows, where the `empty`\nslot is empty. Empty, the default, shows no row.",
+              "attribute": "empty-label"
+            },
             {
               "kind": "field",
               "name": "kind",
@@ -88644,6 +89191,39 @@
               "description": "The list's name, read by screen readers.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the list as busy fetching more rows, and draws a row after the last\nthat says so. The list asks for no more while it is set.",
+              "attribute": "loading"
+            },
+            {
+              "kind": "field",
+              "name": "loadingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading more'",
+              "description": "The text of the row drawn while `loading` is set, where the `loading` slot is empty.",
+              "attribute": "loading-label",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadMore",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sends `helix-load-more` once the end of the list comes within a screen of\nview, so you can add the next rows as a reader nears them.",
+              "attribute": "load-more"
+            },
             {
               "kind": "field",
               "name": "movedLabel",
@@ -88748,7 +89328,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The selected rows' values, separated by commas, 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\nSet it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
               "attribute": "value"
             },
             {
@@ -89190,6 +89770,93 @@
               "description": "Where the numbers start and which way they run, as custom properties on\nthe slot the rows inherit from, or nothing where they count up from one.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "drawEmpty",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "The row shown while the list has no rows: a list item, or a grid row with\none cell in a list that selects. Drawn only once the children are known,\nso a server and a hydrating render never claim an empty list, and hidden\nwhile it has neither `empty-label` nor content in the `empty` slot."
+            },
+            {
+              "kind": "method",
+              "name": "drawLoading",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "The row after the last while `loading` is set: a list item, or a grid row\nwith one cell in a list that selects. It is not one of the rows, so it\ncarries no value and a key never lands on it."
+            },
+            {
+              "kind": "field",
+              "name": "endWatcher",
+              "type": {
+                "text": "IntersectionObserver | undefined"
+              },
+              "privacy": "private",
+              "description": "Watches the end of a `load-more` list coming near the box that scrolls it."
+            },
+            {
+              "kind": "field",
+              "name": "watchedEnd",
+              "type": {
+                "text": "Element | undefined"
+              },
+              "privacy": "private",
+              "description": "The end being watched, so a new one is watched again."
+            },
+            {
+              "kind": "field",
+              "name": "endInView",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the end of the list was in reach when last measured."
+            },
+            {
+              "kind": "field",
+              "name": "askedAt",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private",
+              "description": "The number of rows `helix-load-more` was last sent for."
+            },
+            {
+              "kind": "method",
+              "name": "watchEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Starts or stops watching the end of the list. The box it is measured\nagainst is the one that scrolls the list, or the page, and a screen of\nroom is added below it, so the next rows are asked for before a reader\nreaches the last."
+            },
+            {
+              "kind": "method",
+              "name": "askForMore",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Sends `helix-load-more`, once for each number of rows, and never while loading."
+            },
+            {
+              "kind": "field",
+              "name": "handleEmptyChange",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "handleSlotChange",
@@ -89569,6 +90236,14 @@
               "name": "helix-before-reorder",
               "reactProp": "onhelix-before-reorder"
             },
+            {
+              "type": {
+                "text": "HelixLoadMoreEvent"
+              },
+              "description": "Fired, in a list with `load-more`, when the end of the list comes within a screen of view, once for each number of rows.",
+              "name": "helix-load-more",
+              "reactProp": "onhelix-load-more"
+            },
             {
               "type": {
                 "text": "HelixReorderEvent"
@@ -89597,6 +90272,15 @@
               "description": "What screen readers hear when a row is dropped, in a `reorderable` list.",
               "fieldName": "droppedLabel"
             },
+            {
+              "name": "empty-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text of the row shown while the list has no rows, where the `empty`\nslot is empty. Empty, the default, shows no row.",
+              "fieldName": "emptyLabel"
+            },
             {
               "name": "kind",
               "type": {
@@ -89614,6 +90298,33 @@
               "description": "The list's name, read by screen readers.",
               "fieldName": "label"
             },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the list as busy fetching more rows, and draws a row after the last\nthat says so. The list asks for no more while it is set.",
+              "fieldName": "loading"
+            },
+            {
+              "name": "loading-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading more'",
+              "description": "The text of the row drawn while `loading` is set, where the `loading` slot is empty.",
+              "fieldName": "loadingLabel"
+            },
+            {
+              "name": "load-more",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Sends `helix-load-more` once the end of the list comes within a screen of\nview, so you can add the next rows as a reader nears them.",
+              "fieldName": "loadMore"
+            },
             {
               "name": "moved-label",
               "type": {
@@ -89698,10 +90409,28 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The selected rows' values, separated by commas, 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\nSet it to start with rows selected. A row's value is its `value`, or its\nwords where it has none.",
               "fieldName": "value"
             }
           ],
+          "cssStates": [
+            {
+              "description": "While the list has no rows.",
+              "name": "empty"
+            },
+            {
+              "description": "While `loading` is set.",
+              "name": "loading"
+            },
+            {
+              "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"
@@ -89730,16 +90459,6 @@
           },
           "tagName": "helix-headless-list",
           "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/list/root/list-root.ts",
           "definitionPath": "src/list/root/list-root.ts"
         }
@@ -91419,6 +92138,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -92785,6 +93519,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -99093,6 +99829,19 @@
               "description": "How far the map is tilted, in degrees from looking straight down.\n`connectMap` keeps it current, and the 3D button is pressed while it is\nabove `0`.",
               "attribute": "pitch"
             },
+            {
+              "kind": "field",
+              "name": "roleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'map'",
+              "description": "What a screen reader calls the map in place of its role, after its\nname: \"Edinburgh, map\". Said only where the map has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "attribute": "role-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "rotateLeftLabel",
@@ -101188,6 +101937,15 @@
               "description": "How far the map is tilted, in degrees from looking straight down.\n`connectMap` keeps it current, and the 3D button is pressed while it is\nabove `0`.",
               "fieldName": "pitch"
             },
+            {
+              "name": "role-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'map'",
+              "description": "What a screen reader calls the map in place of its role, after its\nname: \"Edinburgh, map\". Said only where the map has a name of its\nown, since the fallback name is the same word. Empty leaves the role.",
+              "fieldName": "roleLabel"
+            },
             {
               "name": "rotate-left-label",
               "type": {
@@ -111317,7 +112075,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A separate family from `Input`'s `type=\"number\"`. It renders two buttons,\nbinds four keys `Input` does not, and handles clamping and stepping.\n\nThe field is `type=\"text\"` with `inputmode=\"decimal\"`. Tested in a real\nbrowser, `type=\"number\"` fails in three ways:\n- Typing `12e` gives a `.value` of `\"\"`, so the element cannot see what you\n  typed. A `type=\"text\"` field keeps `\"12e\"`.\n- The mouse wheel over a focused field changes the value, for example from 5\n  to 4, when you only meant to scroll the page.\n- `selectionStart` is `null`, so the caret cannot be managed.\n\n`inputmode=\"decimal\"` keeps the numeric keypad on phones.\n\n`format-options` shows the number with `Intl.NumberFormat` in `locale`, as a\ncurrency, a percent or a unit, while the field is not being edited. Focus\nshows the number itself, and a typed `$1,200` or `25%` is read back with the\nsame options. The value stays the plain number: `1200`, or `0.25` for 25%.\nThe locale's group separators are read in every field, so `1,234` is a\nnumber in `en-US`.\n\nOn iOS and iPadOS the field is a plain text field, with no\n`role=\"spinbutton\"`, which VoiceOver reads as a slider you cannot type in,\nand no role description, so VoiceOver says the field is required. React\nAria's NumberField does the same.\n\nValidity follows the platform's rules: `min`, `max`, and `step` are checked\nand reported through the host's own `setValidity`, under the platform's flag\nnames.\n\nStepping is separate from typing, so a number is not corrected while you type\nit.\n\n**Keyboard.** The field is one tab stop, and the stepper buttons are not in\nthe tab order.\n\n| Key | What it does |\n|---|---|\n| Up, Down | Steps the value up or down by `step`. |\n| Page Up, Page Down | Steps by `large-step` steps, ten by default. |\n| Home, End | Goes to `min` or `max`, where there is one. Without one, moves the caret. |\n| Enter | Commits the typed number and submits the form, as a native field does. |\n\nThe field has `role=\"spinbutton\"` with `aria-valuenow`, `aria-valuemin`,\n`aria-valuemax`, and the formatted text in `aria-valuetext`.",
+          "description": "A separate family from `Input`'s `type=\"number\"`. It renders two buttons,\nbinds four keys `Input` does not, and handles clamping and stepping.\n\nThe field is `type=\"text\"` with `inputmode=\"decimal\"`. Tested in a real\nbrowser, `type=\"number\"` fails in three ways:\n- Typing `12e` gives a `.value` of `\"\"`, so the element cannot see what you\n  typed. A `type=\"text\"` field keeps `\"12e\"`.\n- The mouse wheel over a focused field changes the value, for example from 5\n  to 4, when you only meant to scroll the page.\n- `selectionStart` is `null`, so the caret cannot be managed.\n\n`inputmode=\"decimal\"` keeps the numeric keypad on phones.\n\n`format-options` shows the number with `Intl.NumberFormat` in `locale`, as a\ncurrency, a percent or a unit, while the field is not being edited. Focus\nshows the number itself, and a typed `$1,200` or `25%` is read back with the\nsame options. The value stays the plain number: `1200`, or `0.25` for 25%.\nThe locale's group separators are read in every field, so `1,234` is a\nnumber in `en-US`.\n\nThe field and its two buttons sit in a `role=\"group\"`, and the field carries\n`role-label`, \"number field\" in English, as its `aria-roledescription`, as\nReact Aria's NumberField does. On iOS and iPadOS the field is a plain text\nfield, with no `role=\"spinbutton\"`, which VoiceOver reads as a slider you\ncannot type in, and no role description, so VoiceOver says the field is\nrequired. React Aria's NumberField does the same.\n\nValidity follows the platform's rules: `min`, `max`, and `step` are checked\nand reported through the host's own `setValidity`, under the platform's flag\nnames.\n\nStepping is separate from typing, so a number is not corrected while you type\nit. While you type, the form holds the number the text reads as, so a field\nshowing `$2,500.50` gives the form 2500.5, and text that is not a number\ngives it nothing, as a native number field does.\n\nHolding a stepper button down steps once, then again after 400 milliseconds,\nthen every 60 milliseconds until you let go, as React Aria's NumberField does.\n\n**Keyboard.** The field is one tab stop, and the stepper buttons are not in\nthe tab order.\n\n| Key | What it does |\n|---|---|\n| Up, Down | Steps the value up or down by `step`. |\n| Page Up, Page Down | Steps by `large-step` steps, ten by default. |\n| Home, End | Goes to `min` or `max`, where there is one. Without one, moves the caret. |\n| Enter | Commits the typed number and submits the form, as a native field does. |\n\nThe field has `role=\"spinbutton\"` with `aria-valuenow`, `aria-valuemin`,\n`aria-valuemax`, and the formatted text in `aria-valuetext`.",
           "name": "HelixHeadlessNumberInput",
           "cssParts": [
             {
@@ -111337,7 +112095,7 @@
               "name": "feedback"
             },
             {
-              "description": "The box that holds the whole control.",
+              "description": "The box that holds the whole control, a `role=\"group\"` around the field and its buttons.",
               "name": "field"
             },
             {
@@ -111358,6 +112116,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "Replaces the icon on the step down button.",
+              "name": "decrement-icon"
+            },
             {
               "description": "Content after the number, such as a unit.",
               "name": "end"
@@ -111370,6 +112132,10 @@
               "description": "Help under the control, for content richer than the `hint` text.",
               "name": "hint"
             },
+            {
+              "description": "Replaces the icon on the step up button.",
+              "name": "increment-icon"
+            },
             {
               "description": "The label, for content richer than the `label` text.",
               "name": "label"
@@ -111554,6 +112320,19 @@
               "attribute": "readonly",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "roleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'number field'",
+              "description": "The words screen readers announce for the field's role, set as its\n`aria-roledescription`. Translate it with the rest of your text, or empty\nit to leave the role as `spinbutton`.\n\nNever written on iOS and iPadOS, where a role description stops VoiceOver\nsaying that the field is required.",
+              "attribute": "role-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "scrub",
@@ -111828,6 +112607,45 @@
                 "text": "stepDown(large = false) => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "repeat",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private",
+              "description": "The timer of a held stepper button."
+            },
+            {
+              "kind": "field",
+              "name": "pressStepped",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a pointer press stepped already, so the click that ends it does not step again."
+            },
+            {
+              "kind": "field",
+              "name": "handleStepperDown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A stepper button pressed with a pointer steps at once, and again while it\nis held.\n\nCaptured, so letting go outside the button still ends the hold. A click\nwith no press before it, from a screen reader or a script, steps once in\n`handleStepperClick`."
+            },
+            {
+              "kind": "field",
+              "name": "stopRepeat",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Ends a hold. The click that follows a release arrives in the same task,\nso the press is forgotten after it."
+            },
+            {
+              "kind": "field",
+              "name": "handleStepperClick",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "renderLabel",
@@ -111941,6 +112759,25 @@
               "readonly": true,
               "description": "The four keys a spinner answers, which `Input` does not bind.\n\n`Home` and `End` only where there is a bound to go to: without one they are\nthe text field's own keys and moving the caret to the start of the number is\nwhat a reader pressing them meant."
             },
+            {
+              "kind": "method",
+              "name": "submitted",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "parsed",
+                  "type": {
+                    "text": "number | null"
+                  }
+                }
+              ],
+              "description": "What the form holds for the field: the number the text reads as.\n\nThe text as written where it is already a plain number, so a value of\n`0.50` is sent as written. A number written in the locale or the format,\n`$2,500.50` or `1.234,5`, is sent as the number, 2500.5 or 1234.5, so a\nform read while the field still has focus gets what a submit would. Text\nthat is not a number is sent as empty, as a native number field sends it.\nThe text itself is the state the browser restores."
+            },
             {
               "kind": "method",
               "name": "sync",
@@ -112007,6 +112844,28 @@
               "readonly": true,
               "description": "Enter submits the form, as it does in a native text field.\n\nOn `keypress`, where the platform runs its own implicit submission, so a\nconsumer who prevents the `keydown` for Enter stops this too.\n\n**Settled first**, as blur settles it. The typed text is read as a number,\n`change` announces it, and the form value is written before the form is\nsubmitted, so a field showing `$2,500.50` submits 2500.5."
             },
+            {
+              "kind": "method",
+              "name": "renderDecrementIcon",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The step down button's icon, as the `decrement-icon` slot's fallback, so an\nicon of your own replaces it by being slotted, and a tier above by\noverriding this."
+            },
+            {
+              "kind": "method",
+              "name": "renderIncrementIcon",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The step up button's icon, behind the same seam as `renderDecrementIcon`."
+            },
             {
               "kind": "field",
               "name": "valueAsNumber",
@@ -112180,6 +113039,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -113385,6 +114259,15 @@
               "description": "Prevents editing. The value is still submitted with the form.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "role-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'number field'",
+              "description": "The words screen readers announce for the field's role, set as its\n`aria-roledescription`. Translate it with the rest of your text, or empty\nit to leave the role as `spinbutton`.\n\nNever written on iOS and iPadOS, where a role description stops VoiceOver\nsaying that the field is required.",
+              "fieldName": "roleLabel"
+            },
             {
               "name": "scrub",
               "type": {
@@ -113460,6 +114343,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -113656,7 +114541,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Object Inspector shows a structured value, such as an API response, a config,\nor a raw record, as a read-only tree with each entry's type visible.\n\nPass the object to `value`, or name a `<script type=\"application/json\">` by\nid with `for`, the same source `VirtualList` and the charts read. JSON text\nworks with server rendering and with React hydration, which skips object\nproperties. `value` wins when both are set.\n\n**Keyboard.** The tree is one tab stop, and focus moves from row to row.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous row. |\n| Right | Opens a closed branch, or moves into an open one. Left on a right-to-left page. |\n| Left | Closes an open branch, or moves to the parent. Right on a right-to-left page. |\n| Home, End | Moves to the first or the last row. |\n| Page Down, Page Up | Moves a box's height of rows, so the row at one edge lands at the other. |\n| Enter, Space | Opens or closes a branch. |\n| `*` | Opens every branch beside the active row. |\n| A letter or a word | Moves to the next row whose key starts with what you typed. |\n| Command+C, Control+C | Copies the active row, where no text is selected. |\n\nThe tree is a `treegrid`, as React Aria's Tree is: each entry is a `row` with\none cell, and carries its real level, position, and set size, including in a\nwindowed tree. Nothing in it is chosen, so no row carries `aria-selected`,\nand a focused row is not announced as selected.\n\nA reader opening or closing a branch sends `helix-before-open` or\n`helix-before-close`, which you can cancel, and then `toggle` with\n`newState` and `oldState`, as `<details>` does. The branch is the active\nrow, and `expanded` holds every open branch. `*` asks once for all the\nbranches it opens. A script writing `expanded` or `active` sends nothing.\n\n`active` is the active row's path, written the way a JSON Pointer writes it:\nthe empty string for the root and `/meta/tags/0` for an entry under it.\nMoving to another row sends `helix-before-activate`, which you can cancel,\nand then `helix-activate`, both with the path. Writing `active` moves there\nand opens the branches around it, and sends nothing. `expanded` holds the\nopen branches by path, and writing it opens those and closes the rest. A row\nthat closes around the active one hands it to the nearest open branch.\n\n`filter` narrows the tree to the entries whose key or value holds the text,\nignoring case, and the branches that lead to them, which it opens. A matched\nbranch keeps everything under it. Each matched row carries `row-match`, and\na screen reader hears how many entries matched from `results-label`.\n`filterable` adds a field that sets it: typing sends\n`helix-filter`, which you can cancel, and then `helix-filtered`, and Down\nmoves from the field to the tree.\n\nA new `value` keeps the branches a reader opened or closed, and the active\nrow, where the new value still has them. A branch the old value did not have\nopens to `default-depth`.\n\nThe copy button copies the active row, a branch as JSON and a string as its\ntext. So do Command+C and Control+C while the tree has focus and no text is\nselected. The button sits beside the tree, because assistive technology\ncannot reliably reach a button inside a tree item.\n\n`windowed` draws only the rows in view, for values with thousands of entries.\nThe box needs a height for windowing to work. The styled tier sets one, and\nin the headless tier you set it yourself.",
+          "description": "Object Inspector shows a structured value, such as an API response, a config,\nor a raw record, as a read-only tree with each entry's type visible.\n\nPass the object to `value`, or name a `<script type=\"application/json\">` by\nid with `for`, the same source `VirtualList` and the charts read. JSON text\nworks with server rendering and with React hydration, which skips object\nproperties. `value` wins when both are set.\n\n**Keyboard.** The tree is one tab stop, and focus moves from row to row.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous row. |\n| Right | Opens a closed branch, or moves into an open one. Left on a right-to-left page. |\n| Left | Closes an open branch, or moves to the parent. Right on a right-to-left page. |\n| Home, End | Moves to the first or the last row. |\n| Page Down, Page Up | Moves a box's height of rows, so the row at one edge lands at the other. |\n| Enter, Space | Opens or closes a branch. |\n| `*` | Opens every branch beside the active row. |\n| A letter or a word | Moves to the next row whose key starts with what you typed. |\n| Command+C, Control+C | Copies the active row, where no text is selected. |\n\nThe tree is a `treegrid`, as React Aria's Tree is: each entry is a `row` with\none cell, and carries its real level, position, and set size, including in a\nwindowed tree. Nothing in it is chosen, so no row carries `aria-selected`,\nand a focused row is not announced as selected.\n\nA reader opening or closing a branch sends `helix-before-open` or\n`helix-before-close`, which you can cancel, and then `toggle` with\n`newState` and `oldState`, as `<details>` does. The branch is the active\nrow, and `expanded` holds every open branch. `*` asks once for all the\nbranches it opens. A script writing `expanded` or `active` sends nothing.\n\n`active` is the active row's path, written the way a JSON Pointer writes it:\nthe empty string for the root and `/meta/tags/0` for an entry under it.\nMoving to another row sends `helix-before-activate`, which you can cancel,\nand then `helix-activate`, both with the path. Writing `active` moves there\nand opens the branches around it, and sends nothing. `expanded` holds the\nopen branches by path, and writing it opens those and closes the rest. A row\nthat closes around the active one hands it to the nearest open branch.\n\n`filter` narrows the tree to the entries whose key or value holds the text,\nignoring case, and the branches that lead to them, which it opens. A matched\nbranch keeps everything under it. Each matched row carries `row-match`, and\na screen reader hears how many entries matched from `results-label`.\n`filterable` adds a field that sets it: typing sends\n`helix-filter`, which you can cancel, and then `helix-filtered`, and Down\nmoves from the field to the tree.\n\nA new `value` keeps the branches a reader opened or closed, and the active\nrow, where the new value still has them. A branch the old value did not have\nopens to `default-depth`.\n\nThe copy button copies the active row, a branch as JSON and a string as its\ntext. So do Command+C and Control+C while the tree has focus and no text is\nselected. The button sits beside the tree, because assistive technology\ncannot reliably reach a button inside a tree item.\n\n**Your own drawing of a value.** `renderValue` is a function from a value and\nits entry, its path, key, depth and type, to what Lit renders, such as a\nlink for a URL or a swatch for a color. Return `undefined` to draw the value\nas the inspector does. What you draw sits in the `value` part, after the\nkey. Filtering and copying still read the value itself.\n\n`windowed` draws only the rows in view, for values with thousands of entries.\nThe box needs a height for windowing to work. The styled tier sets one, and\nin the headless tier you set it yourself.",
           "name": "HelixHeadlessObjectInspector",
           "cssProperties": [
             {
@@ -113804,6 +114689,10 @@
             {
               "description": "The tree grid that holds the rows.",
               "name": "tree"
+            },
+            {
+              "description": "What `renderValue` drew for an entry, in place of its own drawing.",
+              "name": "value"
             }
           ],
           "members": [
@@ -113977,6 +114866,14 @@
               "description": "Hides the copy button.\n\nNegative for the reason Code Block's is: a boolean attribute defaulting to\ntrue could never be turned off from markup.\n\n**It does not reflect, where Code Block's does**, and the difference is what\nthe two sheets need. Code Block reserves the button's width with\n`:host(:not([no-copy]))`, so the attribute has to be there for a consumer\nwho set the property. This button is positioned out of the flow and takes no\nroom, so nothing selects on it, and reflection exists so that a selector can\nreach a value.",
               "attribute": "no-copy"
             },
+            {
+              "kind": "field",
+              "name": "renderValue",
+              "type": {
+                "text": "ObjectInspectorRenderer | undefined"
+              },
+              "description": "Draws an entry's value your way, given the value and its entry. Set it as\na property.\n\nIt returns what Lit renders: a template from `html`, a string, or a DOM\nnode. `undefined` draws the value as the inspector does, so a function can\ndraw some entries and leave the rest, such as only the strings under\n`/links`."
+            },
             {
               "kind": "field",
               "name": "resultLabel",
@@ -114493,7 +115390,7 @@
             },
             {
               "kind": "method",
-              "name": "renderValue",
+              "name": "drawValue",
               "privacy": "private",
               "return": {
                 "type": {
@@ -116084,7 +116981,7 @@
         },
         {
           "kind": "class",
-          "description": "Options are their own family, separate from Select, because an option belongs\nto a listbox and several controls contain one. `role=\"option\"` requires an\nowning `role=\"listbox\"`. A Select is a listbox with a trigger, a Combobox is\na listbox with a text input, and a command palette is a listbox in a dialog.\n`Radio` is a part of its group, because a radio has only one kind of owner.\n\nSelection works the way it does for a radio. Choosing an option dispatches an\nevent, the listbox decides whether the choice stands, and the listbox sets\n`selected`.\n\nFiltering belongs to the owner, which hides an option with `hidden`. What\ncounts as a match differs between a select and a command palette.\n\nAn option with `href` is a link: choosing it follows the link and selects\nnothing, as an entry in a command palette that goes to a page does.",
+          "description": "Options are their own family, separate from Select, because an option belongs\nto a listbox and several controls contain one. `role=\"option\"` requires an\nowning `role=\"listbox\"`. A Select is a listbox with a trigger, a Combobox is\na listbox with a text input, and a command palette is a listbox in a dialog.\n`Radio` is a part of its group, because a radio has only one kind of owner.\n\nSelection works the way it does for a radio. Choosing an option dispatches an\nevent, the listbox decides whether the choice stands, and the listbox sets\n`selected`.\n\nFiltering belongs to the owner, which hides an option with `hidden`. What\ncounts as a match differs between a select and a command palette.\n\nAn option with `href` is a link: choosing it follows the link and selects\nnothing, as an entry in a command palette that goes to a page does.\n\nThe option's name is its label alone, as React Aria's `slot=\"label\"` makes\nit: what is in `start` and `end`, an avatar's initials or a shortcut, is\ndrawn and not read as part of the name. The description is read as the\noption's description. A name you give with `aria-label` or\n`aria-labelledby` wins over both.",
           "name": "HelixHeadlessOption",
           "cssParts": [
             {
@@ -116224,6 +117121,16 @@
               "description": "A shorter name for this choice, for where the row does not fit.\n\n`<option label>`'s own meaning: the text a chooser shows when it has less\nroom than the row does, which is what a select's closed trigger has. Empty\nmeans the row's own content, which is the common case and is why this is not\nsimply the accessible name.\n\n**An option with a label and nothing in it shows the label**, as\n`<option label>` does: written the platform's way, a select listed a row of\nnothing for every choice.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "opens",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page of commands this option opens, by name, where choosing it would\notherwise run it.\n\nDeclared here and acted on by whatever owns the list, as `alternate` is.\n`Command` is the only owner that reads it: choosing the option shows the\ncommands slotted as `page:` and the name, such as `slot=\"page:theme\"`,\nand Backspace in an empty filter goes back. Empty is an option that opens\nnothing, which is nearly every option.",
+              "attribute": "opens"
+            },
             {
               "kind": "field",
               "name": "rel",
@@ -116314,6 +117221,31 @@
                 "text": "select(modifiers?: LinkModifiers) => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "handlePointerEnter",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A hover from a mouse or a pen, which a touch does not make."
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerLeave",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerDown",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerUp",
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -116736,6 +117668,15 @@
               "description": "A shorter name for this choice, for where the row does not fit.\n\n`<option label>`'s own meaning: the text a chooser shows when it has less\nroom than the row does, which is what a select's closed trigger has. Empty\nmeans the row's own content, which is the common case and is why this is not\nsimply the accessible name.\n\n**An option with a label and nothing in it shows the label**, as\n`<option label>` does: written the platform's way, a select listed a row of\nnothing for every choice.",
               "fieldName": "label"
             },
+            {
+              "name": "opens",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page of commands this option opens, by name, where choosing it would\notherwise run it.\n\nDeclared here and acted on by whatever owns the list, as `alternate` is.\n`Command` is the only owner that reads it: choosing the option shows the\ncommands slotted as `page:` and the name, such as `slot=\"page:theme\"`,\nand Backspace in an empty filter goes back. Empty is an option that opens\nnothing, which is nearly every option.",
+              "fieldName": "opens"
+            },
             {
               "name": "rel",
               "type": {
@@ -116795,6 +117736,14 @@
               "description": "An icon is slotted into `indicator`.",
               "name": "has-indicator"
             },
+            {
+              "description": "While a mouse or a pen is over the option. A touch sets no hover, as React Aria's `data-hovered` does not.",
+              "name": "hovered"
+            },
+            {
+              "description": "While a pointer presses the option, from the press to the release.",
+              "name": "pressed"
+            },
             {
               "description": "While the option is chosen.",
               "name": "selected"
@@ -117356,7 +118305,7 @@
               "name": "heading"
             },
             {
-              "description": "The mark that moves to the section in view.",
+              "description": "The mark that moves to the link of the section in view. It carries that link's place and size as `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size`, and `data-placed` once it has been placed, for a mark you draw and animate yourself.",
               "name": "indicator"
             },
             {
@@ -117372,6 +118321,10 @@
             {
               "description": "A heading above the links, such as \"On this page\". It names the navigation.",
               "name": "heading"
+            },
+            {
+              "description": "A mark of your own, drawn inside the `indicator` part, where `--indicator-x`, `--indicator-y`, `--indicator-inline-size` and `--indicator-block-size` reach it.",
+              "name": "indicator"
             }
           ],
           "members": [
@@ -117498,7 +118451,7 @@
                 "text": "Element[]"
               },
               "privacy": "private",
-              "description": "The children that are the content, which is all of them but the heading.",
+              "description": "The children that are the content, which is all of them but the heading and the mark.",
               "readonly": true
             },
             {
@@ -122043,6 +122996,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -123297,6 +124265,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -127259,6 +128229,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -128434,6 +129419,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -129955,6 +130942,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -131207,6 +132209,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -135233,6 +136237,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -136521,6 +137540,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -138589,6 +139610,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -139921,6 +140957,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -148080,6 +149118,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -149270,6 +150323,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -151251,7 +152306,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Lays out the rows on a CSS grid, so every column lines up across rows and\neach row stays a real element that can be styled, hidden, or made\ninteractive. A `<table>` layout aligns columns but limits almost everything\nelse.\n\nA grid of elements has no table structure for assistive technology, so the\nroles are set explicitly: `table`, `row`, `cell`, `columnheader`, and\n`rowheader` for a `header` cell in a row of values. Rows are\n`display: contents`, so their cells become items of the one grid.\n\n**Sorting.** A column with `sortable` and a `field` draws its heading as a\nbutton that sorts the rows by the text of its cells, numbers by their value.\nYour markup is not reordered: the table draws the rows in the sorted order.\n\n1. Each press cycles the column through ascending, descending, and the\n   order the rows were written in, which keeps a server's own ranking\n   reachable.\n2. `helix-sort` asks first, with `field:direction`, or empty for the written\n   order. Refuse it to keep the order, or to sort the rows yourself and set\n   `sort`.\n3. `helix-sorted` follows once the order stands, and `sort` holds it.\n4. The heading carries `aria-sort`, and a screen reader hears `sorted-label`\n   (\"Sorted by Name, ascending\") or `unsorted-label` from a polite region.\n\nTab reaches each sort button, and Enter or Space presses it.\n\nThe `heading` slot names the table: slot a heading or a line of text into\nit, and the table is named by its words. An `aria-label` or `aria-labelledby` on the\nhost wins over it.\n\n**Selecting.** `selectable` adds a column of checkboxes.\n\n1. Each row is known by its `value`, or by its place among the rows where it\n   has none, and `selected` holds the chosen keys, comma separated, the same\n   shape `DataTable` uses. `default-selected` is where it starts.\n2. A row's checkbox is named by `select-row-label` (\"Select {row}\") with the\n   words of the row's first cell. The checkbox in the heading selects every\n   row, and shows a dash while only some are chosen.\n3. `helix-select` asks first, with every key the change would leave.\n   Refuse it to keep the selection. `helix-selected` follows once it stands.\n4. A chosen row takes `:state(selected)`, and a screen reader hears\n   `selected-label` (\"2 selected\") from a polite region.\n\nTab reaches each checkbox, and Space ticks it. To act on one row, put a\nlink or a button in a cell, or give the row an `href`.\n\n**Moving rows.** `reorderable` adds a column of grips before the checkboxes,\nunder a heading named by `row-grips-label`.\n\n1. Each row is known by its `value`, or by its place among the rows where it\n   has none, as for selecting. Give rows a `value` when they move, so a key\n   stays with its row.\n2. A grip is a button named by `move-row-label` (\"Move {row}\") with the\n   words of the row's first cell. Drag it to move its row, and the page\n   scrolls near an edge. Or press it with Space, Enter, or a click to pick\n   the row up, move it with Up, Down, Home, and End, and press it again to\n   drop it. A click on another row drops it there, and Escape puts it back.\n3. `helix-before-reorder` asks first, and `helix-reorder` follows with\n   `keys`, every row's key in the new order. **You move the rows**: the\n   table moves no element of yours, and focus goes back to the moved row's\n   grip once you have.\n4. Each step is said in the table's live region, in words you can change:\n   `picked-up-label`, `moved-label`, `dropped-label`, and `canceled-label`.\n   The grips do nothing while a sort is set.\n\n**A grid.** `grid` makes the table one tab stop that the arrow keys move\nthrough cell by cell, the headings included, as React Aria's table is. The\ntable is then a `grid` and each value a `gridcell`, and the table gives\nevery cell a `tabindex` so focus can rest on it: set `grid` only where the\ncells may carry one.\n\n| Key | What it does |\n|---|---|\n| Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |\n| Down, Up | Moves one row, the headings included. |\n| Home, End | Moves to the first or the last cell of the row. |\n| Control with Home or End | Moves to the first or the last cell of the table. |\n| Page Down, Page Up | Moves by the rows that fit in view. |\n| Enter, F2 | Moves into the cell's links and controls. Escape or F2 moves back to the cell, and Tab moves between the controls of one cell. |\n| Enter on a cell of a row with `href` | Follows the row's link. |\n| Enter, Space on a sortable heading | Sorts by the column. |\n| Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |\n| Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |\n| Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |\n| Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |\n| Control or Command with A | Selects every row, in a `selectable` table. |\n| A letter or a word | Moves to the next row whose first cell starts with what you typed. |\n| Tab | Leaves the table. |\n\nThe CSS custom properties listed for this component are written by it and\nread by the stylesheet that draws it. Do not set them. Each holds a number\nthe component computes and CSS cannot, so the stylesheet can draw the table\nwithout measuring anything.",
+          "description": "Lays out the rows on a CSS grid, so every column lines up across rows and\neach row stays a real element that can be styled, hidden, or made\ninteractive. A `<table>` layout aligns columns but limits almost everything\nelse.\n\nA grid of elements has no table structure for assistive technology, so the\nroles are set explicitly: `table`, `row`, `cell`, `columnheader`, and\n`rowheader` for a `header` cell in a row of values. Rows are\n`display: contents`, so their cells become items of the one grid.\n\n**Sorting.** A column with `sortable` and a `field` draws its heading as a\nbutton that sorts the rows by the text of its cells, numbers by their value.\nYour markup is not reordered: the table draws the rows in the sorted order.\n\n1. Each press cycles the column through ascending, descending, and the\n   order the rows were written in, which keeps a server's own ranking\n   reachable.\n2. `helix-sort` asks first, with `field:direction`, or empty for the written\n   order. Refuse it to keep the order, or to sort the rows yourself and set\n   `sort`.\n3. `helix-sorted` follows once the order stands, and `sort` holds it.\n4. The heading carries `aria-sort`, and a screen reader hears `sorted-label`\n   (\"Sorted by Name, ascending\") or `unsorted-label` from a polite region.\n\nTab reaches each sort button, and Enter or Space presses it.\n\nThe `heading` slot names the table: slot a heading or a line of text into\nit, and the table is named by its words. An `aria-label` or `aria-labelledby` on the\nhost wins over it.\n\n**Selecting.** `selectable` adds a column of checkboxes.\n\n1. Each row is known by its `value`, or by its place among the rows where it\n   has none, and `selected` holds the chosen keys, comma separated, the same\n   shape `DataTable` uses. `default-selected` is where it starts.\n2. A row's checkbox is named by `select-row-label` (\"Select {row}\") with the\n   words of the row's first cell. The checkbox in the heading selects every\n   row, and shows a dash while only some are chosen.\n3. `helix-select` asks first, with every key the change would leave.\n   Refuse it to keep the selection. `helix-selected` follows once it stands.\n4. A chosen row takes `:state(selected)`, and a screen reader hears\n   `selected-label` (\"2 selected\") from a polite region.\n\nTab reaches each checkbox, and Space ticks it. To act on one row, put a\nlink or a button in a cell, or give the row an `href`.\n\n**Moving rows.** `reorderable` adds a column of grips before the checkboxes,\nunder a heading named by `row-grips-label`.\n\n1. Each row is known by its `value`, or by its place among the rows where it\n   has none, as for selecting. Give rows a `value` when they move, so a key\n   stays with its row.\n2. A grip is a button named by `move-row-label` (\"Move {row}\") with the\n   words of the row's first cell. Drag it to move its row, and the page\n   scrolls near an edge. Or press it with Space, Enter, or a click to pick\n   the row up, move it with Up, Down, Home, and End, and press it again to\n   drop it. A click on another row drops it there, and Escape puts it back.\n3. `helix-before-reorder` asks first, and `helix-reorder` follows with\n   `keys`, every row's key in the new order. **You move the rows**: the\n   table moves no element of yours, and focus goes back to the moved row's\n   grip once you have.\n4. Each step is said in the table's live region, in words you can change:\n   `picked-up-label`, `moved-label`, `dropped-label`, and `canceled-label`.\n   The grips do nothing while a sort is set.\n\n**A grid.** `grid` makes the table one tab stop that the arrow keys move\nthrough cell by cell, the headings included, as React Aria's table is. The\ntable is then a `grid` and each value a `gridcell`, and the table gives\nevery cell a `tabindex` so focus can rest on it: set `grid` only where the\ncells may carry one.\n\n| Key | What it does |\n|---|---|\n| Right, Left | Moves one cell along the row. Left moves on, on a right-to-left page. |\n| Down, Up | Moves one row, the headings included. |\n| Home, End | Moves to the first or the last cell of the row. |\n| Control with Home or End | Moves to the first or the last cell of the table. |\n| Page Down, Page Up | Moves by the rows that fit in view. |\n| Enter, F2 | Moves into the cell's links and controls. Escape or F2 moves back to the cell, and Tab moves between the controls of one cell. |\n| Enter on a cell of a row with `href` | Follows the row's link. |\n| Enter, Space on a sortable heading | Sorts by the column. |\n| Space on a row, Enter or Space on its checkbox cell | Selects the row, in a `selectable` table. |\n| Enter or Space on a grip cell | Picks the row up, or drops it, in a `reorderable` table. Up, Down, Home, and End move a row picked up, and Escape puts it back. |\n| Shift with Down or Up | Selects the rows it moves across, in a `selectable` table. |\n| Shift with Space | Selects every row from the one last chosen, in a `selectable` table. |\n| Control or Command with A | Selects every row, in a `selectable` table. |\n| A letter or a word | Moves to the next row whose first cell starts with what you typed. |\n| Tab | Leaves the table. |\n\nWhen the rows did not load, set `error-text`, such as \"The orders did not\nload\", and put a button that tries again in the `error` slot. The line shows\nafter the rows in place of the empty and loading lines, the live region says\nit, and the table takes the `error` state. Clear it once you try again.\n\nThe CSS custom properties listed for this component are written by it and\nread by the stylesheet that draws it. Do not set them. Each holds a number\nthe component computes and CSS cannot, so the stylesheet can draw the table\nwithout measuring anything.",
           "name": "HelixHeadlessTable",
           "cssProperties": [
             {
@@ -151312,6 +152367,10 @@
               "description": "The text shown when there are no rows.",
               "name": "empty"
             },
+            {
+              "description": "The line shown after the rows while `error-text` is set, in place of the empty and loading text.",
+              "name": "error"
+            },
             {
               "description": "An empty box after the rows, in a `grid` table. Tab focuses it on its way out of the table, so the key leaves from the end.",
               "name": "grid-end"
@@ -151354,6 +152413,10 @@
               "description": "Content shown when there are no rows and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.",
               "name": "empty"
             },
+            {
+              "description": "Content shown while `error-text` is set, such as a button that tries again. Falls back to `error-text`, which the live region still says.",
+              "name": "error"
+            },
             {
               "description": "Words that name the table, shown above it, such as a heading.",
               "name": "heading"
@@ -151474,6 +152537,16 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "errorText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown and announced when the rows could not load. Set it when a\nfetch fails, and clear it once you try again. Empty, the default, shows\nnothing.\n\nWhile it is set, a line after the rows shows it, or your own content in the\n`error` slot, in place of the empty and loading lines, and the live region\nsays it.",
+              "attribute": "error-text"
+            },
             {
               "kind": "field",
               "name": "fallbackLabel",
@@ -152900,6 +153973,15 @@
               "description": "What screen readers hear when a held row is dropped, in a `reorderable` table.",
               "fieldName": "droppedLabel"
             },
+            {
+              "name": "error-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The text shown and announced when the rows could not load. Set it when a\nfetch fails, and clear it once you try again. Empty, the default, shows\nnothing.\n\nWhile it is set, a line after the rows shows it, or your own content in the\n`error` slot, in place of the empty and loading lines, and the live region\nsays it.",
+              "fieldName": "errorText"
+            },
             {
               "name": "fallback-label",
               "type": {
@@ -153082,6 +154164,24 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "While there are no rows and none are loading.",
+              "name": "empty"
+            },
+            {
+              "description": "While `error-text` is set.",
+              "name": "error"
+            },
+            {
+              "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"
+              }
+            }
+          ],
           "mixins": [
             {
               "name": "MixinCollection",
@@ -153118,16 +154218,6 @@
           },
           "tagName": "helix-headless-table",
           "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/table/root/table-root.ts",
           "definitionPath": "src/table/root/table-root.ts"
         }
@@ -158531,6 +159621,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -159790,6 +160895,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -159985,7 +161092,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The list is a `TimePicker`, which you can also use on its own, for example in\na settings pane. This element adds the field, the overlay, and the form\nassociation, the same arrangement Date Input has with `DatePicker` and Color\nInput has with `ColorPicker`.\n\nYou can type a time or pick one. The list offers times at a step, and the\nfield lets you enter any time, such as `09:07`.\n\nThe value is always `HH:mm` on a 24-hour clock, or `HH:mm:ss` with\n`seconds`, because that is what the form\nsubmits, what `min` and `max` compare against, and what sorts correctly as a\nstring. While idle, the field shows the time in the user's locale format.\nOnce the caret is in the field, it shows the value itself, because a\nformatted time such as `2:30 PM` cannot be typed back and `Intl` has no\nparser for it.\n\nTyping sends `input` on each keystroke and `change` when you leave the\nfield. The trigger and ArrowDown open the list, and so does a press into the\nfield; Tab into the field opens nothing. In the list, the arrow keys, typed digits and PageUp and PageDown\nmove through the times, and Enter, Space or a click chooses one and closes\nthe panel. With `variant=\"wheels\"` each wheel moves the time as you turn it,\nthe panel stays open, and Enter or Escape closes it.\n\nWith `segmented`, the field is a row of segments in place of the text: an\nhour, a minute, and AM or PM where the clock has them, each set with digits\nor the arrow keys. Alt+Down opens the list from a segment.",
+          "description": "The list is a `TimePicker`, which you can also use on its own, for example in\na settings pane. This element adds the field, the overlay, and the form\nassociation, the same arrangement Date Input has with `DatePicker` and Color\nInput has with `ColorPicker`.\n\nYou can type a time or pick one. The list offers times at a step, and the\nfield lets you enter any time, such as `09:07`.\n\nThe value is always `HH:mm` on a 24-hour clock, or `HH:mm:ss` with\n`seconds`, because that is what the form\nsubmits, what `min` and `max` compare against, and what sorts correctly as a\nstring. While idle, the field shows the time in the user's locale format.\nOnce the caret is in the field, it shows the value itself, because a\nformatted time such as `2:30 PM` cannot be typed back and `Intl` has no\nparser for it.\n\nTyping sends `input` on each keystroke and `change` when you leave the\nfield. The trigger and ArrowDown open the list, and so does a press into the\nfield; Tab into the field opens nothing. In the list, the arrow keys, typed digits and PageUp and PageDown\nmove through the times, and Enter, Space or a click chooses one and closes\nthe panel. With `variant=\"wheels\"` each wheel moves the time as you turn it,\nthe panel stays open, and Enter or Escape closes it.\n\nWith `segmented`, the field is a row of segments in place of the text: an\nhour, a minute, and AM or PM where the clock has them, each set with digits\nor the arrow keys. Alt+Down opens the list from a segment.\n\nText that is not a time gives the form an empty value, as a native time\nfield does, and `value` keeps the text so it can be corrected.\n\n**Keyboard.** The field is one tab stop, or each segment is with\n`segmented`, and the trigger is one more.\n\n| Key | What it does |\n|---|---|\n| Down | In the text field, opens the list on the chosen time. |\n| Alt with Down | Opens the list, from the text field or a segment. |\n| Enter | In the text field, takes the typed time and submits the form, as a native field does. In the list, chooses the highlighted time. |\n| Escape | Closes the list and puts focus back in the field. |\n| Up, Down on a segment | Steps the segment by one, round from its last value to its first. |\n| Page Up, Page Down on a segment | Steps by a page: two hours, or fifteen minutes or seconds. |\n| Home, End on a segment | Goes to the segment's first or last value. |\n| Digits on a segment | Fill it, and move to the next once it can take no more. |\n| A letter on the half of the day | Picks the half whose name starts with it, such as A for AM. |\n| Backspace, Delete on a segment | Empty the segment. |\n| Left, Right on a segment | Move to the previous or the next segment, along the line of text. |\n\nIn the list, the keys are `TimePicker`'s.",
           "name": "HelixHeadlessTimeInput",
           "cssParts": [
             {
@@ -160076,6 +161183,14 @@
               "description": "The picker's own message, under the times, while the picker's `feedback` is set.",
               "name": "picker-feedback"
             },
+            {
+              "description": "The picker's hint, which Time Input never sets: help under the field is the field's own `hint`.",
+              "name": "picker-hint"
+            },
+            {
+              "description": "The picker's visible label, which Time Input never draws: the field's `label` names it.",
+              "name": "picker-label"
+            },
             {
               "description": "The listbox holding the times, in `list`.",
               "name": "picker-list"
@@ -160222,6 +161337,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "Content after the time, before the trigger, such as a clear button.",
+              "name": "end"
+            },
             {
               "description": "The message that says what is wrong with the value.",
               "name": "feedback"
@@ -160242,6 +161361,10 @@
               "description": "Content in the panel above the times, such as a heading or a shortcut.",
               "name": "panel-header"
             },
+            {
+              "description": "Content before the time, such as an icon.",
+              "name": "start"
+            },
             {
               "description": "The icon on the field that shows a list opens.",
               "name": "trigger"
@@ -160682,7 +161805,7 @@
                 "text": "readonly string[] | undefined"
               },
               "privacy": "protected",
-              "description": "Each time, where `mode` holds several, sent one entry each.",
+              "description": "Each time, where `mode` holds several, sent one entry each.\n\nOne time that is text and no time, such as `2:45 P`, is sent as an empty\nentry, as a native time field sends a time it cannot read.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "MixinPickerField",
@@ -161998,6 +163121,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -163490,6 +164628,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -163709,7 +164849,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Shows the times at each `step` as a `Listbox`, which provides the keyboard\nbehavior, typeahead, scrolling into view, and announcements for a set of\noptions. `variant=\"wheels\"` shows a column each for the hour, the minute, and\nthe meridiem, and one for the second with `seconds`. Left and Right move\nbetween the wheels, and Tab does too.\n\n`hour-cycle` writes every time on a twelve or a twenty-four hour clock\nwhatever the locale, and `seconds` holds times to the second.\n\nThe step keeps the list usable. At the default of 15 minutes a day is 96\nrows, which people can scroll or type into. At 1 minute it is 1,440. Use the\nlist for the times your product offers, and Time Input for any time, the same\nway Date Input separates typing a date from picking one on the calendar.\n\nThe value is always `HH:mm` on a 24-hour clock, or `HH:mm:ss` with\n`seconds`. A form submits that shape,\n`min` and `max` compare against it, and it sorts as a string. Each row's text\nfollows the person's own conventions, from `Intl`.\n\nThe chosen row is marked in the served markup. The listbox gets the answer as\n`.value`, and Lit SSR serializes no property binding, so without more the 96\nserved rows would carry no mark until the listbox upgrades and runs `place`.\nEach option also gets `selected`, an attribute binding that does serialize,\nand `place` then writes the same answer from the same value. This is the same\n`selected` you write on `Option` elsewhere in Helix, and Date Picker marks\nits choice in markup for the same reason. The list and the wheels both do\nthis, because each wheel is also a listbox.",
+          "description": "Shows the times at each `step` as a `Listbox`, which provides the keyboard\nbehavior, typeahead, scrolling into view, and announcements for a set of\noptions. `variant=\"wheels\"` shows a column each for the hour, the minute, and\nthe meridiem, and one for the second with `seconds`. Left and Right move\nbetween the wheels, and Tab does too.\n\n`hour-cycle` writes every time on a twelve or a twenty-four hour clock\nwhatever the locale, and `seconds` holds times to the second.\n\nThe step keeps the list usable. At the default of 15 minutes a day is 96\nrows, which people can scroll or type into. At 1 minute it is 1,440. Use the\nlist for the times your product offers, and Time Input for any time, the same\nway Date Input separates typing a date from picking one on the calendar.\n\nThe value is always `HH:mm` on a 24-hour clock, or `HH:mm:ss` with\n`seconds`. A form submits that shape,\n`min` and `max` compare against it, and it sorts as a string. Each row's text\nfollows the person's own conventions, from `Intl`.\n\nThe chosen row is marked in the served markup. The listbox gets the answer as\n`.value`, and Lit SSR serializes no property binding, so without more the 96\nserved rows would carry no mark until the listbox upgrades and runs `place`.\nEach option also gets `selected`, an attribute binding that does serialize,\nand `place` then writes the same answer from the same value. This is the same\n`selected` you write on `Option` elsewhere in Helix, and Date Picker marks\nits choice in markup for the same reason. The list and the wheels both do\nthis, because each wheel is also a listbox.\n\n**Keyboard.** The list is one tab stop, and each wheel is one.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous time, or in a wheel to the next or the previous hour, minute, second, or half of the day. |\n| Home, End | Moves to the first or the last time, or the first or the last in a wheel. |\n| Page Down, Page Up | Moves by as many times as the list shows at once. |\n| Digits | Moves to the next time that starts with what you typed, such as `9` for 9:00. |\n| Enter, Space | Chooses the highlighted time. Moving chooses too, except under `manual` or with a `mode`. With a `mode`, Space adds or removes the time. |\n| Right, Left | In the wheels, moves to the next or the previous wheel, mirrored right to left. |\n| Tab | Moves to the next wheel, then out of the picker. |\n\n**ARIA.** The list is a `listbox` named by `label`, a slotted label, the\nhost's `aria-label` or its `aria-labelledby`. A development build warns\nwhere all four are empty. The list is described by the hint, or by the\nmessage in `feedback` in its place, and carries `aria-multiselectable` with\na `mode` and `aria-invalid` while `feedback` says what is wrong. The wheels\nare a `group` with that name, holding one `listbox` per wheel, named \"Hour\",\n\"Minute\", \"Second\" and \"AM/PM\" in the page's language, and each described\nthe same way.",
           "name": "HelixHeadlessTimePicker",
           "cssParts": [
             {
@@ -163772,6 +164912,14 @@
               "description": "The message under the times, while `feedback` is set.",
               "name": "feedback"
             },
+            {
+              "description": "Help under the times, shown while there is no message in `feedback`.",
+              "name": "hint"
+            },
+            {
+              "description": "The visible label above the times, drawn while a label is slotted.",
+              "name": "label"
+            },
             {
               "description": "The listbox holding the times, in `list`.",
               "name": "list"
@@ -163857,6 +165005,20 @@
               "name": "option-text"
             }
           ],
+          "slots": [
+            {
+              "description": "What the list shows when no time falls between `min` and `max`, for content richer than `empty-text`.",
+              "name": "empty"
+            },
+            {
+              "description": "Help under the times, for content richer than the `hint` text.",
+              "name": "hint"
+            },
+            {
+              "description": "A visible label above the times, which names the list, for content richer than the `label` text.",
+              "name": "label"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -163891,6 +165053,29 @@
               "description": "Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.\n\nThe counterpart to Date Picker's `disable-dates`, and it exists for the same\nshape of problem: `min` and `max` take away a span, and what a booking\nusually has to take away is a scatter. A morning with 09:30 and 11:00\nalready gone is not two bounds.\n\nA time not on the step is simply never offered, so it is not an error to\nname one, and naming every time in the list is how the empty state is\nreached honestly rather than by handing over an empty range.",
               "attribute": "disable-times"
             },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No times to choose from'",
+              "description": "What the list says when no time falls between `min` and `max`.\n\nThe fallback of the `empty` slot.",
+              "attribute": "empty-text",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Help under the times, such as the hours a shop is open, read by screen\nreaders as the list's description. A message in `feedback` replaces it.\n\nThe fallback of the `hint` slot.",
+              "attribute": "hint"
+            },
             {
               "kind": "field",
               "name": "hourCycle",
@@ -163916,7 +165101,7 @@
                 "text": "string"
               },
               "default": "'Time'",
-              "description": "Accessible name for the list, which has no visible one of its own.\n\nAn `aria-label` or `aria-labelledby` on the host names the list instead.",
+              "description": "Accessible name for the list, which has no visible one of its own.\n\nAn `aria-label` or `aria-labelledby` on the host names the list instead,\nand so does a label slotted into `label`, which is also drawn above it.",
               "attribute": "label",
               "helix": {
                 "words": true
@@ -164467,6 +165652,75 @@
               "description": "The list's name: the host's `aria-labelledby` read out, then its\n`aria-label`, then `label`, through core's `hostWords`, which Select reads\nits list's name through too.\n\nRead out as words, because the list is inside two shadow roots and an id on\nthe page reaches neither. Measured before this: `<helix-time-picker\naria-label=\"Slot\">` was a listbox named \"Time\".",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "hintSlotted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a hint is slotted, which draws the `hint` part around it."
+            },
+            {
+              "kind": "field",
+              "name": "hinted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether the hint shows: there is one, and no message stands in its place.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "describedBy",
+              "type": {
+                "text": "string | typeof nothing"
+              },
+              "privacy": "private",
+              "description": "The ids that describe each list: the hint, or the message in its place.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "renderHint",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The hint under the times, or a bare slot while there is none to show,\nhidden while a message stands in its place, so a slotted hint goes too."
+            },
+            {
+              "kind": "field",
+              "name": "labelSlotted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a label is slotted, which draws the `label` part around it."
+            },
+            {
+              "kind": "field",
+              "name": "handleLabelSlot",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Reads the `label` slot, and the list's name again with it."
+            },
+            {
+              "kind": "method",
+              "name": "renderSlottedLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The slotted label, in the `label` part, above the times. A bare slot while\nnothing is slotted, which draws no box."
+            },
             {
               "kind": "field",
               "name": "naming",
@@ -165588,6 +166842,24 @@
               "description": "Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.\n\nThe counterpart to Date Picker's `disable-dates`, and it exists for the same\nshape of problem: `min` and `max` take away a span, and what a booking\nusually has to take away is a scatter. A morning with 09:30 and 11:00\nalready gone is not two bounds.\n\nA time not on the step is simply never offered, so it is not an error to\nname one, and naming every time in the list is how the empty state is\nreached honestly rather than by handing over an empty range.",
               "fieldName": "disableTimes"
             },
+            {
+              "name": "empty-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No times to choose from'",
+              "description": "What the list says when no time falls between `min` and `max`.\n\nThe fallback of the `empty` slot.",
+              "fieldName": "emptyText"
+            },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Help under the times, such as the hours a shop is open, read by screen\nreaders as the list's description. A message in `feedback` replaces it.\n\nThe fallback of the `hint` slot.",
+              "fieldName": "hint"
+            },
             {
               "name": "hour-cycle",
               "type": {
@@ -165610,7 +166882,7 @@
                 "text": "string"
               },
               "default": "'Time'",
-              "description": "Accessible name for the list, which has no visible one of its own.\n\nAn `aria-label` or `aria-labelledby` on the host names the list instead.",
+              "description": "Accessible name for the list, which has no visible one of its own.\n\nAn `aria-label` or `aria-labelledby` on the host names the list instead,\nand so does a label slotted into `label`, which is also drawn above it.",
               "fieldName": "label"
             },
             {
@@ -166468,7 +167740,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Given `datetime`, the label you write is wrapped in a `<time>` element, so a\nmachine-readable value such as \"2026-08-19\" travels with a label such as\n\"yesterday\". Without `datetime`, the label is a `<span>`.\n\nEach entry draws the connector line that arrives at it and hides it when it\nis the first entry, using `:host(:first-child)`. This needs no index, no\ncounting parent, and no script. `Steps` and `Breadcrumbs` work the same way.\n\n`tone` sets the kind of event and is the only thing that colors the mark. It\nuses the same values as `Announcement`.",
+          "description": "Given `datetime`, the label you write is wrapped in a `<time>` element, so a\nmachine-readable value such as \"2026-08-19\" travels with a label such as\n\"yesterday\". Without `datetime`, the label is a `<span>`.\n\n**`relative` writes the time for you** as how long ago it was, such as \"3\nhours ago\", from `datetime`, where the `time` slot is empty. The words move\non as they go stale, \"3 hours ago\" becoming \"4 hours ago\", with one wakeup\nshared by every reading on the page, as `FormatDate` keeps its own. They are\nin the language of the page, or of the nearest `lang`.\n\nEach entry draws the connector line that arrives at it and hides it when it\nis the first entry, using `:host(:first-child)`. This needs no index, no\ncounting parent, and no script. `Steps` and `Breadcrumbs` work the same way.\n\n`tone` sets the kind of event and is the only thing that colors the mark. It\nuses the same values as `Announcement`.",
           "name": "HelixHeadlessTimelineItem",
           "cssParts": [
             {
@@ -166517,6 +167789,68 @@
               "description": "When it happened, in machine-readable form. Setting it wraps the time in a\n`<time>` element.\n\nWhatever `<time>` accepts, which is a date, a time, both, a duration or a\nweek. Unset, the label is written as it was given and nothing claims to\nknow what instant it names.",
               "attribute": "datetime"
             },
+            {
+              "kind": "field",
+              "name": "relative",
+              "type": {
+                "text": "'long' | 'narrow' | 'short' | undefined"
+              },
+              "description": "Writes the time as how long ago it was, or how long until it, from\n`datetime`, where the `time` slot is empty: `long` (\"3 hours ago\"),\n`short` (\"3 hr. ago\") or `narrow` (\"3h ago\"). Set with no value, it is\n`long`. The words move on as they go stale.",
+              "attribute": "relative"
+            },
+            {
+              "kind": "field",
+              "name": "clock",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new RelativeClockController(this, { expires: (now) => { const moment = this.moment return moment ? this.readingAt(moment, now).next : undefined }, })",
+              "description": "The time the reading is drawn against, moved on when the words go stale."
+            },
+            {
+              "kind": "field",
+              "name": "reading",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "What the `time` slot shows where nothing is slotted: the reading under\n`relative`, read against the clock before each render, and nothing\notherwise."
+            },
+            {
+              "kind": "field",
+              "name": "moment",
+              "type": {
+                "text": "Date | undefined"
+              },
+              "privacy": "private",
+              "description": "The instant `datetime` names, where `relative` asks for a reading of it.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "readingAt",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Relative"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "moment",
+                  "type": {
+                    "text": "Date"
+                  }
+                },
+                {
+                  "name": "now",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ],
+              "description": "What the reading says at `now`, and when it stops being true."
+            },
             {
               "kind": "field",
               "name": "tone",
@@ -166888,6 +168222,14 @@
               "description": "When it happened, in machine-readable form. Setting it wraps the time in a\n`<time>` element.\n\nWhatever `<time>` accepts, which is a date, a time, both, a duration or a\nweek. Unset, the label is written as it was given and nothing claims to\nknow what instant it names.",
               "fieldName": "datetime"
             },
+            {
+              "name": "relative",
+              "type": {
+                "text": "'long' | 'narrow' | 'short' | undefined"
+              },
+              "description": "Writes the time as how long ago it was, or how long until it, from\n`datetime`, where the `time` slot is empty: `long` (\"3 hours ago\"),\n`short` (\"3 hr. ago\") or `narrow` (\"3h ago\"). Set with no value, it is\n`long`. The words move on as they go stale.",
+              "fieldName": "relative"
+            },
             {
               "name": "tone",
               "type": {
@@ -169599,6 +170941,21 @@
                 "module": "src/mixins/mixin-field/mixin-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "namedBy",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "attribute": "aria-label",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "labeled",
@@ -170781,6 +172138,8 @@
                 "text": "string | null"
               },
               "default": "null",
+              "description": "The name a screen reader says for the field where it shows no label, as\nthe platform's `aria-label`. It is drawn as a label and clipped, so it\nnames the control inside, and a new one renders at once.\n\n**An `aria-label` is read when the field renders, and nothing else would\nrender it again.** It is the platform's attribute and no property of this\nelement's, so writing a new one scheduled no update and the label kept\nthe old words. Data Table meets this on every column move: each row's\ncheckbox is named by the first column, so reordering renames every one.\n\nA reactive property on the attribute, which is the one way Lit observes\none. Overriding `observedAttributes` in a mixin compiled `this` to the\nmixin's own class, so every field observed only this mixin's attributes\nand dropped its own. Not reflected: the attribute is the consumer's.",
+              "fieldName": "namedBy",
               "inheritedFrom": {
                 "name": "MixinField",
                 "module": "src/mixins/mixin-field/mixin-field.ts"
@@ -179489,6 +180848,28 @@
               "description": "The entry's name: its own text, without the content in its named slots.\n\n`textContent` takes the whole subtree: a row with a duration in `meta`\nreads as \"His Girl Friday0:06\", and that string reaches the player and the\nlock screen. Only the nodes the consumer left unslotted are the name;\nanything named is a column beside it.\n\nLight DOM rather than `assignedNodes`, so it answers on the server too,\nwhere there is no slot to ask. `Option.text` reads its own the same way.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Focuses the entry's button, which is where the playlist's arrow keys send\nfocus. The host itself takes no focus.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
+            },
             {
               "kind": "field",
               "name": "choose",
@@ -179894,6 +181275,20 @@
               "fieldName": "value"
             }
           ],
+          "cssStates": [
+            {
+              "description": "The entry that is playing.",
+              "name": "current"
+            },
+            {
+              "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"
@@ -179910,16 +181305,6 @@
           },
           "tagName": "helix-headless-video-playlist-item",
           "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/video-playlist/item/video-playlist-item.ts",
           "definitionPath": "src/video-playlist/item/video-playlist-item.ts"
         }
@@ -180744,13 +182129,17 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "**You slot the player**, so it keeps your appearance, extra controls,\ncaptions, and poster treatment. `Sandbox` takes its preview and `Menu` its\ntrigger the same way.\n\n**Entries are markup.** React skips properties it would set imperatively\nduring hydration, so an array property on a custom element is missing on the\nfirst paint of a server-rendered page. `using-the-elements.mdx` has the\nmeasurement. Markup also makes each entry a real button with its name inside.\n\n**The playlist does not play media.** It sets `src` on the player and tracks\nwhich entry is current. The current entry moves when:\n\n- an entry is pressed,\n- the player dispatches `helix-next` or `helix-previous`, or\n- the player reaches the end.\n\nOn `ended` the playlist advances and the next clip starts playing, because\nthe user already pressed play once. `repeat` decides what happens at the\nend: `one` plays the same entry again, and `all` goes from the last entry\nback to the first. Without it, the playlist stops on the last entry and\nsends `helix-end`. `shuffle` plays the entries in a random order, starting\nfrom the one that is current, and `previous` retraces that order.\n\n**The player is named by the current entry**, and the device's own media\ncontrols show the entry as the title. A player you gave a `label` keeps\nyour name, and only the title follows the entry.\n\n**Keyboard.** Each entry is a button in the tab order, and Enter or Space\nplays it. The current entry carries `aria-current`. While focus is on the\nplayer, the player's own keys work, and `Video` lists them. Its previous\nand next controls move through the entries in the same order the playlist\ndoes.",
+          "description": "**You slot the player**, so it keeps your appearance, extra controls,\ncaptions, and poster treatment. `Sandbox` takes its preview and `Menu` its\ntrigger the same way.\n\n**Entries are markup.** React skips properties it would set imperatively\nduring hydration, so an array property on a custom element is missing on the\nfirst paint of a server-rendered page. `using-the-elements.mdx` has the\nmeasurement. Markup also makes each entry a real button with its name inside.\n\n**The playlist does not play media.** It sets `src` on the player and tracks\nwhich entry is current. The current entry moves when:\n\n- an entry is pressed,\n- the player dispatches `helix-next` or `helix-previous`, or\n- the player reaches the end.\n\nOn `ended` the playlist advances and the next clip starts playing, because\nthe user already pressed play once. `repeat` decides what happens at the\nend: `one` plays the same entry again, and `all` goes from the last entry\nback to the first. Without it, the playlist stops on the last entry and\nsends `helix-end`. `shuffle` plays the entries in a random order, starting\nfrom the one that is current, and `previous` retraces that order.\n\n**The player is named by the current entry**, and the device's own media\ncontrols show the entry as the title. A player you gave a `label` keeps\nyour name, and only the title follows the entry.\n\n**Keyboard.** Each entry is a button in the tab order, and Enter or Space\nplays it. The arrow keys move focus to the entry before or after, and Home\nand End to the first and the last, passing over disabled entries. The\ncurrent entry carries `aria-current`. While focus is on the player, the\nplayer's own keys work, and `Video` lists them, and Shift with N or P plays\nthe next or the previous entry. The player's previous and next controls\nmove through the entries in the same order the playlist does.\n\n**What a screen reader hears.** A list named by `label`, with a button for\neach entry. When the playlist moves to another entry, by a press, by the\nplayer's controls, or at the end of a clip, a live region says\n`playing-label`, \"Now playing\" and the entry's name.",
           "name": "HelixHeadlessVideoPlaylist",
           "cssParts": [
             {
               "description": "The list of entries.",
               "name": "items"
             },
+            {
+              "description": "A live region that says which entry plays after the playlist moves.",
+              "name": "live"
+            },
             {
               "description": "The region that holds the player.",
               "name": "player"
@@ -180790,6 +182179,27 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "playingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Now playing {title}'",
+              "description": "What the live region says when the playlist moves to another entry.\n`{title}` is the entry's name.\n\n**A move a reader did not make is said.** At the end of a clip the\nplaylist starts the next one, and the only other trace of that is the\n`aria-current` on a button the reader is not on.",
+              "attribute": "playing-label",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new StatusController(this)",
+              "description": "The live region, rendered from the first move."
+            },
             {
               "kind": "field",
               "name": "repeat",
@@ -180938,6 +182348,39 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "handleKeydown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The arrow keys, Home and End on an entry move focus to another one.\n\n**The entries the keys reach are the enabled ones**, because a disabled\nbutton cannot take focus and a key that landed on one would leave focus\nwhere it was. Up and Left go back, Down and Right go on, and Left and\nRight swap on a right-to-left page, so a list laid out in a row moves the\nway it reads."
+            },
+            {
+              "kind": "field",
+              "name": "handlePlay",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The player playing again, after the end or anywhere, means the list has not ended."
+            },
+            {
+              "kind": "method",
+              "name": "takePlayerKey",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Shift with N plays the next entry and Shift with P the previous one, while\nfocus is on the player, the keys a reader knows from the common players.\nNot inside a field the player holds, where they are letters."
+            },
             {
               "kind": "field",
               "name": "handleNext",
@@ -181451,6 +182894,15 @@
               "description": "The list's name, read by screen readers.",
               "fieldName": "label"
             },
+            {
+              "name": "playing-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Now playing {title}'",
+              "description": "What the live region says when the playlist moves to another entry.\n`{title}` is the entry's name.\n\n**A move a reader did not make is said.** At the end of a clip the\nplaylist starts the next one, and the only other trace of that is the\n`aria-current` on a button the reader is not on.",
+              "fieldName": "playingLabel"
+            },
             {
               "name": "repeat",
               "type": {
@@ -181494,6 +182946,20 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "The last entry finished and the playlist stopped there, until an entry plays again.",
+              "name": "ended"
+            },
+            {
+              "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"
+              }
+            }
+          ],
           "mixins": [
             {
               "name": "MixinControllerActive",
@@ -181528,16 +182994,6 @@
           },
           "tagName": "helix-headless-video-playlist",
           "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/video-playlist/root/video-playlist-root.ts",
           "definitionPath": "src/video-playlist/root/video-playlist-root.ts"
         }
@@ -181816,6 +183272,15 @@
       "kind": "javascript-module",
       "path": "src/video/root/keys.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "PLAYER_KEYS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'Space K ArrowLeft ArrowRight Shift+ArrowLeft Shift+ArrowRight J L ArrowUp ArrowDown M F C Home End 0 1 2 3 4 5 6 7 8 9'",
+          "description": "The keys `takeKey` answers, as `aria-keyshortcuts` names them."
+        },
         {
           "kind": "function",
           "name": "takeKey",
@@ -181848,6 +183313,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "PLAYER_KEYS",
+          "declaration": {
+            "name": "PLAYER_KEYS",
+            "module": "src/video/root/keys.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "takeKey",
@@ -181864,7 +183337,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The picture is a native `<video>`, so decoding, buffering, captions, Picture\nin Picture, AirPlay, and codecs come from the platform. The component\nreplaces the control bar, because the native bar cannot be styled.\n\nThe scrubber and the volume are `<input type=\"range\">` elements, so arrow\nkeys, Home and End, touch targets, and screen reader announcements work as\nthey do natively.\n\nWhen you set `controls`, the browser's control bar is used, the Helix bar is\nnot drawn, and the keys below are not bound, so a key press does not seek\ntwice.\n\n**Keyboard.** The keys match other players, and they are bound on the\nelement only, so they work while focus is on the player.\n\n| Key | What it does |\n|---|---|\n| Space, `k` | Plays or pauses. Space on a button presses the button. |\n| Right, Left | Moves 5 seconds forward or back. |\n| Shift with Right or Left | Moves 10 seconds forward or back. |\n| `l`, `j` | Moves 10 seconds forward or back, as the skip buttons do. |\n| Up, Down | Raises or lowers the volume by a tenth. |\n| `m` | Mutes or unmutes. |\n| `f` | Enters or leaves fullscreen. |\n| Tab | Moves through the controls on the bar. |\n\nOn the scrubber and the volume slider, the arrow keys, Page Up, Page Down,\nHome, and End move the slider, as on any range input.\n\n`<source>` and `<track>` children are copied into the video. A media element\nselects resources from its own child nodes, and a slot is one node, so\nslotted sources would give the video no text tracks, no current source, and a\n`readyState` of zero, and it would not play. They are copied so your light\nDOM stays intact, and are copied again whenever the slot changes.\n\nThe player sends every media event of its inner video under the same name,\nwithout bubbling, as a `<video>` sends it. Listen on the player as you would\non a video: `timeupdate`, `volumechange`, `loadedmetadata`, `error`, and the\nrest.",
+          "description": "The picture is a native `<video>`, so decoding, buffering, captions, Picture\nin Picture, AirPlay, and codecs come from the platform. The component\nreplaces the control bar, because the native bar cannot be styled.\n\nThe scrubber and the volume are `<input type=\"range\">` elements, so arrow\nkeys, Home and End, touch targets, and screen reader announcements work as\nthey do natively.\n\nWhen you set `controls`, the browser's control bar is used, the Helix bar is\nnot drawn, and the keys below are not bound, so a key press does not seek\ntwice.\n\n**Keyboard.** The keys match other players, and they are bound on the\nelement only, so they work while focus is on the player.\n\n| Key | What it does |\n|---|---|\n| Space, `k` | Plays or pauses. Space on a button presses the button. |\n| Right, Left | Moves 5 seconds forward or back. |\n| Shift with Right or Left | Moves 10 seconds forward or back. |\n| `l`, `j` | Moves 10 seconds forward or back, as the skip buttons do. |\n| Up, Down | Raises or lowers the volume by a tenth. |\n| `m` | Mutes or unmutes. |\n| `f` | Enters or leaves fullscreen. |\n| `c` | Turns captions on or off. |\n| Home, End | Goes to the start or the end. |\n| `0` to `9` | Goes to that tenth of the video: `5` is the middle. |\n| Tab | Moves through the controls on the bar. |\n\nA key with Control, Command, or Alt held is left to the browser. The\nplayer lists its keys in `aria-keyshortcuts`, and a live region says what a\nkey changed that is not on the focused control: playing or paused, muted,\nthe volume, captions on or off, and where the video is after a seek.\n\nOn the scrubber and the volume slider, the arrow keys, Page Up, Page Down,\nHome, and End move the slider, as on any range input.\n\n`<source>` and `<track>` children are copied into the video. A media element\nselects resources from its own child nodes, and a slot is one node, so\nslotted sources would give the video no text tracks, no current source, and a\n`readyState` of zero, and it would not play. They are copied so your light\nDOM stays intact, and are copied again whenever the slot changes.\n\nThe player sends every media event of its inner video under the same name,\nwithout bubbling, as a `<video>` sends it. Listen on the player as you would\non a video: `timeupdate`, `volumechange`, `loadedmetadata`, `error`, and the\nrest.",
           "name": "HelixHeadlessVideo",
           "cssProperties": [
             {
@@ -181986,7 +183459,7 @@
               "name": "header"
             },
             {
-              "description": "A live region that repeats the loading text, so screen readers announce it when it changes. Visually hidden in the styled tier.",
+              "description": "A live region that says the loading text, and what a key changed, such as the volume. Visually hidden in the styled tier.",
               "name": "live"
             },
             {
@@ -182210,6 +183683,19 @@
               "attribute": "autoplay",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "captionsHiddenLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Captions off'",
+              "description": "What the live region says when `c` turns captions off.",
+              "attribute": "captions-hidden-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "captionsLabel",
@@ -182236,6 +183722,19 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "captionsShownLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Captions on'",
+              "description": "What the live region says when `c` turns captions on.",
+              "attribute": "captions-shown-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "controls",
@@ -182419,6 +183918,19 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "mutedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Muted'",
+              "description": "What the live region says when a key mutes the video.",
+              "attribute": "muted-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "muteLabel",
@@ -182455,6 +183967,19 @@
               "description": "Controls to place in a menu behind one button, named the same way as\n`extra-controls`.\n\n**Named rather than measured, and the reason is that a width cannot answer\nthis.** A media query asks about the window, and the bar's problem is its\nown width: a video in a 320px sidebar on a desktop is cramped and a\nfull-bleed hero on a phone is not. A container query asks the right\nquestion and still cannot answer it, because how many controls there are is\nthe consumer's, so the threshold is not a width but a width per control,\nwhich is a guess. And a control that moves between the bar and a hidden\nmenu as the layout shifts is a control the reader has to find twice.\n\nSo the consumer says where the fold is, which they can, having already\nnamed the controls in order. A name in both lists is drawn once, on the\nbar: two of the same control is worse than either placement.",
               "attribute": "overflow-controls"
             },
+            {
+              "kind": "field",
+              "name": "pausedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Paused'",
+              "description": "What the live region says when a key pauses the video.",
+              "attribute": "paused-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "pauseLabel",
@@ -182507,6 +184032,19 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "playingLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Playing'",
+              "description": "What the live region says when a key plays the video.",
+              "attribute": "playing-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "playLabel",
@@ -182670,6 +184208,32 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "unmutedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Unmuted'",
+              "description": "What the live region says when a key unmutes the video.",
+              "attribute": "unmuted-label",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "volumeChangedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Volume {percent} percent'",
+              "description": "What the live region says when a key changes the volume. `{percent}` is the\nvolume from 0 to 100, written in the locale.",
+              "attribute": "volume-changed-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "volumeLabel",
@@ -183342,6 +184906,66 @@
               "readonly": true,
               "description": "The keys every player uses, bound to this element rather than the document.\n\nA video is not a command palette: its keys belong to it while a reader is\non it, and a page with two videos on it would otherwise have both answering\nthe same press.\n\nA taken press is stopped here rather than in the table, because what the\ndefault would have been is the element's business: the table says what the\nkey means and this says that nothing else gets it."
             },
+            {
+              "kind": "method",
+              "name": "sayKey",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "paused",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "video",
+                  "type": {
+                    "text": "HTMLVideoElement"
+                  }
+                }
+              ],
+              "description": "What a reader hears after a key, which changed something they may not be\nlooking at: the focus is on the player or a control, and the bar may be\nhidden.\n\n**Said from the video's state after the press**, except for playing,\nwhich starts on a promise: whether the video was paused before the press\nsays which way it went. Nothing for fullscreen, which a reader sees and a\nscreen reader reports as the window changing, nor for `c` where there are\nno captions to turn on."
+            },
+            {
+              "kind": "field",
+              "name": "said",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "description": "What the live region says after a key, until the video waits for data,\nwhich it says over this."
+            },
+            {
+              "kind": "method",
+              "name": "say",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "words",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Puts words in the live region. The same words twice differ by a space no\nreader hears, since a region whose text does not change is not read again."
+            },
             {
               "kind": "field",
               "name": "captions",
@@ -183998,6 +185622,15 @@
               "description": "Whether the video starts playing on its own. Browsers allow this only while\nit is muted.\n\nForwarded to the video, which decides. Whether an unprompted play is\npermitted is the browser's policy, and what follows a refused autoplay is a\npaused player showing its start control, which is the correct thing to be\nlooking at.",
               "fieldName": "autoplay"
             },
+            {
+              "name": "captions-hidden-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Captions off'",
+              "description": "What the live region says when `c` turns captions off.",
+              "fieldName": "captionsHiddenLabel"
+            },
             {
               "name": "captions-label",
               "type": {
@@ -184016,6 +185649,15 @@
               "description": "The name of the row that turns captions off, when the video has several\ntracks.",
               "fieldName": "captionsOffLabel"
             },
+            {
+              "name": "captions-shown-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Captions on'",
+              "description": "What the live region says when `c` turns captions on.",
+              "fieldName": "captionsShownLabel"
+            },
             {
               "name": "controls",
               "type": {
@@ -184160,6 +185802,15 @@
               "description": "What the button that opens `overflow-controls` is called.",
               "fieldName": "moreLabel"
             },
+            {
+              "name": "muted-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Muted'",
+              "description": "What the live region says when a key mutes the video.",
+              "fieldName": "mutedLabel"
+            },
             {
               "name": "mute-label",
               "type": {
@@ -184187,6 +185838,15 @@
               "description": "Controls to place in a menu behind one button, named the same way as\n`extra-controls`.\n\n**Named rather than measured, and the reason is that a width cannot answer\nthis.** A media query asks about the window, and the bar's problem is its\nown width: a video in a 320px sidebar on a desktop is cramped and a\nfull-bleed hero on a phone is not. A container query asks the right\nquestion and still cannot answer it, because how many controls there are is\nthe consumer's, so the threshold is not a width but a width per control,\nwhich is a guess. And a control that moves between the bar and a hidden\nmenu as the layout shifts is a control the reader has to find twice.\n\nSo the consumer says where the fold is, which they can, having already\nnamed the controls in order. A name in both lists is drawn once, on the\nbar: two of the same control is worse than either placement.",
               "fieldName": "overflowControls"
             },
+            {
+              "name": "paused-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Paused'",
+              "description": "What the live region says when a key pauses the video.",
+              "fieldName": "pausedLabel"
+            },
             {
               "name": "pause-label",
               "type": {
@@ -184223,6 +185883,15 @@
               "description": "The name of the player when `label` is not set. The player is a group, and\nthis is what a screen reader calls it on arriving.",
               "fieldName": "playerLabel"
             },
+            {
+              "name": "playing-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Playing'",
+              "description": "What the live region says when a key plays the video.",
+              "fieldName": "playingLabel"
+            },
             {
               "name": "play-label",
               "type": {
@@ -184348,6 +186017,24 @@
               "description": "How the scrubber reads out where the video is, with `{position}` and\n`{duration}` filled in.",
               "fieldName": "timeLabel"
             },
+            {
+              "name": "unmuted-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Unmuted'",
+              "description": "What the live region says when a key unmutes the video.",
+              "fieldName": "unmutedLabel"
+            },
+            {
+              "name": "volume-changed-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Volume {percent} percent'",
+              "description": "What the live region says when a key changes the volume. `{percent}` is the\nvolume from 0 to 100, written in the locale.",
+              "fieldName": "volumeChangedLabel"
+            },
             {
               "name": "volume-label",
               "type": {
@@ -184841,7 +186528,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The items arrive as data, in one of two ways:\n\n- `items` takes an array. A framework sets it as a property, and React\n  hydration keeps it.\n- `for` names a `<script type=\"application/json\">` that holds an array, which\n  a server sends as markup.\n\nEach item is drawn into a row in one of two ways:\n\n- `renderItem` is a function from an item and its index to the row's\n  content: a Lit template, a string, or a DOM node.\n- A `<template>` child defines one row. `data-field=\"name\"` fills an element\n  with the item's `name` as text, and `data-field-href=\"url\"` writes the\n  item's `url` into `href`, the same for any attribute. A field may be a path\n  of keys, such as `author.name`.\n\nRows are your markup in the light DOM, so your stylesheet styles them.\n\n**A grid.** `columns` lays the items out that many to a line, as a grid of\nequal columns, and windows the set a line at a time, as React Aria's grid\nlayout does. Each item draws one element, a cell of the grid, and\n`estimate` is the height of a line. Space the items with padding inside\neach one, which the list measures with the line.\n\n**Keyboard.** The list is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous item, or in a grid to the item in the same column on the next or the previous line. |\n| Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. |\n| Home, End | Moves to the first or the last item. |\n| Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |\n| A letter or a word | Moves to the next item whose text starts with what you typed. |\n| Tab | Moves into the focused row's own links and buttons, then out of the list. |\n\nAn item that is not drawn is scrolled into view and focused, so a keyboard\nreaches the whole set. When the row holding the tab stop scrolls away, the\nstop moves to the first row on screen. Typing matches each item's\n`text-field`, which is the first `data-field` of the row template by default,\nor the item itself when it is a string or a number.\n\nEach row says its place in the whole set with `aria-posinset` and\n`aria-setsize`, so a screen reader says \"4,000 of 10,000\". The row holding\nfocus stays drawn when it scrolls out.\n\n**Selecting.** `selection-mode` makes the list a list box a reader chooses\nfrom: `single` selects one item and `multiple` any number. Space or a press\nselects an item, Shift with Space, an arrow, Home, End or a press takes in\nthe items from the last one chosen, and Control or Command with A selects\nthem all, in `multiple`. `value` holds the chosen items' keys, separated by\ncommas, in the order of the set: `key-field` names each item's key, and a\nstring or a number item is its own key. A change asks with\n`helix-before-change` and tells with `change`. Each row is an `option`\nmarked `aria-selected`, so a row's own links and buttons are not reached\nthere: keep those to a list without `selection-mode`.\n\n**Loading more.** `helix-range-change` fires as the items on screen change,\nand `range` holds them. `helix-load-more` fires once a reader is within one\nscreen of the end, once for each length of the set: add to `items` and it can\nfire again. While you fetch, set `loading`: the list is busy, and a row after\nthe last item says \"Loading more\" (`loading-label`, or your own content in\nthe `loading` slot). `scrollToIndex` takes a reader to an item.\n\n**An empty list.** Set `empty-label`, or put your own content in the `empty`\nslot, for a row shown when there are no items and none are loading, such as\n\"No messages yet\" and a link to write one. Without either, an empty list\nshows nothing, since a list whose items have not arrived yet has not said\nit has none.\n\n**Row height.** Rows are placed by `estimate` until they are drawn. Then the\nlist reads the drawn rows' height once and places every row by it, so a\nwrong estimate still reaches the last item. Set `measured` for rows of\ndifferent heights. Once the list draws rows of different heights, such as\nrows that wrap on a narrow screen, it places each row by its own height\nwhether `measured` is set or not.\n\nThe list follows its source. A new `items` array, an edit to the script's\ntext, or a script replaced under the same id draws the new rows. A row that\nstays in view keeps its element as the list scrolls.\n\nThe viewport scrolls on this tier. It carries `data-scroller`, and `core`\nships `[data-scroller] { overflow: auto }` into every shadow root, so\n`scrollTop` works with no stylesheet. You still need to set a block size.",
+          "description": "The items arrive as data, in one of two ways:\n\n- `items` takes an array. A framework sets it as a property, and React\n  hydration keeps it.\n- `for` names a `<script type=\"application/json\">` that holds an array, which\n  a server sends as markup.\n\nEach item is drawn into a row in one of two ways:\n\n- `renderItem` is a function from an item and its index to the row's\n  content: a Lit template, a string, or a DOM node.\n- A `<template>` child defines one row. `data-field=\"name\"` fills an element\n  with the item's `name` as text, and `data-field-href=\"url\"` writes the\n  item's `url` into `href`, the same for any attribute. A field may be a path\n  of keys, such as `author.name`.\n\nRows are your markup in the light DOM, so your stylesheet styles them.\n\n**A grid.** `columns` lays the items out that many to a line, as a grid of\nequal columns, and windows the set a line at a time, as React Aria's grid\nlayout does. Each item draws one element, a cell of the grid, and\n`estimate` is the height of a line. Space the items with padding inside\neach one, which the list measures with the line.\n\n**Keyboard.** The list is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Down, Up | Moves to the next or the previous item, or in a grid to the item in the same column on the next or the previous line. |\n| Right, Left | In a grid, moves to the next or the previous item along the line, the other way round on a right-to-left page. |\n| Home, End | Moves to the first or the last item. |\n| Page Down, Page Up | Moves by the number of items, or of lines in a grid, on screen. |\n| A letter or a word | Moves to the next item whose text starts with what you typed. |\n| Tab | Moves into the focused row's own links and buttons, then out of the list. |\n\nAn item that is not drawn is scrolled into view and focused, so a keyboard\nreaches the whole set. When the row holding the tab stop scrolls away, the\nstop moves to the first row on screen. Typing matches each item's\n`text-field`, which is the first `data-field` of the row template by default,\nor the item itself when it is a string or a number.\n\nEach row says its place in the whole set with `aria-posinset` and\n`aria-setsize`, so a screen reader says \"4,000 of 10,000\". The row holding\nfocus stays drawn when it scrolls out.\n\n**Selecting.** `selection-mode` makes the list a list box a reader chooses\nfrom: `single` selects one item and `multiple` any number. Space or a press\nselects an item, Shift with Space, an arrow, Home, End or a press takes in\nthe items from the last one chosen, and Control or Command with A selects\nthem all, in `multiple`. `value` holds the chosen items' keys, separated by\ncommas, in the order of the set: `key-field` names each item's key, and a\nstring or a number item is its own key. A change asks with\n`helix-before-change` and tells with `change`. Each row is an `option`\nmarked `aria-selected`, so a row's own links and buttons are not reached\nthere: keep those to a list without `selection-mode`.\n\n**Loading more.** `helix-range-change` fires as the items on screen change,\nand `range` holds them. `helix-load-more` fires once a reader is within one\nscreen of the end, once for each length of the set: add to `items` and it can\nfire again. While you fetch, set `loading`: the list is busy, and a row after\nthe last item says \"Loading more\" (`loading-label`, or your own content in\nthe `loading` slot). `scrollToIndex` takes a reader to an item.\n\n**An empty list.** Set `empty-label`, or put your own content in the `empty`\nslot, for a row shown when there are no items and none are loading, such as\n\"No messages yet\" and a link to write one. Without either, an empty list\nshows nothing, since a list whose items have not arrived yet has not said\nit has none.\n\nThe list takes the `empty` state while it has read its items and holds none,\nand the `loading` state while `loading` is set, so your stylesheet can\nchange the box around it for either. A list with no name is reported once\nin a development build. Name it with `label` or `aria-label`.\n\n**Row height.** Rows are placed by `estimate` until they are drawn. Then the\nlist reads the drawn rows' height once and places every row by it, so a\nwrong estimate still reaches the last item. Set `measured` for rows of\ndifferent heights. Once the list draws rows of different heights, such as\nrows that wrap on a narrow screen, it places each row by its own height\nwhether `measured` is set or not.\n\nThe list follows its source. A new `items` array, an edit to the script's\ntext, or a script replaced under the same id draws the new rows. A row that\nstays in view keeps its element as the list scrolls.\n\nThe viewport scrolls on this tier. It carries `data-scroller`, and `core`\nships `[data-scroller] { overflow: auto }` into every shadow root, so\n`scrollTop` works with no stylesheet. You still need to set a block size.",
           "name": "HelixHeadlessVirtualList",
           "cssParts": [
             {
@@ -185135,7 +186822,7 @@
               "name": "aria",
               "privacy": "protected",
               "readonly": true,
-              "default": "new AriaForwardController(this, { label: true, target: () => this.partNamed('viewport'), })",
+              "default": "new AriaForwardController(this, { label: true, target: () => this.partNamed('viewport'), /* A list with no name is announced as a list and nothing more, and only a window of its rows is there to say what it holds. Development builds only. */ unnamed: 'Give it a `label`, or an `aria-label` that says what the items are.', })",
               "description": "Carries a host `aria-label` and `aria-labelledby` to the element with the `list` role."
             },
             {
@@ -186111,6 +187798,24 @@
               "fieldName": "value"
             }
           ],
+          "cssStates": [
+            {
+              "description": "While the list has read its items and holds none.",
+              "name": "empty"
+            },
+            {
+              "description": "While `loading` is set.",
+              "name": "loading"
+            },
+            {
+              "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"
@@ -186134,16 +187839,6 @@
           },
           "tagName": "helix-headless-virtual-list",
           "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/virtual-list/root/virtual-list-root.ts",
           "definitionPath": "src/virtual-list/root/virtual-list-root.ts"
         }
@@ -186170,6 +187865,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.155.0"
+    "version": "0.156.0"
   }
 }