@fusion.dev/helix-headless 0.155.0 → 0.157.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"
@@ -59094,11 +59512,11 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A row that opens a page contains that page: the page's rows are this row's\nown children, assigned to the `page` slot. There are no ids to wire, and\nmoving a row moves its page with it.\n\nWhat the item renders depends on the stack:\n\n- On the page that is showing, it renders its row.\n- When its own page is showing, it renders only that page's rows. Its row\n  belongs to the page above.\n- When a page further down its own is showing, it renders its page's slot\n  alone, so the rows below reach the page.\n- Otherwise it renders nothing. The rows stay in the light DOM untouched, so\n  there is no state to keep.\n\nChoosing a row dispatches an event, and the stack decides whether that drills\nin or runs a command.\n\nA row that opens a page shows a caret after its text and sets\n`aria-haspopup`, the same way `Menu` marks a row with a submenu. The server\nrender leaves both out, because the server cannot see the children.\n\nThe row is named by its label alone. Words in `description`, a line under\nthe label, and in `end` describe it instead, through `aria-describedby`, as\n`Menu.Item` does: a reader hears \"Theme\", then \"Dark\".",
+          "description": "A row that opens a page contains that page: the page's rows are this row's\nown children, assigned to the `page` slot. There are no ids to wire, and\nmoving a row moves its page with it.\n\nWhat the item renders depends on the stack:\n\n- On the page that is showing, it renders its row.\n- When its own page is showing, it renders only that page's rows. Its row\n  belongs to the page above.\n- When a page further down its own is showing, it renders its page's slot\n  alone, so the rows below reach the page.\n- Otherwise it renders nothing. The rows stay in the light DOM untouched, so\n  there is no state to keep.\n\nChoosing a row dispatches an event, and the stack decides whether that drills\nin or runs a command.\n\nA row that opens a page shows a caret after its text and sets\n`aria-haspopup`, the same way `Menu` marks a row with a submenu. The server\nrender leaves both out, because the server cannot see the children.\n\n**A row with an `href` is a link.** The row itself renders as an `<a>`\ncarrying `menuitem`, as `Menu.Item` does, so a middle click, a modified\nclick and the status bar keep working. Enter follows it, and Space does too.\nChoosing it fires `helix-select` first: cancel the event and the link is not\nfollowed, so a router can take the navigation. A row that opens a page, or a\ndisabled row, renders no link.\n\nA development build warns when a row has no words to be named by, such as a\nrow holding only an icon with no label.\n\nThe row is named by its label alone. Words in `description`, a line under\nthe label, and in `end` describe it instead, through `aria-describedby`, as\n`Menu.Item` does: a reader hears \"Theme\", then \"Dark\".",
           "name": "HelixHeadlessDrilldownItem",
           "cssParts": [
             {
-              "description": "The row itself.",
+              "description": "The row itself, which is an `<a>` where `href` is set.",
               "name": "item"
             },
             {
@@ -59148,6 +59566,16 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the link downloads the file when the row is chosen. Only\nmeaningful beside an `href`, and only for a file served from this origin.",
+              "attribute": "download"
+            },
             {
               "kind": "field",
               "name": "focusable",
@@ -59157,6 +59585,36 @@
               "default": "false",
               "description": "Whether this row holds the region's tab stop. Set by the drill-down.\n\nA drill-down keeps one stop and moves within it on the arrows, so every\nother row is at `-1`. Leave it off every row, including the first, and\nnothing in the region is tab-reachable: the keyboard cannot get in without\nfirst clicking something with a pointer.\n\nNo attribute, the same as `Button`'s: this is coordination between\nelements, and writing `tabindex` onto a host the consumer rendered is a\nchange a React consumer's hydration reports and does not patch up. The stop\nlands inside this shadow root instead."
             },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL the row links to. Setting it renders the row as a link, unless the\nrow opens a page or is disabled.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The link's `rel`. Set it whenever you set `target=\"_blank\"`.",
+              "attribute": "rel"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Where the link opens, for rows that should open outside the current page.",
+              "attribute": "target"
+            },
             {
               "kind": "field",
               "name": "value",
@@ -59265,6 +59723,41 @@
                 "text": "select() => void"
               }
             },
+            {
+              "kind": "method",
+              "name": "choose",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Fires `helix-select`, and returns whether the choice stood."
+            },
+            {
+              "kind": "field",
+              "name": "handleClick",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A press on the row. On a link, a refused `helix-select` stops the link\nfrom being followed, so a router can take the navigation."
+            },
+            {
+              "kind": "field",
+              "name": "handleLinkKeydown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Space on a link presses it, which an anchor does not do on its own. Enter\nis the anchor's, which fires a click and follows the link."
+            },
+            {
+              "kind": "field",
+              "name": "linked",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether the row renders as a link.",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "renderMark",
@@ -59636,6 +60129,42 @@
               "description": "Whether the row can be reached at all.",
               "fieldName": "disabled"
             },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the link downloads the file when the row is chosen. Only\nmeaningful beside an `href`, and only for a file served from this origin.",
+              "fieldName": "download"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL the row links to. Setting it renders the row as a link, unless the\nrow opens a page or is disabled.",
+              "fieldName": "href"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The link's `rel`. Set it whenever you set `target=\"_blank\"`.",
+              "fieldName": "rel"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Where the link opens, for rows that should open outside the current page.",
+              "fieldName": "target"
+            },
             {
               "name": "value",
               "type": {
@@ -59704,7 +60233,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "One panel whose content changes as you move between pages. Use it where there\nis no room for a second column, such as on a phone, or on a touch screen with\nno hover to open one.\n\nIt is a region that stays where you put it, such as inside a drawer, a\nsidebar, or a settings panel. A `Menu` opens from a trigger and closes when\nyou are done. `Menu` can drill into pages too, through the same controller.\n\nRows are places to go and commands to run. Nothing here is form-associated\nand nothing is submitted. To choose a value, use a `Listbox`.\n\nA row that opens a page contains that page, so the stack holds one reference\nand reads the rest from the DOM. The behavior lives in `DrilldownController`,\nwhich `Menu` shares.\n\nAfter each move the host carries `data-direction`, `forward` into a page or\n`back` out of one, and records `:state(forward)` or `:state(back)`, so a\nstylesheet can slide the new page in from the side the reader is going. Both\nare written again on every move, so an animation keyed on them runs for each\npage, two moves the same way included. The styled tier slides the page and\nswaps it at once under `prefers-reduced-motion`.\n\nKeys, on a row: Up and Down Arrow move between the rows, Home and End go to\nthe first and the last, and a typed letter moves to the next row whose name\nstarts with it. Enter, Space, or Right Arrow opens a row's page, and Left\nArrow or Escape goes back, the two arrows swapping on a right-to-left page.\n\nThe rows of the page showing are a `menu`, named by `label` on the top page\nand by the page's title below it. The back button and the title sit above\nthe menu. Disabled rows stay reachable with the arrow keys, and typing a\nletter moves to the next row whose name starts with it.",
+          "description": "One panel whose content changes as you move between pages. Use it where there\nis no room for a second column, such as on a phone, or on a touch screen with\nno hover to open one.\n\nIt is a region that stays where you put it, such as inside a drawer, a\nsidebar, or a settings panel. A `Menu` opens from a trigger and closes when\nyou are done. `Menu` can drill into pages too, through the same controller.\n\nRows are places to go and commands to run. Nothing here is form-associated\nand nothing is submitted. To choose a value, use a `Listbox`.\n\nA row that opens a page contains that page, so the stack holds one reference\nand reads the rest from the DOM. The behavior lives in `DrilldownController`,\nwhich `Menu` shares.\n\n**`page` is the page showing**, as the `value` of the row that opens it,\nand empty on the top page. Set it to show a page, such as one a link to a\nsettings screen names. A reader's move updates it, and `helix-navigate`\ncomes first, so you can refuse the move or take it yourself.\n\nAfter each move the host carries `data-direction`, `forward` into a page or\n`back` out of one, and records `:state(forward)` or `:state(back)`, so a\nstylesheet can slide the new page in from the side the reader is going. Both\nare written again on every move, so an animation keyed on them runs for each\npage, two moves the same way included. The styled tier slides the page and\nswaps it at once under `prefers-reduced-motion`.\n\n**Keyboard.** The drilldown is one tab stop, on the row last focused.\n\n| Key | What it does |\n|---|---|\n| Down Arrow, Up Arrow | Moves to the next or the previous row. |\n| Home, End | Moves to the first or the last row. |\n| A letter | Moves to the next row whose name starts with it. |\n| Enter, Space | Chooses the row: opens its page, follows its link, or sends `helix-select`. |\n| Right Arrow | Opens the row's page. Left Arrow on a right-to-left page. |\n| Left Arrow, Escape | Goes back one page, with focus on the row that opened it. Right Arrow on a right-to-left page. |\n\nThe rows of the page showing are a `menu`, named by `label` on the top page\nand by the page's title below it.\n\n**`navigation` makes it a site's navigation.** The host is a `navigation`\nlandmark named by `label`, each page is a list, and each row is a list item\nholding a link or a button, as the APG's disclosure navigation is built,\nso a reader meets places to go in place of a menu of commands. The keys stay\nthe same. The back button and the title sit above\nthe menu. Disabled rows stay reachable with the arrow keys, and typing a\nletter moves to the next row whose name starts with it.",
           "name": "HelixHeadlessDrilldown",
           "cssParts": [
             {
@@ -59791,6 +60320,26 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "navigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the drilldown is a site's navigation: a `navigation` landmark\nnamed by `label`, whose pages are lists of links. Without it, each page is\na `menu`.",
+              "attribute": "navigation"
+            },
+            {
+              "kind": "field",
+              "name": "page",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page showing, as the `value` of the row that opens it. Empty is the\ntop page. Setting it shows that page, and a value no row with a page has\nshows the top page.",
+              "attribute": "page"
+            },
             {
               "kind": "field",
               "name": "direction",
@@ -59854,6 +60403,44 @@
               },
               "description": "Puts the region's one tab stop on the first row of the page showing.\n\nOne row holds the stop and the arrows move within, which is the roving\npattern the toolbar uses and the one a `menu` wants. Every row at `-1` is\na region the keyboard cannot get into at all without a pointer first.\n\nCalled after every update, because the set changes with the page: drilling\nin replaces the rows outright, and the stop has to land on rows that are\nactually showing."
             },
+            {
+              "kind": "method",
+              "name": "navigate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "to",
+                  "type": {
+                    "text": "HelixHeadlessDrilldownItem | null"
+                  }
+                }
+              ],
+              "description": "Asks before a reader's move to a page, the row's or the top one, and\nreturns whether the move may go ahead."
+            },
+            {
+              "kind": "method",
+              "name": "holderOf",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HelixHeadlessDrilldownItem | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "HelixHeadlessDrilldownItem"
+                  }
+                }
+              ],
+              "description": "The row whose page holds a row, or null for the top page."
+            },
             {
               "kind": "method",
               "name": "enter",
@@ -59886,6 +60473,25 @@
                 "text": "back() => boolean"
               }
             },
+            {
+              "kind": "method",
+              "name": "showPage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Shows the page of the row with a value, or the top page where no row with a page has it."
+            },
             {
               "kind": "field",
               "name": "handleFocusIn",
@@ -60506,6 +61112,14 @@
             }
           ],
           "events": [
+            {
+              "type": {
+                "text": "HelixNavigateEvent"
+              },
+              "description": "Fired before a reader moves into a page or back out of one. `detail.value` is the `value` of the row whose page is about to show, empty for the top page. Cancelable: cancel it to stay on the page showing.",
+              "name": "helix-navigate",
+              "reactProp": "onhelix-navigate"
+            },
             {
               "type": {
                 "text": "HelixSelectEvent"
@@ -60534,6 +61148,24 @@
               "description": "The text of the back button.",
               "fieldName": "backLabel"
             },
+            {
+              "name": "navigation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the drilldown is a site's navigation: a `navigation` landmark\nnamed by `label`, whose pages are lists of links. Without it, each page is\na `menu`.",
+              "fieldName": "navigation"
+            },
+            {
+              "name": "page",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The page showing, as the `value` of the row that opens it. Empty is the\ntop page. Setting it shows that page, and a value no row with a page has\nshows the top page.",
+              "fieldName": "page"
+            },
             {
               "name": "empty-text",
               "type": {
@@ -62087,6 +62719,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 +63978,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"
@@ -65076,6 +65725,10 @@
               "description": "The leading column.",
               "name": "entry-start"
             },
+            {
+              "description": "The panel a row's submenu opens in beside it. The filter menu's rows have none.",
+              "name": "entry-surface"
+            },
             {
               "description": "The menu the fields are offered in.",
               "name": "menu"
@@ -67412,6 +68065,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 +69413,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 +71221,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 +71359,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 +71475,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 +71676,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 +73604,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 +73730,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 +81016,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 +82328,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 +89298,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 +89315,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 +89379,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 +89409,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 +89546,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 +89988,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 +90454,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 +90490,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 +90516,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 +90627,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 +90677,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 +92356,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 +93737,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 +100047,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 +102155,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": {
@@ -102918,7 +103894,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A disclosure: a button that shows and hides a region of your own links. It\ndoes not use `role=\"menu\"` or `menuitem`, which are for application commands.\nThose roles take over the arrow keys, announce \"menu\" to someone looking for\nnavigation, and put every link inside a role that is not a link. As a\ndisclosure, middle clicks, modified clicks, and the status bar keep working.\nUse `Menu` for a row of commands.\n\nIt renders no links. A router renders its own anchors and cannot render them\ninside this shadow root, so the panel is a slot for the lists and headings\nyou write.\n\nIt opens on hover by default, and a press always opens it too. `open-on` sets\nwhich. Hover is the default because in a navigation bar people expect to move\nalong the row and see each section.\n\nWhen one panel opens in place of another, each says which way the reader\nmoved, as Radix's `data-motion` does. Moving toward the end of the bar, the\none opening is `:state(from-end)` and the one closing is `:state(to-start)`;\nmoving back, they are `:state(from-start)` and `:state(to-end)`. A\nstylesheet slides them on that. Start and end follow the reading direction,\nso on a right-to-left page the end is on the left. A panel that opens or\ncloses on its own carries none of the four. A press on another megamenu's\ntrigger hands over the same way as hovering it.\n\nWhile a panel is open its surface carries its own size, as\n`--megamenu-surface-inline-size` and `--megamenu-surface-block-size`, and a\npanel that took over from another also carries that one's size, as\n`--megamenu-from-inline-size` and `--megamenu-from-block-size`. Radix's\nnavigation menu publishes the same pair from its shared viewport, so a\nstylesheet can grow or shrink one panel into the next.\n\nThe panel's default slot is the `columns` part and draws no box, so a sheet\ncan give the columns one of their own. While a panel is open, an\n`indicator` slot is rendered beside its trigger, as Radix's indicator\nmarks the open one: slot a mark of your own, such as a bar or an arrow\npointing at the panel, and it shows only while the panel is open. The styled\ntier rests it on the trigger's bottom edge.\n\nLeft and Right Arrow move between the triggers of the megamenus beside this\none, and Home and End go to the first and the last, as Radix's navigation\nmenu does. In a `Navigation`, which holds them in a slot, the arrows are the\nnavigation's, and move between its destinations under its `arrows`. Down Arrow on the trigger of an open panel moves\nfocus to the panel's first link, Escape closes the panel and returns focus\nto its trigger, and Tab moves through the panel's links and closes it on the\nway out. The trigger says `aria-expanded`, and the panel is a group named by\n`label`.",
+          "description": "A disclosure: a button that shows and hides a region of your own links. It\ndoes not use `role=\"menu\"` or `menuitem`, which are for application commands.\nThose roles take over the arrow keys, announce \"menu\" to someone looking for\nnavigation, and put every link inside a role that is not a link. As a\ndisclosure, middle clicks, modified clicks, and the status bar keep working.\nUse `Menu` for a row of commands.\n\nIt renders no links. A router renders its own anchors and cannot render them\ninside this shadow root, so the panel is a slot for the lists and headings\nyou write.\n\nIt opens on hover by default, and a press always opens it too. `open-on` sets\nwhich. Hover is the default because in a navigation bar people expect to move\nalong the row and see each section. A pointer resting on the trigger opens\nthe panel after `open-delay`, and leaving closes it after `close-delay`. Moving\nfrom one open panel's trigger to another's opens the next at once, as Radix's\n`skipDelayDuration` does.\n\nWhen one panel opens in place of another, each says which way the reader\nmoved, as Radix's `data-motion` does. Moving toward the end of the bar, the\none opening is `:state(from-end)` and the one closing is `:state(to-start)`;\nmoving back, they are `:state(from-start)` and `:state(to-end)`. A\nstylesheet slides them on that. Start and end follow the reading direction,\nso on a right-to-left page the end is on the left. A panel that opens or\ncloses on its own carries none of the four. A press on another megamenu's\ntrigger hands over the same way as hovering it.\n\nWhile a panel is open its surface carries its own size, as\n`--megamenu-surface-inline-size` and `--megamenu-surface-block-size`, and a\npanel that took over from another also carries that one's size, as\n`--megamenu-from-inline-size` and `--megamenu-from-block-size`. Radix's\nnavigation menu publishes the same pair from its shared viewport, so a\nstylesheet can grow or shrink one panel into the next.\n\nWhile a link in the panel carries `aria-current=\"page\"`, the host has\n`:state(current)`, so the trigger of the section holding the page you are\non can say so, as Radix's navigation menu marks its active link.\n\nThe panel's default slot is the `columns` part and draws no box, so a sheet\ncan give the columns one of their own. While a panel is open, an\n`indicator` slot is rendered beside its trigger, as Radix's indicator\nmarks the open one: slot a mark of your own, such as a bar or an arrow\npointing at the panel, and it shows only while the panel is open. The styled\ntier rests it on the trigger's bottom edge.\n\nLeft and Right Arrow move between the triggers of the megamenus beside this\none, and Home and End go to the first and the last, as Radix's navigation\nmenu does. In a `Navigation`, which holds them in a slot, the arrows are the\nnavigation's, and move between its destinations under its `arrows`. Down Arrow on the trigger of an open panel moves\nfocus to the panel's first link, Escape closes the panel and returns focus\nto its trigger, and Tab moves through the panel's links and closes it on the\nway out. The trigger says `aria-expanded`, and the panel is a group named by\n`label`.\n\nA Helix trigger, such as `helix-button`, is told whether the panel is open\ninside its own shadow root. On a plain element, such as a `<button>`, the\nmegamenu writes `aria-expanded`, from a frame after its own first render, so\na server's markup is never changed while a framework hydrates it. It never\nwrites it where you wrote `aria-expanded` yourself.",
           "name": "HelixHeadlessMegamenu",
           "cssProperties": [
             {
@@ -102994,6 +103970,16 @@
               "description": "The page width, in pixels, below which a card panel is shown as a band. At\nzero, it never is.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This records\n`:state(narrow)` on the host and the stylesheet arranges itself off that.\n\n**A custom state and never `data-narrow`, which is what it was.** The width\nis read in `connectedCallback`, so on a phone this is true on the very first\nupdate: an attribute written there is markup a consumer's server never sent,\nwhich React reports as a mismatch and answers by rebuilding the subtree. The\nnarrow exception the server specs describe covers a mirror that can only\nbecome true long after hydration, and a viewport measured before the first\npaint is the opposite case. See `MixinControllerOpen` on `open`.",
               "attribute": "band-below"
             },
+            {
+              "kind": "field",
+              "name": "closeDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "220",
+              "description": "How long a pointer leaving the trigger and the panel waits before the panel\ncloses, in milliseconds. The pointer needs the time to cross from the\ntrigger to the panel.",
+              "attribute": "close-delay"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -103004,6 +103990,16 @@
               "description": "The section's name, used for the default trigger and the panel.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "openDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "120",
+              "description": "How long a pointer rests on the trigger before the panel opens, in\nmilliseconds, under `open-on=\"hover\"`. A pointer crossing the bar on its\nway somewhere else opens nothing.",
+              "attribute": "open-delay"
+            },
             {
               "kind": "field",
               "name": "openOn",
@@ -103014,6 +104010,16 @@
               "description": "Whether hovering over the trigger opens the panel (`hover`), or only a press\ndoes (`click`).\n\nA press always works. This says whether a mouse also opens it by resting on\nthe trigger, and it is the default because that is what a navigation bar\ndoes. `click` is for a trigger that does something else as well, or a panel\nheavy enough that opening it on the way past is rude.",
               "attribute": "open-on"
             },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'"
+              },
+              "default": "'bottom-start'",
+              "description": "The side of the trigger a card panel opens on, when there is room. It\nmoves if that side does not fit. A band ignores it, since a band spans the\npage under its bar.",
+              "attribute": "placement"
+            },
             {
               "kind": "field",
               "name": "variant",
@@ -103072,7 +104078,7 @@
               "name": "panel",
               "privacy": "protected",
               "readonly": true,
-              "default": "new PopoverController(this, { anchor: () => this.trigger, /* The host, not the panel. A press on the trigger is a press on this element, and counting it as outside would close the panel on the way to the click that toggles it. `Menu` says the same about its own. Every other megamenu too: a press on one of them opens it, and opening it closes this one with a direction. */ boundary: () => [...HelixHeadlessMegamenu.bar.connected], onDismiss: () => this.close(), open: () => this.open, place: () => !this.banded, placement: () => 'bottom-start', surface: () => this.partNamed('surface'), })"
+              "default": "new PopoverController(this, { anchor: () => this.trigger, /* The host, not the panel. A press on the trigger is a press on this element, and counting it as outside would close the panel on the way to the click that toggles it. `Menu` says the same about its own. Every other megamenu too: a press on one of them opens it, and opening it closes this one with a direction. */ boundary: () => [...HelixHeadlessMegamenu.bar.connected], onDismiss: () => this.close(), open: () => this.open, place: () => !this.banded, placement: () => this.placement, surface: () => this.partNamed('surface'), })"
             },
             {
               "kind": "method",
@@ -103083,7 +104089,26 @@
                   "text": "void"
                 }
               },
-              "description": "Tells a slotted trigger the disclosure state, by property. See `tellDisclosure`."
+              "description": "Tells a slotted trigger the disclosure state.\n\nA Helix trigger by property, through `tellDisclosure`. A plain element,\nwhich has no shadow root to keep the state out of the markup, by\n`aria-expanded`, from a frame after the first render, as `Popover` writes\nit. One that already carries `aria-expanded` is the consumer's to keep."
+            },
+            {
+              "kind": "field",
+              "name": "settledOnce",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a frame has passed since the first render, after which a plain trigger may be told."
+            },
+            {
+              "kind": "field",
+              "name": "told",
+              "type": {
+                "text": "Element | undefined"
+              },
+              "privacy": "private",
+              "description": "The plain trigger this megamenu writes `aria-expanded` on."
             },
             {
               "kind": "field",
@@ -103120,6 +104145,26 @@
               "readonly": true,
               "description": "Down Arrow on the trigger of an open panel moves focus to the panel's first\nlink or control, as Radix's navigation menu does."
             },
+            {
+              "kind": "field",
+              "name": "currentWatch",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "description": "Watches the panel's links for the one that is the page you are on."
+            },
+            {
+              "kind": "method",
+              "name": "markCurrent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Records whether a link in the panel is the page you are on."
+            },
             {
               "kind": "method",
               "name": "close",
@@ -103153,29 +104198,6 @@
               },
               "description": "The bottom edge of the bar this hangs from.\n\nThe trigger's own bottom is the obvious answer and is the wrong one: a\nheader is taller than the word inside it, so a band starting at the word\nstarts partway up the header, over its lower padding and its border.\nMeasured: trigger bottom 44, header bottom 57, thirteen pixels of header\nwith a band drawn across it.\n\n**The first ancestor as wide as the window, which is a fact and not a tag\nname.** A band spans the viewport, so what it should hang from is whatever\nelse does: that is what makes something a bar. Asking for `AppHeader` by\nname would make this element know about that one, which is the coupling\n`Menu` is careful not to have with `Drilldown`, and would leave a consumer\nwho wrote their own header with a band across it.\n\n`body` ends the walk. It is as wide as the window and is not a bar, and its\nbottom is the foot of the page: without the guard a megamenu on a plain page\nwould put its band down there. Nothing found means nothing to hang from, and\nthe trigger is the honest answer again."
             },
-            {
-              "kind": "field",
-              "name": "OPEN_DELAY",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "120",
-              "description": "How long a pointer has to mean it, in milliseconds.\n\nOpening is the shorter wait: too long and the panel feels stuck, too short\nand crossing the bar opens things. Closing is longer because the pointer\nhas to get from the trigger to the panel, and the straight line between\nthem is not the line anybody moves along."
-            },
-            {
-              "kind": "field",
-              "name": "CLOSE_DELAY",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "static": true,
-              "readonly": true,
-              "default": "220"
-            },
             {
               "kind": "field",
               "name": "timer",
@@ -103841,6 +104863,15 @@
               "description": "The page width, in pixels, below which a card panel is shown as a band. At\nzero, it never is.\n\nA card is a panel hung off one word, and there is no room to hang anything\noff a word on a phone: the columns do not shrink past\n`--megamenu-column-size`, so four of them stay four of them and the panel\nruns off the side of the screen rather than reflowing. Below this it takes\nthe whole width and its columns stack, which is the only arrangement that\nfits.\n\n**In script rather than a media query, and only once.** Whether the panel is\na band is not a question of paint: a band is not placed against the trigger,\nso the controller has to be told not to measure, and that decision is here\nwhatever the stylesheet says. Writing the width in both places would be one\nnumber in two languages, drifting the first time either moved. This records\n`:state(narrow)` on the host and the stylesheet arranges itself off that.\n\n**A custom state and never `data-narrow`, which is what it was.** The width\nis read in `connectedCallback`, so on a phone this is true on the very first\nupdate: an attribute written there is markup a consumer's server never sent,\nwhich React reports as a mismatch and answers by rebuilding the subtree. The\nnarrow exception the server specs describe covers a mirror that can only\nbecome true long after hydration, and a viewport measured before the first\npaint is the opposite case. See `MixinControllerOpen` on `open`.",
               "fieldName": "bandBelow"
             },
+            {
+              "name": "close-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "220",
+              "description": "How long a pointer leaving the trigger and the panel waits before the panel\ncloses, in milliseconds. The pointer needs the time to cross from the\ntrigger to the panel.",
+              "fieldName": "closeDelay"
+            },
             {
               "name": "label",
               "type": {
@@ -103850,6 +104881,15 @@
               "description": "The section's name, used for the default trigger and the panel.",
               "fieldName": "label"
             },
+            {
+              "name": "open-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "120",
+              "description": "How long a pointer rests on the trigger before the panel opens, in\nmilliseconds, under `open-on=\"hover\"`. A pointer crossing the bar on its\nway somewhere else opens nothing.",
+              "fieldName": "openDelay"
+            },
             {
               "name": "open-on",
               "type": {
@@ -103859,6 +104899,15 @@
               "description": "Whether hovering over the trigger opens the panel (`hover`), or only a press\ndoes (`click`).\n\nA press always works. This says whether a mouse also opens it by resting on\nthe trigger, and it is the default because that is what a navigation bar\ndoes. `click` is for a trigger that does something else as well, or a panel\nheavy enough that opening it on the way past is rude.",
               "fieldName": "openOn"
             },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'"
+              },
+              "default": "'bottom-start'",
+              "description": "The side of the trigger a card panel opens on, when there is room. It\nmoves if that side does not fit. A band ignores it, since a band spans the\npage under its bar.",
+              "fieldName": "placement"
+            },
             {
               "name": "variant",
               "type": {
@@ -103894,6 +104943,10 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "A link in the panel carries `aria-current=\"page\"`, so the trigger can show the section you are in.",
+              "name": "current"
+            },
             {
               "description": "The panel opened in place of one earlier in the bar, so it can enter from the end side.",
               "name": "from-end"
@@ -104023,7 +105076,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "One element covers three kinds of row, and what you give it decides which:\n- Content in the `submenu` slot makes the row open a submenu page.\n- `checked` makes the row a choice.\n- With neither, the row is a command.\n\nThe role follows the kind. A row with `checked` is `menuitemcheckbox` with\n`aria-checked`, and `exclusive` makes it `menuitemradio`, for a set where\nonly one can be on. A row that opens a page keeps `menuitem` and sets\n`aria-haspopup`.\n\nChoosing a choice row checks or unchecks it before `helix-select` is sent,\nso a listener reads the new `checked`. An `exclusive` row turns on and turns\noff the `exclusive` rows next to it. Cancel `helix-before-toggle` to keep a\nrow as it is and set `checked` yourself.\n\nThe menu sets whether the row's page is showing as a property, never as an\nattribute. An attribute written onto your element after it upgrades causes a\nhydration mismatch.\n\n`shortcut` shows a row's keyboard shortcut after its label, drawn by `Kbd`\nin the platform's glyphs, and gives the row `aria-keyshortcuts`. It binds\nnothing: the shortcut is the page's to bind. Other trailing words, such as a\ncount, go in the `end` slot.\n\nThe row is named by its label alone. Words in `description`, a line under the\nlabel, and in `end` describe it instead, through `aria-describedby`, as\nReact Aria's menu item does with its description: a reader hears \"Copy\",\nthen \"Copies the selection\".\n\nThe check mark and the caret are the fallbacks of the `check` and `chevron`\nslots, so a mark of your own replaces either by being slotted. Neither is\nread as part of the row's name.",
+          "description": "One element covers three kinds of row, and what you give it decides which:\n- Content in the `submenu` slot makes the row open a submenu page.\n- `checked` makes the row a choice.\n- With neither, the row is a command.\n\nThe role follows the kind. A row with `checked` is `menuitemcheckbox` with\n`aria-checked`, and `exclusive` makes it `menuitemradio`, for a set where\nonly one can be on. A row that opens a page keeps `menuitem` and sets\n`aria-haspopup`.\n\nChoosing a choice row checks or unchecks it before `helix-select` is sent,\nso a listener reads the new `checked`. An `exclusive` row turns on and turns\noff the `exclusive` rows next to it. Cancel `helix-before-toggle` to keep a\nrow as it is and set `checked` yourself.\n\nThe menu sets whether the row's page is showing as a property, never as an\nattribute. An attribute written onto your element after it upgrades causes a\nhydration mismatch.\n\n`shortcut` shows a row's keyboard shortcut after its label, drawn by `Kbd`\nin the platform's glyphs, and gives the row `aria-keyshortcuts`. It binds\nnothing: the shortcut is the page's to bind. Other trailing words, such as a\ncount, go in the `end` slot.\n\nThe row is named by its label alone. Words in `description`, a line under the\nlabel, and in `end` describe it instead, through `aria-describedby`, as\nReact Aria's menu item does with its description: a reader hears \"Copy\",\nthen \"Copies the selection\".\n\nA development build warns when a row has no words to be named by, such as a\nrow holding only an icon with no label.\n\nThe check mark and the caret are the fallbacks of the `check` and `chevron`\nslots, so a mark of your own replaces either by being slotted. Neither is\nread as part of the row's name.",
           "name": "HelixHeadlessMenuItem",
           "cssParts": [
             {
@@ -104057,6 +105110,10 @@
             {
               "description": "The leading column that holds the `start` slot. It is always rendered.",
               "name": "start"
+            },
+            {
+              "description": "The panel a submenu opens in beside the row, under the menu's `submenus=\"flyout\"`.",
+              "name": "surface"
             }
           ],
           "slots": [
@@ -104328,6 +105385,14 @@
                 "text": "focusItem() => void"
               }
             },
+            {
+              "kind": "field",
+              "name": "flyoutPanel",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new PopoverController(this, { anchor: () => this.partNamed('item'), boundary: () => this, onDismiss: () => {}, open: () => this.flyout && this.expanded && this.onPage && this.submenu, placement: () => (isRtl(this) ? 'left-start' : 'right-start'), surface: () => (this.flyout ? this.partNamed('surface') : null), })",
+              "description": "The panel a flyout submenu opens in, beside the row and in the top layer.\nThe menu around it says when, and answers a press outside and Escape, so\nits own dismissal does nothing."
+            },
             {
               "kind": "method",
               "name": "select",
@@ -104878,6 +105943,14 @@
               "description": "The row is checked.",
               "name": "checked"
             },
+            {
+              "description": "Under `submenus=\"flyout\"`, a row in this row's submenu can be ticked or opens a submenu, so the submenu keeps its trailing column.",
+              "name": "submenu-mark"
+            },
+            {
+              "description": "Under `submenus=\"flyout\"`, a row in this row's submenu has content before its label, so the submenu keeps its leading column.",
+              "name": "submenu-start"
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -104938,7 +106011,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The trigger is slotted and stays your own element, as with the tooltip. The\nmenu renders its surface in the top layer with the popover API, so an\nancestor with `overflow: hidden` does not clip it and it needs no `z-index`.\n\nSlot a `helix-button` or `helix-icon-button` as the trigger, and the menu\ntells it that it opens a menu and whether the menu is open. A plain\n`<button>` can only be told by writing attributes onto your markup, which\nthe menu does not do, so give it `aria-haspopup=\"menu\"` and set its\n`aria-expanded` from the `toggle` event.\n\nSubmenus drill down. A submenu replaces the panel's content, and a back row\nreturns to the previous page. One panel avoids the diagonal pointer path that\nside-by-side panels need, stays inside a narrow window, and works on touch\nscreens, which have no hover.\n\nThe root holds which page is open, because only one page shows at a time. It\nsets this on items as a property, never as an attribute. An attribute written\nonto your element after it upgrades causes a hydration mismatch.\n\nGroup rows under a heading with `Menu.Section`, which is a `group` named by\nits heading. Between runs of rows, a `<helix-divider>` is a separator a\nscreen reader announces.\n\nKeys: Enter, Space or Down Arrow on the trigger opens the menu on its first\nrow, and Up Arrow on its last. In the menu, Up and Down Arrow move between\nrows, Home and End go to the first and the last, a typed letter moves to\nthe next row whose name starts with it, Enter and Space choose, Right Arrow\nopens a row's submenu and Left Arrow goes back, the two swapping on a\nright-to-left page, and Escape closes the menu and returns focus to the\ntrigger. Tab closes it and moves on.\n\nWhile it is open, the surface carries the trigger's width as\n`--floating-anchor-inline-size` and the room left below it as\n`--floating-available-block-size`, as Radix's dropdown menu publishes its\ntrigger's width, for a menu as wide as its trigger:\n`helix-menu::part(surface) { min-inline-size: var(--floating-anchor-inline-size) }`.\n\nWith `context`, the trigger is an area and the menu is its context menu: a\nright-click, a long press, Shift+F10 or the menu key over the area opens it\nat the pointer, or at the area's corner from the keyboard, as Radix's context\nmenu does. A press on the area does not open it, and closing it returns focus\nto where it was.",
+          "description": "The trigger is slotted and stays your own element, as with the tooltip. The\nmenu renders its surface in the top layer with the popover API, so an\nancestor with `overflow: hidden` does not clip it and it needs no `z-index`.\n\nSlot a `helix-button` or `helix-icon-button` as the trigger, and the menu\ntells it that it opens a menu and whether the menu is open, inside its own\nshadow root. On a plain element, such as a `<button>`, the menu writes\n`aria-haspopup=\"menu\"` and `aria-expanded`, from a frame after its own first\nrender, so a server's markup is never changed while a framework hydrates it.\nIt never writes `aria-expanded` where you wrote it yourself.\n\nSubmenus drill down by default. A submenu replaces the panel's content, and a\nback row returns to the previous page. One panel stays inside a narrow\nwindow, and works on touch screens, which have no hover.\n\n**`submenus=\"flyout\"` opens each submenu in a panel of its own beside its\nrow**, as React Aria's `SubmenuTrigger` and Radix's `Sub` do. Resting the\npointer on the row opens it, and a pointer crossing toward the open panel\nover the rows between keeps it open, as Radix's grace area does. Right Arrow\nopens a row's submenu on its first row, and Left Arrow or Escape closes it\nand returns focus to the row, the two arrows swapping on a right-to-left\npage. The row says `aria-expanded`, and the panel is a `menu` named by the\nrow.\n\nThe root holds which page is open, because only one page shows at a time. It\nsets this on items as a property, never as an attribute. An attribute written\nonto your element after it upgrades causes a hydration mismatch.\n\nGroup rows under a heading with `Menu.Section`, which is a `group` named by\nits heading. Between runs of rows, a `<helix-divider>` is a separator a\nscreen reader announces.\n\nKeys: Enter, Space or Down Arrow on the trigger opens the menu on its first\nrow, and Up Arrow on its last. In the menu, Up and Down Arrow move between\nrows, Home and End go to the first and the last, a typed letter moves to\nthe next row whose name starts with it, Enter and Space choose, Right Arrow\nopens a row's submenu and Left Arrow goes back, the two swapping on a\nright-to-left page, and Escape closes the menu and returns focus to the\ntrigger. Tab closes it and moves on.\n\nWhile it is open, the surface carries the trigger's width as\n`--floating-anchor-inline-size` and the room left below it as\n`--floating-available-block-size`, as Radix's dropdown menu publishes its\ntrigger's width, for a menu as wide as its trigger:\n`helix-menu::part(surface) { min-inline-size: var(--floating-anchor-inline-size) }`.\n\nWith `context`, the trigger is an area and the menu is its context menu: a\nright-click, a long press, Shift+F10 or the menu key over the area opens it\nat the pointer, or at the area's corner from the keyboard, as Radix's context\nmenu does. A press on the area does not open it, and closing it returns focus\nto where it was. A touch or a pen held still on the area opens it too, on\nevery browser, since iOS sends no `contextmenu` for one.\n\n**A trigger with its own action.** With `open-on=\"long-press\"`, a press on\nthe trigger is the trigger's own, and a press held for half a second opens\nthe menu, as React Aria's `trigger=\"longPress\"` does. Alt+Down or Alt+Up\nopens it from the keyboard, and the trigger is described by\n`long-press-label`, which says so.",
           "name": "HelixHeadlessMenu",
           "cssProperties": [
             {
@@ -105043,6 +106116,116 @@
               "description": "Accessible name for the surface.\n\nEmpty by default, which names the surface by its trigger, so a menu opened\nfrom \"Actions\" is announced as \"Actions\". An `aria-label` or\n`aria-labelledby` on the host names it too, and wins over both.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "flies",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether submenus open beside their rows.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "topRows",
+              "type": {
+                "text": "HelixHeadlessMenuItem[]"
+              },
+              "privacy": "private",
+              "description": "The rows of the top page, read through each section.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "rowsOf",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HelixHeadlessMenuItem[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "holder",
+                  "type": {
+                    "text": "HelixHeadlessMenuItem | null"
+                  }
+                }
+              ],
+              "description": "The rows of a submenu, or of the top page for null."
+            },
+            {
+              "kind": "method",
+              "name": "holderOf",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HelixHeadlessMenuItem | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "HelixHeadlessMenuItem"
+                  }
+                }
+              ],
+              "description": "The row whose submenu holds a row, or null for a row of the top page."
+            },
+            {
+              "kind": "field",
+              "name": "openPages",
+              "type": {
+                "text": "(HelixHeadlessMenuItem | null)[]"
+              },
+              "privacy": "private",
+              "description": "The submenus open, from the top page down to the deepest.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "keyPage",
+              "type": {
+                "text": "HelixHeadlessMenuItem | null"
+              },
+              "privacy": "private",
+              "description": "The submenu the keys move in under `flyout`: the one holding the row with\nfocus, or the deepest open one.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "openPage",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "holder",
+                  "type": {
+                    "text": "HelixHeadlessMenuItem | null"
+                  }
+                }
+              ],
+              "description": "Opens a submenu and closes the ones below it, or closes them all for null."
+            },
+            {
+              "kind": "field",
+              "name": "longPressLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Long press or press Alt+Down to show the menu'",
+              "description": "The description a trigger gives under `open-on=\"long-press\"`, saying how\nto open the menu. Translate it with the rest of your interface.",
+              "attribute": "long-press-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "offset",
@@ -105053,6 +106236,43 @@
               "description": "Space between the trigger and the surface, in pixels.",
               "attribute": "offset"
             },
+            {
+              "kind": "field",
+              "name": "pressHeld",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether the trigger opens the menu only on a held press.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "longPress",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LongPress(this, { onLongPress: () => { if (this.context) { const at = this.heldAt if (at) { this.openContextAt(at) } return } if (!this.open) { this.show() } }, })",
+              "description": "Watches the trigger for a held press: under `open-on=\"long-press\"`, and\nfor a touch or a pen on a context menu's area."
+            },
+            {
+              "kind": "field",
+              "name": "heldAt",
+              "type": {
+                "text": "{ x: number; y: number } | undefined"
+              },
+              "privacy": "private",
+              "description": "Where a held press on a context menu's area is, to open the menu there."
+            },
+            {
+              "kind": "field",
+              "name": "openOn",
+              "type": {
+                "text": "'click' | 'long-press'"
+              },
+              "default": "'click'",
+              "description": "What opens the menu from its trigger. `long-press` leaves a press to the\ntrigger's own action and opens the menu on a press held for half a second,\nor on Alt+Down or Alt+Up.",
+              "attribute": "open-on"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -105063,6 +106283,16 @@
               "description": "The side the menu opens on, when there is room.\n\nIt moves if that side does not fit.",
               "attribute": "placement"
             },
+            {
+              "kind": "field",
+              "name": "submenus",
+              "type": {
+                "text": "'drill' | 'flyout'"
+              },
+              "default": "'drill'",
+              "description": "How a submenu opens. `drill` shows it in place of the page showing, with\na way back. `flyout` opens it in a panel of its own beside its row.",
+              "attribute": "submenus"
+            },
             {
               "kind": "field",
               "name": "drilldown",
@@ -105123,6 +106353,25 @@
               },
               "description": "Tells a slotted trigger the disclosure state, by property.\n\nA control that opens a menu has to say so. By property rather than by\nattribute, which is the class note's rule about items applied one level up:\nan attribute written onto a consumer's element after it upgrades is a\nhydration mismatch waiting to happen."
             },
+            {
+              "kind": "field",
+              "name": "settledOnce",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether a frame has passed since the first render, after which a plain trigger may be told."
+            },
+            {
+              "kind": "field",
+              "name": "told",
+              "type": {
+                "text": "Element | undefined"
+              },
+              "privacy": "private",
+              "description": "The plain trigger this menu writes `aria-expanded` on."
+            },
             {
               "kind": "field",
               "name": "trigger",
@@ -105195,6 +106444,25 @@
               "readonly": true,
               "description": "Opens a context menu where the reader asked for it: at the pointer, or at\nthe area's corner where the keyboard asked and the event has no position."
             },
+            {
+              "kind": "method",
+              "name": "openContextAt",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "point",
+                  "type": {
+                    "text": "{ x: number; y: number }"
+                  }
+                }
+              ],
+              "description": "Opens a context menu at a point in the viewport, or moves an open one there."
+            },
             {
               "kind": "method",
               "name": "enter",
@@ -105269,6 +106537,160 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "fromTrigger",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Whether an event came from the slotted trigger, or the area of a context menu."
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerDown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A press on the trigger starting: the start of a held one under\n`open-on=\"long-press\"`, or a touch or a pen held on a context menu's area."
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerMove",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerUp",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handlePointerCancel",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "handleHeldClick",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Takes the click a held press ends in, ahead of the trigger's own\nlisteners, so a press that opened the menu does not also do the trigger's\naction. In capture, on the host, which is above a slotted trigger."
+            },
+            {
+              "kind": "field",
+              "name": "described",
+              "type": {
+                "text": "Element | undefined"
+              },
+              "privacy": "private",
+              "description": "The control the menu has described, so the description can be taken back."
+            },
+            {
+              "kind": "method",
+              "name": "describeTrigger",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "light",
+                  "default": "false"
+                }
+              ],
+              "description": "Describes the trigger by `long-press-label` under `open-on=\"long-press\"`,\nor takes it back, by the host, which carries the words as its label, as\n`SpeedDial` does. On the consumer's own element only once a reader has\nreached it, which is after hydration."
+            },
+            {
+              "kind": "field",
+              "name": "handleTriggerFocusIn",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A reader reaching the trigger, which is late enough to describe a plain one."
+            },
+            {
+              "kind": "field",
+              "name": "hovered",
+              "type": {
+                "text": "HelixHeadlessMenuItem | undefined"
+              },
+              "privacy": "private",
+              "description": "The row the pointer last rested on, under `flyout`."
+            },
+            {
+              "kind": "field",
+              "name": "hoverTimer",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private",
+              "description": "The wait before a rested-on row opens or closes a submenu."
+            },
+            {
+              "kind": "field",
+              "name": "grace",
+              "type": {
+                "text": "{ points: [number, number][]; until: number } | undefined"
+              },
+              "privacy": "private",
+              "description": "The triangle from where the pointer left a row with an open submenu to the\nnear edge of that submenu, and until when it holds."
+            },
+            {
+              "kind": "method",
+              "name": "stopHover",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleHover",
+              "privacy": "private",
+              "readonly": true,
+              "description": "A mouse resting on a row, under `flyout`: focus follows it, and after a\nmoment the row's submenu opens, or the submenus below the row's own page\nclose. Not while the pointer is crossing toward an open submenu."
+            },
+            {
+              "kind": "field",
+              "name": "handleRowOut",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The pointer leaving a row whose submenu is open, which starts the grace area."
+            },
+            {
+              "kind": "method",
+              "name": "inGrace",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ],
+              "description": "Whether the pointer is inside the grace area, while it holds."
+            },
             {
               "kind": "method",
               "name": "nameSurface",
@@ -106050,6 +107472,15 @@
               "description": "Accessible name for the surface.\n\nEmpty by default, which names the surface by its trigger, so a menu opened\nfrom \"Actions\" is announced as \"Actions\". An `aria-label` or\n`aria-labelledby` on the host names it too, and wins over both.",
               "fieldName": "label"
             },
+            {
+              "name": "long-press-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Long press or press Alt+Down to show the menu'",
+              "description": "The description a trigger gives under `open-on=\"long-press\"`, saying how\nto open the menu. Translate it with the rest of your interface.",
+              "fieldName": "longPressLabel"
+            },
             {
               "name": "offset",
               "type": {
@@ -106059,6 +107490,15 @@
               "description": "Space between the trigger and the surface, in pixels.",
               "fieldName": "offset"
             },
+            {
+              "name": "open-on",
+              "type": {
+                "text": "'click' | 'long-press'"
+              },
+              "default": "'click'",
+              "description": "What opens the menu from its trigger. `long-press` leaves a press to the\ntrigger's own action and opens the menu on a press held for half a second,\nor on Alt+Down or Alt+Up.",
+              "fieldName": "openOn"
+            },
             {
               "name": "placement",
               "type": {
@@ -106068,6 +107508,15 @@
               "description": "The side the menu opens on, when there is room.\n\nIt moves if that side does not fit.",
               "fieldName": "placement"
             },
+            {
+              "name": "submenus",
+              "type": {
+                "text": "'drill' | 'flyout'"
+              },
+              "default": "'drill'",
+              "description": "How a submenu opens. `drill` shows it in place of the page showing, with\na way back. `flyout` opens it in a panel of its own beside its row.",
+              "fieldName": "submenus"
+            },
             {
               "name": "empty-text",
               "type": {
@@ -110035,7 +111484,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Notifications are slotted children. Each one is your own markup, with an\navatar, a link, or a button in it. Feeds usually hold tens of items, so\nwriting them out lets an item hold anything.\n\nThe list does not virtualize. Windowing needs the list to own the data, and\nhere you own it, so N notifications are N elements. For a feed of thousands,\nuse a data table with a custom cell.\n\nRead state is reported to you. Marking read goes from the root to the item\nand from the item to you, so a canceled `helix-read` changes nothing, and if\nyou own `read`, nothing changes until you set it. `unread` is derived from\nthe items and written to an attribute, so a stylesheet and a badge can both\nuse it without counting.\n\n**The feed is one `Tab` stop for its rows.** Each row takes focus itself and\nis read by its label. `ArrowDown` and `ArrowUp` move to the next and the\nprevious row, `Home` and `End` to the first and the last, and `PageDown` and\n`PageUp` move a row on or back from anywhere inside one, as in the APG feed\npattern. The controls inside a row stay in the `Tab` order. Set `total` when\nthe feed holds one page of a longer list, and each row says its place in the\nwhole of it.\n\n**Keyboard.**\n\n| Key | What it does |\n|---|---|\n| Down, Up | On a row, moves to the next or the previous row. |\n| Home, End | On a row, moves to the first or the last row. |\n| Page Down, Page Up | From anywhere in a row, moves to the next or the previous row. |\n| Control+End | From anywhere in the feed, moves to the first control after it on the page. |\n| Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |\n| Tab | Moves through the controls in a row, and on out of the feed. |\n\n**`load-more` adds a button after the list** that sends `helix-load-more`,\nfor a feed that holds one page of a longer list. Append the next page, set\n`loading` while it is on its way, and take `load-more` off once there is\nnothing more. While the feed is loading the button stays, so focus stays on\nit, and it is `aria-disabled` and sends nothing.\n\n**`load-error` says a page could not be fetched**, such as \"Could not load\nnotifications\": it shows under the rows there are, in the `error` part, in\nplace of the empty and loading lines, and a screen reader hears it. Clear it\nwhen you ask again.",
+          "description": "Notifications are slotted children. Each one is your own markup, with an\navatar, a link, or a button in it. Feeds usually hold tens of items, so\nwriting them out lets an item hold anything.\n\nThe list does not virtualize. Windowing needs the list to own the data, and\nhere you own it, so N notifications are N elements. For a feed of thousands,\nuse a data table with a custom cell.\n\nRead state is reported to you. Marking read goes from the root to the item\nand from the item to you, so a canceled `helix-read` changes nothing, and if\nyou own `read`, nothing changes until you set it. `unread` is derived from\nthe items and written to an attribute, so a stylesheet and a badge can both\nuse it without counting.\n\n**The feed is one `Tab` stop for its rows.** Each row takes focus itself and\nis read by its label. `ArrowDown` and `ArrowUp` move to the next and the\nprevious row, `Home` and `End` to the first and the last, and `PageDown` and\n`PageUp` move a row on or back from anywhere inside one, as in the APG feed\npattern. The controls inside a row stay in the `Tab` order. Set `total` when\nthe feed holds one page of a longer list, and each row says its place in the\nwhole of it.\n\n**Keyboard.**\n\n| Key | What it does |\n|---|---|\n| Down, Up | On a row, moves to the next or the previous row. |\n| Home, End | On a row, moves to the first or the last row. |\n| Page Down, Page Up | From anywhere in a row, moves to the next or the previous row. |\n| Control+End | From anywhere in the feed, moves to the first control after it on the page. |\n| Control+Home | From anywhere in the feed, moves to the nearest control before it on the page. |\n| Tab | Moves through the controls in a row, and on out of the feed. |\n\n**A notification that arrives says so.** Unread rows added above the rows\nthere were are counted in the live region,\n\"1 new notification\", in `arrived-label`. Rows that arrive while `loading`\nis set say nothing, so set it while a page is on its way.\n\n**`load-more` adds a button after the list** that sends `helix-load-more`,\nfor a feed that holds one page of a longer list. Append the next page, set\n`loading` while it is on its way, and take `load-more` off once there is\nnothing more. While the feed is loading the button stays, so focus stays on\nit, and it is `aria-disabled` and sends nothing.\n\n**`load-error` says a page could not be fetched**, such as \"Could not load\nnotifications\": it shows under the rows there are, in the `error` part, in\nplace of the empty and loading lines, and a screen reader hears it. Clear it\nwhen you ask again.",
           "name": "HelixHeadlessNotifications",
           "cssParts": [
             {
@@ -110126,6 +111575,19 @@
                 "module": "src/mixins/mixin-collection/mixin-collection.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "arrivedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{count, plural, one {# new notification} other {# new notifications}}'",
+              "description": "What the feed says when unread notifications arrive, with `{count}` the\nnumber of them. Empty it to say nothing.",
+              "attribute": "arrived-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "fallbackLabel",
@@ -110396,6 +111858,34 @@
               },
               "description": "Tells each row whether it is the stop, and where it sits in the feed.\n\nThrough each row's own properties, written once it has hydrated, so a\nserver's markup stays the server's: every row is a stop until this runs."
             },
+            {
+              "kind": "field",
+              "name": "seen",
+              "type": {
+                "text": "WeakSet<Element> | undefined"
+              },
+              "privacy": "private",
+              "description": "The rows the feed has met, so a row that arrives later is told apart."
+            },
+            {
+              "kind": "field",
+              "name": "hush",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new DelayController(this, { renders: false })",
+              "description": "Empties the arrival a moment after it is said, so the next one is news."
+            },
+            {
+              "kind": "method",
+              "name": "noteArrivals",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Counts the unread rows that arrived above the rows there were, and says\nhow many. Rows that fill an empty feed are a page, which says nothing. The rows there are at the first update are\nthe feed's to begin with, and say nothing."
+            },
             {
               "kind": "method",
               "name": "renderStatus",
@@ -111010,6 +112500,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "arrived-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{count, plural, one {# new notification} other {# new notifications}}'",
+              "description": "What the feed says when unread notifications arrive, with `{count}` the\nnumber of them. Empty it to say nothing.",
+              "fieldName": "arrivedLabel"
+            },
             {
               "name": "fallback-label",
               "type": {
@@ -111317,7 +112816,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 +112836,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 +112857,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 +112873,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 +113061,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 +113348,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 +113500,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 +113585,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 +113780,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 +115000,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 +115084,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 +115282,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 +115430,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 +115607,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 +116131,7 @@
             },
             {
               "kind": "method",
-              "name": "renderValue",
+              "name": "drawValue",
               "privacy": "private",
               "return": {
                 "type": {
@@ -116084,7 +117722,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 +117862,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 +117962,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 +118409,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 +118477,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 +119046,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 +119062,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 +119192,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 +123737,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 +125006,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 +128970,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 +130160,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 +131683,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 +132950,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 +136978,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 +138281,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 +140351,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 +141698,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 +149859,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 +151064,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 +153047,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 +153108,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 +153154,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 +153278,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 +154714,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 +154905,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 +154959,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 +160362,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 +161636,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 +161833,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 +161924,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 +162078,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 +162102,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 +162546,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 +163862,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 +165369,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 +165590,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 +165653,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 +165746,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 +165794,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 +165842,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 +166393,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 +167583,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 +167623,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 +168481,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 +168530,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 +168963,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": {
@@ -167419,7 +169502,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Each message is an element because it has a timeout, a tone, a dismiss\ncontrol, and a lifetime that pauses.\n\n**Each item runs its own timer.** A timer held by the region would restart\nwith each new message, and the last of three messages would stay for nine\nseconds. It pauses while the pointer or focus is on the message, and while\nthe page is hidden, so a message is not spent in a background tab.\n\n**Each message is an `alertdialog` named by its words**, which is how a reader\nwho moves into the stack hears which message they are on. Give it a\n`heading` and a `description`, and the heading names it and the description\ndescribes it, for a message with a title and a line of detail. The region\nsays each message once as it arrives, a `danger` one assertively, so a\nmessage is never a live region of its own.\n\nA touch or a pen swipes a message toward the end of the line, and past\nhalfway, or quickly, dismisses it through the same `helix-dismiss` as its\ncontrol. While it moves, the distance is on the `item` part as\n`--toast-swipe-x`.\n\n**Messages are inverted by default.** The item flips `color-scheme`, so a new\nmessage stands out from the page without using a color that carries meaning.",
+          "description": "Each message is an element because it has a timeout, a tone, a dismiss\ncontrol, and a lifetime that pauses.\n\n**Each item runs its own timer.** A timer held by the region would restart\nwith each new message, and the last of three messages would stay for nine\nseconds. It pauses while the pointer or focus is on the message, and while\nthe page is hidden, so a message is not spent in a background tab.\n\n**Each message is an `alertdialog` named by its words**, which is how a reader\nwho moves into the stack hears which message they are on. Give it a\n`heading` and a `description`, and the heading names it and the description\ndescribes it, for a message with a title and a line of detail. The region\nsays each message once as it arrives, a `danger` one assertively, so a\nmessage is never a live region of its own.\n\nA touch or a pen swipes a message toward the end of the line, and past\nhalfway, or quickly, dismisses it through the same `helix-dismiss` as its\ncontrol. While it moves, the distance is on the `item` part as\n`--toast-swipe-x`.\n\n**Escape dismisses the message holding focus**, through the same\n`helix-dismiss`, and focus moves to the next message.\n\n**Messages are inverted by default.** The item flips `color-scheme`, so a new\nmessage stands out from the page without using a color that carries meaning.",
           "name": "HelixHeadlessToastItem",
           "cssProperties": [
             {
@@ -167563,7 +169646,7 @@
               "name": "countdown",
               "privacy": "private",
               "readonly": true,
-              "default": "new CountdownController(this, { done: () => { this.dismiss() }, holdWhileHidden: true, paused: (paused) => { this.toggleAttribute('data-paused', paused) }, })",
+              "default": "new CountdownController(this, { done: () => { this.dismiss() }, holdWhileHidden: true, paused: (paused) => { this.toggleAttribute('data-paused', paused) this.toggleState('paused', paused) }, })",
               "description": "The dismiss timer, which pauses while a reader is on the message, and\nwhile the page is hidden, and continues from what was left. A message that\narrives in a background tab waits for the reader to come back, as React\nAria's toast queue does.\n\nPaused is said on the host so the indicator can freeze with the clock. A\n`data-` attribute rather than a property, because it is written after\nupgrade from a pointer moving: nothing declares it and no server rendered\nit, which is the same reason `Carousel` names its slides from here."
             },
             {
@@ -167576,6 +169659,54 @@
               "attribute": "tone",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "waiting",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the region holds the message back, because more messages are\nshowing than its `max-visible`. The region sets it. A waiting message is\nhidden, its timer has not started, and it is said once it shows."
+            },
+            {
+              "kind": "field",
+              "name": "started",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the dismiss timer has started, which it does once the message first shows."
+            },
+            {
+              "kind": "field",
+              "name": "holding",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the timer is held for `waiting`, so the hold is let go once."
+            },
+            {
+              "kind": "method",
+              "name": "wait",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "waiting",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Starts the timer when the message first shows, and holds it while it waits again."
+            },
             {
               "kind": "field",
               "name": "openState",
@@ -167641,6 +169772,13 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "handleKeydown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Escape dismisses the message holding focus, as Radix's toast does. Taken\nonly when the dismissal goes ahead, so a refused one leaves the key to\nthe page."
+            },
             {
               "kind": "method",
               "name": "assigned",
@@ -168248,6 +170386,28 @@
               }
             }
           ],
+          "cssStates": [
+            {
+              "description": "The message has been dismissed and is hidden, or leaving.",
+              "name": "closed"
+            },
+            {
+              "description": "The dismiss timer is paused, while a pointer or focus is on the message, or while the page is hidden.",
+              "name": "paused"
+            },
+            {
+              "description": "The region holds the message back, past its `max-visible`, until a message before it goes.",
+              "name": "waiting"
+            },
+            {
+              "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": "MixinDismissible",
@@ -168269,16 +170429,6 @@
           },
           "tagName": "helix-headless-toast-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/toast/item/toast-item.ts",
           "definitionPath": "src/toast/item/toast-item.ts"
         }
@@ -168308,7 +170458,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The region and its items are one family because a live region must be in the\ndocument before a message is added to it. Assistive technology often does not\nannounce a region that arrives already holding its message. `Radio.Group` is\npart of its family for the same reason.\n\n**The region is a landmark named by `label`, and it says each message once\nas it arrives**: a `danger` message assertively, and every other one\npolitely. It says the word for the tone, the heading, the description and\nthe text, and not the actions, through two live regions of its own, the\n`live` parts, which it empties again a moment later. The stack itself is not\na live region, so a message is never said twice, and changing the words of a\nmessage already showing says nothing. Each message is an `alertdialog` named\nby its words, so a reader who moves into the stack hears which message they\nare on.\n\n**`hotkey` takes focus to the stack and back**, F8 unless you set it, and\n`label` says which key: `{hotkey}` in it is filled in, so the default name\nis \"Notifications (F8)\". Pressed while focus is in the stack, it gives focus\nback to where it was.\n\n**The region never creates or removes items.** You render items and remove\nthem. An item requests closing with a cancelable `helix-dismiss` event. A\ndismissed item hides itself and stays in the DOM, so your framework's state\nand the DOM stay in sync. It hides on its own unless you set `open`, which\nmakes the state yours.\n\n**`add()` shows a message from script**, for a page with no framework state\nto render them from: it appends a message of the region's own tier and\nremoves it once it has been dismissed and has finished leaving. Messages\nyou render yourself stay yours, and the region never removes them. A touch\nor a pen swipes a message away toward the end of the line.\n\n**The stack is in the top layer.** The `region` part is a `popover=\"manual\"`\nshown while a message is showing, and shown again above a modal dialog that\nopened after it. Position the `region` part, which is the box in the top\nlayer. While a modal `Dialog`, `Drawer` or `Lightbox` is open, the browser\nmakes everything outside it inert, the stack included, so a message stays\nvisible and its actions cannot be pressed. Where the browser has\n`ariaNotify`, a message that arrives then is announced through it. For a\nmessage with an action, render a second region inside the dialog.\n\nWhen a message with focus inside it is dismissed, focus moves to the next\nmessage, then the one before it, then back to where it was before it entered\nthe stack.",
+          "description": "The region and its items are one family because a live region must be in the\ndocument before a message is added to it. Assistive technology often does not\nannounce a region that arrives already holding its message. `Radio.Group` is\npart of its family for the same reason.\n\n**The region is a landmark named by `label`, and it says each message once\nas it arrives**: a `danger` message assertively, and every other one\npolitely. It says the word for the tone, the heading, the description and\nthe text, and not the actions, through two live regions of its own, the\n`live` parts, which it empties again a moment later. The stack itself is not\na live region, so a message is never said twice, and changing the words of a\nmessage already showing says nothing. Each message is an `alertdialog` named\nby its words, so a reader who moves into the stack hears which message they\nare on.\n\n**`hotkey` takes focus to the stack and back**, F8 unless you set it, and\n`label` says which key: `{hotkey}` in it is filled in, so the default name\nis \"Notifications (F8)\". Pressed while focus is in the stack, it gives focus\nback to where it was.\n\n**The region never creates or removes items.** You render items and remove\nthem. An item requests closing with a cancelable `helix-dismiss` event. A\ndismissed item hides itself and stays in the DOM, so your framework's state\nand the DOM stay in sync. It hides on its own unless you set `open`, which\nmakes the state yours.\n\n**`add()` shows a message from script**, for a page with no framework state\nto render them from: it appends a message of the region's own tier and\nremoves it once it has been dismissed and has finished leaving. Messages\nyou render yourself stay yours, and the region never removes them. A touch\nor a pen swipes a message away toward the end of the line.\n\n**The stack is in the top layer.** The `region` part is a `popover=\"manual\"`\nshown while a message is showing, and shown again above a modal dialog that\nopened after it. Position the `region` part, which is the box in the top\nlayer. While a modal `Dialog`, `Drawer` or `Lightbox` is open, the browser\nmakes everything outside it inert, the stack included, so a message stays\nvisible and its actions cannot be pressed. Where the browser has\n`ariaNotify`, a message that arrives then is announced through it. For a\nmessage with an action, render a second region inside the dialog.\n\nWhen a message with focus inside it is dismissed, focus moves to the next\nmessage, then the one before it, then back to where it was before it entered\nthe stack.\n\n**`max-visible` limits how many messages show at once**, as Zag's `max`\ndoes. The messages after that many, in document order, wait: each is hidden,\nits timer has not started, and the region says it once it shows, when a\nmessage before it goes. A waiting message has `:state(waiting)`.\n\n**Keyboard.**\n\n| Key | What it does |\n|---|---|\n| F8, or your `hotkey` | Moves focus to the first control in the stack, and back to where it was when pressed in the stack. |\n| Tab, Shift+Tab | Moves between the controls of the messages. |\n| Escape | Dismisses the message holding focus. Focus moves to the next message, then the one before it, then back to where it was. |",
           "name": "HelixHeadlessToast",
           "cssParts": [
             {
@@ -168360,6 +170510,15 @@
                 "words": true
               }
             },
+            {
+              "kind": "field",
+              "name": "maxVisible",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "How many messages show at once. The messages after that many wait, hidden\nand with their timers stopped, until a message before them goes. Unset,\nevery message shows.",
+              "attribute": "max-visible"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -168545,6 +170704,36 @@
               "description": "The messages that are showing, in order.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "held",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new WeakSet<Element>()",
+              "description": "The messages `max-visible` holds back."
+            },
+            {
+              "kind": "method",
+              "name": "queue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              },
+              "description": "Holds back the messages past `max-visible`, and returns the ones it has\njust let go. A message that has been dismissed takes no place in the line."
+            },
+            {
+              "kind": "method",
+              "name": "restack",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Lets go of the messages past `max-visible` that now have room, raises the\nstack and says them, once each has shown."
+            },
             {
               "kind": "field",
               "name": "region",
@@ -169006,6 +171195,14 @@
               "description": "Accessible name for the region, with `{hotkey}` filled in. Translate it with\nthe rest of your interface.",
               "fieldName": "label"
             },
+            {
+              "name": "max-visible",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "How many messages show at once. The messages after that many wait, hidden\nand with their timers stopped, until a message before them goes. Unset,\nevery message shows.",
+              "fieldName": "maxVisible"
+            },
             {
               "name": "placement",
               "type": {
@@ -169599,6 +171796,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 +172993,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 +181703,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 +182130,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 +182160,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"
         }
@@ -179988,6 +182228,10 @@
               "description": "The column at the start of an entry. It is a slot and is always present.",
               "name": "entry-start"
             },
+            {
+              "description": "The panel an entry's submenu opens in beside it. The playlist's entries have none.",
+              "name": "entry-surface"
+            },
             {
               "description": "The menu that holds the entries.",
               "name": "menu"
@@ -180744,13 +182988,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 +183038,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 +183207,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 +183753,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 +183805,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 +183853,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 +184131,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 +184172,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "PLAYER_KEYS",
+          "declaration": {
+            "name": "PLAYER_KEYS",
+            "module": "src/video/root/keys.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "takeKey",
@@ -181864,7 +184196,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": [
             {
@@ -181969,6 +184301,10 @@
               "description": "The leading column that holds the `start` slot. It is always rendered.",
               "name": "entry-start"
             },
+            {
+              "description": "The panel a row's submenu opens in beside it. The player's rows have none.",
+              "name": "entry-surface"
+            },
             {
               "description": "The message shown when the source cannot be played.",
               "name": "failure"
@@ -181986,7 +184322,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 +184546,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 +184585,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 +184781,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 +184830,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 +184895,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 +185071,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 +185769,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 +186485,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 +186512,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 +186665,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 +186701,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 +186746,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 +186880,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 +187391,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 +187685,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 +188661,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 +188702,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 +188728,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.155.0"
+    "version": "0.157.0"
   }
 }